/***** 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;  
} 

/*-------- COLORS --------

*/

/***** 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 {}

.talbott-header { position: relative; z-index: 1004; width: 100%; }
.talbott-header a.header-logo img { position: absolute; z-index: 2; top: 0; left: 5%; width: 150px; object-fit: contain; box-shadow: 0 0 12px rgba(0, 0, 0, .7); }
.talbott-header .header-naa { position: absolute; top: 0; left: calc(5% + 200px); height: 40px; color: #ffece5; font-size: 16px; letter-spacing: .5px; display: flex; align-items: center; }
.talbott-header .header-right { width: 100%; display: flex; flex-direction: column; align-items: center; box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.talbott-header .header-right > div { width: 100%; display: flex; justify-content: center; align-items: center; padding: 0 60px; box-sizing: border-box; }
.talbott-header .header-right .topheader { background: #362511; /* BROWN */ }
.talbott-header .header-right .topheader > div { width: 100%; max-width: 3000px; height: 40px; display: flex; justify-content: flex-end; align-items: center; }
.talbott-header .header-right .topheader .listed { margin: 0 0 0 60px; height: 100%; color: #ffc7b3; /* CORAL */ }
.talbott-header .header-right .topheader a:hover { color: #362511; /* BROWN */ }
.talbott-header .header-right .nav-div { padding-right: 24px; }
.talbott-header .header-right .nav-div > div { width: 100%; max-width: 3000px; display: flex; justify-content: flex-end; align-items: center; }

.talbott-header .inv-cats-sect { width: 1000px; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; padding: 20px 0 0 0; box-sizing: border-box; margin: 0 auto; }
.talbott-header .inv-cats-sect h2 { width: 100%; margin-bottom: 10px; text-align: center; color: #362511; /* BROWN */ font-family: 'Rubik', sans-serif; font-size: 24px; }
.talbott-header .inv-cats-sect a { display: flex; justify-content: center; align-items: center; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 600; text-align: center; color: #362511; /* BROWN */ width: 25%; padding: 8px 6px; box-sizing: border-box; border: 1px solid #362511; background: #9ad0d2; }
.talbott-header .inv-cats-sect a:hover { background: #ffc7b3; /* CORAL */ color: #1f150a; /* DARK BROWN */ }

/*---BODY--------------------------------*/
.bg-turq { background: #9ad0d2; /* TURQUOISE */ }

.content-sect.listed-holder { padding: 0; }

.listed { display: flex; justify-content: flex-start; align-items: center; font-family: 'Rubik', sans-serif; font-size: 16px; line-height: 32px; text-align: left; color: #362511; /* BROWN */ margin: 12px 0; padding: 8px 10px; box-sizing: border-box; }
.listed span { text-align: left; }
.listed i { width: 22px; text-align: center; margin-right: 12px; }
.listed svg { width: 22px; text-align: center; margin-right: 12px; }
a.listed:hover { background: #ffc7b3; /* CORAL */ color: #1f150a; /* DARK BROWN */ }

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

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

.footer { width: 100%; display: flex; justify-content: center; padding: 24px 5% 24px calc(5% - 16px); /* accounting for foot-nav > a padding-left */ box-sizing: border-box; }
.footer > div { width: 100%; max-width: 2200px; display: flex; justify-content: space-between; align-items: center; }
.footer .foot-nav { width: 50%; padding-right: 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.footer .foot-nav a { margin: 4px 0; padding: 12px 16px; box-sizing: border-box; font-family: 'Rubik', sans-serif; font-size: 16px; letter-spacing: .5px; color: #362511; }
.footer .foot-nav a:hover { background: #ffc7b3; /* CORAL */ color: #1f150a; /* DARK BROWN */ }
.footer .foot-nav p { padding: 0 6px; box-sizing: border-box; font-family: 'Rubik', sans-serif; font-size: 16px; color: #362511; }
.footer .foot-soc { box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
.footer .foot-soc .listed { margin: 6px 0; }
.footer .foot-logos { display: flex; justify-content: flex-end; align-items: center; }
.footer img.foot-naa { width: 160px; object-fit: contain; margin: 0 20px 0 12px; }
.footer a.foot-logo img { width: 200px; object-fit: contain; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/



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

@media only screen and (min-width: 2000px) {
	.footer img.foot-naa { margin-right: 40px; }
}

@media only screen and (max-width: 2000px) {
	.footer .foot-nav { width: 480px; margin-top: 16px; }
	.footer img.foot-naa { margin-right: 30px; }
}

@media only screen and (max-width: 1300px) {
	.footer { padding-bottom: 50px; }
	.footer .foot-nav { margin-bottom: 80px; }
	.footer .foot-soc { margin-bottom: 65px; }
	.footer .foot-logos { width: unset; flex-direction: column; align-items: center; }
	.footer .foot-logos img.foot-naa { order: 2; margin: 20px 0 0 0; }
	.footer .foot-logos a.foot-logo { order: 1; }
}

@media only screen and (max-width: 1280px) {
	.talbott-header .header-right > .topheader { padding-right: 25px; }
	.talbott-header .header-right .topheader .listed { margin-left: 20px; }
}

@media only screen and (max-width: 1180px) {
	.talbott-header a.header-logo img { left: 0; } 
	.talbott-header p.header-naa { left: 170px; font-size: 15px; }
}

@media only screen and (max-width: 1150px) {
	.footer a.foot-logo img { width: 160px; }
}

@media only screen and (max-width: 1100px) {
	.talbott-header a.header-logo img { width: 130px; }
	.talbott-header p.header-naa { left: 150px; }
	.footer > div { flex-wrap: wrap; justify-content: center; }
	.footer .foot-nav { margin-bottom: 40px; width: 100%; padding-right: 0; justify-content: center; }
	.footer .foot-soc { margin-bottom: 0; }
	.footer .foot-logos { margin-left: 80px; }
}

@media only screen and (max-width: 1050px) {
	.talbott-header p.header-naa { font-size: 13px; }
}

@media only screen and (max-width: 1030px) {
	.talbott-header .inv-cats-sect { width: 100%; }
}

@media only screen and (max-width: 1000px) {
	.talbott-header a.header-logo img { width: unset; height: 120px; }
	.talbott-header p.header-naa { height: 30px; color: #362511; }
	.talbott-header .header-right { flex-direction: row; position: absolute; top: 30px; }
	.talbott-header .header-right .topheader { width: calc(100% - 150px); height: 60px; padding: 0 0 0 150px; }
	.talbott-header .header-right .topheader > div { justify-content: center; }
	.talbott-header .header-right .topheader .listed { height: 50px; margin: 0 0 0 10px; }
	.talbott-header .header-right .nav-div { width: 150px; padding: 0; }
	.talbott-header .inv-cats-sect { padding-top: 110px; }
	.footer .foot-nav { width: 80%; }
}

@media only screen and (max-width: 920px) {
	.footer { padding-bottom: 50px; }
}

@media only screen and (min-width: 851px) {
	.talbott-header .header-right .topheader .listed span.swap-in { display: none; }
}

@media only screen and (max-width: 850px) {
	.talbott-header .header-right .topheader .listed span.swap-in { display: flex; }
	.talbott-header .header-right .topheader .listed span.swap-out { display: none; }
	.talbott-header .inv-cats-sect a { width: 33.333333%; }
}

@media only screen and (max-width: 800px) {
	.talbott-header .header-right .topheader .listed { margin: 0 10px; }
}

@media only screen and (max-width: 750px) {
	.footer .foot-nav { width: 100%; }
}

@media only screen and (max-width: 700px) {
	.hide700 { display: none; }
	.talbott-header a.header-logo img { width: unset; height: 110px; }
	.talbott-header .header-right { top: 0; }
	.talbott-header .header-right .topheader { width: calc(100% - 80px); height: 80px; padding-left: 120px; }
	.talbott-header .header-right .topheader > div { justify-content: flex-end; }
	.talbott-header .header-right .topheader .listed { height: 60px; }
	.talbott-header .header-right .topheader .listed i { margin: 0 8px; font-size: 22px; }
	.talbott-header .header-right .topheader .listed svg { margin: 0 8px; font-size: 22px; }
	.talbott-header .header-right .nav-div { width: 80px; }
}

@media only screen and (max-width: 650px) {
	.talbott-header .inv-cats-sect a { width: 50%; }
}

@media only screen and (max-width: 600px) {
	.hide600 { display: none!important; }
	.footer { padding-left: 5%; }
	.footer > div { flex-direction: column; align-items: center; }
	.footer .foot-nav { order: 2; flex-direction: column; width: 100%; margin-top: 50px; }
	.footer .foot-nav p { display: none; }
	.footer .foot-soc { order: 3; }
	.footer .foot-soc .listed-holder { align-items: center; }
	.footer .foot-logos { order: 1; margin: 0; }
}

@media only screen and (max-width: 540px) {
	.hide540 { display: none; }
}

@media only screen and (max-width: 500px) {
	.talbott-header a.header-logo img { left: 0; height: 80px; box-shadow: none; }
	.talbott-header .header-right .topheader { padding-left: 80px; }
	.footer > div { flex-direction: column; }
	.footer a.foot-logo { order: 1; }
	.footer .foot-nav { order: 2; margin-top: 30px; }
	.footer .foot-soc { order: 3; justify-content: center; width: 100%; }
	.footer .foot-soc .content-sect.listed-holder { align-items: center; }
}

@media only screen and (max-width: 400px) {
	.talbott-header .header-right .topheader .listed { margin-right: 10px; }
	.talbott-header .inv-cats-sect a { width: 100%; }
}

@media only screen and (max-width: 330px) {
	.talbott-header .header-right .topheader .listed { display: none!important; }
}