/*
Theme Name: Sandhills
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

:root {
	--white:#fff;
	--nearwhite: #fafafa;
	--offwhite:#efefef;
	
	
	
	
	--crysteelred:#d33a2c;
	
	--lightgray: #b9b9b9;
	--gray:#2e2e2e;
	
	--darkgray: #3a3a3a;
	
	--nearblack: #282828;
	--black: #0c0c0c;
}



/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

html {width:100%; scroll-behavior:'smooth';}
body {width:100%; font-size:100%; font-family: "roboto", sans-serif !important; background:var(--nearwhite);}


::selection {color:#000; background:var(--crysteelred);}
::-moz-selection {color:#000; background:var(--crysteelred);}

a:link, a:visited {color:inherit; text-decoration:none;}


.clear {clear: both;}



/*.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}
*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}*/









/* ----------------------------------------------
 * Generated by Animista on 2025-12-2 14:27:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-ver-top
 * ----------------------------------------
 */
@keyframes scale-up-ver-top {
  0% {
    transform: scaleY(0.4);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 0%;
  }
}


/* ----------------------------------------------
 * Generated by Animista on 2025-12-2 14:42:55
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@keyframes fade-in-top {
  0% {
    transform: translateY(-15px);
    opacity: 0;
	z-index:0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}








a.angle-button {padding:20px 45px; font-size:19px; font-weight:700;  color:var(--white); background:var(--crysteelred); clip-path: polygon(13% 0, 100% 0, 87% 100%, 0 100%);}



a.block-button {position:relative; display:inline-block; margin:5px; padding:18px 25px 16px 25px; font-size:16px; line-height:1; font-weight:800; letter-spacing:1px; text-transform: uppercase; color:var(--nearwhite); border-radius:4px; background:var(--crysteelred); transition: .6s ease-in;}
a.block-button:hover {background:var(--nearblack);}

a.pill-button {position:relative; display:inline-block; padding:18px 25px; line-height:1; font-weight:800; text-transform: uppercase; color:var(--nearwhite); border-radius:35px; background:var(--crysteelred); transition: .6s ease-in;}
a.pill-button:hover {background:var(--nearblack);}


a.outline-button {display:inline-block; padding:16px 23px 14px 23px; line-height:1; font-weight:800; text-transform: uppercase; color:var(--crysteelred); border:2px var(--crysteelred) solid; border-radius:4px; background:transparent; transition: .6s ease-in;}
a.outline-button:hover {color:var(--nearwhite); background:var(--crysteelred); border:2px var(--crysteelred) solid;}


a.white-button {display:inline-block; padding:18px 25px; line-height:1; font-weight:800; text-transform: uppercase; color:var(--nearwhite); border:2px var(--nearwhite) solid; border-radius:4px; background:transparent; transition: .6s ease-in;}
a.white-button:hover {/*color:#333; border:2px #333 solid; background:#efefef;*/ background:var(--crysteelred); border:2px var(--crysteelred) solid;}


a.block-button.back-button {padding:18px 25px 18px 40px; font-weight:700; }
a.back-button::after {content: "\f0a8"; position: absolute; z-index:2; top:18px; left:15px; font-size:16px; font-weight:400; rotate:6deg; color:var(--nearwhite); transition:.5s ease-in-out; font-family: FontAwesome;}
a.back-button:hover::after {rotate:12deg;}




h1 {font-size:26px; font-family: "Be Vietnam Pro", sans-serif;}
h2 {font-size:24px; font-weight:900; font-family: "Be Vietnam Pro", sans-serif;}
h3 {font-size:33px; font-family: "Be Vietnam Pro", sans-serif;}
h4 {/*font-size:18px;*/ font-family: "Be Vietnam Pro", sans-serif;}
h5 {/*font-size:16px;*/ font-family: "Be Vietnam Pro", sans-serif;}
h6 {/*font-size:14px;*/ font-family: "Be Vietnam Pro", sans-serif;}



/*  HEADER
------------------------------------------------*/
.head-top {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; padding:13px 3%;}

.head-phones a {display:inline-block; position:relative; margin:0 12px; font-size:20px;}
.head-phones a:first-of-type {margin-left: 0;}
.head-phones a:last-of-type {margin-right: 0;}
.head-phones a::after {content:""; position:absolute; z-index:5; top:8px; right:-15px; width:2px; height:100%; max-height:15px; rotate: 37deg; background:var(--crysteelred);}
.head-phones a:last-of-type::after {content:none;}

.head-social {}

.site-header {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; padding:28px 3%; color:var(--offwhite); background:var(--black);}

.head-logo {max-width:100%;}

.head-search {align-self:flex-end; display:flex; flex-flow:column wrap; align-items:flex-end; justify-content: space-between;}


/*  QUICK SEARCH - DESKTOP
------------------------------------------------*/
form.quick-search-form {
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width:425px;
    margin:0;
    border-radius: 2px;
    background:var(--gray) !important;
}
.quick-search-form input[type="text"] {
    width: calc(100% - 60px) !important;
    height: auto!important;
    margin: 0;
    padding: 18px 8px 18px 28px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 400;
    color: var(--lightgray) !important;
    box-sizing: border-box !important;
    border-radius: 0;
    border: 0 !important;
    background:var(--gray) !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
}
.quick-search-form input[type="text"]:focus {
	color: var(--white) !important;
	border:none !important;
	outline:none!important;
	outline: 2px solid #005fcc;
  	outline-offset: 2px;
	background:var(--gray) !important;
}

.quick-search-form button[type="submit"] {
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 60px;
    height: 51px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    color:var(--white);
    border: none;
    border-radius: 0;
	background:transparent !important;
    transition: all 0.2s ease-in-out;
    -webkit-appearance: none;
    font-family: "Font Awesome 7 Free";
}
.quick-search-form button[type="submit"]:hover {
    color:var(--crysteelred);
}
.quick-search-form button[type="submit"]:focus {
    color:var(--black);
}


/*  ADVANCED SEARCH - LINK / SLIDE DOWN
------------------------------------------------*/
.dropdown-search-icon {
    display: inline-block;
    margin:0;
}
.dropdown-search-icon label {
    cursor: pointer;
    display: inline-block;
    padding:5px;
    font-size:20px;
    color:var(--white);
    transition: 0.65s;
}
.dropdown-search-icon label:hover {
    color: #929292;
}
input.search-icon-trigger {
    display: none;
}
.search-slider {
    position: relative;
    z-index: 100;
    overflow: hidden;
    width: 100%;
    height: 0;
    margin: 0 auto;
    padding: 0;
    background:var(--darkgray);
    transition: 0.65s ease;
}
.search-slider input[type="submit"]:hover {
    background: #323746;
}
input.search-icon-trigger:checked + .search-slider {
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
	animation: scale-up-ver-top 0.65s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	background:var(--darkgray);
}
form.advanced-search-form {
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    width: 94%;
    margin: 0 auto;
}
.advanced-search-form input[type="text"],
.advanced-search-form select{
    width: calc(24% - 15px) !important;
    height: 51px !important;
    margin: 0 1% 0 0;
    padding:3px 20px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 400;
    color: var(--gray) !important;
    box-sizing: border-box !important;
    border-radius: 0;
    border: 0 !important;
    background: var(--nearwhite) !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
}

.advanced-search-form input[type="text"]:focus,
.advanced-search-form select:focus{
	color: var(--nearblack) !important;
	border:none !important;
	outline:none!important;
	outline: 2px solid #005fcc;
  	outline-offset: 2px;
	background:var(--nearwhite) !important;
}
.advanced-search-form button[type="submit"] {
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 55px;
    height: 51px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    color:var(--nearwhite);
    border: none;
    border-radius:2px !important;
	background:var(--crysteelred) !important;
    transition: all 0.2s ease-in-out;
    -webkit-appearance: none;
    font-family: "Font Awesome 7 Free";
}
.advanced-search-form button[type="submit"]:hover {
    color:var(--lightgray);
}
.advanced-search-form button[type="submit"]:focus {
    color:var(--crysteelred);
	background:var(--nearblack) !important;
}


/*  MOBILE SEARCH - ICON / SLIDE DOWN
------------------------------------------------*/
.mobile-search {display:none;}

.mobile-dropdown-search-icon {
    display: inline-block;
    margin:0;
}
.mobile-dropdown-search-icon label {
    cursor: pointer;
    display: inline-block;
    padding:5px;
    font-size:24px;
    color:var(--white);
    transition: 0.65s;
}
.mobile-dropdown-search-icon label:hover {
    color: #929292;
}
input.mobile-search-icon-trigger {
    display: none;
}
.mobile-search-slider {
    position: relative;
    z-index: 100;
    overflow: hidden;
    width: 100%;
    height: 0;
    margin: 0 auto;
    padding: 0;
    background:var(--darkgray);
    transition: 0.65s ease;
}
.mobile-search-slider input[type="submit"]:hover {
    background: #323746;
}
input.mobile-search-icon-trigger:checked + .mobile-search-slider {
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
	animation: scale-up-ver-top 0.65s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	background:var(--darkgray);
}
form.mobile-quick-search-form {
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    width: 94%;
    /*max-width: 1450px;*/
    margin: 0 auto;
/*    background: var(--nearwhite) !important;*/
}

.mobile-quick-search-form input[type="text"] {
    width: calc(99% - 55px) !important;
    height: 51px !important;
    margin: 0 1% 0 0;
    padding:3px 20px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 400;
    color: var(--gray) !important;
    box-sizing: border-box !important;
    border-radius: 0;
    border: 0 !important;
    background: var(--nearwhite) !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
}

.mobile-quick-search-form input[type="text"]:focus {
	color: var(--nearblack) !important;
	border:none !important;
	outline:none!important;
	outline: 2px solid #005fcc;
  	outline-offset: 2px;
	background:var(--nearwhite) !important;
}
.mobile-quick-search-form button[type="submit"] {
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 55px;
    height: 51px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    color:var(--nearwhite);
    border: none;
    border-radius:2px !important;
	background:var(--crysteelred) !important;
    transition: all 0.2s ease-in-out;
    -webkit-appearance: none;
    font-family: "Font Awesome 7 Free";
}
.mobile-quick-search-form button[type="submit"]:hover {
    color:var(--lightgray);
}
.mobile-quick-search-form button[type="submit"]:focus {
    color:var(--crysteelred);
	background:var(--nearblack) !important;
}


/*  SUB NAVIGATION
------------------------------------------------*/
.sub-nav ul {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-around; margin:0 .5%; padding:0;}
.sub-nav li {list-style:none; flex:1; margin:1%;}
.sub-nav li a {position:relative; display:inline-block; width: 100%; padding:18px 5%; font-size:19px; font-weight:900; text-align:center; color:var(--white); border:3px var(--black) solid; background:var(--crysteelred); transition:.5s ease-in-out;}
.sub-nav li a:hover {border:3px var(--darkgray) solid; background:var(--nearblack);}


/*  HERO
------------------------------------------------*/
.hero {position:relative;}
/*.hero::after {content:''; position:absolute; z-index:0; top:0; left:0; width: 100%; height:100%; background:var(--nearwhite);; background: linear-gradient(0deg, rgba(245, 245, 245, 0.9) 0%, rgba(255, 255,255, 0.1) 100%);}
*/

/*.hero-overlay {position: absolute; z-index:10; right:0; left:0; bottom:10%; width:95%; margin:auto; font-family: "Be Vietnam Pro", sans-serif;}

.overlay-wrapper {display:flex; flex-flow:row wrap; align-items:flex-end; justify-content: center;}

.hero-name {position:relative; margin-right:calc(5% + 60px); font-size: 30px; line-height:1; font-weight:600; text-align: right; font-style:italic;}
.hero-name strong {font-size:37px; font-weight:800; text-transform: uppercase;}
.hero-name::after {content:""; position:absolute; z-index:5; top:20px;right:-10%; width:2px; height:100%; max-height:112px; rotate:37deg; background:var(--crysteelred);}

.hero-motto {font-size: 30px; font-weight:700; font-style:italic; text-align:right;}*/

.hero-overlay {font-size: 30px; line-height:1.4; font-weight:600; font-family: "Be Vietnam Pro", sans-serif;}
.hero-overlay strong {font-size:37px; font-weight:800;}
	
	
/*  CTA PRODUCT CATALOG
------------------------------------------------*/
.cta-product {position:relative; display:flex; flex-flow:row wrap; /*align-items:center; */justify-content: space-between; color:var(--nearwhite); background:var(--black);}

.cta-product-body {/*flex:1;*/ width: 65%; margin:50px 5%;}
.cta-product-body h2 {font-size:40px; font-weight:800; line-height:1;}
.cta-product-body h2 span {font-size:33px; font-weight: 700;}
.cta-product-body p {font-size:22px; line-height:33px;}


.cta-product-image {/*position:absolute;*/ position:relative; overflow:hidden; /*width:600px;*/ width:25%; /*height:100%;*/ /*top: 50%; left: 50%; transform: translate(-50%, -50%);*/}
.cta-product-image img {/*max-width:100%;*/ position:absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); width:100%; object-fit: cover; object-position: center;}


/*  HOME PAGE BRANDS
------------------------------------------------*/
.brand-highlights {position: relative; z-index:2; display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; padding:calc(1.5% + 30px) 5%; background:var(--crysteelred);}

.brand-highlight-item {position:relative; z-index:3; flex:.25; text-align: center; margin:0 5%;}
.brand-highlight-item::after {content:""; position:absolute; z-index:5; right:-33.33%; width:2px; height:100%; max-height:112px; rotate: 37deg; background:var(--white);}
.brand-highlight-item:last-of-type::after {content:none;}
.brand-highlight-item img {max-width:100%; margin:0 auto; filter: brightness(0) saturate(100%) invert(100%) sepia(55%) saturate(0%) hue-rotate(154deg) brightness(117%) contrast(101%);}

.brand-highlight-footnote {margin-bottom:calc(3.5% + 30px); padding:1.5% 5%;}


/*  INTRO SECTION
------------------------------------------------*/
.intro-section {position: relative; z-index:1; margin:0 5%;}
.intro-section p{font-size: 22px; line-height:33px;}















/*  SUB HERO
------------------------------------------------*/
.sub-hero {color:var(--nearblack); background:var(--offwhite);}

.sub-hero-wrap {width: 95%; margin: 0 auto; padding:50px 0 30px 0; text-align: center;}
.sub-hero-wrap h1 {margin-bottom: 20px; font-size:42px; font-weight:900;  text-align:center; text-transform: uppercase;}
.sub-hero.gallery-hero h1{font-size:28px; text-transform: none;}
.sub-hero-wrap .sub-hero-intro {margin-bottom: 20px; font-size:20px; line-height:1.5; font-weight:300; text-align:center;}



/*  BREADCRUMBS
------------------------------------------------*/
.bread-nav {display: flex;  gap: 10px; width: 95%; margin: 0 auto; padding: 20px 0;}
.bread-nav p,
.bread-nav p a {font-size: 16px; line-height:1; color:var(--gray);}



/*  SUB MAIN
------------------------------------------------*/
.sub-main {
	box-sizing:content-box; /*max-width:1200px; margin:0 auto; padding:calc(3.5% + 30px) 5%;*/
	
	width: 95%;
    margin: 0 auto;
    padding: 20px 0 80px 0;
	/*padding-right: min(50px, 5%); padding-left: min(50px, 5%);*/
}

.sub-main h1 {font-size:26px;}
.sub-main h2 {margin-bottom: 20px; font-size:28px; text-transform: uppercase; font-weight:800;}
.sub-main h3 {margin-top: 30px; margin-bottom: 20px; font-size:24px; font-weight:700;}
.sub-main h4 {margin-bottom: 20px;font-size:22px; font-weight:600;}

.sub-main p {font-size: 20px; line-height:1.5;}
.sub-main p a {color:var(--crysteelred);}

.sub-main ul,
.sub-main ol {font-size: 20px; line-height:33px;}

/*

font-family: roboto, sans-serif;

font-family: "Be Vietnam Pro", sans-serif;

*/


















/*  HOME PAGE INVENTORY CATEGORIES
------------------------------------------------*/
.category-highlight {position: relative; z-index:1; /*display:flex; flex-flow:row wrap; justify-content:center; */margin:1%;}

.post-container-categories {position: relative; z-index:1; display:flex; flex-flow:row wrap; justify-content: center; margin:1%;}
.column-padding-categories {width:23%; margin:1%;}

.column-padding-categories .category-item {box-sizing:content-box;}

.category-item {box-sizing:content-box; /*width:23%; margin:1%;*/}
.category-item a {color:var(--white);}
.category-item img {width: 100%;max-width: 100%;    max-height:320px;object-fit: cover !important;  object-position: center; /*aspect-ratio: 1.16 / 1;*/ width:100%; border:3px var(--black) solid;}
.category-item span {display:block; margin-top:4%; padding:3% 15px; font-size:calc(.215vw + 16px); font-weight:900; text-transform: uppercase; text-align:center; color:var(--white); background:var(--black); }

.category-highlight-footnote {margin:0 3.5%;}





.post-container-brands {position: relative; z-index:1; display:flex; flex-flow:row wrap; /*align-items:center; */justify-content: flex-start; margin:1%;}
.column-padding-brands {width:23%; min-width:275px; margin:1%;}
.product-brand-item {/*flex:.25;*/ box-sizing:content-box; }

.product-brand-item a img {border:3px var(--black) solid;}
.product-brand-item a {display:block; width: 100%;  color:var(--white);}
.product-brand-item img {aspect-ratio: 13 / 6; max-width:100%; }
.product-brand-item span {display:block; margin-top:4%; padding:3% 15px; font-size:1.25vw; font-weight:900; text-transform: uppercase; text-align:center; color:var(--white); background:var(--black); }







.product-brand-listing-item {position: relative; border:1px var(--offwhite) solid; transition: .25s ease-in;}
.product-brand-listing-item:hover {box-shadow: 0 1px 16px 6px rgba(0, 0, 0, 0.025);}

.product-brand-intro {position: relative; width:100%; aspect-ratio: 1 / .65; background-color:var(--offwhite); }
.product-brand-intro a.product-manu-icon i{position:absolute; top:10px; right:10px; width:35px; height:35px; font-size:18px; line-height:35px; text-align:center; color:var(--gray); border-radius:50%; background:var(--lightgray); transition: .5s ease-in;}
.product-brand-intro a.product-manu-icon:hover i {background:var(--black);}
.product-brand-intro img.product-brand-logo {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; transition: .5s ease-in;}
.product-brand-listing-item:hover img.product-brand-logo {transform:translate(-50%, -50%) scale(1.05);}


.product-brand-details {display:flex; flex-flow:row; align-items:center; justify-content: flex-start; min-height: 128px; padding:20px; text-align: left;}
.product-brand-details .product-link-icon-wrap {margin-right:20px; display:inline-flex; flex-flow:row wrap; align-items:center;}
.product-brand-details a.product-link-icon i{width:45px; height:45px; font-size:18px; line-height:45px; text-align:center; color:var(--white); border-radius:50%; background:var(--crysteelred);transition: .5s ease-in;}
.product-brand-details a.product-link-icon:hover i {background:var(--gray);}
.product-brand-details .product-brand-listing-title {font-size:20px; line-height:1.15; font-weight: 900; font-family: "Be Vietnam Pro", sans-serif;}
.product-brand-details .product-brand-listing-title span {font-size:16px; font-weight:300;}

a.product-manu-link{position: relative; display:block; margin-top:4%; padding:15px 25px; font-size:16px; font-weight:600;  text-align:center; color:var(--nearblack);  background:var(--offwhite); transition: .5s ease-in;}
a.product-manu-link i {position:absolute; top:18px; right:5px;}
a.product-manu-link:hover {background:var(--nearwhite);}

a.product-inv-link {display:block; padding:15px 15px; font-size:18px; font-weight:300; text-align:center; color:var(--white); background:var(--crysteelred); transition: .5s ease-in;}
a.product-inv-link b {font-weight:800; }
a.product-inv-link:hover {background:var(--nearblack);} 



/*---GALLERY--*/
a.gallery-box {position: relative;margin: 5px;overflow: hidden;display: block;border-radius: 3px;transition:.6s ease all;}
.gallery-box img {height: 100%;width: 100%;object-fit: cover;}
.gallery-overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.65);transition:.4s ease all;display: flex;align-items: center;justify-content: center;color: #fff;}
a.gallery-box:hover > .gallery-overlay {background: rgba(0,0,0,0.33);}
.gallery-overlay h2 {width: 90%;margin: 0 auto;font-size: 18px;text-transform: uppercase;letter-spacing: 2px;}

.upcoming-a-gallery {display:grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}



.upcoming-a-gallery img {position:relative; z-index:1; width: 100%;max-width: 100%;  /*border:2px var(--black) solid;*/ transition: .2s ease-in; display: block;object-position: center; margin: 0 auto; cursor: pointer;max-height:300px;object-fit: cover !important;}
.upcoming-a-gallery img:hover {opacity:.75;}
/*.upcoming-a-gallery img::before {content: "\f065"; position: absolute; z-index:5; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:28px; font-weight:400;color:var(--black); font-family: FontAwesome;}*/

.gallery-pg h2 {margin-bottom: 20px; font-size:26px; text-transform: none; font-weight:800;}





.post-container-project-galleries {position: relative; z-index:1; display:grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin:1%;}
.column-padding-project-galleries {/*width:31.33%; min-width:275px; margin:1%;*/}
	
.gallery-select-category-item { box-sizing:content-box; border:1px var(--offwhite) solid; transition: .25s ease-in;}
.gallery-select-category-item:hover {box-shadow: 0 1px 16px 6px rgba(0, 0, 0, 0.025);}
.gallery-select-category-item:hover img {opacity:.75;}
.gallery-select-category-item a {position:relative; display:block; color:var(--nearblack); background:var(--offwhite);}
.gallery-select-category-item img {display: block; width: 100%;  max-width: 100%; max-height: 300px;margin: 0px auto;  object-fit: cover !important; object-position: center center; transition: 0.2s ease-in; cursor: pointer;}
.gallery-select-category-item span {
   position:relative;  width: 100%; min-height: 100px; display:flex; flex-flow:column; justify-content:center;  padding:15px 30px 15px 55px; font-size:20px; line-height:1.25; font-weight:800; text-transform:none; text-align:left; font-family: "Be Vietnam Pro", sans-serif;
}
.gallery-select-category-item span::before {content: "\f302"; position: absolute; z-index:5; top: 50%; left:12px; transform: translatey(-50%); width:30px; height:30px; font-size:15px; line-height:30px; text-align:center; color:var(--white); border-radius:50%; background:var(--crysteelred); font-family: FontAwesome;}








.gallery-category-item {box-sizing:content-box; border:1px var(--offwhite) solid; transition: .25s ease-in;}

.gallery-category-item a {position:relative; display:block; color:var(--nearblack); background:var(--offwhite);}
.gallery-category-item img {
	position: relative; z-index:1;
	display: block; width: 100%;  max-width: 100%; max-height: 300px;margin: 0px auto;  object-fit: cover !important; object-position: center center; transition: 0.2s ease-in; cursor: pointer;
}
.gallery-category-item:hover img {opacity:.75;}

.gallery-category-item span {
    position:relative;  width: 100%; min-height: 100px; display:flex; flex-flow:column; justify-content:center; padding:15px 30px; font-size:18px; line-height:1.25; font-weight:800; text-transform:none; text-align:left; font-family: "Be Vietnam Pro", sans-serif;
}




.vid-gallery-wrap {display:flex; flex-flow:row wrap; justify-content:center; gap:15px 25px; margin:1%;}
.vid-gallery-wrap p {/*flex:1;*/ margin:0 auto;}


.gallery-intro {margin:20px 0 30px 0;}
.gallery-footnote {margin:20px 0 30px 0;}
.gallery-footnote p {font-size:18px; font-style: italic;}






.gallery-video { position: relative; margin: auto;padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.gallery-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }







/*  SCROLLING INVENTORY
------------------------------------------------*/
.scroll-heading {margin:15px 3.5%; margin-top:calc(3.5% + 30px);}

.scrolling-wrap {width:100%; height:90px; margin-bottom:15px; overflow:hidden;}
.scrolling{width:100%; height:90px;}



/*  GALLERY BANNER
------------------------------------------------*/
.gallery-banner {
	display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; margin-top:calc(3.5% + 30px); padding:20px 3.5%;
	background: #D1D1D1; background: linear-gradient(105deg, rgba(209, 209, 209, 1) 28%, rgba(230, 230, 230, 1) 28%);
}
.gallery-image {max-width: 500px; margin-top:20px; margin-right: 30px;}
.gallery-image img {max-width:100%;}

.gallery-body {flex:1; max-width: 1100px;}
.gallery-body h2 {font-size:33px;}
.gallery-body p {font-size:22px; line-height:33px;}


/*  HOME PAGE CONTACT INFO / SOCIAL MEDIA
------------------------------------------------*/
.quick-contact {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:7.5% 3.5%; margin-bottom:4%;}
.qc-title {margin-right:3%; font-size:40px; line-height:1.1; font-weight:800; text-transform:uppercase; font-family: "Be Vietnam Pro", sans-serif;}
.qc-locations {font-size:20px; font-weight:600;}
.qc-locations .fa-solid {color:var(--crysteelred);}
.qc-locations a {display: inline-block; margin:2px; padding:3px;}

/*  QUICK SOCIAL MEDIA
------------------------------------------------*/
.quick-social {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; max-width:750px; margin:2.5% auto; text-align: center;}
.quick-social a {position:relative; z-index:3; flex:.25; margin:0 5%;}
.quick-social a::after {content:""; position:absolute; z-index:5; right:-35.67%; top: 26%; width:1px; height:100%; max-height:46px; rotate: 37deg; background:var(--crysteelred);}
.quick-social a:last-of-type::after {content:none;}
.quick-social i.fa-brands {width:105px; height:105px; font-size:45px; line-height:105px; text-align:center; color:var(--white);  background:var(--crysteelred); border-radius:50%; transition:.5s ease-in-out;}
.quick-social a:hover i.fa-brands {background:var(--nearblack); }


/*  LOCATION PHOTO SLIDER
------------------------------------------------*/
.location-photo {position:relative; margin-top:calc(3.5% + 30px); padding-bottom:calc(2.5% + 60px); text-align:center; }
.location-photo::after {content:""; position:absolute; z-index:-1; left:0; bottom:0; width:100%; height:85%;  background:var(--nearblack);}
.loc-photo-widget {width:100%; max-width:1440px; height:100%; margin:0 auto;}


/*  WELCOME SECTION
------------------------------------------------*/
.welcome-section {display:flex; flex-flow:row wrap; align-items: center; justify-content:space-between; padding:calc(5% + 60px) 0 calc(1.5% + 30px) 0;}
.welcome-aside {width:33.5%;}
.welcome-aside img {width:100%; max-width:850px; height:450px; object-fit: cover; object-position: center center;}
.welcome-body {width:53.5%; margin:0 6.5%; padding:1.5% 0;}
.welcome-body p{font-size: 22px; line-height:33px;}


/*  MEMBERSHIPS / ASSOCIATIONS
------------------------------------------------*/
.membership-associations {margin:calc(1.5% + 30px) 3.5% calc(5% + 30px) 3.5%;}


















/*  INVENTORY MAIN
------------------------------------------------*/
.inv-main {box-sizing:content-box; margin:0 auto; padding:calc(2.5% + 30px) 20px;}


/*  INVENTORY LISTINGS
------------------------------------------------*/
.list-top-section .list-listings-count,.listing-prices__alternate-retail-price,.listing-prices__discount-formatted-price,.listing-prices__exclusive-wholesale-price,.listing-prices__retail-price,.parts-list-content .parts-title-and-breadcrumbs .parts-listings-count,.thumb-container .thumb .thumb-details .title{color:var(--crysteelred) !important}.faceted-search-content .mobile-done-button-container .mobile-done-button,.faceted-search-content .selected-facets-container .selected-facet,.faceted-search-content button.faceted-search,.list-container-flexrow .dealer-phone-text,.list-container-flexrow .dealer-phone-text,.list-container-flexrow .view-listing-details-link,.list-container-flexrow .view-listing-details-link,.list-content .list-error-container .info button:not(.login-button),.show-all-modal .apply-button{color:var(--white) !important;background:var(--crysteelred) !important}.show-all-modal .back-button{color:var(--crysteelred) !important;border:1px solid var(--crysteelred) !important}.list-container-flexrow .price-container .price{color:var(--nearblack) !important}.detail__title{font-weight:800 !important;font-family:"Be Vietnam Pro", sans-serif !important}.detail__specs-label,.detail__specs-label_showroom{font-weight:800 !important}.listing-carousel .recommended-auctions-section .view-all-link,.listing-carousel .recommended-listings-section .view-all-link{color:var(--white) !important;background:var(--nearblack) !important}.listing-carousel .recommended-auctions-section .section-title,.listing-carousel .recommended-listings-section .section-title{padding:5px 12px !important}.detail__specs-heading{margin:0 0 10px 5px !important;font-size:1.1rem !important;font-weight:700 !important}.listing-carousel .recommended-auctions-section,.listing-carousel .recommended-listings-section{padding:10px 0 !important}.scrollToTop a{color:#fff !important}.detail__legal-notices{font-size:0.95rem !important;line-height:1.75 !important;font-weight:300 !important}.inv-main .slick-dots li.slick-active button:before{color:var(--crysteelred) !important}.inv-main .slick-dots li button:before{font-size:25px !important;color:var(--nearblack) !important}.inv-main .slick-dots{bottom:-34px !important}



/*  FORM STYLES
------------------------------------------------*/
.contactFormRow .form-control {padding:.475rem .75rem !important; border: 1px var(--nearblack) solid !important; border-radius:0 !important; background:#fbfbfb !important;}
.contactFormRow .form-control:focus {
    border: 1px var(--crysteelred) solid;
    background-color:var(--white)!important;
}
.contactFormRow .contactFormLabel {font-weight: 700;}
.contactFormRow textarea.form-control {min-height: calc(8em + .75rem + calc(var(--bs-border-width) * 2));}

.form-group .form-control-feedback {color:var(--crysteelred);}


/*  LOCATIONS
------------------------------------------------*/
.map-flex {display: flex; gap: 10px; flex-wrap: wrap;}
.map-flex .loc-item {width:calc(49% - 10px);}
.map-flex iframe {width: 100%;}
.map-flex h3 {padding-top: 20px; padding-bottom: 20px; margin-bottom: 0px;}


/*  STORE PAGES
------------------------------------------------*/
.store-hours {display: flex; gap: 100px;}
.store-hours li {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; list-style: none;}
.store-hours ul {padding-left: 0px;}
.store-map p {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 5px;}
.hours-right, .hours-left {width: 100%;}







/*  FOOTER
------------------------------------------------*/
.foot-main {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:30px 5%;
	color:var(--white); background:var(--crysteelred); 
}

.foot-intro {text-align: center;}
.foot-logo {margin-bottom:20px;}
.foot-logo img {max-width:100%;}
.foot-motto {font-size:17px; font-weight:800; font-style: italic; }
.foot-social {margin-top:12px;}
.foot-social a{display:inline-block; width:43px; height:43px; margin:8px; font-size:20px; line-height:39px; text-align:center; border:2px var(--white) solid; border-radius:50%;}

.foot-nav-wrapper {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:flex-end; gap:55px;}

.foot-nav-item ul {list-style:none; margin:0; padding:0;}
.foot-nav-item ul li {margin:5px 0;}
.foot-nav-item ul li a {padding:5px 0; font-size:18px; line-height: 23px; font-weight:300;}

.foot-nav-item.foot-nav-main {}
.foot-nav-item.foot-nav-main ul {column-count:2; column-gap:60px;}


/*  FOOT BOTTOM
------------------------------------------------*/
.foot-bottom {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:30px 7.5%; color:#b8b8b8; background:#282828;}


 
/*  RESPONSIVE STYLES
------------------------------------------------*/
@media only screen and (max-width : 1550px) {	
	.sub-nav li a {padding: 18px 2.5%; font-size: 17px;}
}

@media only screen and (max-width : 1480px) {	
	.head-logo {max-width:235px;}
	form.quick-search-form {max-width:235px;}
}

@media only screen and (max-width : 1440px) {	
	/*.hero-name {font-size: 28px;}
	.hero-name strong {font-size:33px;}
	.hero-motto {font-size:28px;}*/
	
	
	.location-photo {/*overflow:hidden;*/ padding-bottom:0;}
	.location-photo::after {content:none;}
}

@media only screen and (max-width : 1300px) {
	.sub-nav ul {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-around; margin:.5%;}
	.sub-nav li {flex:31%; margin:.5%;}

	
	.column-padding-brands {width:31.33%; margin:1.5% 1%;}
	.product-brand-intro img.product-brand-logo {max-width:65%;}
	.product-brand-details {min-height: 128px;}

	.post-container-project-galleries {grid-template-columns: repeat(3, 1fr);}
	
	.foot-main {align-items:center;}
	.foot-intro {margin:0 auto 0 0;}
	.foot-nav-wrapper {justify-content:flex-start; margin-left:60px; width:420px; }
	.foot-nav-item {width:calc(50% - 28px);}
	.foot-nav-item.foot-nav-main {width:100%;}
}

@media only screen and (min-width : 1200px) {
	.mobile-search-slider {display:none;}
}

@media only screen and (max-width : 1200px) {	
	.head-nav {margin:0 0 0 auto;}
	.head-search,
	.search-slider{display:none;}
	.mobile-search {display:inline-block; margin:0 2.5%;}
	
	.overlay-wrapper {flex-flow:column wrap; align-items:center; justify-content: center; }
	
	/*.hero-name {margin-right:0; margin-bottom:20px; text-align:center;}
	.hero-name::after {content:none;}
	.hero-motto {font-size: 30px; font-weight:700; font-style:italic; text-align:center;}*/
	
	.cta-product-body {width: 55%;}
	.cta-product-image {width:35%;}
	
	.column-padding-categories{width:31.33%; margin:1.5% 1%;}
	.category-item span {padding:4% 15px;}
	
	
}


@media only screen and (max-width : 1024px) {
	.cta-product {flex-flow:column;}
	.cta-product-body {width:90%;}
	.cta-product-image {width:85%; height:0; margin:0 auto;  padding-bottom:70%;}
	.cta-product-image img {top: 0; left: 50%; transform: translate(-50%, 0); width:auto; max-width:100%;}

       
	
	.brand-highlight-item {flex:40%; margin:calc(1.5% + 10px) 5%;}
	.brand-highlight-item::after {right:-5%;}
	.brand-highlight-item:nth-of-type(even)::after {content:none;}
	
	

	.gallery-banner {
		flex-flow:column-reverse wrap; margin-bottom:calc(20% + 80px); padding:40px 3.5%;
		background: #D1D1D1; background: linear-gradient(95deg, rgba(209, 209, 209, 1) 5%, rgba(230, 230, 230, 1) 5%);
	}
	.gallery-image {max-width:100%; margin:40px auto -133px auto;}
	.gallery-body {flex:1; max-width: 1100px; margin-left: 5%;}

	.upcoming-a-gallery.gallery {grid-template-columns: repeat(3, 1fr);}
	
	.welcome-section {flex-flow:column wrap;}
	.welcome-aside {order:2; width:100%;}
	.welcome-aside img { max-width:100%; height:300px;}
	.welcome-body {order:1; width:87%; padding:calc(2.5% + 30px) 0;}

	.map-flex .loc-item {width:100%;}
	
	.column-padding-brands {width:48%; min-width:250px; margin:2% 1%;}
	.product-brand-intro img.product-brand-logo {max-width:85%;}
}

@media only screen and (max-width : 900px) {
	.post-container-project-galleries {grid-template-columns: repeat(2, 1fr);}
}

@media only screen and (max-width : 850px) {
	.head-top {flex-flow:column-reverse wrap; justify-content: space-around; gap:10px;}
	.head-social a {font-size:23px; line-height:1;}
	
	.column-padding-categories {width:48%; margin:2.5% 1%;}
	.category-item span {padding:5% 15px;}

	.foot-main {flex-flow:column-reverse; align-items:flex-start;}
	.foot-intro {margin:60px auto 0 auto;}
	.foot-nav-wrapper {justify-content:flex-start; margin-left:0; width:100%;}
}

@media only screen and (max-width : 768px) {
	.head-logo {max-width:180px;}
	.sub-nav li a {font-size: 16px;}
	
	.quick-contact {margin:10% 3.5%; margin-bottom:5%; text-align:center;}
	.qc-title {margin-right:0; margin-bottom:30px; font-size:30px;}
	.quick-social {max-width: 400px; margin:5% auto;}
	.quick-social a {flex:30%; margin:calc(.5% + 15px) 5%;}
	.quick-social a::after {right:-12.67%;}
	.quick-social i.fa-brands {width:85px; height:85px; font-size:35px; line-height:85px;} 
	.quick-social a:nth-of-type(even)::after {content:none;}
	
	.upcoming-a-gallery.gallery {grid-template-columns: repeat(2, 1fr);}
}

@media only screen and (max-width : 600px) {
	.column-padding-brands {width:98%;  margin:4% 1%;}
	.product-brand-intro {aspect-ratio: 1 / .5;}
	.post-container-project-galleries {grid-template-columns: repeat(1, 1fr);}
	
	.foot-nav-wrapper {flex-flow:column;}
	.foot-nav-item {width:100%; text-align: center;}
	.foot-bottom {flex-flow:column; align-items:center; justify-content:center;}
}

@media only screen and (max-width : 550px) {
	.head-phones {display:flex; flex-flow:column; text-align:center; gap:10px;}
	.head-phones a {margin:0;}
	.head-phones a::after {content:none;}
	.column-padding-categories {width:98%; margin:5% 1%;}
}

@media only screen and (max-width : 480px) {
	.brand-highlight-item {flex:100%;}
	.brand-highlight-item::after {content:none;}
	
	.upcoming-a-gallery.gallery {grid-template-columns: repeat(1, 1fr);}
	
	.map-flex iframe, .location-hours iframe {height: 350px !important;}
	.foot-nav-item.foot-nav-main ul {column-count:1;}
}