@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

html, body {
	width:100%;
}
.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%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.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;
}
p{margin:0;}

/*---Variables converted to native CSS custom properties----*/
:root { 
  --lightred: #ED0D1A; 
  --primary: #CC1520;
  --secondary: #111111; 
  --gray: #E5E7EB;
  --lighttext: #D1D5DC;
  --darktext: #3E424B;
  --heading: 'Barlow Condensed', sans-serif; 
  --body: 'Barlow', sans-serif; 
}

.btn { 
  display: inline-flex; border:none; width:auto!important; font-size:17px; border-radius:0!important; font-family:var(--heading); align-items:center; gap:8px; margin: 4px; padding: 14px 32px; font-weight:500; align-items: center; text-transform: uppercase; transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; 
}
.red-full-width{
  background: var(--primary); color: #fff; margin:0!important; text-align:center; width:100%!important;
 }
 .red-full-width:hover, .red:hover{background:#000; color:#fff;}
.red { 
  background: var(--primary); color: #fff;
 }
 .white { 
  background: #fff; color: #000;
 }

 .green{background:#11884D; color:#fff;}
 .green:hover{background:#0E6B3D; color:#fff;}

 .white:hover{background:#000; color:#fff;}
 .border{background:#fff; color:#000; border:solid 2px #000!important;}
 .border:hover{background:#000; color:#fff; border:solid 2px #fff!important;}
 .white-border{background:transparent; color:#fff; border:solid 2px #fff!important;}
 .white-border:hover{background:#fff; color:#000; border:solid 2px #000!important;}
.black {
   color: #fff; background: #000;
  }
  .black:hover{background:var(--primary); color:#fff;}
  .link {
   color: var(--primary); padding:0!important; background:transparent; border:none;
  }
  .link:hover{color:#000; }
  .header-link{padding:6px 15px!important;  font-size:16px; text-transform:uppercase; border:None; font-weight:500; font-family:var(--body); background-color:var(--primary); color:#fff; margin:2px; text-align:center;}
  .header-link:hover{background-color:#000; color:#fff;}


.heading1{font-size:clamp(40px, 7vw, 80px); line-height:1; font-family:var(--heading); font-weight:900; text-transform:uppercase;}
.heading2{font-size:clamp(30px, 5vw, 48px); line-height:1; font-family:var(--heading); font-weight:900;text-transform:uppercase;}
.heading3{font-size:clamp(22px, 3.5vw, 34px); line-height:1; font-family:var(--heading); font-weight:900;text-transform:uppercase; }
.eyebrow{font-size:16px; line-height:1; font-family:var(--heading); font-weight:600; letter-spacing:4.8px; text-transform:uppercase;
	a{color:var(--lightred); font-size:16px; font-weight:600; line-height:1.4; font-family:var(--body); text-transform:uppercase; }
	a:hover{text-decoration:underline;}
}

 
.heading4{font-size:clamp(16px, 2vw, 20px); line-height:1; font-family:var(--heading); font-weight:700;text-transform:uppercase; }
.paragraph{font-size:17px; font-weight:400; line-height:1.4; font-family:var(--body);  }

/*-------- BODY STYLES --------*/
* { box-sizing: border-box; }
body { font-family: var(--body); position:relative; }
h1,h2,h3,h4,h5 { font-family: var(--heading); }
a { text-decoration: none; }

.width {
   max-width: 1400px; margin: 0 auto!important; width: 96%; box-sizing: border-box;
   }
   .sm-width{max-width: 1000px; margin: 0 auto; width: 96%; box-sizing: border-box;}
.pad {
   padding: clamp(35px, 4vw, 65px) 10px; 
  }
  .smpad { padding: clamp(15px, 2vw, 25px) 10px; }

.pad ul {margin:0; padding:0;
	li{list-style:none!important; line-height:28px;}
	li:before{ padding:0; margin:0; content:"\f00c"; display:inline-flex; flex-wrap:wrap; justify-content:center; align-content:center; width:15px; height:15px;  border-radius:50%; padding:0!important; border:solid 1px var(--primary); font-family: "Font Awesome 6 Free"; font-weight:900; color:var(--primary); padding-right:10px; font-size:10px;}
}

.header{width:100%; background:#fff; z-index:600; position:sticky; top:0; box-shadow:2px 1px 12px 2px rgba(0,0,0,.10);}
.highlightSidebars .top-header{margin-top:60px!important;}
.top-header{width:100%; background:var(--secondary); padding:5px; 
	p{color:var(--lighttext);}
	a{font-size:14px; font-weight:400; line-height:1.4; font-family:var(--body); }
	i{font-size:16px; }
}
.nav-bar{display:flex; flex-direction:row; justify-content: space-between; padding:5px;}
.logo{max-width:225px; width:100%;
	img{width:100%;}
	p{font-size:13px; color:var(--darktext); font-weight:400; font-family:var(--body); text-align:right; margin:0!important;}
}
.navigation{display:flex; flex-direction:row; align-content:center;}

.hero-text {max-width:650px;}

.hero-search{padding:25px; background:#fff;
	hr{height:4px; width:100%; opacity:1; background:var(--primary); border:None; margin:10px 0;}
	label{font-size:16px; font-weight:400; display:block; color:var(--darktext); padding:7px 0 2px 0;}
	input, select{padding:10px; width:100%; display:block; border:solid 1px var(--gray);}
	button{width:100%!important; margin:10px 0 0 0!important; text-align:center!important; justify-content:center;}
}


.red-bar{border-right:solid 1px rgb(150, 11, 20);  padding:25px; color:#fff;
	icon{color:transparent!important; -webkit-text-stroke:2px #fff;}
	h2{line-height:20px;}
	.icon-row{display:flex; transition:.3s ease; flex-direction:row; justify-content: space-between; align-content:center; align-items:center;
		p{font-size:15px; color:rgba(255,255,255,.8); transition:.3s ease; }
		i{font-weight:200; color:rgba(255,255,255.6); transition:.5s ease; }
	}
	.icon-row:hover i, .icon-row:hover icon{ transform:scale(1.1);}
	.icon-row:hover{cursor:pointer;}

}
/*-------Quick Links----*/
.ql{margin:10px!important; display:block; position:relative;
	.grad{width:100%; height:100%; position:absolute; background:linear-gradient(transparent, rgba(0,0,0,.7));}
	img{width:100%; height:auto; aspect-ratio:5/4; object-fit:cover;}
	.ql-text{width:90%; margin:0 auto; position:absolute; left:5%; right:5%; bottom:3%; text-align:left;
		h3{color:#fff; line-height:20px;}
		p{color:#fff;}
	}
}
/*----Featured Inventory------*/
.entry-content .width #invGrid_2{padding:0!important; display:flex;}
.inv_car_item{margin:0!important;}
.outer-img-box{padding:0!important; border:None; border-radius:0;}
.inv_image{width:100%; aspect-ratio: 5/4; object-fit:cover; height:auto!important; }
.listing-title{font-size:clamp(16px, 2vw, 20px); line-height:1; font-family:var(--heading); font-weight:700;text-transform:uppercase; color:#000!important; padding-bottom:10px;}
 .small_spec{display:flex; margin:0!important; flex-direction:row; justify-content: space-between; font-weight:600; font-size:15px;
	strong{font-weight:300!important; padding:3px 0;}
}
.card-body br{display:none!important;}
.card-body .small_spec:first-of-type{font-size:22px; font-family:var(--heading); color:var(--primary); font-weight:700;
	strong{display:none!important;}
}
.carousel_details_btn{display: block; border:none; width:100%!important; font-size:17px; border-radius:0!important; font-family:var(--heading); align-items:center; gap:8px; margin: 4px; padding: 10px 20px; font-weight:500; align-items: center; text-transform: uppercase; transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; background:var(--primary); color:#fff; justify-content: center; margin:10px 0 0 0!important;}
.carousel_details_btn:hover{background:#000; color:#fff;}
 #myInvCarousel_2 #myInvCarouselSlickSlider_2 .slick-prev{top:-70px!important;
	i{background-color:#E5E7EB!important; border-radius:50%!important; font-size:20px!important; padding:14px!important; border:solid 1px #000!important;}
}
 #myInvCarousel_2 #myInvCarouselSlickSlider_2 .slick-next{top:-70px!important;
	i{background-color:#E5E7EB!important; border-radius:50%!important; font-size:20px!important;  padding:14px!important;border:solid 1px #000!important;}
}



.feat-width{max-width:1450px!important; width:98%!important; margin:0 auto!important;}

/*------About----------*/
.about-img {width:95%!important;
	img{width:100%; height:350px; object-fit:cover;}
}
.about-banner{width:100%; padding:15px; background:var(--primary); color:#fff; font-size:18px; font-weight:600; font-family:var(--body); text-transform:uppercase;}
.trust{width:100%; display:flex; flex-direction:row; 
	h3{width:33.33%; border:solid 1px #D1D5DC; padding:15px; text-align:center; line-height:20px;
		.heading3{color:var(--primary);}
		.paragraph{color:var(--darktext);}
	}
}

.black-boxes{display:flex; flex-direction:row; gap:15px; flex-wrap:wrap;}
.black-box{width:calc(50% - 10px); border:solid 1px rgba(255,255,255,.2); background:rgba(255,255,255,.1); padding:25px; color:#fff;
	i{-webkit-text-stroke:1px var(--lightred); color:transparent; font-size:30px; margin-bottom:5px;}
	h3{padding:10px 0; color:#fff;}
	p{color:var(--lighttext);}
}

/*----Promos & Warranty-----*/
.background-row{width:100%; display:flex; flex-direction:row;
	.red-back{background:var(--primary); padding: clamp(35px, 4vw, 65px) clamp(20px, 8%, 120px); color:#fff; width:50%;
		icon{font-size:35px; -webkit-text-stroke:2px #fff; color:transparent!important;}
	}
	.gray-back{background:var(--gray); padding: clamp(35px, 4vw, 65px) clamp(20px, 8%, 120px); width:50%;
		icon{font-size:35px; -webkit-text-stroke:2px var(--primary); color:transparent!important;}
	}
	
}

.red-back{background:var(--primary); color:#fff;}
.black-back{background:var(--secondary); color:#fff; }

.white-box{transition:.3s ease; border:solid 1px var(--lighttext); background:#fff!important; padding:25px;
	icon{-webkit-text-stroke:1px #fff; background:var(--primary); color:transparent!important; padding:10px; color:transparent; font-size:25px; margin-bottom:5px;}
	h3{padding:15px 0 10px 0; color:#000;}
	p{color:var(--darktext);}
	button{margin-top:15px;
		i{color:var(--primary)!important;}
	}
}
.white-box-btn:hover{box-shadow:1px 1px 8px 2px rgba(0,0,0,.1); transform:translateY(-5px;)}
/*---Testimonials----*/
.testimonial-wrapper{max-width:none!important; text-align:left!important; padding:30px; background:#1a1a1d; margin:15px;}
.star-rating{text-align:left!important;
	.fa-star::before{color:#fbff04; font-size:18px;}
}
.testimonial-text{padding:10px 0 0!important;}
.star-rating::before{content: " ❝ ";margin-top:-20px; height:60px;font-family: "Font Awesome 6 Free"; color:var(--primary); font-size:85px; margin-bottom:20px; display:block;}
.testimonial-title{display:none;}
.testimonial-quote{font-size:16px; min-height:220px; line-height:22px!important; padding:10px 0!important; color:var(--lighttext); font-weight:400; font-family:var(--body);}
.customer{font-size:18px!important; padding-top:10px; font-weight:600; text-transform:uppercase; color:var(--lighttext)!important; }
.customer::before{content: "\f007";font-family: "Font Awesome 6 Free"; justify-content:center; height:40px; align-content:center; width:40px; flex-direction:row; flex-wrap:wrap; align-items:center; color:#fff; margin-right:10px; display:inline-flex; margin-bottom:none!important; background-color:var(--primary); font-size:20px; margin-bottom:20px; }



/*------Contact------*/
.cont-row{display:flex; flex-direction: row; gap:15px; margin:5px;
	i, icon{font-size:22px!important; -webkit-text-stroke:1px #fff; color:transparent!important; background:var(--primary); width:44px; height:44px; display:flex; flex-direction:row; justify-content: center; align-content:center; align-items:center; }
	span{font-size:14px; font-weight:600; text-transform:uppercase; color:#777;}
	a, .hours{font-size:17px; font-weight:600; color:#000; text-transform:unset;}
}
.home-map{width:100%; height:500px; position:relative; background-color:#000;}
.map-text{position:absolute; z-index:15; top:25%; left:10%; right:10%; text-align:center; margin:0 auto; width:80%; color:#fff;
	icon{font-size:50px!important; -webkit-text-stroke:2px var(--primary); color:transparent!important;}
	h3{padding:15px 0; color:#fff;}
	p{color:#eee;}
}
.dark{width:100%; height:100%; background:rgba(0,0,0,.8); z-index:5; position:absolute; left:0; top:0;}

/*-----Pages-----*/
.contact-boxes{padding:10px;
	hr{width:100%; height:4px; background:var(--primary); opacity:1; border:none; margin:10px 0;}
}
.hours{width:100%;}
.hour{width:100%; display:flex; flex-direction:row; padding:10px; justify-content: space-between; border-bottom:solid 1px #eee;
	.day{font-size:18px; color:#444; font-weight:400;}
	.time{font-size:18px; color:#000; font-weight:600;}
}
.today{background-color:#da303b2d;
	.day{ font-weight:600;}
}

.contact-row{display:flex; padding:7px 0; flex-direction:row; justify-content:flex-start; align-items:center; align-content:center; flex-wrap:wrap; gap:15px;
	icon, i{font-size:28px;  -webkit-text-stroke: 2px var(--primary); color:transparent!important;}
	.top{font-size:14px; display:block; font-weight:600; text-transform:uppercase; color:#666;}
	.link{font-size:16px; color:#000; display:block; font-weight:400;}
}

.contact-row{display:flex; flex-direction:row; gap:40px;}
.contact-info{width:calc(50% - 40px);}
.contact-form{width:50%;}

.office{display:block; flex-wrap:wrap; align-items:center; border-radius:5px; padding:20px; transition:.3s ease; background:#f0f0f0; color:#000; display:flex; flex-direction:row; gap:15px;
	i, icon{font-size:30px!important; -webkit-text-stroke: 1px var(--primary); color:transparent!important; }
	p{color:#000;}
}
.office:hover{transform: translateY(-3px);;}

.finance-info{width:95%;
	input{width:100%; padding:6px; margin:3px;}
	p{font-size:14px; color:#666; font-weight:600; margin:0 3px;}
}
.finance-top{width:100%; text-align:center;
	i, icon{font-size:60px; color:var(--primary); padding-bottom:10px;}
	h3{font-size:18px; font-weight:600; text-transform:uppercase; color:#666; }
}

.finance-bottom{padding:20px; background:#f0f0f0; text-align:center; 
	p{color:#000; font-size:14px; font-weight:400;}
}

#payment{font-size:80px; color:var(--primary); font-weight:700; }

.accordion-button{width:100%; background:transparent!important; color:#000; padding:18px; text-align:left; font-size:18px; font-weight:700; border:none; display:flex; flex-direction:row; justify-content: space-between; align-items:center; border:none!important; border-bottom:solid 1px #ccc!important; border-radius:0!important; font-family:var(--heading); text-transform:uppercase; border-bottom:solid 1px #eee;
	span{font-size:16px; font-weight:400; color:#666;}
}
.accordion-button:focus{box-shadow:none!important; border:none!important; outline:var(--primary) solid 1px!important; border-radius:0!important; background:transparent!important; color:#000!important;}
.accordion-item{border-radius:0!important; border:none!important; background:transparent!important;}


.warranty-box{background:linear-gradient(140deg, #222, #444); border-radius:8px; padding:30px; color:#fff; 
	i, icon{font-size:60px; padding-bottom:15px; -webkit-text-stroke:2px var(--primary); color:transparent!important;}
	hr{width:100%; height:4px; background:var(--primary); opacity:1; border:none; margin:10px 0;}
}

.accordion-body a{font-weight:600;}

.accordion-btn{width:100%; text-align:left; color:var(--lightred); font-weight:600; padding:5px 0; text-transform:uppercase; border:none; background:transparent; font-size:18px; border-bottom:solid 1px #888;}
.accordion-btn:hover{cursor:pointer; color:#fff; }

.content {  overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;}

details[open] .content { max-height: 500px;  opacity: 1;}

summary:active, summary:focus summary:hover {outline:none!important; border:none!important; box-shadow:none!important; background:transparent!important; color:#fff!important;}


.team{margin:5px!important; text-align:left;
	.name{font-size:18px; font-weight:600; color:#000;}
	.title{font-size:14px; font-weight:400; color:#666; font-style:italic;}
	img{width:100%; height:300px; object-fit:cover;}
}

/*-------Promotions--------*/

	.promo{width:calc(33.33% - 20px); background:#fff; margin:10px; border:solid 1px #ccc;
		img{width:100%; height:260px; object-fit:cover;}
	}
	.promo-info{padding:20px;
		h2{font-size:clamp(18px, 3vw, 26px); font-weight:800; color:#000; text-transform:uppercase; padding-top:10px;}
		p{font-size:14px; font-weight:400; color:#666;}
	}

	.promo-page{width:100%;
		h1{font-size:clamp(40px, 7vw, 80px); line-height:1; font-family:var(--heading); font-weight:900; text-transform:uppercase; padding-bottom:15px;}
		img{width:100%;}
		p{font-size:16px; font-weight:400; line-height:1.4; color:#666; padding-top:15px;}
		a{font-weight:600; color:#000; font-size:16px; text-decoration:underline;}
		h2{font-size:clamp(22px, 3.5vw, 30px);line-height:1; font-family:var(--heading); padding-top:15px; font-weight:700;text-transform:uppercase;}
		h3{font-size:clamp(18px, 3vw, 22px); line-height:1; font-family:var(--heading);  padding-top:15px; font-weight:700;text-transform:uppercase; }
		.black{color:#fff!important; text-decoration:none!important; margin-top:20px;}
		.promo-content{padding:15px 0;}
	}

.home-promo{width:98%; display:flex; flex-direction:row; align-content:center; align-items:center; justify-content:space-between; gap:15px; margin: 7px 0!important; padding:12px 15px; background:#fff; border:solid 1px #ccc;
	h3{font-size:clamp(18px, 3vw, 22px); margin:0!important; color:#000; line-height:1; font-family:var(--heading); font-weight:700;text-transform:uppercase;}
	.header-link{padding:4px 15px!important; font-size:14px; }
	&:hover .header-link{background:#000; color:#fff;}
}
	.NextButton5, .PrevButton5{display:none!important;}

/*-------- warranty STYLES ----------------*/

.red-button{display:inline-block; background-color:#ec1c24; color:#fff!important; padding:15px 30px; text-decoration:none; font-weight:700; border-radius:5px; margin:20px 0; white-space:nowrap;
	&:hover{background-color:#9b0101; color:#fff;}
}

.warranty-table-wrapper{overflow-x:auto; margin:40px 0;
	.warranty-table{width:100%; border-collapse:collapse; background-color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1);
		thead th{background-color:#f5f5f5; padding:20px 15px; text-align:center; font-weight:700; font-size:13px; border:1px solid #ddd; vertical-align:middle; white-space:nowrap;}
		tbody td{padding:20px 15px; text-align:center; border:1px solid #ddd; font-size:14px; vertical-align:middle; white-space:nowrap;}
		.feature-col{background-color:#fff; border:none;}
		.select-warranty-col{background:#333!important; color:#fff; min-width:180px; width:180px!important; padding:5px!important;}
		.feature-name{text-align:left; font-weight:700; background-color:#f5f5f5; padding-left:20px;}
		.select-warranty-cell{background-color:#2d2d2d; color:#fff; font-weight:700;}
	}
}

.select-warranty-header{padding:20px; background:#333!important; white-space:nowrap;}
.warranty-logo{max-width:150px; height:auto;}

.checkmark{color:#b21e24; font-size:24px; font-weight:700;}
.x-mark{color:#b21e24; font-size:18px; font-weight:700;}
.limited{color:#b21e24; font-weight:700;}

/* Tooltip Styles */
.info-icon{position:relative; display:inline-block; font-size:14px; color:#666; margin-left:5px; cursor:help; font-weight:700; vertical-align:middle;
	&:hover{color:#b21e24;
		.tooltip-text{visibility:visible; opacity:1;}
	}
	.tooltip-text{visibility:hidden; opacity:0; position:absolute; bottom:125%; left:50%; transform:translateX(-50%); background-color:#2d2d2d; color:#fff; padding:10px 15px; border-radius:6px; font-size:13px; z-index:1000; transition:opacity 0.3s, visibility 0.3s; box-shadow:0 4px 12px rgba(0,0,0,0.3); font-weight:400; line-height:1.4; width:160px; white-space:normal; text-align:left;
		&::after{content:""; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:6px solid transparent; border-top-color:#2d2d2d;}
	}
}

.warranty-container{max-width:1200px; margin:0 auto 30px auto; background-color:#fff; padding:30px;
	.warranty-header{display:flex; justify-content:space-between; align-items:center; padding-bottom:15px; border-bottom:2px solid #c41e3a; cursor:pointer; user-select:none;
		&:hover .arrow-button{background-color:#c41e3a;}
		&:hover .arrow-button svg{stroke:#fff;}
	}
	.warranty-title{font-size:24px; font-weight:700; letter-spacing:0.5px; color:#000; text-transform:uppercase; white-space:nowrap;}
	.arrow-button{width:50px; height:50px; border-radius:50%; border:2px solid #c41e3a; background-color:transparent; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.3s ease;
		svg{width:20px; height:20px; stroke:#c41e3a; stroke-width:3; transition:transform 0.3s ease;}
		&.expanded svg{transform:rotate(90deg);}
	}
	.warranty-content{max-height:0; overflow:hidden; transition:max-height 0.4s ease;
		&.expanded{max-height:5000px;}
	}
	.warranty-inner{padding-top:30px;}
	.intro-text{font-size:16px; line-height:1.6; margin-bottom:30px; color:#333;}
	.section{margin-bottom:35px;}
	.section-title{font-size:18px; font-weight:700; margin-bottom:15px; color:#000; text-transform:uppercase; white-space:nowrap;}
	.term-list{list-style:none; margin-bottom:10px;
		li{padding-left:20px; position:relative; margin-bottom:8px; line-height:1.6; color:#333;
			&::before{content:"•"; position:absolute; left:0; color:#c41e3a; font-weight:700;}
		}
	}
	.note{font-size:14px; font-style:italic; color:#666; margin-top:10px;}
	.component-section{margin-bottom:30px;}
	.component-title{font-size:16px; font-weight:700; margin-bottom:10px; color:#c41e3a; text-transform:uppercase; white-space:nowrap;}
	.component-list{list-style:none; margin-bottom:15px;
		li{padding-left:20px; position:relative; margin-bottom:6px; line-height:1.5; color:#333;
			&::before{content:"•"; position:absolute; left:0; color:#c41e3a; font-weight:700;}
		}
	}
	.exclusions-text{font-size:15px; line-height:1.7; color:#333; margin-bottom:15px;}
}

.trust-section{max-width:1200px; margin:0 auto 40px auto; padding:0 30px;
	h2{font-size:25px; font-weight:700; color:#000;}
	p{font-size:16px; line-height:1.6; color:#333;}
}

/* Responsive Design */
@media (max-width: 1024px) {
	.warranty-table{font-size:12px;
		thead th{padding:15px 10px; font-size:11px;}
		tbody td{padding:15px 10px; font-size:12px;}
	}
}

@media (max-width: 768px) {
	.warranty-table{font-size:11px;
		thead th, tbody td{padding:10px 8px;}
	}
	.checkmark{font-size:20px;}
	.x-mark{font-size:16px;}
	.warranty-logo{max-width:120px;}
}

@media (max-width: 480px) {
	.warranty-table{thead th, tbody td{padding:8px 5px; font-size:10px;}}
	.warranty-logo{max-width:100px;}
}

/*---- Forms Styling-----*/
.forms {background:#fff;border:solid 1px var(--gray);padding:30px!important;font-family:var(--body);color:var(--darktext);
	h2, h3{font-size:clamp(22px, 3.5vw, 34px); line-height:1; font-family:var(--heading); font-weight:900;text-transform:uppercase; color:#000; padding-bottom:10px;}
	label {display:block;font-family:var(--heading);font-size:15px;font-weight:600;letter-spacing:0.4px;text-transform:uppercase;color:var(--secondary);margin-bottom:6px;}
 	
	input,select,textarea {background:#fff;border:solid 1px #cfd4dc;border-radius:0;color:var(--darktext);font-family:var(--body);font-size:16px;line-height:1.3;padding:12px 14px;transition:border-color 0.2s ease, box-shadow 0.2s ease;}

 	input::placeholder,textarea::placeholder {color:#7a7f88;opacity:1;}
	input:focus, select:focus, textarea:focus {outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(204, 21, 32, 0.15);}
 	input[type="checkbox"], input[type="radio"] {accent-color:var(--primary);padding:0;box-shadow:none;}

	input[type="submit"], button, .button {background:var(--primary);border:solid 1px var(--primary);color:#fff;font-family:var(--heading);font-size:16px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;padding:12px 20px;transition:background-color 0.2s ease, border-color 0.2s ease;}

 	.sheSubmitButton:hover {background:#a91019;	border-color:#a91019;}
	.sh-form-field-group:after{content:'Please complete the CAPTCHA by selecting the requested symbols before submitting the form.'; position:relative; display:block; font-size:16px; color:#444;}
}



/*----Footer-----*/
.footer{width:100%; background:#111; color:#fff;}
.footer-top{padding: 4% 10px 3% 10px;
	ul{margin:5px 0!important; padding:0!important;
		li{padding: 0 !important; margin:0!important; list-style:none!important; 
			a{line-height:28px;}
			p{font-size:15px; color:#b4b4b4; padding-top:10px;}
		}
	}
}
.footer-btm{padding:15px 10px;  border-top:1px #777 solid;
	p{color:#ccc!important; font-size:15px;}
}


/* ---- INVENTORY STYLES - KEEP AT BOTTOM OF CSS ---- */
.inv-content{
	h2{font-size:clamp(20px, 3.5vw, 28px); line-height:1; font-family:var(--heading); font-weight:700;text-transform:uppercase; color:#000;  padding-top:15px; margin:0;}
	h3{font-size:clamp(18px, 3vw, 22px); line-height:1; font-family:var(--heading);  padding-top:15px; margin:0; font-weight:700;text-transform:uppercase; color:#000;}
	p{font-size:16px; font-weight:400; line-height:1.4; color:#666; padding:0; margin:0; padding-top:10px;}
}


.mc-item.mc-img img {aspect-ratio: 5 / 4!important; object-fit:cover!important;}

.listing-top-right,.buy-now-link,.check-availability-link,.view-listing-details-link,.email-seller-link { 
  background: var(--primary) !important; color: #fff !important;
 }

.list-error-container .info button,.mobile-done-button,a.buy-btn.des-buy-now,a.buy-btn.gtm-buynow.des-buy-now,button.selected-facet.ts-button,.detail-contact-bar .contact-bar-btn,button.page-nav {
   background: var(--primary) !important; color: #fff !important;
   }

/* --------------------------------
   Hover states
-------------------------------- */
.view-listing-details-link:hover,.contact-options a:hover,.fin-calc-mobile > a:hover,button.g-recaptcha.button:hover,.email-seller-link:hover,.mc-nav-controls .mc-icon-navarrow span,a.buy-btn.des-buy-now:hover,a.buy-btn.gtm-buynow.des-buy-now:hover,.detail-contact-bar .contact-bar-btn:hover { 
  background: var(--secondary) !important; color: #fff !important;
 }


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	.background-row{
		.red-back, .gray-back{padding: clamp(20px, 3vw, 45px) clamp(10px, 4vw, 30px);}
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.promo{width:calc(50% - 20px);}
	.background-row{flex-wrap:wrap;
		.red-back, .gray-back{width:100%; padding: clamp(30px, 3vw, 45px) clamp(10px, 4vw, 30px);}
	}
	.contact-row{flex-wrap:wrap; gap:10px;
		.contact-info, .contact-form{width:100%; text-align:left;}
}
 #myInvCarousel_2 #myInvCarouselSlickSlider_2 .slick-prev{display:none!important;}

 #myInvCarousel_2 #myInvCarouselSlickSlider_2 .slick-next{display:none!important;}

}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.about-img img{height:220px;}
	.hero-search{padding:10px;}
	.red-bar{border-right:none; border-bottom:solid 1px rgb(150, 11, 20); width:100%;}
	.home-map{height:400px;}
	.about-img{width:100%!important;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.top-header{display:none;}
	.about-img img{height:180px;}
	.promo{width:calc(100% - 20px);
		img{height:170px;}
	}
	.car_col{padding:0!important;}
	.inv_image{height:200px!important;}
	.about-img{width:100%; margin:0 auto; text-align:center;}
	.black-box{width:100%;}
	.home-map{height:300px;}
	.map-text{top:10%;}
	.about-img img{height:260px;}
	#payment{font-size:60px;}

}
@media only screen and (max-width : 390px) {
	.hero-search{padding:5px;}
	.logo{max-width:200px;}
}