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

.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
section[id^="sandhills_location_accordion"] {display: flex;}
.accordion {background: #fff!important; box-shadow: 0px 15px 40px rgb(26 30 43 / 13%);}
 .accordion-button{background: #f6f6f6!important; padding: 1.5em!important;}
 .accordion-item{border:none; border-bottom: 5px solid white;}
 .accordion-header{margin:0px!important;}
/* .content-wrapper aside .accordion-item{background: #f6f6f6!important;} */
 .accordion-item>.accordion-header:hover {background: #f3f3f3!important; transition: 0.2s ease-in!important;}
.accordion-button:hover {background: #f3f3f3!important; transition: 0.2s ease-in!important;}
/* .content-wrapper aside .accordion-item .accordion-item {margin-bottom: 3px!important;} */
 .accordion-button {white-space: normal!important;}
 .accordion-header {height: auto!important; /*padding: 1.5em 0!important; */}
.accordion-header .accordion-button {margin-bottom: 0; font-weight: 700!important; color: #555!important; padding: 0 2em; font-size: 18px;}
.accordion-body {padding: 1.5em 3em; background: #fff!important;}
.accordion-body p a {text-decoration: underline!important; color: #c41230!important; font-weight: 600!important;}
 .accordion-body p a:hover {text-decoration: none!important; transition: .2s ease-in-out;}
.accordion-button::after {
  display: none!important;
}
 
 .location-gmap{

	flex-direction:row!important;
 }

.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;
}



/*==========  RESET  ==========*/

select,
button,
[type="button"],
[type="reset"],
[type="submit"],
[type="date"] {
  -webkit-appearance: button;
}

* {box-sizing: border-box;}
html, body {font-family: 'Arial', sans-serif; -webkit-text-size-adjust: none; width: 100%; height: 100%;} 
html {scroll-behavior: smooth;}
body {overflow-x: hidden; line-height: 1.6; letter-spacing: .02em;}
::-moz-selection{background: #c41230; color: #fff; text-shadow: none} ::selection{background: #c41230; color: #fff; text-shadow: none;}

/*==========  FORM  ==========*/
.btn-success, .btn-success:focus {border-color: transparent!important;}
input.form-control, textarea.form-control {background: #f6f6f6!important;}
.content-wrapper aside form h1 {display: none;}
.has-success .control-label {color: #143d8d!important;}
.reCaptchaSelected {border: 1px solid #2d3034!important; box-shadow:0 0 10px 1px rgba(45,48,52, .5)!important;}
.alert-success {background: transparent!important; border-left: 3px solid transparent!important;}
.has-success .form-control {border-color: #c41230;}
.btn-success:disabled {background: #c41230!important; border-color: #c41230!important;}
button {font-family: 'Arial', sans-serif!important;}

a:focus, a:hover {transition: 0.2s ease-in;}
.cta-btn {background: #c41230!important; color: #fff!important; padding: 1em 2em; font-size: 16px; width: 100%; max-width: 275px; border: none; font-weight: 700; text-transform: uppercase;}
.cta-btn:hover {background: #f22314!important;}
.align-right {text-align: right;}
.align-right i {color: #c41230;}
.center {text-align: center;}
.pad12 {padding: 12em 0;}
.pad8 {padding: 8em 0;}
.pad4 {padding: 4em 0;}
.white {color: #fff;}
.lightgray-bg {background: #f6f6f6;}
.blue-bg {background: #143d8d;}
.content-width {width: 100%; max-width: 80%; margin: 0 auto;}
.content-wrapper .flex-wrapper {display: flex; flex-wrap: wrap;}
.content-wrapper .flex-wrapper.white {display: flex; align-items: center; flex-wrap: wrap;}
.content-wrapper .flex-wrapper.white p a {color: #ddd!important;}
.content-wrapper .flex-wrapper.white p a:hover {color: #fff!important;}
.content-wrapper h1 {width: 100%; display: inline-block; font-size: 50px; color: #fff; letter-spacing: 1px; line-height: 1.4; font-weight: 900; margin-bottom: .75em;}
.content-wrapper h2 {width: 100%; display: inline-block; font-size: 36px;  color: #d24a60; letter-spacing: 1px; line-height: 1.4; font-weight: 900; margin-bottom: 1.25em;}
.content-wrapper h4 {width: 100%; display: inline-block; font-size: 22px; color: #fff; letter-spacing: 1px; line-height: 1.4; font-weight: 700; margin-bottom: 1.25em;}
.content-wrapper hr {border: 2px solid #fff; height: 2px; width: 100%; display: inline-block; max-width: 75px; margin: 0 0 2em; opacity: 1;}


/*==========  HEADER  ==========*/
#header {background: #fff; border-top: 2.5em solid #143d8d;}
#header .flex-wrapper {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#header .main-logo {text-align: center; display: flex; align-items: center; justify-content: center; margin: 1.5em 0;}
#header .main-logo img {width: 100%!important; max-width: 275px!important; height: auto!important; display: inline-flex!important;}
#header .col-sm-8 {display: flex; align-items: flex-start; justify-content: flex-end; position: relative;}

#header.clone {position: fixed; top: -270px; left: 0; right: 0; z-index: 999; transition: 0.4s top cubic-bezier(.3,.73,.3,.74);}
body.down #header.clone {top: 0; border-top: 1.5em solid #143d8d;}
body.down #header.clone .main-logo {margin: .75em 0;}
body.down #header.clone .main-logo img {display: block; max-width: 155px!important;}


/*==========  HERO SLIDER  ==========*/
.hero-wrapper {width: 90%; margin: 0 auto; position: relative;}
.hero-txt {width: 100%; display: flex; height: 100%; flex-direction: column; justify-content: center; padding: 0 10%;}
.hero-txt h1 {font-size: 55px; color: #fff; font-weight: 900; letter-spacing: 1px;}
.hero-txt p {font-size: 20px; color: #fff; display: block; margin: .5em 0 1em;}
.hero-txt a.cta-btn {max-width: 300px;}
.customSliderSlide {display: flex;} /*center div*/

/*==========  WELCOME SECTION  ==========*/
.welcome-wrapper .flex-wrapper {align-items: center;}
.welcome-wrapper p {font-weight: 600;}
.welcome-wrapper .col-sm-5 img {width: 100%!important; max-width: 444px!important; height: auto!important;}
.welcome-wrapper .col-sm-5 button {margin-top: 3em!important;}
.welcome-wrapper .col-sm-7 {padding-left: 5%!important;}
.triangle-bg {width: 100%; background: url("images/triangle-bg1.png") right no-repeat; background-size: 80%; background-attachment: fixed;}

/*==========  SEARCH OUR INVENTORY  ==========*/
.search-wrapper {width: 100%; display: flex; justify-content: center;}
.search-wrapper .white-bg {width: 80%; max-width: 1200px; padding: 3em 7%; margin-top: -4em; background: #fff; box-shadow: 0px 15px 40px rgb(26 30 43 / 13%); position: relative; display: flex; justify-content: center; flex-wrap: wrap;}
.search-wrapper h3, .browsebyregion-wrapper h3, .content-wrapper h3 {width: 100%; font-size: 28px; line-height: 1.4; font-weight: 900; color: #143d8d; text-align: center; margin-bottom: 1.25em; display: block;}
a.inv-category-wrapper {width: 100%; display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; align-items: center;}
a.inv-category-wrapper img {width: 100%; max-width: 222px; margin: 0 auto; display: block; height: auto; padding: 1em;}
a.inv-category-wrapper button {width: 100%; border: none; background: none; padding: 1.5em 5%; text-align: center; text-transform: uppercase; letter-spacing: 1px; color: #555; font-weight: 600; font-size: 16px;}
a.inv-category-wrapper button:hover {background: #f4f4f4; color: #000; transition: all .2s ease-in-out;}
a.inv-category-wrapper button span {margin-top: 1em;}
#advancedmyCarousel13 {display: flex; flex-wrap: wrap; align-items: center;}

/*==========  BRANDS SLIDER  ==========*/
.brands-slider {width: 80%; max-width: 1600px; margin: 0 auto 8em; padding: 0; background: #fff; box-shadow: 0px 15px 40px rgb(26 30 43 / 13%);}
.brands-slider img {width: 100%; height: auto; max-width: 175px; padding: 1.5em; display: block;}
.brands-slider #advancedmyCarousel14 {margin: 0 auto;}
.brands-slider ul.slick-dots {display: none!important;}
.brands-slider .advancedresults30 {padding: 1em 2em 0!important;}

/*==========  BROWSE BY REGION  ==========*/
.browsebyregion-wrapper {width: 100%; padding: 8em 10%; background: rgba(246,246,246,.75); display: flex; flex-wrap: wrap; justify-content: center;}
.hovermap-wrapper {width: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
.hovermap-wrapper .map {width: 100%; margin: 0 auto; display: block; box-sizing: border-box;}
.hovermap-wrapper img[usemap]{outline: 0; border: none; height: auto; width: auto; max-width: 100%; margin: 0 auto; text-align: center;}
.hovermap-wrapper #dynamicContent {display: flex; flex-wrap: wrap; text-align: left; background: #fff; padding: 2em!important; box-shadow: 0px 15px 40px rgb(26 30 43 / 13%);}
.hovermap-wrapper #dynamicContent h4 {font-weight: 700; color: #143d8d;}
.hovermap-wrapper #dynamicContent h4 span {color: #000!important;}
.hovermap-wrapper #dynamicContent a {border: none; width: 100%; display: block; color: #143d8d; font-weight: 900; font-size: 16px; padding: 5px 1em; background: #f6f6f6;}
.hovermap-wrapper #dynamicContent a:hover {background: #eee;}

/*==========  LOCATIONS  ==========*/
.sandhillsFileLocationAccordion-2.active {background: #f3f3f3; color: #000; border-bottom: 1px solid #f6f6f6;}
.sandhillsFileLocationAccordion-2:hover {background: #f0f0f0;}
.sandhillsFileLocationAccordion-2:hover icon {color: #143d8d;}
.sandhillsFileLocationpanel-2 {border-bottom: 1px solid #f6f6f6;}

div#widget_sandhills_location_accordion_6 {overflow-y: scroll; height: 600px;}
.locationAddress {padding-right: 1em;}
.locationAddress b {line-height: 1.3;}
.accordBtnMargin {margin-bottom:1em;} /* TODO: this will need to be applied to specific breakpoints accordBtnMargin */

@media only screen and (max-width : 768px) {
	.accordBtnMargin {margin-bottom: 0px!important;}
	.accordBtnMargin {margin-top: 1em!important;}
}

.btn-danger:hover{background: #f22314!important;}

/*==========  CTA BANNER  ==========*/
.cta-banner {width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.cta-banner p {font-size: 18px; font-weight: 600;}
.img-overlay {position: relative; width: 100%; z-index: 1;} /* page hero filter */
.img-overlay:before {    
	content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 65, 137, .7)!important;
	z-index: 2;
}
.img-overlay .content-wrapper {position: relative; z-index: 3;}

/*==========  ACCORDION  ==========*/
/* .content-wrapper aside .panel-group {background: #fff!important; box-shadow: 0px 15px 40px rgb(26 30 43 / 13%);} */
/* .content-wrapper aside .panel-default>.panel-heading {background: #f6f6f6!important;} */
/* .content-wrapper aside .panel-default>.panel-heading:hover {background: #f3f3f3!important; transition: 0.2s ease-in!important;} */
/* .content-wrapper aside .panel-group .panel {margin-bottom: 3px!important;} */
/* .content-wrapper aside .panel-title {white-space: normal!important;} */
/* .content-wrapper aside .panel-heading {height: auto!important; padding: 1.5em 0!important;} */
/* .content-wrapper aside .panel-heading h4.panel-title {margin-bottom: 0; font-weight: 700!important; color: #555!important; padding: 0 2em; font-size: 18px;} */
/* .content-wrapper aside .panel-body {padding: 1.5em 3em;} */
/* .content-wrapper aside .panel-body p a {text-decoration: underline!important; color: #c41230!important; font-weight: 600!important;} */
/* .content-wrapper aside .panel-body p a:hover {text-decoration: none!important; transition: .2s ease-in-out;} */

/* .content-wrapper aside .accordion-item{min-height: 80.5px!important; } */


/*==========  FOOTER  ==========*/
.footerbg a {text-decoration: none!important;}
div#foot {width: 100%; box-sizing: border-box;}
div#foot .col-sm-4 {padding: 6em 7%!important; box-sizing: border-box;}
.social-links {width: 100%; margin: 5em 0 2em;}
.social-links i.fab {color: #143d8d; margin: 5px 1vw; font-size: 18px;}
.social-links i.fab:hover {color: #c41230; transition: all .2s ease-in-out;}
p.site-host {width: 100%; color: #999!important; font-size: 10px;}
p.site-host a {color: #143d8d!important;}
p.site-host a:hover {color: #c41230!important; transition: all .2s ease-in-out;}
.footertext {display: flex; flex-wrap: wrap;}

div#foot .col-sm-8 {padding: 6em 7%!important; box-sizing: border-box;}

#foot .blue-bg {padding: 6em 7%!important; box-sizing: border-box;}
ul#ftr-nav {list-style: none; padding: 0; margin: 0;}
ul#ftr-nav li {display: inline-block;}
ul#ftr-nav li a {color: #fff; font-weight: 700; letter-spacing: 1px; margin: 5px 2vw;}
ul#ftr-nav li a:first-child {margin: 5px 2vw 5px 0;}
.ftr-btns {display: inline-flex; margin: 3em 0; border-radius: none!important; white-space: nowrap;}
.ftr-btns button {margin-right: 10px; cursor: pointer;}
button {-webkit-border-radius: 0px!important;}
.cta-btn {-webkit-border-radius: 0px!important;}
.ftr-btns button:hover {background: #f22314!important;}
#widget_sandhills_editable_area_10 button:hover {background: #f22314!important;}
.cta-banner button:hover {background: #f22314!important;}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media screen and (max-width: 1600px) {
	#header .main-logo img {max-width: 250px!important;}
}
@media only screen and (max-width : 1300px) {		
	#header .main-logo img {max-width: 222px!important;}
}
@media only screen and (max-width : 1200px) {		
	#header .main-logo {padding-left: 2em!important;}
	.hero-wrapper {width: 100%;}
	.n2-ss-section-main-content.n2-ss-layer-content.n2-ow {padding: 8em 10%!important;}
	.n2-ss-section-main-content .n2-ss-layer.n2-ow, .n2-ss-section-main-content .n2-ss-layer.n2-ow hdiv, .n2-ss-section-main-content .n2-ss-layer.n2-ow p {text-align: center!important; margin: 0 auto .25em!important;}
	.n2-ss-section-main-content .n2-ss-button-container {margin-top: 1.25em!important;}
	.search-wrapper .white-bg {margin-top: 0; box-shadow: none; width: 100%; max-width: none;}	
}
@media only screen and (max-width : 1100px) {		
	.hovermap-wrapper {flex-direction: column;}
	.hovermap-wrapper .col-sm-4, .hovermap-wrapper .col-sm-8 {width: 100%;}
	.hovermap-wrapper div#dynamicContent {margin-top: 1em;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.pad12 {padding: 8em 0;}
	.pad8 {padding: 4em 0;}
	.pad4 {padding: 2em 0;}	
	.n2-ss-section-main-content .n2-ss-layer.n2-ow hdiv {font-size: 50px!important;}
	.n2-ss-section-main-content .n2-ss-layer.n2-ow p {font-size: 20px!important;}
	.content-wrapper h1 {font-size: 45px;}
	.content-wrapper h2 {font-size: 30px;}
	.search-wrapper h3, .browsebyregion-wrapper h3, .content-wrapper h3 {font-size: 24px;}
	.content-wrapper h4 {font-size: 20px;}
	.cta-banner p {margin-bottom: 3em; font-size: 16px;}
	.welcome-wrapper .col-sm-5 img {margin-top: 3em!important;}
	section[id^="sandhills_location_accordion"] {display: block;}
	#foot {
		flex-direction: column-reverse;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.content-wrapper .col-sm-4.align-right button {margin-top: 3em!important;}
	.content-wrapper .flex-wrapper {justify-content: center; text-align: center;}
	.welcome-wrapper .flex-wrapper {flex-wrap: wrap; flex-direction: column-reverse;}
	.welcome-wrapper .col-sm-7 {padding-left: 0!important; width: 100%;}
	.welcome-wrapper .col-sm-5 {width: 100%;}
	.hovermap-wrapper #dynamicContent {margin-top: 2em;}
	.cta-banner {flex-direction: column-reverse;}
	.content-wrapper .flex-wrapper.white {justify-content: space-around;}
	/* div#foot {display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column-reverse;} */
	.container-flexing { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column-reverse;}
	div#foot .col-sm-8, .cta-banner {text-align: center;}
	#foot .blue-bg, .cta-banner {text-align: center;}
	div#foot .col-sm-4 {padding: 4em 7%!important; width: 100%!important;}
	.social-links {margin: 4em 0 2em;}
	.locationAddress {padding-right: auto;} 
	.ftr-btns {flex-direction: column;}
	.footertext {flex-direction: column-reverse;}
	div#foot .col-sm-8 {width: 100%!important;}
	#header .main-logo {justify-content: flex-start!important;}
	#header .col-sm-4 {width: 75%!important;}
	#header .col-sm-8 {width: 25%!important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	#header .main-logo img {max-width: 180px!important;}
}

@media only screen and (max-width : 350px) {
	#header .main-logo img {max-width: 150px!important;}
}