/*
    Theme Name: Bobcat Theme 1
    Author: CJ Lupori
    Description: Bobcat Theme Option 1 of 5
    Version: 1.00
*/

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .logo {
	display: flex;
	padding:0!important;
}
.header .quick-search{padding:0 15px!important;}
.header.cf:before, .header.cf:after {
	display: none;
}
.head-cat-logo {
	background: #FF3600;
	padding: 0px 10px 0px 25px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.head-cat-logo img {
	widows: 100%!important;
	max-width: 135px;
}
.head-cat-logo span {
	color:#fff;
	display: block!important;
	padding-top:8px!important;
	font-size: 14px!important;
	font-weight: 600!important;
	text-indent: 0px!important;
}
.head-logo {
	padding:5px 20px 5px 20px;
	background:#fff;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 500;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.head-logo img {
	width: 100%!important;
	max-width:60px;
}
.head-logo span {
	color:#000;
	display: block!important;
	padding-top:0px!important;
	font-size: 14px!important;
	font-weight: 500!important;
	text-indent: 0px!important;
}
.brand-categories {
	display: block;
	width: calc(100% - 50px);
	margin: 0px auto;
	padding: 25px;
	text-align: center;
}
.brand-wrap .slick-track {
	display: flex;
	align-items: stretch;
}
.brand-wrap .slick-track .slick-slide {
	height: 100%;
}
.brand-wrap .item {
	padding:5px!important;
	box-sizing: border-box;
}
.brand-wrap .item > div{
	height: 100%;
}
.brand-wrap a {
	background:#fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 180px;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #000;
}
.vid-cont {
	background:#fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #000;
}
.vid-cont iframe {
	aspect-ratio: 16 / 9;
    width: 100% !important;
	height: auto;
	margin-bottom: 20px;
}
.review-cont {
	background:#fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:20px 0;
	flex-direction: column;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #000;
	text-align: left;
}
.review-cont p {
	font-size: 18px;
}
.review-stars {
	color:#ffb900;
	display:flex;
	gap:5px;
}
.review-info p {
	font-size: 16px;
}
.review-info p.bold {
	font-weight: 700;
}
.brand-wrap a.loc-link {
	height: auto;
}
.brand-wrap a img {
	max-width:200px;
	width:100%;
	display: block;
	height: auto;
	max-height:90px;
	object-fit: contain;
	object-position: center center;
	transition: 0.2s ease-in-out;
}
.brand-wrap a img.loc-img-1 {
	max-width:100%;
	width:100%;
	display: block;
	height: auto;
	max-height:100%;
	object-fit: contain;
	object-position: center center;
	transition: 0.2s ease-in-out;
}
.brand-wrap a h2, .vid-cont h2 {
	display: flex;
	padding:10px;
	background:#000;
	color:#fff;
	width: 100%;
	box-sizing: border-box;
	transition: 0.2s ease-in-out;
	text-align: center;
	font-size: 16px;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
}
.brand-wrap a:hover img {
	opacity: 0.6;
}
.brand-wrap a:hover h2 {
	background:#FF3600;
}
.brand-wrap #advancedmyCarousel2 .slick-dots {
	bottom:0!important;
	padding-top: 10px;
}
/* LOCATIONS */
.map {
	width: 100%;
}
.map iframe {
	width: 100%;
	height: 300px;
}
.map-title {padding-top:25px;}
.map-title h1 {color:#ff3600;}
.map-flex {display: flex; flex-direction: row;  padding: 25px 0;justify-content: space-between;gap:20px 0;flex-wrap: wrap;}
.map-left {width: 49%; text-align: left;display: flex;flex-wrap: wrap;justify-content: space-between;gap:10px 0;}

.map-info {
	width: 49%;
	padding:5px;
	border:1px solid #000;
	box-sizing: border-box;
}
.map-flex img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0px auto;
	object-position: center;
	object-fit: cover;
}
.map-right {
	width: 49%;text-align: left;display: flex;flex-wrap: wrap;justify-content: space-between;gap:10px 0;
}
.map-right .button {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 1600px){
    .header .logo{
		position: relative!important;
		width: auto!important;
	}
}
@media screen and (max-width: 991px){
    #sandhills_custom_slider-4 #customSliderSlickSlider4 .customSliderSlide, #sandhills_custom_slider-4 #customSliderSlickSlider4 .customSliderSmartSlider4{height: 350px !important;}
    #customSliderSlickSlider5 .customSliderSlide.bobcatSlides4Height, #customSliderSlickSlider5 .customSliderSmartSlider5.bobcatSlides4Height{height: 650px !important;}
	.map-right , .map-left {
		width: 100%;
	}
}
@media screen and (max-width: 650px){
	.map-info {
	width:100%;
	}
}

/* rental page */
.is-fullpage { position: relative; width: 100%; padding: 50px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; }

#rentalspage {}

#rentalspage {}

#rentalcontentholder { position: relative; width: 100%; box-sizing: border-box; }

#rentalcontentholder .rentaldynamicsidebar, #sidebar496-rentalcontentID { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }

#rentalcontentholder .rentaldynamicsidebar .widgetContainer:not(.sandhills_editable_area-18-widgetContainer):not(.sandhills_editable_area-39-widgetContainer), #sidebar496-rentalcontentID .widgetContainer { position: relative; width: 50%; margin-bottom: 10px; padding: 0px 10px; }
.sandhills_editable_area-18-widgetContainer, .sandhills_editable_area-39-widgetContainer { width: 100%; }

.rentalbox { position: relative; width: 100%; }

.rentalbox .sh-row div { display: flex; flex-direction: row; align-items: stretch; }
.rentalbox .sh-row .outerEditableArea:last-child, .rentalbox .sh-row .outerEditableArea div { position: relative; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: stretch; }

.rentalbox h2 { display: flex; justify-content: flex-start !important; align-items: center; padding-right: 24px; padding-top: 20px; padding-bottom: 10px; font-weight: 800; font-size: 25px; }
.rentalbox img { position: relative; width: 90%; height: auto; aspect-ratio: 3 / 2; max-height: 400px; object-fit: cover; object-position: center; margin-bottom: 20px; }

.rentalbox table { box-sizing: border-box; /*margin-top: 16px!important;*/ width: 100%; }
.rentalbox table tr { box-sizing: border-box; }
.rentalbox table td { border: 1px solid #ccc; box-sizing: border-box; }

.rentalbox table td:first-child { width: 40%!important; }
.rentalbox table td:nth-child(2) { width: 17%!important; }
.rentalbox table td:nth-child(3) { width: 21%!important; }
.rentalbox table td:nth-child(4) { width: 22%!important; }

.rentalbox table tr:nth-child(odd) td { background: #f8f8f8; transition: .1s ease all; }
.rentalbox table tr:hover td { background: #e0e0e0!important; }
.rentalbox table tr:first-child:hover td { background: #ff3600!important; }
.rentalbox table tr:first-child:hover td:first-child { background: #fff!important; }

.rentalbox table tr:first-child td { background: #ff3600; border-top-color: #ff3600; border-left-color: #fff; border-right-color: #fff; font-weight: 900; }
.rentalbox table tr:first-child td:first-child { background: #fff; border-top-color: #fff; }
.rentalbox table tr:first-child td:last-child { border-right-color: #ff3600; }

.phone-location-header span { font-size: 16px; font-weight: 600; }

@media screen and (max-width:1024px) {
	#rentalcontentholder .rentaldynamicsidebar .widgetContainer, #sidebar496-rentalcontentID, #sidebar496-rentalcontentID .widgetContainer { width: 100%!important; }
}

@media screen and (max-width:500px) {
	.rentalbox img {width: 100%;}
	.is-fullpage {padding: 10px;}
	.rentalbox .sh-row .outerEditableArea div {flex-direction: column; align-items: center;}
}

@media screen and (max-width:420px) {
	.rentalbox table td { font-size: 14px!important; }
}

@media screen and (max-width:380px) {
	.rentalbox table td { padding: 4px!important; }
}

@media screen and (max-width:350px) {
	.rentalbox table td { font-size: 13px!important; }
}