/*
    Theme Name: Bobcat Theme 2
    Author: CJ Lupori
    Description: Bobcat Theme Option 2 of 5
    Version: 1.00
*/

@media screen and (min-width: 651px) {
	a[href^="tel:"] { pointer-events: none; }
}

@media screen and (max-width: 650px) {
	a[href^="tel:"] { pointer-events: all; }
}

.btn.btn-default { background: #ff3600!important; color: #fff!important; }
.btn.btn-default:hover { background: rgb(153, 33, 0)!important; color: #fff!important; }

/* BRANDS 

	.category-container 			= homepage manus container & /our-brands/ manus container

	.category-container.homepage-cats-container
									= homepage inv cats container container

	.category-container.homepage-manus-container
									= homepage manus container container

	.category-row 					= homepage inv cats container & /our-brands/ manus container

	.category-row.homepage-cats 	= homepage inv cats container

	.category-row:not(.homepage-cats) / .category-row.brandspage 	
									= /our-brands/ manus container
*/
.category-container:not(.homepage-cats-container) { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; }

.category-container.homepage-manus-container { display: flex; flex-direction: column; align-items: stretch; }

.category-row:not(.homepage-cats) { display: flex; flex-direction: row; flex-wrap: wrap!important; justify-content: flex-start; align-items: stretch; }
.category-row:not(.homepage-cats) .category { width: calc(25% - 2px)!important; min-width: calc(25% - 2px)!important; display: flex; flex-direction: column; }

.category-container.homepage-manus-container .category-row:not(.homepage-cats) .category { width: calc(16.67% - 2.5px)!important; min-width: calc(16.67% - 2.5px)!important; }

.category-container:not(.homepage-cats-container) .category img, .category-row:not(.homepage-cats) .category img { height: 111px; padding: 12px 16px; object-fit: contain; object-position: center; }
.category-container:not(.homepage-cats-container) .category:last-child img { padding: 0!important; }

.category-row:not(.homepage-cats) .category img { padding: 16px 20px; }

.category-row.brandspage.brandspage3 { flex-wrap: wrap-reverse!important; flex-direction: row-reverse; }

@media screen and (max-width: 1200px) {
	.category-container.homepage-manus-container:not(.homepage-cats-container) .category-row:not(.homepage-cats) .category img { height: 90px; padding: 12px 10px; }
}

@media screen and (max-width: 1024px) {
	.category-container:not(.homepage-cats-container) .category img, .category-row:not(.homepage-cats) .category img { max-width: min(250px, 100%); padding-top: 8px; margin-left: auto; margin-right: auto; height: 100px; }
	.category-row:not(.homepage-cats) .category img { height: 90px; }
	
	.category-container.homepage-manus-container:not(.homepage-cats-container) .category-row:not(.homepage-cats) .category { width: calc(33.333333% - 2px)!important; min-width: calc(33.333333% - 2px)!important; }
	.category-container.homepage-manus-container:not(.homepage-cats-container) .category-row:not(.homepage-cats) .category img { max-width: min(250px, 100%); height: 80px; }
}

@media screen and (max-width: 830px) {
	.category-row:not(.homepage-cats) .category { width: calc(33.333333% - 2px)!important; min-width: calc(33.333333% - 2px)!important; }
	.category-row:not(.homepage-cats) .category img { max-width: min(250px, 100%); height: 80px; padding: 12px 16px; }
}

@media screen and (max-width: 650px) {
	.category-row:not(.homepage-cats) .category, .category-container.homepage-manus-container:not(.homepage-cats-container) .category-row:not(.homepage-cats) .category { width: calc(50% - 2px)!important; min-width: calc(50% - 2px)!important; }
}

@media screen and (max-width: 550px) {
	.category-container:not(.homepage-cats-container) .category img, .category-row:not(.homepage-cats) .category img, .category-container.homepage-manus-container:not(.homepage-cats-container) .category-row:not(.homepage-cats) .category img { height: 80px; padding-left: 10px; padding-right: 10px; }
}

@media screen and (max-width: 350px) {
	.category-row:not(.homepage-cats) .category, .category-container.homepage-manus-container:not(.homepage-cats-container) .category-row:not(.homepage-cats) .category { width: calc(100% - 2px)!important; min-width: calc(100% - 2px)!important; }
}

/* Locations CPT Brands We Carry */
.locations .location-content ul li { line-height: 1.6; }

/* form titles shouldn't be h1s because there is already an h1 on the page. */
.contactForm h2, .contactForm h3 { font-size: 24px; margin-bottom: 15px; }

/* fix footer search - override inventory styles */
.quick-search form:before { top: 50%!important; transform: translateY(-50%); }
.quick-search input[type="text"] { height: 38px!important; }

/* hero slides & current offers slides (content sliding out bottom) */

/* hero slider */
@media screen and (max-width: 900px){
    #customSliderSlickSlider2, #customSliderSlickSlider2 .customSliderSlide, #customSliderSlickSlider2 .customSliderVideoPlayerContainer2{min-height: 550px !important;}
}

@media screen and (max-width: 860px){
    #customSliderSlickSlider2, #customSliderSlickSlider2 .customSliderSlide, #customSliderSlickSlider2 .customSliderVideoPlayerContainer2{min-height: 600px !important;}
}

@media screen and (max-width: 810px){
    #customSliderSlickSlider2, #customSliderSlickSlider2 .customSliderSlide, #customSliderSlickSlider2 .customSliderVideoPlayerContainer2{min-height: 640px !important;}
}

@media screen and (max-width: 800px){
    #customSliderSlickSlider2, #customSliderSlickSlider2 .customSliderSlide, #customSliderSlickSlider2 .customSliderVideoPlayerContainer2{min-height: 680px !important;}
}

/* current offers slider */
#customSliderSlickSlider3 .slick-list div { height: 100%!important; }
#customSliderSlickSlider3 .slick-list div.bobcatSlides4ContainerInner div { height: unset!important; }

@media screen and (max-width: 768px){
	#sandhills_custom_slider-6 #customSliderSlickSlider6 .customSliderSlide, #sandhills_custom_slider-6 #customSliderSlickSlider6 .customSliderSmartSlider6{height: 350px !important;}
    #customSliderSlickSlider7 .customSliderSlide.bobcatSlides4Height, #customSliderSlickSlider7 .customSliderSmartSlider5.bobcatSlides4Height, .bobcatSlides4Height, .bobcatSlides4Container, #customSliderSlickSlider3, #customSliderSlickSlider3 .slick-track, #customSliderSlickSlider3 .slick-list{min-height: 750px !important;}
	#customSliderSlickSlider3 .slick-list div { height: unset!important; }
}

@media screen and (max-width: 280px){
	#customSliderSlickSlider7 .customSliderSlide.bobcatSlides4Height, #customSliderSlickSlider7 .customSliderSmartSlider5.bobcatSlides4Height, .bobcatSlides4Height, .bobcatSlides4Container, #customSliderSlickSlider3, #customSliderSlickSlider3 .slick-track, #customSliderSlickSlider3 .slick-list{min-height: 800px !important;}
}

@media screen and (max-width: 230px){
	#customSliderSlickSlider2, #customSliderSlickSlider2 .customSliderSlide, #customSliderSlickSlider2 .customSliderVideoPlayerContainer2{min-height: 600px !important; height: 600px !important;}
	
	#customSliderSlickSlider7 .customSliderSlide.bobcatSlides4Height, #customSliderSlickSlider7 .customSliderSmartSlider5.bobcatSlides4Height, .bobcatSlides4Height, .bobcatSlides4Container, #customSliderSlickSlider3, #customSliderSlickSlider3 .slick-track, #customSliderSlickSlider3 .slick-list{min-height: 880px !important;}
}

@media screen and (max-width: 200px){
	#customSliderSlickSlider7 .customSliderSlide.bobcatSlides4Height, #customSliderSlickSlider7 .customSliderSmartSlider5.bobcatSlides4Height, .bobcatSlides4Height, .bobcatSlides4Container, #customSliderSlickSlider3, #customSliderSlickSlider3 .slick-track, #customSliderSlickSlider3 .slick-list{min-height: 940px !important;}
}

/* adding company logo to header */
.header .container { display: flex; justify-content: center; align-items: center; }

.header .logo { width: 240px!important; }

.dlrlogo-div { position: relative; display: flex; width: 150px; padding: 10px; box-sizing: border-box; }
.dlrlogo-div img { height: 70px!important; object-fit: contain; object-position: center; }

.header .nav { width: calc(100% - 400px)!important; padding-left: 6px; box-sizing: border-box; }

@media screen and (max-width: 420px){
	.header .container { flex-direction: column; }
	.dlrlogo-div { padding-top: 5px; }
}


/* OUR BRANDS PAGE */
.archiveourbrandstemplate { 
	position: relative; width: 100%; 
	padding: 50px max(5%, calc(50% - 650px)); box-sizing: border-box; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; 
}
.archiveourbrandstemplate h1 { width: 100%; margin-bottom: 32px; }
.contentourbrandsfile-indibox {
	position: relative; min-width: calc(25% - 2px); 
}
.contentourbrandsfile-indibox .ourbrandsinv, .contentourbrandsfile-indibox .ourbrandsweb, 
.is-fallback-brand-link, .fallback-inv-becomes-web, .fallback-web-becomes-inv {
	position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; 
}
.contentourbrandsfile-indibox:not(.brand-link-web) .ourbrandsinv, .fallback-inv-becomes-web, .fallback-web-becomes-inv {
	z-index: 4; pointer-events: all;
}
.contentourbrandsfile-indibox.brand-link-inv a.ourbrandsinv, .contentourbrandsfile-indibox.brand-link-web a.ourbrandsweb {
	z-index: 4!important;
	pointer-events: all;
}
.contentourbrandsfile-indibox.brand-link-web a.ourbrandsinv, .contentourbrandsfile-indibox.brand-link-inv a.ourbrandsweb {
	z-index: 3!important;
}
.contentourbrandsfile-indibox img, .contentourbrandsfile-indibox p {
	position: relative;
	z-index: 2;
}
.contentourbrandsfile-indibox img {
	width: 100%; height: 120px; object-fit: contain; object-position: center; padding: 16px; 
}

@media screen and (max-width: 950px){
	.contentourbrandsfile-indibox { min-width: calc(33.333333% - 2px); }
	.contentourbrandsfile-indibox img { height: 110px; }
}

@media screen and (max-width: 750px){
	.contentourbrandsfile-indibox { min-width: calc(50% - 2px); }
	.contentourbrandsfile-indibox img { height: 100px; }
}

@media screen and (max-width: 420px){
	.contentourbrandsfile-indibox { min-width: calc(100% - 2px); }
	.contentourbrandsfile-indibox img { height: 90px; }
}