/***** 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: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }

/*-------- BODY STYLES --------*/
body {

}

a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: none; }
hr { border:#000 1px solid; }

/*--- HEADER STYLES ---------------------*/
header {  }

.header { width: 100%; position: relative; z-index: 1004; background: #fff; border-bottom: 8px solid #f7c233; display: flex; justify-content: space-between; padding: 0 30px; box-sizing: border-box; }
.header-logo img { object-fit: contain; object-position: center; width: 174px; max-width: 80vw; padding: 4px 0 6px 0; box-sizing: border-box; }
.nav-div { display: flex; justify-content: center; align-items: flex-end; }
.header-soc { display: flex; justify-content: flex-start; align-items: flex-start; width: 180px; padding-top: 24px; box-sizing: border-box; }
.header-soc .yellow-icon-btn { width: 36px; height: 36px; font-size: 14px; margin: 0 4px; }

.header-logo-mobile { margin: 10px 0; }
.header-logo-mobile img { width: 100%; max-height: 110px; object-fit: contain; object-position: center; padding: 0 10%; box-sizing: border-box; }

/*---BODY--------------------------------*/
.yellow-icon-btn { display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; background: #f7c233; color: #fff; box-shadow: 1px 3px 4px rgba(0, 0, 0, .4); text-align: center; font-size: 18px; }
.yellow-icon-btn:hover { background: #162852; }

.listed { display: flex; justify-content: flex-start; align-items: flex-start; padding: 4px; box-sizing: border-box; font-family: 'Inter', sans-serif; font-size: 15px; letter-spacing: .5px; line-height: 20px; color: #162852; }
.listed i { font-size: 17px; width: 20px; text-align: center; margin-right: 10px; }
a.listed:hover { color: #f7c233; }

/*--------FORM STYLES--------------------*/


/*-------- FOOTER STYLES ----------------*/
footer {  }

.footer { width: 100%; display: flex; justify-content: space-between; align-items: stretch; padding: 40px 40px 90px 40px; box-sizing: border-box; border-top: 1px solid #162852; }
.footer div:not(.foot-soc-media) { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; box-sizing: border-box; }
.foot-map { width: 300px; }
.foot-map iframe { width: 300px; min-height: 260px; }
.foot-soc { padding: 0 40px; }
.foot-loc { padding: 0 40px; }
.foot-logo-div { width: 23%; max-width: 280px; min-width: 210px; align-items: center!important; }
.footer h4 { font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; color: #162852; width: 100%; text-align: center; margin-bottom: 32px; }
.footer a:not(.foot-logo) { margin-top: 16px; }
.foot-loc .listed { text-transform: uppercase; }
.foot-loc .listed i { font-size: 15px; margin-right: 14px; }
.foot-soc-media { display: flex; justify-content: center; margin-bottom: 40px; }
.foot-soc-media a { margin: 0 6px; }
.foot-logo { position: relative; }
.foot-logo:after { position: absolute; content: ""; top: calc(100% + 6px); height: 6px; left: -6px; right: -6px; background: #f7c233; }
.foot-logo img { width: min(82vw, 100%); }
.foot-foot { font-family: 'Inter', sans-serif; font-size: 12px; color: #000; width: 100%; text-align: center; margin-top: 24px; }

.foot-break { display: flex; width: 100%; height: 40px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { width: 100%; height: 80px; background: #fff; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2000px) {
	.footer { justify-content: center; }
	.footer div:not(.foot-soc-media) { margin-left: 40px; margin-right: 40px; }

}

@media only screen and (max-width: 1450px) {
	.foot-logo-div { width: 20%; max-width: 250px; }
}

@media only screen and (max-width: 1350px) {
	.header-logo img { width: 150px; }
	.header-soc { width: 150px; }
}

@media only screen and (min-width: 1231px) {
	.foot-break { display: none!important; }
}

@media only screen and (max-width: 1230px) {
	.header-logo img { width: 150px; }
	.header-soc { width: 150px; }
	
	.footer { flex-wrap: wrap; justify-content: space-around; }
	.foot-soc { padding-right: 0; }
	.foot-loc { padding-left: 0; }
}

@media only screen and (max-width: 1160px) {
	.header { padding: 0 min(5%, 20px); }
	.header-logo img { width: 130px; }
	.header-soc { width: 130px; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1050px) {
	.header-logo { order: 1; }
	.header-soc { order: 2; width: unset; margin-left: auto; margin-right: 20px; padding: 0; align-items: center; }
	.nav-div { order: 3; }
}

@media only screen and (min-width: 801px) {
	.inv-foot-spacer { display: none!important; }
}

@media only screen and (max-width: 700px) {
	.footer { flex-direction: column; align-items: center; padding-left: 5%; padding-right: 5%; }
	.footer h4 { margin-bottom: 16px; }
	.foot-map { margin-bottom: 50px; }
	.foot-soc { padding-left: 0; }
	.foot-break { height: 50px; }
	.foot-loc { margin-bottom: 50px; padding-right: 0; }
}

@media only screen and (max-width: 420px) {
	.header-soc { display: none!important; }
}