﻿/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@100..900&display=swap');
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.css");

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;
}

button,a {cursor: pointer;}


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 {
font-family: "Outfit", sans-serif;
 box-sizing:border-box;
 line-height:1.5;
 font-style:normal;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

.flex {display:flex;}

/*--- BUTTON STYLES ---------------------*/
a.white-circle {width: 18%;}

a.white-circle button {     background: #fff;
    border: unset;
    border-radius: 100%;
    padding: 8px 19px;
    font-size: 20px;
    width: 100%;
    max-width: 50px;
    height: 45px;padding: 8px 11px;}

a.white-circle button:nth-child(2){max-width: 61px;}

a.white-button {width:100%;}
a.white-button button {background:#fff;width:100%;max-width:70%;border:unset;padding:15px 0;border-radius:8px;font-size:19px;margin-top:20px;font-family: "Outfit", sans-serif;transition:.3s;}

a.white-button button:hover {background:#be2026;color:#fff;}

a.red-button {flex:1;}
a.red-button button {background:#be2026;width:100%;max-width:100%;border:unset;padding:15px 0;border-radius:8px;font-size:17px;color:#fff;font-family: "Outfit", sans-serif;transition:.3s;}

a.red-button button:hover {background:#700011;}

/*--- HEADER STYLES ---------------------*/
header {}



/*---BODY--------------------------------*/

.inv-header p {font-family: "Bebas Neue", sans-serif;font-weight:900;text-transform:uppercase;font-size: clamp(1.875rem, 1.1538rem + 2.3077vw, 3.75rem);text-align:center;}

.inv-header {    border: solid #000 2px;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    padding: 3% 0;
    border-radius: 30px;
    margin-top: 5%;}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer{background:#000;color:#fff;}

.content {display: flex;width: 100%;justify-content: space-between;align-items: center;padding-bottom: 50px;}

.footer-heading {padding-bottom: 7%;}

.footer-logo img{width: 100%;max-width: 180px;}

.footer .flex.wrapper {justify-content: space-between;width:100%;max-width: 91%;margin:0 auto;align-items: center;padding: 2% 0 0;flex-direction: column;}

.footer-categories {display:flex;justify-content: space-between;width: 100%;max-width: 42%;}
.footer-bottom {border-top:1px solid #fff;text-align:center;padding: 20px 0 10%;width: 100%;}

.footer-cat {width: 60%;}
.time-flex {display: flex;width: 100%;justify-content: space-between;}

.footer-content p {padding-bottom:4%;}

span.large-text {font-weight: 900;text-transform: uppercase;font-family: "Bebas Neue", sans-serif;font-size: clamp(1rem, 0.7837rem + 0.6923vw, 1.5625rem);}

.social-flex{display:flex;gap:5px;margin-top:20px;}
.social-flex img{width:100%;max-width: 70px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/



.ground-bcrumbs {padding-top: 50px;}
a.view-listing-details-link.des-view-listingDetails.template-branded-button,.list-content .listing-widgets .Currency a,.faceted-search-content .selected-facets-container .selected-facet {background:#be2026 !important;}

/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1200px) {
	.footer-categories {display: flex;justify-content: space-between;width: 100%;max-width: 61%;}
}

@media only screen and (max-width: 800px) {
	.content {flex-direction:column;}
	.footer-categories {flex-direction: column;max-width:100%;align-items: start;}
	.footer-cat {width:100%;}
	.social-flex {padding-bottom: 22px;gap: 10px;}
	a.white-circle {width: 9%;}
	.footer .flex.wrapper {padding: 6% 0 0;}
}

@media only screen and (max-width: 1240px) {
	a.red-button button {max-width: 250px;}
	a.red-button {flex:0;width:unset;}
	
}

@media only screen and (max-width: 1000px) {
	.inv-header {max-width: 90%;}
	
}

@media screen and (max-width: 767px)  {
	.footer-heading {padding-bottom: 5%;}
	a.red-button button {display: none;}
}

@media screen and (max-width: 600px)  {
	.footer-heading {padding-bottom: 5%;}
	a.white-circle {width: 11%;}
}

@media screen and (max-width: 500px)  {
	.footer-heading {padding-bottom: 5%;}
	a.white-circle {width: 16%;}
}





