/*
Theme Name: www.bobcatofblueridge.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 {
	height:100%;
	width:100%;
}
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.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;
}
/*-------------Navigation-----------------*/
.header-wrapper{width:100%; background-color:#000; padding:10px 0;}
.header-inside{display:flex; flex-direction:row; max-width:1600px; width:100%; margin:0 auto;}
.header-logo{width:250px;}
.header-icons{width:205px; display:flex; flex-direction:row; padding-top:10px;}
#header{width:calc(100% - 455px);}

a.icons icon{margin:5px 10px; transition:.3s ease;}
a.icons:hover icon{color:#ff3600!important;}

a.header-phone{color:#fff; font-weight:800; font-size:18px; transition:.3s ease;}
a.header-phone:hover{color:#ff3600;}
/*--------Home--------------*/
.hero-search{max-width:500px; width:calc(100% - 20px); background-color:#fff; margin:0 10px; border-radius:10px; padding:5px; box-sizing:border-box;}
.hero-search input[type="text"]{border:none!important; background-color:#fff; width:calc(100% - 120px);}
.hero-search input[type="submit"]{background-color:#ff3600; color:#fff; padding:5px 15px; border:none; border-radius:10px;}
.left-box{margin:20px 10px 20px 0; width:calc(100% - 10px); height:775px;}
.right-box{margin:20px 0 20px 10px; width:calc(100% - 10px); height:775px;}
.bottom-left-box{margin:0px 10px 20px 0; width:calc(100% - 10px); height:775px;}
.bottom-right-box{margin:0px 0px 20px 10px; width:calc(100% - 10px); height:775px;}
a.home-button:hover img{transition:.3s ease-in-out!important;}
a.home-button:hover img{transform:scale(108%);}


/*----------Sub pages----------------*/
.page-background{width:100%; background-color:#000;}
.page-width{max-width:1500px; margin:0 auto; width:100%; background:#fff;}
.page-image{border-bottom:4px solid #ff3600;}


a.black{color:#000;}


.page-width .finance-page iframe{height:3600px;}
/*---------------Text--------------*/
.white-header{font-size:60px; text-shadow:3px 3px 3px rgba(0,0,0,.8); letter-spacing:1px; font-weight:700; font-family:'Roboto', sans-serif; color:#fff;}
.white-large{font-size:55px; letter-spacing:1px; font-weight:700; font-family:'Roboto', sans-serif; color:#fff;}
.white-small{font-size:25px; font-weight:400; color:#fff; font-family:'Roboto', sans-serif;}
.black-large{font-size:55px; font-weight:700; font-family:'Roboto', sans-serif; color:#000;}
.black-small{font-size:25px; font-weight:400; color:#000; font-family:'Roboto', sans-serif;}
.large-orange{font-size:45px; font-weight:700; color:#ff3600; font-family: 'Roboto', sans-serif;}

/*-------------Buttons--------------*/
.orange-text-btn{background:transparent; transition:.3s ease; font-family:'Roboto', sans-serif; color:#ff3600; font-size:16px; font-weight:400; border:none; display:inline-block; margin:0 auto;}
.orange-text-btn:hover{color:#fff; box-shadow:none!important;}
.orange-text-btn i{color:#ff3600; padding-left:10px; transition:.3s ease;}
.orange-text-btn:hover i{padding-left:20px; color:#fff;}
.grey-footer-btn {color:#333; transition:.3s ease; font-weight:500; padding:2px; line-height:20px; font-size:16px; border:none; background:transparent; font-family:'Roboto', sans-serif;}
.bold-footer-btn{font-size:16px; transition:.3s ease; color:#000; font-weight:800; padding:2px; border:none; background:transparent;font-family:'Roboto', sans-serif;}
.grey-footer-btn:hover, .bold-footer-btn:hover{color:#ff3600;}
.orange-btn{max-width:200px; width:100%; font-weight:600; display:block; font-size:18px; color:#fff; background:#ff3600; text-align:center; border:solid 1px #ff3600!important; transition:.3s ease; padding:12px;}
.orange-btn:hover{background:#000!important; border:solid 1px #000!important;}

.site-link{position:fixed; bottom:20px; width:210px; right:1%; padding:10px; left:auto; box-sizing:border-box; max-width:200px; z-index:100!important;}
.site-link a{color:#fff; background:#ff3600; padding:16px 18px; border-radius:25px; font-weight:600; font-size:16px; transition:.3s ease; box-shadow:2px 2px 2px 2px rgba(0,0,0,.25);width:195px!important; display:block;font-family:'Roboto', sans-serif; text-align:center; white-space:nowrap;}
.site-link a i{padding-right:10px; font-size:18px; color:rgba(225,225,225,.8);}
.site-link a:hover{box-shadow:inset 2px 2px 2px 2px rgba(0,0,0,.3)!important;}



.site-number{position:fixed; top:70px; width:210px; right:1%; padding:10px; left:auto; box-sizing:border-box; max-width:200px; z-index:100!important;}
.site-number a{color:#fff; background:#ff3600; padding:16px 18px; border-radius:25px; font-weight:600; font-size:16px; transition:.3s ease; box-shadow:2px 2px 2px 2px rgba(0,0,0,.25);width:195px!important; display:block;font-family:'Roboto', sans-serif; text-align:center; white-space:nowrap;}
.site-number a i{padding-right:10px; font-size:18px; color:rgba(225,225,225,.8);}
.site-number a:hover{box-shadow:inset 2px 2px 2px 2px rgba(0,0,0,.3)!important;}

#number.site-number.activenumber{top:20px!important;}

/*---------Forms-----------*/
.form-wrapper{margin:0 15px; box-sizing:border-box; width:calc(100% - 30px);}
.sheSubmitButton{max-width:200px; width:100%; font-weight:600; display:block; font-size:18px; color:#fff; background:#ff3600; text-align:center; margin:0 auto; border:solid 1px #ff3600!important; transition:.3s ease; padding:12px;}
.sheSubmitButton:hover{background:#000!important; border:solid 1px #000!important;}
.form-wrapper h1, .form-wrapper h2{font-weight:800; color:#ff3600; font-family: 'Roboto', sans-serif;}
.form-wrapper label{font-family:'Roboto', sans-serif;}
/*----------Footer---------------*/
.footer-back{width:100%; background-color:#d0d0d0; margin-top:-2px;}
.footer-width{width:90%; margin:0 auto; display:flex; flex-direction:row; justify-content: space-between; padding:40px 10px; box-sizing:border-box;}
.footer-bottom{width:90%; padding:10px; box-sizing:border-box; text-align:center; border-top:1px solid #000;}
.footer-left{width:calc(100% - 280px);}
.footer-right{width:280px;}
.footer-pub{padding:10px; box-sizing:border-box; margin:0 auto; width:90%; border-top:1px #000 solid;}

/*---------Showroom-------------*/
a.show-link{width:calc(100% - 20px); margin:10px 10px 0 10px; display:inline-block; padding-top:10px; border:solid 1px #d0d0d0;}
.equip-img{max-width:300px; width:100%; margin:0 auto;}
.equip-img img{width:100%; transition:.3s ease;}
a.link-text {display:block; font-size:16px; background-color:#000; transition:.3s ease; color:#ff3600; margin:0 10px 10px 10px; text-align:center; padding:12px;}
a.link-text i{font-size:14px; padding-left:10px; transition:.3s ease;}
a.show-link:hover img{transform:translateY(-8px);}
 a.link-text:hover{color:#fff;}
a.link-text:hover i{padding-left:15px;}

/*--------Featured Inventory----------*/
img.inv_image{height:auto!important; width:100%; margin-bottom:10px!important; object-fit:contain;}
.outer-img-box{padding:0px!important;}
#controls{position:absolute; bottom:30px; right:0; left:0; margin:0 auto; z-index:400;}
.glyphicon-chevron-left, .glyphicon-chevron-right{background-color:#ff3600!important; border-radius:0px!important;}
.a_inv_cont{padding:5px!important;}
ol.sh-carousel-indicators.carousel-indicators.inv_car_ind{display:none!important;}
.listing-title{color:#000; font-size:18px;}
.small_spec strong{display:none;}
.small_spec{font-size:16px; color:#000; margin-top:-15px!important;}
button.carousel_details_btn{background:transparent; transition:.3s ease; color:#ff3600; font-size:16px; font-weight:400; border:none; display:inline-block; margin:0 auto;}
.carousel-inner{max-width:1600px!important; margin:0 auto!important; box-sizing:border-box!important; padding:0 10px 50px 10px!important;}


/*---------Inventory-------------*/
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #ff3600!important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #ff3600!important;
    color: #fff !important;
}

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

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}




/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 1350px) {
	.left-box, .right-box, .bottom-left-box, .bottom-right-box{height:670px;}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	.white-large, .black-large{font-size:42px;}
	.left-box, .right-box, .bottom-left-box, .bottom-right-box{height:640px;}
}
@media only screen and (max-width : 1100px) {
.left-box, .right-box, .bottom-left-box, .bottom-right-box{height:600px;}
	img.bobcat{margin-top:-10px;}
	.header-icons{padding-top:2px;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.footer-width{display:flex; flex-direction:column;}
	.footer-left, .footer-right{width:100%;}
	.footer-right{padding-top:20px;}
	.large-orange{font-size:35px;}
	.left-box, .right-box, .bottom-left-box, .bottom-right-box{height:520px;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 880px) {
.left-box, .right-box, .bottom-left-box, .bottom-right-box{height:480px;}
}
@media only screen and (max-width : 768px) {
	.left-box{margin:20px 0px 0px 0; width:100%;}
.right-box{margin:20px 0 0px 0px; width:100%;}
.bottom-left-box{margin:20px 0px 0px 0; width:100%;}
.bottom-right-box{margin:20px 0px; width:100%;}
	.large-orange{font-size:28px;}
	#header{width:calc(100% - 250px);}
	#menu-button{text-align:right!important;}
	.header-icons{display:none;}
	.left-box, .right-box, .bottom-left-box, .bottom-right-box{height:auto!important;}
	.page-width .finance-page iframe{height:3900px;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.white-header{font-size:38px;}
	.white-large, .black-large{font-size:35px;}
	.white-small, .black-small{font-size:20px;}
	.page-width .finance-page iframe{height:4000px;}
	.site-number a{ padding:14px 16px; font-size:15px; white-space:nowrap!important;}

	
}
@media only screen and (max-width : 330px) {
	.page-width .finance-page iframe{height:4200px;}
	
}