/*
Theme Name: www.chappelltractor.com
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
*/

/*--------------------------------------------------------------
## PRIMARY Styles
--------------------------------------------------------------*/

/*-------- BODY STYLES --------*/
:root {
--blue-primary: #003E69 !important;
--blue-secondary: #002643 !important;
--blue-light: #C4E0F3 !important;
--offwhite: #F3F3F3 !important;
--white-ish: #f5f6f8 !important;
--offgrey: #D9D9D9 !important;
--black: #000000 !important;
--white: #ffffff !important;
--header: "Poppins", sans-serif;
--body: "Inter", sans-serif;
 --hero-height: 100vh;
--overlay: 0,0,0;          /* base overlay color (RGB) */
--overlay-alpha: 0.38;     /* adjust for contrast */
--content-max: 72rem;      /* content width cap */
}

html{scroll-behavior: smooth;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-family: var(--header) !important;}
body {font-family: var(--body) !important;overflow-x: hidden;}
p {font-family: var(--body) !important;font-size: 16px;line-height:2;margin: 0 !important;}
a:link, a:visited, a:active {text-decoration:none;color:#000;}
a:hover {text-decoration:none;}
strong,b {font-weight: 700 !important;}
hr{border:none;height: 1px;background:#aaa}
.page-wrapper {width: 90% !important;margin:0 auto !important;}
.wid90 {width:90% !important;margin:0 auto !important;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.page-wid {}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.pad-xl{padding-top:60px !important;padding-bottom:60px !important;}
.pad-xl-top{padding-top:60px !important;}
.pad-l-top{padding-top:40px !important;}
.pad-l-bottom{padding-bottom:40px !important;}
.pad-xl-bottom{padding-bottom:60px !important;}
.pad-l{padding-top:40px !important;padding-bottom:40px !important;}
.relative {position: relative;}
.base-align {align-items: baseline;}
.align-center {align-items:center;}
.center-content {align-content:center;}
.just-center{justify-content: center;}
.just-between{justify-content: space-between;}
.just-end{justify-content: flex-end;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.block,#block {display: block;}
.half-pg {flex-basis: 50%;}
.quarter-pg {flex-basis: 25%;}
.full-pg {flex: 1;}
.page-img {position: relative !important;overflow: hidden !important;height:100%;width: 100%;}
.page-img img  {width: 100% !important;height: 100% !important;object-fit: cover !important; /* fills without distortion */display: block !important;max-width: unset !important;}
.flex-pg {gap: 5%;}
.white-logo {filter: brightness(0) invert(1) !important}
.half-map .html-iframe-wrapper,.half-map {position: relative !important;overflow: hidden !important;    display: block !important;}
.half-map iframe {position: absolute !important;top: 0 !important;bottom: 0 !important;left: 0 !important;right:0 !important;height:100% !important;width:100% !important;}
.main-container .row {gap:50px !important;}
.sub-title{text-transform: uppercase;color:var(--blue-primary);letter-spacing: 1px;font-size: 18px;margin-bottom: 10px;display: block !important;}
.home-pg ul,.landing-pg ul {padding-inline-start: 0 !important}
.home-pg ul li,.landing-pg ul li {list-style: none;line-height: 2;margin-bottom: 15px;font-weight: 500;}
.icon-list i,.icon-list icon {background: var(--blue-secondary); display: inline-block; /* padding: 9px; */ display: inline-flex !important; height: 35px;margin-left: 5px; width: 35px; color: #ffff; align-items: center; justify-content: center; border-radius: 4px;}
.dark-blue-bg {background: linear-gradient(292deg, #002643 18.17%, #001A2E 46.75%);}
.blue-txt {color:var(--blue-light)}
/*---Header---*/
body.logged-in.admin-bar.highlightSidebars #page {margin-bottom: 40px !important;}
body.logged-in.admin-bar #header header {padding-top: 30px;}
body.logged-in.admin-bar.highlightSidebars #header header {position: relative;}
#header header {position: absolute;transition: background 0.3s ease;top: 0;width: 100%;display: block;z-index: 5;color: white;transition: background 0.3s ease;top: 0;width: 100%;display: block;z-index: 5;color: white;background: linear-gradient( to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));}
.sub-header {box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;}
.header {transition: padding 0.3s ease;}
.main-head {padding: 10px 0;gap:25px;}
.top-head {padding: 8px 0;gap:25px;}
.logo {width: 250px;}
.logo img {max-width: 100%;width: 100%;}
.navwrap {flex: 1;}
.location-dropdown {display: none;}
.location-dropdown select {width: 100% !important;max-width: 100% !important;min-width: 100% !important;background-color: transparent !important;margin: 0 !important;font-family: inherit !important;font-size: inherit !important;cursor: inherit !important;line-height: inherit !important;background-color: transparent !important;border: 1px solid transparent !important;border-radius: 0 !important;font-family: var(--header) !important;color:var(--white) !important;font-size: 16px !important;font-weight: 600 !important;height: auto !important;}
.location-dropdown select option {color:#000!important;}
.location-dropdown select::after {content: "";width: 0.8em;height: 0.5em;background-color: var(--blue-primary);clip-path: polygon(100% 0%, 0 0%, 50% 100%);}
.location-dropdown::before {content: "\f3c5";font-family: FontAwesome;display: inline-block;margin-left: calc(var(--icon-space) * -1);width: var(--icon-space);color: var(--white);}

.search-bar {display: flex;align-items: center;position: relative;gap: 5px;background: transparent;border-radius: 5px;margin: 0 !important;display: flex;align-items: center;justify-content: flex-end;color:#fff;}
.sub-header form.search-bar {border: 1px solid #F8F8F8;border-radius: 15px;padding: 0 10px !important;background:#F8F8F8 !IMPORTANT}
.sub-header form.search-bar input {line-height: 2 !important;    padding: 10px 5px !important;}



.sub-hero-landing .row { aspect-ratio: 16 / 9;max-height: 500px;}
/* Desktop: normal search bar */
.search-field input {padding: 0.6rem 0.75rem;font-size: 1rem;}


.search-bar {
  position: relative;
  display: flex;
  align-items: center;
}

/* Desktop: input visible */
.search-field {
  flex: 1;
}

/* Hide toggle on desktop */
.search-toggle {
  display: none;
}


/* Mobile defaults */
.search-toggle {display: none;}
.search-submit {background: none;border: 0;cursor: pointer;}
.search-icon {width: 250px;}
.search-bar input {width: 100%;background: transparent;padding: 8px 10px !important;font-family: var(--body) !important;color: #fff !important;line-height: 3 !important;border: none !important;overflow: auto;height: auto !important;font-size: 15px !important;border-radius: 5px;text-transform: none}
.search-bar input::placeholder {color: #fff;opacity: 1;font-family: var(--body) !important;}
.search-bar placeholder {color: #fff;}
.search-bar button {background: transparent;border: none;padding: 0;color: var(--blue-light) !important;order: -1;}
.top-head i {color:var(--blue-light)}
.top-head .left-side a {padding: 5px;margin-right: 5px;}
/*---SUB HEader---*/
header.sub-header {background: #fff !important;position:unset !important;background:#fff;padding-top: 0 !important;}
.sub-header img.white-logo {filter: unset !important;}
.sub-header .top-head {background:var(--blue-secondary);padding: 15px 0;}
.sub-header .top-head {background:var(--blue-secondary);}
.sub-header nav.primary ul li a {color:#000 !important;}
.sub-header .search-bar input::placeholder,.sub-header .search-bar input {color:#000 !important;}
body.logged-in.admin-bar .sub-header {padding-top: 0px !important;}
body.logged-in.admin-bar.highlightSidebars .sub-header {position: relative;padding: 0px !important;}
.hero h2 {text-transform: uppercase;color: var(--white);font-size: 18px;text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);letter-spacing: 2px;}
.hero h1 {font-size: 52px;color: rgba(255, 255, 255, 0.75);text-transform: uppercase;text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);}
.hero h1 b,.hero h1 strong,.subhero h1 strong {color:#fff !important;}
.subhero h1 {font-size:64px;color:rgba(255,255,255,0.75);text-transform: uppercase;}

.subhero h2 {font-weight: 500;color:var(--white);font-size: 22px;}
.header-locations .PrevButton2,.header-locations .NextButton2 {display: none !important;}
.location-title p {color: #ddd;font-size: 14px;}
a.location-link {color: rgba(255,255,255,0.75) !important;transition:.3s all;font-size: 14px !important; white-space: nowrap;width: 100%;line-height: 2;padding: 0 10px;font-size: 15px}
a.location-link:hover {color:#fff !important;}
 .hero {position: relative;width: 100%;height: 85vh;min-height: 700px;overflow: hidden;background: #000;}
 .subhero {position: relative;width: 100%;height: 56vw;
overflow: hidden;background: #000;}
.hero-vid {position: absolute;inset: 0;overflow: hidden;pointer-events: none;}
.hero-vid iframe {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100vw;height: 100vh;min-width: 100%;min-height: 100%;
pointer-events: none;}

.hero-vid video {position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;  object-fit: cover !important;
    height: 100% !important;
pointer-events: none;}
.hero__overlay {position: absolute;inset: 0;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 8.25);
background: linear-gradient(180deg,rgba(0, 0, 0, 0.45) 0%,rgba(0, 0, 0, 0.15) 100%);;z-index: 1;}
.hero__content {position: relative;z-index: 1;color: white;height: 100%;display: flex;    align-items: flex-end;justify-content: center;}
.hero-content {text-align: left !important;width: 90%;margin: 0 auto !important;padding-bottom: 150px;}
.subhero .hero__overlay{background: linear-gradient(rgba(1, 38, 67, 0.4), rgba(1, 38, 67, 0.1)) !important;}
.subhero .hero-content {padding-top: 45px !important;padding-bottom:0 !important;}
.subhero .hero__content {align-items: center !important;    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}

@media (min-aspect-ratio: 16/9) {
  .hero-vid iframe {width: 100vw;height: 56.25vw; /* 9/16 */}
}

@media (max-aspect-ratio: 16/9) {
  .hero-vid iframe {
    width: 177.78vh; /* 16/9 */
    height: 100vh;
  }
}

/*
---LOGO---.logo-wrap {overflow: hidden;display: block;width: 200px;}

*/
.logo-wrap {height:70px !important;overflow: hidden;aspect-ratio: 16 / 9;
    text-align: center !important;
    display: inline-block ! Important;}
.logo-wrap img {height: 100%;width: 100%;filter: grayscale(100%);object-fit: contain !important;opacity:.45;}

.sticky-corner {position: fixed;
  bottom: 50px;
  right: 25px;
z-index: 10000;}
.sticky-corner a {
    color: #fff;
    display: inline-flex;
  box-shadow: 
    0 10px 25px rgba(0, 0, 0, 0.15),
    0 4px 10px rgba(0, 0, 0, 0.05);
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #003E69;
    color: #FFF;
    border-radius: 90px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 30px;
    font-family: var(--header) !important;
    font-weight: 600;
    line-height: 2;
}
/*---customer testimony---*/
.flex-review {display: flex;gap: 30px;align-items: flex-start;margin-top: 40px;}
.customer-icon i {font-size: 82px;opacity: .25;}
.testimony-wrap img {max-width: 100%;width: 150px;margin: 0 !important;margin-bottom: 25px !important;/* opacity: 0.5; */filter: brightness(0) saturate(100%) invert(99%) sepia(41%) saturate(2615%) hue-rotate(173deg) brightness(100%) contrast(91%);}
.customer-testimony p {color: #fff !important;}

.dark-blue-bg {color:#fff !important}

.customer-icon {display: inline-block;vertical-align: top;}

.customer-text {display: inline;flex: 1 !important;}

.testimony-wrap p {text-align: left;font-size: 18px;}

p.review-name {font-weight: 800;}

/*---category slider--*/
a.equipment-cat {height: 420px;overflow: hidden !important;display: block;position: relative;margin: 5px;}
a.equipment-cat img {height: 100%;width:100%;object-fit: cover;object-position: center bottom;}
.cat-title {position: absolute;text-align: left;width: 85%;left: 0;right:0;margin: 0 auto;bottom: 45px;text-transform: uppercase;color: #fff;z-index: 2;}
.cat-title h3 {font-size: 22px;font-weight: 500}
.home-categories{margin-left: 5% !important;overflow: hidden}
a.equipment-cat::before {
content: '';position: absolute;inset: 0;background: rgba(0, 0, 0, 0.45); /* darkening */backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);/* Fade blur strength upward */mask-image: linear-gradient(to top,rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0.7) 35%,rgba(0, 0, 0, 0.35) 65%,rgba(0, 0, 0, 0) 100%);-webkit-mask-image: linear-gradient(to top,rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0.7) 35%,rgba(0, 0, 0, 0.35) 65%,rgba(0, 0, 0, 0) 100%);z-index: 1;}

/*---HOME PROMOTIONS---*/
.promo-slider {overflow: hidden;position: relative;width: 100% !important;border-radius: 8px;}
.promo-slider .inner-logo {position: absolute;width: 150px;height: 55px;   left: 5px;top: 15px;z-index: 2;}
.promo-slider .inner-logo img {height: 100%;width:100%;object-fit: contain;}
.inner-wrap {position: absolute;text-align: left;width: 85%;left: 0px;right: 0px;bottom: 45px;text-transform: uppercase;color: rgb(255, 255, 255);z-index: 2;margin: 0px auto;}


.inner-wrap h3 {font-size: 22px;margin-bottom: 45px;}

.promo-slider img {
    max-width: 100%;
    width: 100%;
    object-fit: contain;
}
/*---financing-calculator---*/
.calculator-wrapper .reset {display: flex;justify-content: space-between;width: 100%;gap: 50px;align-items: baseline}
.calculator-wrapper .calc-left,.calculator-wrapper .output-container {flex-basis: 50%;}  
.calc-btn {margin-top: 10px;}
.calculator-wrapper label{font-weight: 600;font-family: var(--body);}

.calculator-wrapper {
    width: 90%;
    margin: 0 auto !important;
}
/*--promotion page---*/
.promotion-grid {display: grid;width: 100%;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.b-shadow{transition:.4s ease all;}
.b-shadow:hover {box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
.promo-post{background:#fff;box-sizing: border-box;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;padding:40px;}
.promo-image {width: 100% !important;height: 150px;}
.promo-image img {height: 100% !important;width: 100% !important;object-fit: cover !important;max-width: unset !important;}

.promo-text {flex: 1;align-content: center;}
.promo-text a {color:#000;}
.promo-text h3 {font-size: 20px;text-transform: uppercase;font-weight: 800;}
.promo-main img {max-width: 100%;width: 100%;}
.promo-ends {    font-size: 22px;text-transform: uppercase;color: var(--blue-primary);font-weight: 900 !important;}

.specials-img img {max-width: 100%; margin: 0 auto;width: auto;}
.logo-mfg {height: 65px;width: 120px;}
.logo-mfg img {width: 100%;height: 100%;object-fit: contain;}

.promotions-landing 
table {width: 100%;border-collapse: collapse;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}

.promotions-landing table th,
.promotions-landing table td {border: 1px solid #ddd;padding: 8px 12px;text-align: left;}

.promotions-landing table thead th {
  background-color: #f4f4f4;
  font-weight: bold;
}

.promotions-landing table tbody tr:nth-child(even) {
  background-color: #fafafa;
}
.promo-pg 
table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.promo-pg table th,
.promo-pg table td {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
}

.promo-pg table thead th {
  background-color: #f4f4f4;
  font-weight: bold;
}

.promo-pg table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

	.brands-tabs {
    display: flex;gap: 1px;
    flex-direction: column;
    flex: 1;
    box-sizing: border-box;
}
	
	.brands-tabs-content {
    flex: 4;
}
.brands-tabs {
    display: inline-flex;
    padding: 15px 25px;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 5px;
    border: 1px solid rgb(221, 221, 221);
    text-align: left !important;
    font-family: var(--header) !important;
    flex-direction: column;
}
	
	.brands-tabs button.active {}

	
	.brands-tabs-content .brand-grid{
		display: none;
	}
	.brands-tabs-content .brand-grid.active{
		display: flex;
		flex-wrap: wrap;
		clear: both;
		position: relative;
	}
	.brands-tabs-content .brand-grid.active:before{
		content: '';
		z-index: 100;
		position: absolute;
		opacity: 1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		  animation: ToggleFadeOut 0.2s normal forwards ease-in-out;
		  animation-iteration-count: 1;
		
		pointer-events: none;
		
	}
	
	
	div#brand-promos {
    display: flex;
    gap: 45px;align-items: flex-start
}
	
	
	.brands-tabs button {
    display: inline-flex;
        padding: 10px 15px !important;
    font-weight: 500;
		font-size: 16px;
    border-radius: 5px;
    text-align: center !important;
    font-family: var(--header) !important;
    flex-direction: column;
	background:transparent;
	color:var(--blue-secondary);
    border: 2px solid var(--blue-secondary);
}

	.brands-tabs button.active {background:var(--blue-secondary);color:#fff;border: 2px solid var(--blue-secondary);}

/****_contact----*/
ul.hours-list {
    list-style: none;
    padding-inline: 0;
    line-height: 2;
	max-width: 500px;
}

ul.hours-list li span {
    flex: 1;
}

ul.hours-list li {
    display: flex;
    gap: 45px;
}

ul.hours-list li span:last-of-type {
    text-align: right;
}

#hours-head {    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;}


.map-section {
    position: relative;
	height: 200px;
    border-radius: 10px;
}

.map-section iframe{height:100%;width:100%;position: absolute;top:0;left:0;right:0;bottom:0;}

.main-location {
    text-align: left;border:1px solid #f0f0f0;
  padding: 10px !important;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px;
    background: var(--white-ish);
}

.main-location ul{list-style: none;
	padding-inline-start: 0 !important;}
.main-location ul li {
    margin-bottom: 15px;}
.location-content {
    padding: 25px 10px;
    box-sizing: border-box;
}

.main-location h2 {text-transform: uppercase;color:var(--blue-secondary);font-size: 22px;letter-spacing: 1px;font-weight: 600;}

.main-location ul i {background: var(--blue-secondary); display: inline-block; /* padding: 9px; */ display: inline-flex !important; height: 35px;margin-left: 5px; width: 35px; color: #ffff; align-items: center; justify-content: center; border-radius: 4px;}
/*-- breadcrumb navigation --*/
.rf-breadcrumbs {padding: 15px 0;}
.rf-breadcrumbs ul {font-size: 15px;display: flex;list-style: none;padding: 0;margin: 0;width: 100%;}
.rf-breadcrumbs li+li:before {content: ">";padding: 8px 10px;}
.rf-breadcrumbs a {padding: 8px 0;border-radius: 90px;font-size: 15px;color: var(--charcoal);font-weight: 800;transition:.3s all;opacity: .65;text-decoration: none;box-sizing: border-box;}
.rf-breadcrumbs a:hover {opacity: 1;}
.rf-breadcrumbs li {padding: 0;line-height: 2;}
.rf-breadcrumbs span {padding: 8px 0;font-size: 15px;font-weight: 500;text-decoration: none;box-sizing: border-box;}
/*---RENTALS---*/
form h2,form h3 {text-transform: uppercase;/* color: var(--blue-primary) ! IMPORTANT; */letter-spacing: 1px;font-size: 22px ! IMPORTANT;margin-bottom: 10px;display: block !important;font-weight: 600 !important;
}

/*-- OUTFITTERS --*/
.logo-outfitters {height: 130px;background: #fff;padding: 15px;border-radius: 12px;margin: 5px;border: 1px solid #e8e8e8;
}
.logo-outfitters img {width: 100%;height: 100%;object-fit: contain;
}

a.logo-outfitters.brands-we-carry {
    margin: 15px; display: block;
    padding: 30px 15% !important;transition: .3s all;
}
.brands-we-carry:hover {box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
/*---Buttons--*/
.primary-btn,.calc-btn {background: var(--blue-primary) !important;color: #fff !important;padding: 15px 20px !important;border: 1px solid var(--blue-primary) !important;border-radius: 8px !important;font-family: var(--header);font-weight: 400 !important;letter-spacing: 1px !important;font-size: 15px !important;display: inline-block;text-align: center;}
.primary-btn:hover {background:var(--blue-secondary) !important;border-color:var(--blue-secondary) !important}
.primary-btn i {transform: rotate(-45deg);}
.secondary-btn,.sheSubmitButton {background: var(--blue-light) !important;color: var(--blue-secondary) !important;text-transform: uppercase !important;padding: 15px 20px !important;border: 1px solid var(--blue-light) !important;border-radius: 8px !important;font-family: var(--header);font-weight: 600 !important;letter-spacing: 1px !important;font-size: 16px !important;}

.calc-btn {height: auto !important;line-height: 2 !important;}
/*---INVENTORY---*/
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text {}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:var(--blue-primary) !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:var(--blue-primary) !important;color:#fff !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px var(--blue-primary) !important; transition: ease all 0.2s !important;color: #fff !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: var(--blue-primary) !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}

/*---FOOTER ---*/
.footerbg {background:var(--blue-secondary)}
.flex-foot {justify-content: space-between;padding: 60px 0;}
.foot-col {flex: 1;}
.foot-col p {margin-top: 20px;font-size: 15px !important;}
.foot-col a,.foot-col p {color:rgba(255,255,255,0.85);}
.foot-col a{transition:.3s all;}
.foot-col a:hover,.foot-col ul li a:hover {color:#fff !important;}
.social-foot span { color: #fff; text-transform: uppercase; letter-spacing: 1px;display:inline-block;}
.social-foot a {color:var(--blue-light);padding: 5px;}

.foot-col strong,.foot-col b{color:#fff;font-weight:800;display: block;margin-bottom: 15px;}
.foot-col ul {list-style: none !important;padding-inline-start: 0 !important;}
.foot-col ul li a,.foot-col ul li {color:rgba(255, 255, 255, 0.85) !important;transition:.3s all;line-height: 2 !important;margin-bottom: 5px;display: block;}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1450px) {		
	.search-icon, .logo {
    width: 190px !important;}
	.main-head {gap: 15px;}
	
	
}

@media (min-width: 1200px) {
	.subhero {max-height: 550px !important;}
	
}
@media only screen and (max-width : 1300px) {
	.brands-tabs button {
    font-size: 15px !important;
    padding: 5px !important;
    line-height: 2;
}
	
	.promo-post {padding: 15px !important;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1240px) {
	.search-icon, .logo {width: 130px !important;}
	.promotion-grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 1200px) {
	.subhero .hero-content {padding: 0 !important;}
}
@media screen and (max-width: 1080px) {
	.logo { max-width: 300px !important; width: 100% !important;}
	
  .subhero h1 {font-size: 48px;}
  .subhero h2 {font-size: 18px;}
  .search-icon {width: fit-content !important;}
  .search-bar {justify-content: flex-end;font-size:22px;}
  .search-field {position: absolute;right: 0;top: 100%;width: 100%;display: none;min-width: 300px;margin-top: 15px;}
  .search-field input {width: 100%;color: #000 !important;padding: 5px 10px !important;background: #fff !important;}
  .search-bar input::placeholder {color:#000;}
	.sub-header form.search-bar {background:#fff !important;border:none;}
	
	div#brand-promos {
    flex-direction: column;
}
	
	.brands-tabs {
    width: 100%;display: block !important;
}.brands-tabs button {
    width: 32%;
    display: inline-block !important;
}
	
  /* Show toggle button on mobile */
  .search-toggle {
    display: block;
    background: none;
    border: 0;
    cursor: pointer;
    color: var(--blue-light);
  }

  /* Hide search field by default */
  .search-field {
    position: absolute;
    top: 100%;
    right: 5%;
    padding: 10px;
    display: none;
    z-index: 1000;
  }
	.search-icon {    gap: 5px !important;}
  /* Show when active */
  .search-bar.is-open .search-field {
    display: block;
  }

  /* Optional: hide submit until open */
  .search-submit {
    display: none !important;
  }

  .search-bar.is-open .search-submit {
    display: block;
  }
	.search-field input {box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;border-radius: 10px;}
	
	.flex-foot.flex-pg {
    flex-wrap: wrap;
    gap: 25px;
}
	.foot-col {
    flex-basis: 45%;
}
.search-icon {
    display: inline-flex;
    gap: 20px;box-sizing:border-box;
    align-items: center;
}
	
	
}




@media screen and (max-width: 900px) {
	.location-head { display: none;}
	form.location-dropdown {display: inline-flex;align-items: baseline;}
	.flex-location {flex-wrap:wrap;gap: 40px;}
	.flex-location .half-pg {flex-basis:100%}
	.flex-location .half-map {height: 350px;}
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 776px) {
	.home-categories {margin: 0 auto !important;width: 90% !important;}
	.hero h1 {font-size: 52px !important;}
	.hero  h2 {font-size: 22px !important;}
	.brands-tabs button {width: 45%;}
	    .promotion-grid {
			grid-template-columns: repeat(1, 1fr);}
  .subhero h1 {font-size: 36px;}
  .subhero h2 {font-size: 18px;}
	
	
}
@media only screen and (max-width : 550px) {
	header {position: relative !important;background: #fff !important;}
	#menu-button a {color:var(--blue-primary) !important;}
	header img.white-logo {filter: unset !important;}
	.main-head {padding: 0 !important;}
	.top-head {background:var(--blue-secondary);padding: 15px 0;}
	.top-head .left-side {display: none;}
	.flex-review {flex-wrap: wrap;}
	.hero-content {padding-top:0}
	.customer-text{flex-basis:100% !important}
	.foot-col {flex-basis: 100% !important;}
	body.logged-in.admin-bar header {padding-top: 0px !important;}
	body.logged-in.admin-bar.highlightSidebars header {position: relative;padding: 0px !important;}
	.subhero {min-height: 350px !important;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 400px) {
	.hero h1 {font-size: 42px !important;}
	.hero  h2 {font-size: 22px !important;}
	.brands-tabs button {width: 100% !important;}
}