/*
Theme Name: www.bobcatofgadsden.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%;
}
.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: #ff3600;
	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:#ff3600;
}
.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: #ff3600;
    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;
}

/*=== STYLES ===*/
.flex-container {
	display: flex;
}
.flex-vertical {
	flex-direction: column;
}
.flex-horizontal {
	flex-direction: row
}
.flex-width {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
}
.flex-height {
	height: 100%;
}
.flex-wrap {
	flex-wrap: wrap;
}
.set-width {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}

.justify-center {
	justify-content: center;
}
.justify-right {
	justify-content: flex-end
}
.justify-left {
	justify-content: flex-start
}
.justify-between {
	justify-content: space-between;
}
.justify-around {
	justify-content: space-around;
}

.align-center {
	align-items: center;
}
.align-top {
	align-items: flex-start;
}
.align-bottom {
	align-items: flex-end;
}
.align-all-center {
	align-items: center;
	justify-content: center;
}

.align-self-center {
	align-self: center;
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.left-icon {
	margin-right: 10px;
}
.right-icon {
	margin-left: 10px;
}

.max-width {
	max-width: 1600px;
	width: 90%;
	margin: 0 auto;
}

.full-width-hero-image {
	max-width: 100%!important;
	max-height: 450px;
	object-position: center;
	object-fit: cover;
	border-bottom: 5px solid #ff3600;
}
.contact-form-subpage h1 {
	font-weight: 700;
	font-size: 45px;
	line-height: 45px;
	color: #ff3600;
}
.contact-form-subpage h2 {
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;
	color: #ff3600;
}
.contact-form-subpage h3 {
	font-size: 24px;
	color: #ff3600;
	font-weight: 700;
	line-height: 24px;
}
.contact-form-subpage textarea {
	resize: vertical;
}
.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;}
.heading-white-text {
	font-weight: 700;
	font-size: 55px;
	line-height: 55px;
}
.subheading-white-text {
	font-weight: 400;
	font-size: 25px;
	line-height: 25px;
}
.heading-orange-text-h1 {
	font-weight: 700;
	font-size: 45px;
	line-height: 45px;
	color: #ff3600;
}
.heading-orange-text-h2 {
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;
	color: #ff3600;
}
.heading-orange-text-h3 {
	font-weight: 700;
	font-size: 25px;
	line-height: 25px;
	color: #ff3600;
}
button.link-button {
	color: #ff3600;
	font-size: 16px;
    font-weight: 400;
    display: inline-block;
    background: transparent;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    margin: 0px auto;
	transition: .3s ease;
}
button.link-button i {
	padding-left: 10px;
}
button.link-button:hover {
	color: #ffffff;
}
button.link-button:hover i {
	transition: .3s ease;
	color: #ffffff;
	padding-left: 20px;
}
button.contrast-link-button {
	color: rgb(255, 54, 0);
	font-size: 16px;
	font-weight: 400;
	display: inline-block;
	background: transparent;
	border: none;
	margin: 0px auto;
	transition: all 0.3s ease 0s;
	width: 100%;
	background-color: #000;
	padding: 15px;
}
button.contrast-link-button i {
	padding-left: 10px;
}
button.contrast-link-button:hover {
	color: #ffffff;
}
button.contrast-link-button:hover i {
	transition: .3s ease;
	color: #ffffff;
	padding-left: 20px;
}
.sheSubmitButton {
	max-width: 200px;
    width: 100%;
    font-weight: 600;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: #ff3600;
    text-align: center;
    margin: 0px auto;
    transition: all 0.3s ease 0s;
    padding: 12px;
    border: 1px solid #ff3600 !important;
}
.sheSubmitButton:hover {
	background-color: #161616 !important;
	border: 1px solid #161616 !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;}


/*=== HEADER ===*/
#header {
	background-color: #161616;
	padding: 15px 0;
}
#header .logo img {
	max-width: 250px;
	width: 100%;
}
#header #menucontactgroupID icon {
	transition: .3s ease;
}
#header #menucontactgroupID icon:hover {
	color: #ff3600!important;
}

/*=== FOOTER ===*/
.footerbg {
	background-color: #e9e9e9;
}
#foot .site-footer {
	padding: 30px 0;
}
#foot .site-footer hr {
	border-color: rgba(0, 0, 0, 1);
}

/*=== HOME-PAGE ===*/
.home-page .hero-section h1{
	text-shadow: 0px 0px 20px #000000;
}
.home-page .hero-section form.hero-search{
	max-width: 500px;
    width: calc(100% - 20px);
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    margin: 0px 10px;
    border-radius: 10px;
    padding: 5px;
	margin: auto;
}
.home-page .hero-section form.hero-search i{
	align-self: center;
	margin-left: 5px;
}
.home-page .hero-section form.hero-search input#search{
	background-color: #ffffff;
	border-width: initial !important;
    border-style: none !important;
    border-color: initial !important;
    border-image: initial !important;
	padding-left: 10px;
	width: 100%;
}
.home-page .hero-section form.hero-search input#submit{
	background-color: #ff3600;
	border: none!important;
    color: #ffffff;
    padding: 5px 15px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 8px;
	transition: .3s ease;
}
.home-page .hero-section form.hero-search input#submit:hover{
	background-color: #ffffff;
    color: #ff3600;
    padding: 5px 15px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 8px;
}
.home-page .left-box{
	margin:20px 10px 20px 0; 
	width:calc(100% - 10px); 
	height:775px; 
	overflow:hidden!important;
}
.home-page .right-box
{margin:20px 0 20px 10px; 
	width:calc(100% - 10px); 
	height:775px; 
	overflow:hidden!important;
}
.home-page .bottom-left-box{
	margin:0px 10px 20px 0; 
	width:calc(100% - 10px); 
	height:775px; 
	overflow:hidden!important;
}
.home-page .bottom-right-box{
	margin:0px 0px 20px 10px; 
	width:calc(100% - 10px); 
	height:775px; 
	overflow:hidden!important;
}

/*==========  Sub-Page  ==========*/
.sub-page {
	background-color: #161616;
}
.sub-page .sub-content {
	background-color: #ffffff;
}

/*==========  Showroom-Page  ==========*/
.border-showroom-page {
	box-shadow: none!important;
	border: 1px solid #dddddd!important;
}
.equip-img {
	padding: 10px 10px;
	transition: .3s all ease;
}
.equip-img img {
	max-width: 300px;
}
.equip-img:hover {
	padding: 0 10px 20px;
}

/*==========  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-Page  ==========*/
.inventory-links {padding: 60px 0!important;}
.list-content {max-width: 1366px!important;}
.inventory-links .view-listing-details-link, .inventory-links .faceted-search-content .selected-facets-container .selected-facet {
	background-color: #ff3600!important;
}
.inventory-links .view-listing-details-link:hover, .inventory-links .faceted-search-content .selected-facets-container .selected-facet:hover {
	background-color: #333333!important;
	color: #ffffff!important;
}
.list-heading h1 {
	color: #ff3600!important
}
.list-heading h1 .list-listings-count{
	color: #000000!important
}
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price, .rent-title, .lease-title, .fractional-title, .rent-title-details, .lease-title-details, .fractional-title-details, .detail__heading .detail__title {
	color: #ff3600!important;
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.heading-white-text {
		font-size: 42px;
		line-height: 42px;
	}
	.subheading-white-text {
		font-size: 25px;
		line-height: 25px;
	}
	.home-page .service-section .cat-icon {
		max-width: 38px!important;
		width: 100%!important;
		height: 100%!important;
	}
	.white-large, .black-large{font-size:42px;}
	.left-box, .right-box, .bottom-left-box, .bottom-right-box{height:640px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.large-orange{font-size:35px;}
	.left-box, .right-box, .bottom-left-box, .bottom-right-box{height:520px;}
	#foot .site-footer .menu-hours.flex-horizontal {
		flex-direction: column!important;
	}
}
/* 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;}
	.left-box, .right-box, .bottom-left-box, .bottom-right-box{height:auto!important;}
	/*=== HOME-PAGE ===*/
	.home-page {
		grid-template-areas:
			"hero-section hero-section"
			"new-equipment new-equipment"
			"carlton-equipment-section carlton-equipment-section"
			"used-equipment used-equipment"
			"rental-equipment rental-equipment"
			"service service"
			"finance finance"
			"featured-inventory featured-inventory";
		background-color: #ffffff;
	}
}
@media only screen and (max-width : 590px) {
	.header-number {
		display: none;
	}
}
/* 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;}
	#header .logo {
		width: 75%;
		align-self: center;
	}
	.site-number a{ padding:14px 16px; font-size:15px; white-space:nowrap!important;}

}