/*
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
*/

/*--------------------------------------------------------------
## 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;
}



/* CUSTOM STYLES */

.pad-top{
	padding-top: max(100px, 5vw);
}
.pad-bottom{
	padding-bottom: max(100px, 5vw);
}

.pad-top-half{
	padding-top: max(50px, 2.5vw);
}
.pad-bottom-half{
	padding-bottom: max(50px, 2.5vw);
}
.cs-wrapper{
	margin-left: 7vw !important;
	margin-right: 7vw !important;
	max-width: calc(100% - 14vw);
}
.white{
	color: #fff;
}
.orange{
	color: #d47314;
}
.orange-lighter{
	color: #e89749;
}

.blue{
	color: #3173a5;
}
.dark-blue{
	color: #354b54;
}


img.cs-img-rounded{
	border-radius: 20px;
}
.widget_sandhills_editable_area:has(.cs-rounded) > div > .row {
	border-radius: 10px;
	overflow: hidden;
}
.cs-circular{
	border-radius: 100%;
}
.widget_sandhills_editable_area:has(.cs-shadow) > div > .row  {
	box-shadow: 0 0 18px 0 rgba(0,0,0,0.15);
    margin-top: 18px;
    margin-bottom: 18px;
}
.cs-card {
    display: block;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
	padding: 30px 25px !important;
    height: inherit !important;
	border-radius: 10px;
    min-height: calc(100% - 6px) !important;
}
.cs-margin{
	margin: 3px !important;
}

@media screen and (min-width: 1200px){

	body:not(.highlightSidebars) .cs-offset-down{
		margin-top: 0 !important;
		margin-bottom: -200px!important;
		z-index: 100;
		position: relative;
	}
}
/*---TEXT--------------------------------*/

.heading-xl, .heading-lg, .heading-md, .heading-sm, .heading-xs{
	display: block;
	font-variant-numeric: lining-nums;
	text-transform: uppercase;
}

.heading-xl{
	font-weight: 800;
	font-size: clamp(30px, 3vw, 50px);
	line-height: 0.93;
	letter-spacing: normal;
}
.heading-xl:not(.fas):not(.far){
	font-family: "Montserrat", sans-serif;
}
 .ark-blog h1, .ark-blog h2, .ark-blog h3, .ark-blog h4,.ark-blog h5, .ark-blog h6{
	font-family: "Montserrat", sans-serif;
	 font-weight: 800;
}
.ark-blog h4{
	color: #3173a5;
}
.heading-lg{
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-size: clamp(30px, 3vw, 36px);
	line-height: 1;
	letter-spacing: normal;
}
.heading-md{
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-size: clamp(24px, 3vw, 30px);
	line-height: 1.1;
	letter-spacing: normal;
}
.heading-sm{
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-size: 24px;
	line-height: 1.1;
	letter-spacing: normal;
}
.heading-xs{
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-size: 16px;
	line-height: 1.33;
	letter-spacing: normal;
}
.ark-blog p, .shwidget p, .paragraph, .shwidget .accordion-body, .shwidget .accordion-button, .shwidget ul, .shwidget ol, .post-password-form > p, .static-copy p{
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.33;
	letter-spacing: normal;
}
.shwidget{
	font-variant-numeric: lining-nums
}

.paragraph-disclaimer{	
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0.025em;
}
.shwidget p b, .shwidget .accordion-button{
	font-weight: 700;
}

.contactForm h2, .contactForm h1, .contactForm h3{
	
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-size: min(36px, 6vw); 
	line-height: 1.1;
	letter-spacing: normal;
margin-bottom: 24px;
	margin-top: -24px;
	display: block;
}
.uppercase{text-transform: uppercase;}



 ul.list-checks{
    list-style-type: "\f058";
    padding-left: 16px;
}
 ul.list-checks li{
    padding-left: 12px;
	 margin-bottom: 10px;
	 font-weight: 700;
}

 ul.list-checks ::marker{
	
	font-family: "Font Awesome 6 Free";
	font-weight: 400;
	 color: #fef3e6;
	
}
body.highlightSidebars .accordion-body .col{
	min-height: 20px;
}
.accordion-button:not(.collapsed){
	color: #fff !important;
	background-color: #000 !important;
}
.accordion-button:not(.collapsed):after{
    filter: invert(1) grayscale(1);
}
.style-dark .accordion-item {
    background: transparent;
    color: #fff;
}
.style-dark .accordion-body ul, .style-dark .accordion-body ol,  .style-dark .accordion-body p  {
    color: #fff ;
}
.style-dark .accordion-button {
    background: transparent !important;
    color: #fff !important;
}
.style-dark .accordion-button:not(.collapsed) {
    background: #e5f2f2 !important;
    color: #000 !important;
}
.style-dark .accordion-button:after{
    filter: invert(1) grayscale(1);
}
.style-dark .accordion-button:not(.collapsed):after{
    filter: invert(0) grayscale(0);
}

.shwidget ol li{
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
}
.shwidget ol ::marker{
	color: #d47314;
	font-weight: 700;
}
.white ol ::marker{
	color: #fef3e6 !important;
}


/* BUTTON STYLES */

.hero-cta{
	padding: 20px !important;
	margin: 5px !important;
	border-radius: 4px;
	background: #000;
	transition: ease all 0.3s;
	display: block;
	height: calc(100% - 10px);
}
div:nth-of-type(1) > .hero-cta{
	background: #d47314;
}
div:nth-of-type(1) > .hero-cta:hover{
	background: #ca6400;
}
.hero-cta:hover{
	background: #333;
}
/* DEFAULT - ORANGE */

.btn-default, .btn-orange, .btn-blue, .btn-mint, .btn-dark, .btn-tan{	
	
	font-family: "Montserrat", sans-serif;
	font-weight: 700 !important;
	font-size: 13px;
	border-radius: 90px;
	border: unset !important;
	text-transform: uppercase;
	
    padding: 12px 24px;
    line-height: 24px;
	
	box-sizing: border-box;
	display: inline-block;
	transition: ease all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 5;
}
.btn-default:hover, .btn-orange:hover, .btn-blue:hover, .btn-mint:hover, .btn-dark:hover{	
	box-shadow: inset 0 0 8px 0 rgba(0,0,0,0.33);
}

.btn-default, .btn-orange{	
	background-color: #d47314;
	color: #fff !important;
}
.btn-default:hover, .btn-orange:hover{
	color: #fff !important;
	background-color: #ca6400; 
}
.btn-default.sheSubmitButton:hover, .btn-orange.sheSubmitButton:hover{
	color: #fff !important;
}
	.btn-circle{
		
    display: flex !important;
    height: 48px !important;
    width: 48px !important;
		align-items: center;
		justify-content: center;
		padding: 0 !important;
    flex-shrink: 0;
	}
/* BLUE */

.btn-blue{	
	background-color: #3173a5;
	color: #fff;
}
.btn-blue:hover{
	background-color: #1c5f91; 
	color: #fff;
}


/* MINT */

.btn-mint{	
	background-color: #e5f9ff;
	color: #000;
}
.btn-mint:hover{
	background-color: #bce6f3; 
	color: #000;
}

/* DARK */

.btn-dark{	
	background-color: #000000;
	color: #fff;
}
.btn-dark:hover{
	background-color: #333; 
	color: #fff;
}

/* TAN */

.btn-tan{	
	background-color: #fef3e6;
	color: #354b54;
}
.btn-tan:hover{
	background-color: #f7eadb; 
	color: #354b54;
}

.btn-full-width{
	width: 100%;
}
	.btn-align-center{
		margin: 0 auto !important;
		display: block !important;
	}

	.btn-sm{
		font-size: 12px;
		padding: 0 12px;
		line-height: 30px;
	}
@media only screen and (min-width : 992px) {

	.btn-lg{
		font-size: 24px;
		padding: 30px;
	}
	.btn-align-right{
		margin: 0 0 0 auto !important;
		display: block !important;
	}
}


/* FEATURED INVENTORY */
.widget_sandhills_featured_inventory .col-padding > a:nth-of-type(1)::before {
    content: "Featured";
    position: absolute;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    border-radius: 6px;
    background: #3173a5;
    padding: 4px 9px;
	top: 15px;
	left: 15px;
}
.inv_car_title{
	font-family: "Montserrat", sans-serif;
	font-size: 36px;
	text-transform: uppercase;
    text-align: center!important;
    font-weight: 500;
    color: #000;
    max-width: 100%;
	margin: 0 auto !important;
}
.inv_car_title + hr{
	display: none !important;
}

.carousel_details_btn{
	margin-top: 25px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700 !important;

	border-radius: 90px;
	border: unset !important;
	text-transform: uppercase;
	
	
	box-sizing: border-box;
	display: inline-block;
	transition: ease all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 5;
		font-size: 12px;
		padding: 0 12px;
		line-height: 30px;
	
	
	background-color: #d47314;
	color: #fff !important;

	
}
.carousel_details_btn:hover{

	color: #fff !important;
	background-color: #ca6400; 
	
}

.widget_sandhills_featured_inventory .card-body{
	padding-left: 30px !important;
	padding-right: 30px !important;
	box-sizing: border-box;
    background: #000;
}
.widget_sandhills_featured_inventory #controls {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: unset !important;
    top: -110px !important;
    margin-top: 120px !important;
}
.car_col {
    padding: 10px ! Important;
}
.widget_sandhills_featured_inventory a.a_inv_cont {
    padding: 0;
}
.widget_sandhills_featured_inventory a.a_inv_cont span {
border-radius: 100% !important;
	width: 48px !important;
    display: block !important;
    top: -60px !important;
    bottom: unset !important;
	margin-right: 5px !important;
    height: 48px !important;
    background-color: unset !important;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
	
	opacity: 1 !important;
}
.widget_sandhills_featured_inventory .inv_control{
	transition: ease all 0.2s;
}
.widget_sandhills_featured_inventory a.a_inv_cont:nth-of-type(2) span {
    background-color: #fef3e6 !important;
    right: 0 !important;
	color: #000 !important;
}
.widget_sandhills_featured_inventory a.a_inv_cont:nth-of-type(1) span {
    background-color: #fef3e6 !important;
	color: #000 !important;
	border: none !important;
	box-sizing: border-box !important;
    left: calc(100% - 115px) !important;
}

.widget_sandhills_featured_inventory .inv_control:hover{
	box-shadow: unset !important;
	background-color: #f7eadb !important;
}

.widget_sandhills_featured_inventory a.a_inv_cont:nth-of-type(2) span i{
    font-size: 24px !important;
	color: rgb(16, 36, 51) !important;
}
.widget_sandhills_featured_inventory a.a_inv_cont:nth-of-type(1) span i{
    font-size: 24px !important;
	color: #fff !important;
}


.widget_sandhills_featured_inventory .small_spec {

	font-family: "Montserrat", sans-serif;
	font-size: 36px;
	letter-spacing: normal;
	font-weight: 700;
	margin: -20px 0 0 0 !important;
	color: #fff;
	display: inline-block;
}
.widget_sandhills_featured_inventory .small_spec strong, .widget_sandhills_featured_inventory .small_spec ~ br {
display: none !important;
}
.widget_sandhills_featured_inventory .sh-carousel-indicators {
    display: none !important;
}
.widget_sandhills_featured_inventory .listing-title {
font-family: "Montserrat", sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: normal !important;
	color: #fff;
	font-weight: 400 !important;
}
.widget_sandhills_featured_inventory .col-padding {
	padding: 0 !important;
}
.widget_sandhills_featured_inventory .inv_image {
	width: 200% !important;
	height: auto !important;
}
.widget_sandhills_featured_inventory .outer-img-box {
	padding: 0 !important;
	overflow: hidden;
}

.widget_sandhills_featured_inventory .card {
	box-shadow: none !important;
    border: none !important;
	background: #000 !important;
	margin: 0 !important;
	height: 100% !important;
	position: relative;
}
.inv_car_item {
    overflow: hidden;
    border-radius: 20px;
}
.inv_car_item .inner-image-placeholder {
    position: relative !Important;
    overflow: hidden;
    display: block;

    height: 250px;
}
.inv_car_item img.inv_image {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 100% !important;
    transform: translate(-50%, -50%) !important;
	margin-left: 0 !important;
}

.widget_sandhills_featured_inventory .glyphicon-chevron-right:before {
    content: "\f061" !important;    
	font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}
.widget_sandhills_featured_inventory .glyphicon-chevron-left:before {
    content: "\f060" !important;    
	font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.showroom-cat-img{
	border-radius: 10px;
	aspect-ratio: 1.5;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #eee;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	.inv_car_title{
		font-size: 24px;
		max-width: calc(100% - 220px);
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	.inv_car_title{
		max-width: unset !important;
        font-size: 30px;
        margin-bottom: 80px !important;

	}
	.widget_sandhills_featured_inventory #controls{
		right: 0;
		left: 0;
		display: flex;
		justify-content: center;
		margin: 42px 0 0 !important;
		gap: 10px;
	}
	.widget_sandhills_featured_inventory #controls a span{
    	position: unset !important;
	}

}


/* FORMS */

/* HIDE THE FORM LABEL FOR A FIELD BY PREFIXING WITH hl- */
label[for^="hl-"]{

	display: none !important;
}
.cs-form-panel{
	padding: 20px !important;
	border: solid 1px #ebebeb;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 50px;
}
.contactForm .row:has(.inline-recaptcha-fields):before {
    content: 'Choose the requested images to verify you’re human';
    font-size: 16px;
    font-weight: 700;
}
.contactForm{
	font-family: "Montserrat", sans-serif;
}
.contactForm h2{
	font-weight: 700;
}
.contactForm .btn-default{
	border: none !important;
}
.contactFormLabel{
	font-weight: 700;
}
.contactForm textarea{resize: vertical !important;}

/* SPECIFIC */


.icon-list ul, .plain-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.icon-list ul li{
	position: relative;
	padding-left: 40px;
}
.icon-list ul li i{
	position: absolute;
	left: 0;
	top: 2px;
	width: 24px;
	text-align: center;
}

.post-password-form p input[name="post_password"] {
    line-height: 48px;
    border-radius: 10px;
    margin: 0 10px;
    border: solid 1px #eee;
    box-sizing: border-box;
    padding: 0 15px;
}
.post-password-form p input[type=submit] {
    display: inline-block;
    background: #3a3a3c;
    border-color: #3a3a3c;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-family: inherit;
    font-weight: 700;
    line-height: 48px;
    padding-bottom: auto;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: auto;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
    transition-duration: 333ms;
    transition-property: color, background-color, border;
    transition-timing-function: ease-in-out;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
    -webkit-appearance: none;
	box-sizing: border-box;
}
.post-password-form p label {
	font-weight: 700;
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1201px) {	

	.post-password-form{
		padding-left: 8.5vw !important;
		padding-right: 8.5vw !important;
		padding-top: max(100px, 5vw);
		padding-bottom: max(100px, 5vw);

	}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	.cs-wrapper{
	max-width: calc(100% - 7vw);
		margin-left: 3.5vw !important;
		margin-right: 3.5vw !important;
	}	
	.post-password-form{
		padding-left: 3.5vw !important;
		padding-right: 3.5vw !important;
		padding-top: max(100px, 5vw);
		padding-bottom: max(100px, 5vw);
	}
}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}
