﻿/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; } 
ol, ul { list-style: none; } 
table { border-collapse: collapse; width: 100%; } 
td { vertical-align: top; }
/* Make HTML 5 elements display block-level for consistent styling */ 
header, nav, article, footer, address { display: block; } 
/***** END RESET *****/
::-moz-selection { background: #0a0a0a;  color: #fff; text-shadow: none; } 
::selection { background: #0a0a0a; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; } 
.cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
body {
	font-family: 'Montserrat', sans-serif; 
}

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #0a0a0a 1px solid; }
div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

/*--- HEADER STYLES ---------------------*/
header {  }

.aa-header {
	position: relative; z-index: 1004; background: #0a0a0a; 
	display: flex; flex-direction: column; align-items: stretch; 
}
.aa-header-main {
	position: relative; z-index: 5; padding: 32px max(32px, calc(50% - 720px)) 192px max(32px, calc(50% - 720px)); 
	display: flex; justify-content: space-between; align-items: center; 
}
.aa-header:before {
	position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 326px; content: ""; 
	background: #0a0a0a; background-image: url('/siteart/bg-header.jpg'); 
	background-size: cover; background-position: center; background-repeat: no-repeat; 
}
.aa-header-logo, .aa-header-logo img {
	position: relative; z-index: 3; 
	width: auto; height: auto; max-height: 100px; 
}
.aa-header-logo img {
	object-fit: contain; object-position: center; 
}
.aa-header-right {
	position: relative; flex-grow: 1; z-index: 8; 
	display: flex; flex-direction: column; align-items: flex-end; justify-content: center; row-gap: 16px; 
}
.aa-header-right-top {
	position: relative; 
	display: flex; flex-direction: row; justify-content: flex-end; align-items: center; 
}
.aa-header-right-top .listed { justify-content: center; min-width: 40px; min-height: 40px; }
.aa-header-right-top .listed i { font-size: 25px; }

.xl-logo {
	position: relative; z-index: 4; margin: -160px auto -101px auto; width: min(100%, 1000px); height: auto; 
	object-fit: contain; object-position: center; 
}

.subhero {
	position: relative; z-index: 3; width: 100%; padding: 176px 16px 24px 16px; 
	display: flex; flex-direction: column; align-items: center; row-gap: 16px; 
	background: #fff; background-image: url('/siteart/bg-subhero.jpg'); 
	background-size: cover; background-position: center; background-repeat: no-repeat; 
}
.subhero-title {
	position: relative; z-index: 3;
	font-family: 'Adamina', serif; font-size: 55px; font-weight: 700; line-height: 1; text-align: center; 
	text-shadow: 0 0 20px #fff; 
}
.big-letter { font-size: 66px; }
.subhero-featp {
	position: relative; z-index: 3; width: 100%; background: #fff; color: #0a0a0a; text-align: center; padding: 16px; 
	font-size: 18px; font-weight: bold; border-bottom: 4px solid #C89956; 
}

/* Site Colors: 
	
	Gold: #C89956; 
*/
/*---BODY--------------------------------*/
p a {
	transition: .3s ease all; 
}
p { color: #fff; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */


/* buttons / links / <a> / ctas */
.listed {
	position: relative; color: #fff; 
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; column-gap: 8px; 
	transition: .3s ease all; 
}

/* recommended styles */
.center-style, .center-style .title, .center-style p, 
.title.center-style, p.center-style { text-align: center; }

.txt-gold, a.listed:hover { color: #C89956; }

/* forced styles */
.txt-bold { font-weight: 700!important; }

.txt-upper { text-transform: uppercase!important; }

/*-------- FOOTER STYLES ----------------*/
footer {  }

.aa-footer {
	position: relative; width: 100%; background: #0a0a0a; padding: 42px 10%; border-top: 1px solid #202020; 
	display: flex; flex-direction: column; align-items: stretch; 
}
.foot-top, .foot-bottom {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; column-gap: 16px; row-gap: 20px; 
}
hr.foot-hr { 
	position: relative; display: flex; width: 100%; height: 1px; background: #202020; margin: 16px auto; border: none!important; 
}
.foot-logo, .foot-logo img {
	max-height: 50px; height: auto; 
}
.foot-logo img {
	width: auto; max-width: 100%; object-fit: contain; object-position: center;  
}
.aa-foot-col {
	position: relative; 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; 
}
.aa-foot-col .title {
	font-family: 'Adamina', serif; font-size: 20px; line-height: 20px; 
	color: #fff; text-align: left; margin-bottom: 16px; 
}
.aa-foot-col .title.foot-lg-title { font-size: 24px; line-height: 1; margin-bottom: 8px; }
.aa-foot-col p { color: #fff; }
.aa-foot-col a { 
	font-size: 14px; line-height: 20px; margin-bottom: 4px; color: #C89956; transition: .3s ease all; 
}
.aa-foot-col a:hover { color: #fff; }
.aa-foot-col .listed { font-size: 16px; padding: 8px 0; color: #fff; }
.aa-foot-col a.listed i { color: #fff; }
.foot-soc-col { width: 350px; }
.foot-affiliates { width: 180px; align-items: flex-end; }
.foot-affiliates img { width: min(100px, 100%); height: auto; object-fit: contain; object-position: center; margin-bottom: 8px; }
.foot-affiliates p { font-size: 14px; text-align: right; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { display: flex; width: 100%; height: 80px; background: #0a0a0a; }

/* AT styles */
.list.listing { display: flex!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2001px) {	/* MIND THE MIN-WIDTH */
	
}

@media only screen and (max-width: 1439px) {
	.aa-footer { padding-left: calc(16px + 2vw); padding-right: calc(16px + 2vw); }
}

@media only screen and (min-width: 1251px) {	/* MIND THE MIN-WIDTH */
	.show1250 { display: none!important; }
}

@media only screen and (max-width: 1250px) {
	.hide1250 { display: none!important; }
	
	.aa-header-right-top .listed i { font-size: 18px; }
}

@media only screen and (max-width: 1150px) {
	.foot-soc-col { width: 270px; }
}

@media only screen and (max-width: 1020px) {
	.foot-bottom { flex-wrap: wrap; justify-content: flex-start; }
	.aa-foot-col { width: calc(33% - 11px); }
	.foot-soc-col, .foot-affiliates { width: 100%; align-items: flex-start; }
	.foot-affiliates p { text-align: left; }
}

@media only screen and (max-width: 1000px) {
	.aa-header-main { padding-bottom: calc(16vw + 32px); }
	.xl-logo { margin-top: -16vw; margin-bottom: -10vw; }
	.subhero { padding-top: calc(10vw + 20px); }
}

@media only screen and (max-width: 769px) {
	
}

@media only screen and (max-width: 639px) {
	.aa-footer { padding-left: 16px; padding-right: 16px; }
}

@media only screen and (max-width: 500px) {
	.aa-foot-col { width: 100%; }
}

@media only screen and (max-width: 424px) {
	.aa-header-main { flex-wrap: wrap; justify-content: center; padding-top: 16px; padding-left: 4%; padding-right: 4%; }
	.aa-header-main:after { 
		background: #0a0a0a; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 16vw - 16px); content: ""; z-index: 1; 
	}
	.aa-header-right { margin-top: 16px; }
	.aa-header-right, .aa-header-right-top { width: 100%; }
	.aa-header-right-top .listed i { color: #C89956; }
	a.is-headertop-phone { margin-right: auto; }
	.aa-header-right-top a.menu-toggle { margin-left: auto; border-color: #C89956!important; }
	.aa-header-right-top a.menu-toggle:after, .mmtoggle-bar:before, .mmtoggle-bar:after { background: #C89956!important; }
}

