/*
Theme Name: www.linkbeltma.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
*/

a{color:white;text-decoration: none;}
button, input {border-radius: 0px !important;}
.form-control:focus:not([data-blockStyles="sheditor-element-ignore"]) {box-shadow: none !important;}

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

html, body {
	height:100%;
	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;
}

/* STRUCTURE */
.manu-bar .post-showrooms-image.hidden {display: none!important;}
.hidden{display: none !important;}

.flex {display: flex;}
.flex-wrap{flex-wrap: wrap;}

.relative{position: relative;}
.no-overflow{position: relative; overflow: hidden;}
.wrapper{max-width: 1600px; width: 100%; padding: 0 4%; margin: 0 auto;}

.col25{width: 25%;}
.col33{width: 33.33333%;}



.hide-widget-controls .slick-dots{
	display: none !important;
}
.hide-widget-controls .slick-dotted.slick-slider{
	margin: 0 !important;
}


.hide-widget-controls .slick-prev, .hide-widget-controls  .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50% !important;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.hide-widget-controls .slick-prev {
	left: 25px !important;
}
.hide-widget-controls  .slick-next {
	right: 25px !important;
}
.hide-widget-controls  .slick-arrow {
	background: none !important;
	opacity: 0.75!important;
}
.hide-widget-controls  button:hover .slick-arrow {
	opacity: 1 !important;
}
.hide-widget-controls  .slick-prev:before, .hide-widget-controls .slick-next:before {
	color: #000 !important;
	font-size: 30px;
}

/* TEXT */

.nowrap{white-space: nowrap;}
.text-styling{
	font-family: work-sans, sans-serif;
}
.text-styling:not(.white) a[href^="tel:"]{
	color: #c3141b;
}

.white{color: #fff!important;}
.center{text-align: center;}
.space .btn-success{margin: 0 10px !important; width: calc(100% - 20px) !important;}

.text-styling h2, .text-styling h3, .text-styling h4, .text-styling h5, .text-styling h6 {font-size: 18px;}


/* HEADER */
#header{position: relative; font-family: work-sans, sans-serif;}
#header * {
    box-sizing: border-box;
}
.header-right{margin-left: auto; width: 80%; max-width: 1000px; align-items: center; justify-content: flex-end;  font-size: 14px;
    padding-left: 40px;}
.header-right a[href^="tel:"] {color: #c3141b; }
.logo {max-width: 208px; width: 100%; padding: 25px 0; text-align: center;}
.logo img {max-width: 250px; width: 100%; text-align: center; margin: 0 auto;}
.nav-containerlb {background: #fff;}
.header-text p {font-size: 16px;}

.header-col{
	width: 100%;
}
.header-col-divider{
    height: 70px;
    margin: 0 30px;
    border-right: solid 1px #d2d2d4;
}


/*BODY*/

.bg-dark{
	background: #1f1f1f;
	color: #fff;
	position: relative;
}

.bg-white{
	position: relative;
	background: #fff;
}
.pad.bg-white {
    padding: 4%;
}
.bg-darkslant{
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1000%;
    right: 100%;
    overflow: hidden;
}
.bg-darkslant:after{
    content: '';
    position: absolute;
    background: #1f1f1f;
    top: 0;
    bottom: 0;
    right: 0;
    left: calc(100% - 15px);
}
.bg-darkslant:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    border-color: transparent #1f1f1f transparent transparent;
    border-style: solid;
    border-width: 400px 500px 0px 0px;
}


.bg-greyslant{
	background: #f8f8f8;
	position: absolute;
	left: 42.5%;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
.bg-greyslant:before{
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    border-color: transparent #f8f8f8 transparent transparent;
    border-style: solid;
    border-width: 200px 200px 0px 0px;
}
.bg-greyslant-big:before{
    border-width: 2400px 1800px 0px 0px;
}

.hero{background: #f8f8f8;}

.ql h3{
	font-size: 18px; 
}


.vpad{
	padding-top: 4%;
	padding-bottom: 4%;
}
/* HOME */

.col-link{
	padding: 0 2%;
	margin-top: -7%;
	margin-bottom: 70px;
}
.col-link a{
	color: #c3141b;
}
.col-link img{
	max-width: none !important;
	max-height: none !important;
	width: 100%;
	filter: grayscale(100%);
	transition: all ease 0.3s;
}
.col-link:hover > .img-container img{
	filter: grayscale(0%);
}


/* SHOWROOMS BAR */

.post-row-showrooms {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	padding-top: 40px;
	padding-bottom: 10px;
}

.post-showrooms-link img{filter: grayscale(1); opacity: 0.3; transition: all ease 0.2s; padding: 20px;}
.post-showrooms-link:hover > img{filter: grayscale(0); opacity: 1;}

/* HOME - ABOUT */

.big-btn{
	padding: 6% 4%;
	border-left: solid 1px #fff;
	transition: all ease 0.2s;
}
.big-btn:hover{
	background: #c3141b;
}
.big-btn:hover > h4:before{
	transform: scaleX(1);
}

.big-btn h4:before{
	content: '';
	position: absolute;
	top: -12px;
	left: 0;
	height: 3px;
	width: 100%;
	background: #fff;
	transform-origin: left;
	transform: scaleX(0);
	transition: all ease 0.2s;
}
.big-btn h4{
	position: relative;
	text-transform: uppercase;
    font-family: work-sans, sans-serif;
    font-weight: 500;
    margin-top: 24px;
	pointer-events: none;
}
.col25.pad{padding: 4% 4% 4% 0;}

a.cta {
    display: block;
    padding: 10px;
    text-align: center;
    font-family: work-sans, sans-serif;
	transition: all 0.2s ease;
	font-size: 14px;
}
a.cta.cta-white {
    border: solid 1px #fff;
}
a.cta.cta-white:hover {
	color: #000;
	background: #fff;
}

/* FORMS */

.form-wrapper{
	max-width: 60%;
	margin: 0 auto;
	display: block;
	padding-bottom: 10%;
}
.text-styling input:not(.btn-success){
	background: #f8f8f8;
	border: none;
	border-left: #fff solid 5px;
	border-right: #fff solid 5px;
	text-transform: uppercase;
	margin-top: 5px;
}

.text-styling textarea{
	resize: vertical;
	height: 100px;	
	background: #f8f8f8;
	border: none;
	border-left: #fff solid 5px;
	border-right: #fff solid 5px;
	text-transform: uppercase;
}
.text-styling label{
	margin-left: 5px;
	text-transform: uppercase;
	font-family: work-sans, sans-serif;
	font-size: 14px;
	font-weight: 500;
}
.text-styling .btn-success{
	
	background: transparent;
    display: block;
    padding: 10px;
    text-align: center;
    font-family: work-sans, sans-serif;
	transition: all 0.2s ease;
	border: solid 1px #c3141b!important;
	color: #c3141b;
	
	max-width: 248px;
	width: 100%;
	
	box-shadow: none!important;
	appearance: none !important;
}
.center a.btn-success {
    display: inline-block;
}
.text-styling .btn-success:focus{
	background: #c3141b !important;	
	color: #fff !important;
}
.text-styling .btn-success.active, .text-styling .btn-success:disabled{
	background: #f8928a !important;
	border: solid 1px #f8928a !important;
}
.text-styling .btn-success:hover{
	color: #fff;
	background: #c3141b!important;
}

.text-styling h1{
	margin-bottom: 90px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}
.text-styling h1:after{
    content: '';
    position: absolute;
    bottom: -30px;
    left: 35%;
    right: 35%;
    height: 3px;
    background: #000;
}

/* HOME - MAP / ADDRESS */

.col-map{width: 60%; margin-top: -30px; margin-bottom: 30px; padding-left: 4% !important; position: relative; z-index: 10;}
.col-map iframe{height: 392px;}
.col-address{width: 40%; margin: 30px 0 0; font-family: work-sans, sans-serif; padding: 2% 4% !important;}

.col-address .text-styling h5{
	text-transform: uppercase;
	padding-bottom: 30px;
	position: relative;
	font-size: 16px;
    font-weight: 500;
}
.col-address .text-styling h5:after{
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 65%;
    height: 3px;
    background: #fff;
}
.text-styling p, .text-styling ul{
    line-height: 24px;
	font-size: 14px;
}

.col-address .text-styling .btn-success{
	border: solid 1px #fff!important;
	color: #fff;
}
.col-address .text-styling .btn-success:focus{
	background: transparent !important;	
	color: #fff !important;
}
.col-address .text-styling .btn-success:hover{
	background: #fff!important;
	color: #000!important;
	border-color: #fff!important;
}


/* SHOWROOMS PAGE */

#showrooms{justify-content: center; margin: 0 -20px;}
.showroom-box{
	padding: 40px 20px;
	width: 20%;
	transition: ease all 0.3s;
	text-align: center;
	filter: grayscale(1);
	opacity: 0.3;
}
.showroom-box img{
	max-width: 100%;
}
.showroom-box:hover{
	filter: grayscale(0);
	opacity: 1;
}



/*FOOTER*/
.footerbg {background: #fff; padding: 4% 0;}
.footerbg .text-styling h5{
	font-size: 18px;
}
.footerbg .text-styling a{
	color: #000 !important;
	transition: ease all 0.2s;
}
.footerbg .text-styling b a:hover {
    color: #c3141b !important;
}
.footerbg .text-styling .fab {
	font-size: 20px;
}
.footertext {display: flex; flex-direction: row; width: 84%; margin-left: 8%; margin-right: 8%;}
.footer-logo img {
    max-width: 100%;
}
.ft-ql {width: 23%; margin: 2%;}

/* INVENTORY */

#inv{padding: 5% 0;}
#inv *:not(.loading-spinner):not(.loader){border-radius: 0!important;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: work-sans, sans-serif!important;} /* Reset font, ignore icons */


.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;}

.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a {background:#c3141b !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .faceted-search, .faceted-show-all-btn {background: #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 {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; text-transform: uppercase; font-weight: 500;}

.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, .faceted-search-content .mobile-done-button-container .mobile-done-button, .list-page-nav {background: #000 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {border-color: #000!important; color: #000!important;}

.material-icons {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;}

.noUi-connect, .noUi-handle{
	background:#c3141b !important;
}
.detail-price{
	color: #c3141b !important;
}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	#header {font-size: 14px;}
	.header-col {
		width: 33%;
    font-size: 12px;
	}
	.header-col-divider{
		margin: 0 15px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1023px) {
	.hide-mobile{display: none !important;}
	
	.logo {
		max-width: 120px;
    	padding: 20px 0;
	}
	.bg-greyslant{
		left: 80%;
	}
	.post-row-showrooms {
    justify-content: center;
	}
	.column-padding-showrooms.item { width: calc(33.33333% - 40px);}
	
	.col33.col-link:first-of-type{
		margin-top: 30px;
	}
	.col33.col-link{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 30px;
		text-align: center;
	}
	
	.bg-greyslant-big:not(.bg-greyslant-wide):before{
		border-width: 2400px 900px 0px 0px;
	}
	
	.col25{width: 100%; border-left: none !important;}
	.col25.pad{padding: 8% 0;}
	.col25.big-btn{
		width: calc(100% + 80px);
		border-left: none !important;
		text-align: center;
		margin: 0 -40px;
	}
	.form-wrapper{max-width: 92%;}
	.big-btn h4:before {
		width: 30%;
		left: 50%;
		transform: scaleX(0) translateX(-50%);
	}	
	.big-btn:hover > h4:before {
    	transform: scaleX(1) translateX(-50%);
	}
	
	.img-container {
		overflow: hidden;
		height: 0;
		padding-bottom: 40%;
		margin-bottom: -30px;
	}
	.img-container img {
		transform: translateY(-25%);
	}
	
	.text-styling h1{font-size: 24px;}
	
	.col-map{width: 108%; padding: 0 !important; margin: 4% -4%; margin: 0 !important;}
	.col-map iframe{height: 300px;}
	
	.col-address{width: 100%; padding: 4% 0 !important;  margin: 0 !important; text-align: center;}
	.col-address .text-styling h5:after {
		right: 33%;
		left: 33%;
	}
	.col-address .text-styling .btn-success {
		margin: 0 auto;
	}
	
	.footertext{flex-wrap: wrap;}
	.ft-ql {width: 38%; margin: 3% 6%; }	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.column-padding-showrooms.item { width: calc(100% - 40px);}
	.ft-ql {width: 96%; margin: 2%; }
	
	.footerbg{padding: 60px 0;}
	
	
	.showroom-box{
		width: 100%;
	}
}

