/*
Theme Name: www.calmontequipment.ca
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
*/
/*--------------------------------------------------------------
## Editor class styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body {
	height:100%;
	width:100%;
}

body {font-family: tgn-soft-round, sans-serif !important;}

h1,h2,h3,h4,h5,h6{font-family: futura-pt-condensed, sans-serif !important;text-transform: uppercase;font-weight: 800;}
p {font-family: tgn-soft-round, sans-serif !important;font-size: 16px;line-height: 1.5;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.shwidget h1, .shwidget h2:not(.inv_car_title), .shwidget h3, .shwidget h4, .shwidget h5, .shwidget h6{
    margin: 0 0 10px !important;
    padding: 0 !important;
}
/*----HEADER---*/
header {box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;position:relative;z-index: 99;}
.top-flex{padding: 10px 0;justify-content: flex-end;gap: 20px;}
.location-search {gap: 5px;align-items: center;}
.location-search select {background: transparent;border: none;color: #fff;text-transform: uppercase;font-family: futura-pt-condensed, sans-serif !important;font-size: 18px;font-weight: 600;letter-spacing: 1px;}
.location-search option {color: #000;letter-spacing: 1px;}
.location-search i {color:#ff3600; }
.main-header .flex-container {justify-content: space-between;align-items: center;}
.logo img {max-width: 100%; width: 100%;}
.head-socials .foot-socials {margin: 0 !important;}

/*----BODY STYLES----*/
.wid90{width: 90%; margin: 0 auto;}
.wid-90 {
    width: 90% !important;
    margin: 0 auto !important;
}
.wid80{width: 80%;margin: 0 auto;}
#pad-xl {padding-top: clamp(70px, 5%, 90px);padding-bottom: clamp(70px, 5%, 90px);}
.pad-xl {padding-top: clamp(70px, 5%, 90px);padding-bottom: clamp(70px, 5%, 90px);}
.pad-xl-bottom {padding-bottom: clamp(70px, 5%, 90px) !important;}
.pad-xl-top {padding-top: clamp(70px, 5%, 90px) !important;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.black-bg {background: #000;}
.orange-txt {color: #ff3600 !important;}
.greybg{background: #f2f2f2;}
.page-wid {max-width: 1400px;}
/*----HERO STYLES----*/

.hero .row {
    height: auto !important;
}
.hero .customSliderSlide {display: flex;justify-content: center;align-items: center;}

.hero .customSliderSlide .row {flex-basis: 90%; width: 100%;}
.hero-txt {width: 100%;}

.hero-txt h1 {margin: 0;font-size: 72px;text-transform: uppercase;font-weight: 900;color: #fff;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);line-height: 1 !important;margin-bottom: 40px;}

.hero-txt h1 span{display: block !important;}
div#herosection {
    height: 100% !important;
}

/*---BREAD CRUMBS---*/
.breadcrumb .wid90{padding: 10px 0;}
nav[aria-label="breadcrumb"] ul {font-size: 15px;display: flex;list-style: none !important;padding: 0;margin: 0;width: 100%;}
nav[aria-label="breadcrumb"] li {padding: 0;line-height: 3;font-size: 15px !important;list-style: none !important;}
.career-pg nav[aria-label="breadcrumb"] li {list-style: none !important;}
nav[aria-label="breadcrumb"] a{padding: 8px 0;border-radius: 90px;font-size: 15px;color: #000;font-weight: 600;transition: .3s all;opacity: .85;text-decoration: none;box-sizing: border-box;}
nav[aria-label="breadcrumb"] a:hover {color:#ff3600}
nav[aria-label="breadcrumb"] li+li:before {content: "|";padding: 8px 10px;opacity:.75;list-style: none !important;}
nav[aria-label="breadcrumb"] span {padding: 8px 0;font-size: 15px;font-weight: 500;text-decoration: none;box-sizing: border-box;font-size: 15px;}

.breadcrumbwrap {
    background: #f8f8f8 !important;
    padding: 20px 0 !important;
    display: block;
}
a.breadcrumb-links {
    font-family: futura-pt-condensed, sans-serif !important;
    text-transform: uppercase;
    font-size: 20px !important;
    font-weight: 500;
	letter-spacing: 1px !important;transition: .3s all !important;}
a.breadcrumb-links:hover {letter-spacing: 2px !important;}
a.breadcrumb-links:hover,a.breadcrumb-links:hover icon {color:#FF3600 !important;}
/*---HOME*---*/
section.inv-searchbar {
    position: relative;
    top: -50px;
}
.explore-banner {background: #fff;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;padding: 30px;}
.banner-wrap {padding: 20px;}
.inv-cat {grid-template-columns: repeat(3, 1fr);
	gap: 40px;
    text-align: center;}
.cat {background: #f5f5f5;position: relative;padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;color: #000;margin: 10px !important;
    box-sizing: border-box !important;
}

span.orange-box {
    background: #ff3600;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}
span.orange-box i {
    rotate: -45deg;
}
.flex-container.flex-search {
    align-items: center;
    padding-bottom: 20px;
}
.search-title {flex: 1;}
.search-title h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 900;margin-bottom: 0 !important;
    color: #000;
    line-height: 1;
    margin: 0;
}

.search-bar {
    flex: 2;
}
.flex-search {gap: 10px;}
.search-wrap {width: 100%;display: flex;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
}
.search-wrap input {
    line-height: 2;
    padding: 5px 10px;
    border: none;
}

.search-wrap button {
    background: none;
    border: none;
    font-size: 18px;
    padding: 0 10px;
}

.search-bar input {width: 100%;}
.flex-cat {gap: 30px;align-items: center;}
.flex-cat .icon {
    flex: 1;
}
.flex-cat img {
    max-width: 100%;
    height: auto !important;
	width: 100%;
}
.cat-title {flex: 2;}
.cat-title h3 {
    text-transform: uppercase;
 
    letter-spacing: 1px;
    text-align: left !important;
   margin: 0 !important;
	  
    font-weight: 500;
    font-size: 28px;
}

.cat-title h3 strong {
  display: block;
	 font-size: 32px;
	   font-weight: 600;
}
.logo-banner {}
.logo-banner .row.sh-row {
    display: flex;
    align-items: center;
    justify-content: center;
}
.wid90.logo-banner img {
    width: 100% !important;
    max-width: 175px;
    margin: 0 auto;
}
.homewrap{padding: 50px 0;gap: 10%;align-items: center;}

.home-img,.home-txt {flex: 1;}

.home-img img {max-width: 100%;width: 100%;}
.home-txt h2,.half-page h2 {font-size: 48px;text-transform: uppercase;font-weight: 900;}

.home-txt h2 span,.half-page h2 span {display: block;font-weight: 600 !important;font-size: 28px !important;}
h3.locations {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
}
.homelogo {margin: 0 20px;}
.department-options{grid-template-columns: repeat(3, 1fr);gap: 40px;grid-auto-rows: minmax(100px, auto);margin-bottom: 50px;}
.location-container {
    gap: 5px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(100px, auto);
    display: grid;
	box-sizing: content-box;}

.location-container .brand-box {margin: 0 !important;width:100% !important;}
.dept-box {border-radius: 5px;}
.dept-box img {height: 100%;width: 100%;object-fit: cover;object-position: center;position: relative;}
.overlay {position: absolute;top:0;bottom: 0;left: 0;right: 0;border-radius: 5px;overflow: hidden;}
.dept-box.middle-box .overlay {background: rgba(0,0,0,0.75);}
.dept-box .overlay {background: rgba(255,54,0,0.75);}

.dept-txt {position: relative;top: 10%;left: 10%;right: 10%;bottom: 10%;width: 80%;box-sizing: content-box;height: 80%;display: flex;align-items: center;justify-content: center;border: 3px solid #fff;}

.dept-txt div {width: 90%;margin: 0 auto;text-align: center;}
.dept-txt div button {width: 90% !important;margin-top: 20px;margin: 0 auto;}
.dept-txt h3 {text-transform: uppercase;color: #fff;font-weight: 900;text-align: center;font-size: 36px;text-shadow: rgba(0, 0, 0, 0.3) 2px 4px 3px;}

.dept-txt span {display: block;font-size: 22px;font-weight: 600;}

.featured-inventory h2 {font-size: 48px;text-transform: uppercase;font-weight: 900;text-align: center;}

.no-posts-featured-inv-item {
  text-align: center;
}
a.featureditem {
    margin: 10px !important;
    display: block !important;border: 1px solid #eee;
}
a.featureditem:hover button.orange-special {background: #000;border: 1px solid #000;}
.featuredbox {padding: 30px;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;margin-top: 10px;margin-bottom: 50px;}
.tab ul.slick-dots {bottom: 0 !important;}
.tab-bar{justify-content: center;gap: 5%;}
.tab-bar button.tab-btn {background: transparent;border: none;padding: 10px 0;text-transform: uppercase;letter-spacing: 1px;font-family: futura-pt-condensed, sans-serif !important;font-size: 22px;font-weight: 500;opacity: .5;transition:.3s all;}
.tab-bar button:hover {opacity: 1;}

.featured-inventory .widget.widget_sandhills_advanced_cpt_layout.col-sm-12 {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    margin-top: 10px;
    margin-bottom: 50px;
    padding: 30px !important;
	display: block !important;
}
.featured-inventory .nav-tabs {display: flex !important;justify-content: center !important;    gap: 5% !important;border-bottom: none !important;}
.featured-inventory .nav-tabs a {
    background: transparent;
    border: none;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: futura-pt-condensed, sans-serif !important;
    font-size: 22px;
    font-weight: 500;
    opacity: 0.5;
    transition: .3s all;
    color: #000 !important;
}
.featured-inventory .nav-tabs a:hover, .featured-inventory .nav-tabs > li > a.active {opacity: 1 !important;background: transparent !important;}
.featureditem {color: #000;text-align: left !important}

.featured-inventory .slick-slider {margin-bottom: 0 !important;}
.image-hold {position: relative;overflow: hidden;height: 250px;}
.image-hold img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.year-box {
    position: absolute;
    right: 0;
    padding: 5px 10px;
    background: rgb(255 255 255 / 75%);
    font-family: futura-pt-condensed, sans-serif !important;
    font-weight: 600;
    font-size: 22px;
    color: #ff3600;
}

.special-title {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
}

.featureditem h4 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
}

button.orange-special {
    background: #ff3600;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 20px;
    border: 1px solid #ff3600;
    border-radius: 0;
    font-family: futura-pt-condensed, sans-serif !important;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
	transition:.3s all;
}

#specialtxt {
  padding-top: clamp(90px, 10%, 180px);
  padding-bottom: clamp(90px, 10%, 180px);
  color: #fff;text-shadow: rgba(0, 0, 0, 0.3) 2px 4px 3px;
}

#specialtxt h2 {font-size: 48px;
  text-transform: uppercase;
  font-weight: 900;}
#specialtxt h2 span {display: block;
  font-weight: 600 !important;
  font-size: 28px !important;}

/*--HALF PAGE---*/
.featuredvidcontainer .twohalf {align-items: center;}
.twohalf {justify-content: space-between;gap:5%;}
.half-page {flex-basis: 50%;width: 100% !important;}
.half-page.vid-wrap{overflow: hidden;}
.featured-vid {overflow: hidden;}
.featured-vid iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.half-page .slick-slider {margin-bottom: 0 !important;}
.slick-prev, .slick-next {display: none !important;}

.slick-dots button::before {font-size: 0;width: 12px !important;height: 12px !important;background-color: #fff !important;border-radius: 50% !important;border: 2px solid #E4E4E4 !important;padding: 5px !important;color: transparent !important;}

.slick-dots li.slick-active button::before {background: #E4E4E4 !important;}

.career-box {
    box-sizing: border-box !important;
    padding: 20px ;
    background: rgb(248, 248, 248);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-image: initial;
	border-radius: 5px;
	margin: 5px !important;
}
.career-box h3 {
    font-size: 28px;
    text-transform: none;
    font-weight: 600;
}
.career-box p {font-weight: 500 !important;}
.career-box p:before {content: '\f3c5';font-weight: 900;color:#ff3600 !important;font-weight: 900 !important;font-family: "Font Awesome 6 Free";}

.career-box button.black-btn {width: 100%;}

.service-btns  {display: inline-block;padding: 10px 15px;background: rgb(242 242 242 / 20%);border-radius: 90px;font-size: 16px;border: 1px solid #000;color: #000;min-width: 50px;box-sizing: border-box;line-height: 1;margin-bottom: 10px;}
.job-content ul {margin-inline-start: 25px !important;}
.job-content ul li{list-style: disc !important;margin-bottom: 5px;}
/*--------------------------------------------------------------
## 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;
}

/*---BODY---*/

/*---BUTTONS---*/
.orange-btn {background: #ff3600;color: #fff;text-transform: uppercase;padding: 15px 20px;border: 1px solid #ff3600;border-radius: 3px;font-family: futura-pt-condensed, sans-serif !important;font-weight: 600;letter-spacing: 1px;font-size: 18px !important;}
.black-btn {background: #000;color: #fff;text-transform: uppercase;padding: 15px 20px;border: 1px solid #000;border-radius: 3px;font-family: futura-pt-condensed, sans-serif !important;font-weight: 600;letter-spacing: 1px;font-size: 18px !important;}
.white-orange {background: #fff;color: #ff3600;text-transform: uppercase;padding: 15px 20px;border: 1px solid #fff;border-radius: 3px;font-family: futura-pt-condensed, sans-serif !important;font-weight: 600;letter-spacing: 1px;font-size: 18px !important;}

.white-black {background: #fff;color: #000;text-transform: uppercase;padding: 15px 20px;border: 1px solid #fff;border-radius: 3px;font-family: futura-pt-condensed, sans-serif !important;font-weight: 600;letter-spacing: 1px;font-size: 18px !important;}

/* Underline From Center */
.hvr-underline-from-center,.featured-inventory .nav-tabs a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before,.featured-inventory .nav-tabs a:before{
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #ff3600;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before,.featured-inventory .nav-tabs a:hover:before,.featured-inventory .nav-tabs a:focus:before,.featured-inventory .nav-tabs a:active:before, .nav-tabs > li > a.active:before {
  left: 0;
  right: 0;
}
.tab-btn.tablink.tabselect.hvr-underline-from-center{opacity: 1 !important ;}
.hvr-underline-from-center.tabselect:before,.featured-inventory .nav-tabs .active a:before
{left: 0; right: 0;}
.featured-inventory .nav-tabs .active a {opacity: 1 !important;}
/*--------------------------------------------------------------
## LOCATION MAP STYLES
--------------------------------------------------------------*/
.map-wrap {
    width: 100%;
    position: relative;
}
#map {
    width: 100%;filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 0.4));
}

#map-drop{fill:#000;transition: .3s all;}
#map-markers a:hover #map-drop {fill:#ff3600}
.gear-icon {
    width: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    position: relative;
    z-index: 10;font-family: futura-pt-condensed, sans-serif !important;text-transform: uppercase;
    color: #000;
    transition: none;
}
.gear-icon:before {
    background: url("images/location-dot.svg") center center;
    display: block;
    background-size: 35px 35px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: none;filter:brightness(0);transition: .3s all;
}

#map-markers a {
    position: absolute;
    color: #000 !important;display: flex;flex-direction: row;gap: 5px;justify-content: center;align-items: center;    font-family: futura-pt-condensed, sans-serif !important;text-transform: uppercase;font-weight: 500;font-size: 18px;
}

#map-markers a:hover .gear-icon:before{filter:none;}
#map-markers a:nth-child(1) {
    top: 55%;
    right: 34%;
}
#map-markers a:nth-child(2) {
    top: 47%;
    right: 31%;
}
#map-markers a:nth-child(3) {
    top: 65%;
    right: 37%;
}
#map-markers a:nth-child(4) {
    top: 75%;
    right: 38%;
}
#map-markers a:nth-child(5) {
    top: 33%;
    right: 15%;
}
#map-markers .hover {
    width: fit-content !important;
    padding: 0 !important;
    background: transparent !important;
    color: #000 !important;
	font-family: futura-pt-condensed, sans-serif !important;text-transform: uppercase;
    border-radius: 4px;
    font-weight: 600;
    opacity: 0;
    pointer-events: none;
    z-index: 100;
}
#map-markers a:hover .hover, #map-markers a.active .hover {
    opacity: 1;
}

#interactive-map * {
    -moz-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
#interactive-map image{display: block; width: 100%;}
#interactive-map .img-map path{fill: #ff3600; transition: 200ms; cursor: pointer;}
#interactive-map .img-map path:hover{fill: #000;}

.locationsmap-box{display: none; background: #f5f5f5; margin: 25px 0; padding: 25px; border-radius: 10px;}
.locationsmap-box a{text-decoration: underline;}
.locationsmap-box a:hover{text-decoration: none;}

img.listing-main-image {
    transform: none !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    max-height: 100% !important;
    max-width: 100% !important;
    object-position: center center !important;
}
/*--------------------------------------------------------------
## SUB PAGE STYLES
--------------------------------------------------------------*/

.location-map iframe{width: 100%; height: 250px;}

.hours-table div{display: flex; padding: 2px 0;}
.hours-table div b{width: 125px;}

.brand-container{display: flex; flex-wrap: wrap;}
.brand-box{display: flex; align-items: center; justify-content: center; position: relative; background: #fff; width: 100%; margin: 2px; padding: 10px; text-align: center; border: 1px #ddd solid; transition: all .5s ease;margin: 10px;}
.brand-box:hover,.showroom-box:hover{transform: scale(1.05); box-shadow: 0px 10px 70px 0px rgb(0 0 0 / 50%); z-index: 9;}
.brand-box img{display: block; position: relative; max-width: 100% !important; z-index: 0;}
.brand-box strong{position: absolute; padding: 10px; font-family: futura-pt-condensed, sans-serif; font-weight: 900; font-size: 28px; text-transform: uppercase; line-height: 1; color: #fff; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); z-index: 9;}

.location-container .brand-box{background: #000; padding: 0;flex: 1;}
.location-container .brand-box img{opacity: .5;}

.page-title aside {float:none !important;}


a.showroom-box{display: block !important; position: relative; background: #fff; width: auto; margin: 10px; padding: 10px; text-align: center; border: 1px #ddd solid; transition: all .5s ease;}
.showroom-box img {max-width: 100% !important;height: 200px !important;}
.location-container.showroom-locations{ display:flex !important;gap: 20px;flex-wrap:wrap;}
a.brand-box.showroom-box {
    position: relative;
       background-color: #f8f8f8 !important;
	padding: 30px 15px !important;
    background-image: url(https://www.transparenttextures.com/patterns/black-thread-light.png) !important;
    border: 1px solid #eee;
    display: flex !important;
	flex: 1;
    align-items: center;

    justify-content: center;
}
.showroom-box strong {
    position: unset !important;
    width: 90%;
    margin: 0 auto;font-size: 22px !important;font-weight: 600 !important;letter-spacing: 1px !important;
    padding: 0 !important; color: #000 !important;text-shadow: none !important;
}
/*----VIDEOS---*/
.post-container-featured-video-cpt{display: flex; flex-wrap: wrap;}
.column-padding-featured-video-cpt{width: 25%;}

.video-thumbnail{margin: 5px;}
.video-thumbnail img{display: block; width: 100%;}
.video-thumbnail a{font-size: 14px; font-weight: 700; color: #777;}
.video-title{background: #000; padding: 12px; color: #fff;}

.modal-video{position: fixed; top: 0; left: 0; height: 100%; background-color: rgba(0,0,0,.5); z-index: 1000000; cursor: pointer; opacity: 1; animation-name: modal-video; transition: opacity .3s ease-out}
.modal-video-close{opacity: 0}
.modal-video-close .modal-video-movie-wrap{transform: translate(0,100px)}
.modal-video-body{max-width: 940px; width: 100%; height: 100%; margin: 0 auto; display: table}
.modal-video-inner{display: table-cell; vertical-align: middle; width: 100%; height: 100%}
.modal-video-movie-wrap{height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; animation-name: modal-video-inner; transform: translate(0,0);  transition: transform .3s ease-out}
.modal-video-movie-wrap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.modal-video-close-btn{position: absolute; padding: 0; margin: 0; z-index: 2; top: -35px; right: 0; display: inline-block; width: 25px; height: 25px; overflow: hidden; border: none; background: 0 0; cursor: pointer}
.modal-video-close-btn:after{font-family: FontAwesome; content: '\f00d'; font-size: 24px; color: #ccc;}
.modal-video-close-btn:hover:after{color: #fff;}
.modal-video, .modal-video-movie-wrap{animation-timing-function: ease-out; animation-duration: .3s; width: 100%}

@keyframes modal-video{
    from{opacity: 0} to{opacity: 1}
}
@keyframes modal-video-inner{
    from{transform: translate(0,100px)} to{transform: translate(0,0)}
}

/*----CONTACT FORM---*/
.contactForm{background: #f5f5f5; border-radius: 10px;}
.contactForm form{padding: 25px;}
.contactForm .form-group{margin-bottom: 15px !important;}
.contactForm .checkbox, .contactForm .radio{margin-top: 0; margin-bottom: 0;}
.contactForm .checkbox label, .contactForm .radio label{margin: 10px 10px 0 18px; padding: 0;}
.contactForm .contactFormLabel{display: block; font-size: 16px; font-weight: 300;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px; border: none; border-bottom: 1px #ccc solid;}
.contactForm .form-control:focus{border-bottom: 1px #ff3600 solid;}
.contactForm .form-control-feedback{margin-top: -2px; font-size: 8px;}
.contactForm .mar-top{margin-top: 0 !important;}
.contactForm .btn-success{background-color: #ff3600 !important; padding: 15px 60px 12px; font-family: futura-pt-condensed, sans-serif; font-weight: 600; letter-spacing: 1px; font-size: 18px; text-transform: uppercase; border: none; border-radius: 3px;}

.shwidget .contactForm h2{font-size: 24px !important; margin: 0 5px 10px !important;}

/*----BOBCAT SPECIALS---*/ 
.border-bobcat-specials {height: 100% !important;
    text-align: left !important;
    position: relative !important;
    border: 1px solid #e8e8e8 !important;
    padding: 20px !important;
    box-sizing: none !important;
    box-shadow: none !important;
    background: #fff;
    display: block !important;}
.bobcat-promo h4 {color:rgb(255, 54, 0);font-weight: 600;}
.special-img {text-align: center;}
.bobcat-promo img { max-width: 100%;width: 250px;margin: 0 auto;}
.button-bottom button.orange-btn {cursor: pointer !important;transition:.3s all;width: 100% !important;}
.button-bottom button.orange-btn:hover {background:#C62900;border-color:#C62900;}
.button-bottom {position:absolute;bottom:0;right:0;left:0;width:100%;}
.bobcat-promo p {font-size: 15px;margin-bottom: 30px !important;}
.bobcat-promo {padding-bottom: 30px !important;}
.border-bobcat-specials:hover{box-shadow: none !important;border: 1px solid #e8e8e8 !important;}

/*----FOOTER---*/
footer {background: #000;}
.foot-logos {background: #111111;border-top: 1px solid #222222;border-bottom: 1px solid #222222;padding: 30px 0;}
.post-container-manu-logos {margin-bottom: 0 !important;}
a.manu-white{transition: .3s all;}
a.manu-white:hover {opacity: .5;}
a.manu-white img, .white-logo img {max-width: 100%;filter: brightness(0) invert(1);}
a.manu-white img{width: 150px;margin: 0 auto;}
.foot-logos .slick-arrow,.foot-logos ul.slick-dots {display: none !important;}
.foot-locations,.foot-nav {padding: 30px 0;}
.foot-nav.grid-container{grid-template-columns: repeat(5, 1fr);gap: 5%;}
.foot-locations.grid-container {grid-template-columns: repeat(3, 1fr);gap: 5%;}
.foot-locations {border-bottom: 1px solid #333;}
.foot-col,.foot-location {color: #fff;flex-basis: 20%;}
.foot-col a,.foot-location a {color: #fff !important;}
.foot-location a {display: block;}
.foot-title {color: #fff;display: block;margin-bottom: 10px; font-weight: 700;font-size: 18px;}
.foot-address {margin-bottom: 10px !important;}
.foot-socials {
    display: flex;
    gap:10px;margin: 10px 0;
}
.foot-socials a {
    background: #fff !important;
    border-radius: 90px;
    height: 30px;
    width: 30px;
    display: flex !important;
	font-size:16px;
    align-items: center;
    justify-content: center;
	opacity: .5;
	transition: .3s all;color: #000 !important;margin: 0 !important;
}

.foot-socials a:hover,ul.foot-links li a:hover {opacity: 1;}

.foot-location button {width: 100% !important;padding: 10px !important;}
ul.foot-links {
    list-style: none;
    padding-inline-start: 0 !important;
    line-height: 1.75;
}

ul.foot-links li a {opacity: .75;transition: .3s all;}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
	.homewrap,.featuredvidcontainer .twohalf {gap: 5%;}
	.dept-txt h3,.search-title h2 {font-size: 28px;}
	.dept-txt h3 span {font-size: 18px;}
	
	.home-txt h2,.featured-inventory h2,.half-page h2 {font-size: 36px;}
	.home-txt h2 span,.half-page h2 span {font-size: 22px;}
	.hero-txt h1 {font-size: 62px;}
    
    .brand-box strong{font-size: 20px;}
}
@media only screen and (max-width : 1200px) {	
	.logo img {max-width: 300px !important;}
	.foot-locations.grid-container,.foot-nav.grid-container {gap: 40px;}
	.department-options,.inv-cat {gap: 20px;}
	.cat-title h3 strong {font-size: 28px;}
	.cat-title h3  {font-size: 22px;}
}

@media only screen and (max-width : 1130px) {
	.foot-nav.grid-container,.location-container  {grid-template-columns: repeat(4, 1fr);}
	.hero-txt h1 {font-size: 48px;}
	.dept-txt h3,.search-title h2 {font-size: 22px;}
	.dept-txt h3 span,h3.locations {font-size: 16px;}
	.home-txt h2,.featured-inventory h2,.half-page h2 {font-size: 32px;}
	.home-txt h2 span,.half-page h2 span {font-size: 18px;}

}

@media only screen and (max-width : 950px) {
	.foot-nav.grid-container,.location-container {grid-template-columns: repeat(3, 1fr);}
	.department-options {grid-template-columns: repeat(1, 1fr);}
	.hero-txt h1 {font-size: 54px;}
	.home-img{display: none !important;} 
	.home-txt {flex-basis: 100%;}
	.dept-txt {left: 5%;right: 5%;width: 90%;}
	.dept-box img {height: 250px;}
	.dept-txt h3 {font-size: 28px;}
	.dept-txt h3 span {font-size: 22px;}
	.featuredvidcontainer .twohalf {flex-wrap: wrap;gap: 20px;}
	.featuredvidcontainer .half-page {flex-basis:100%;text-align: center !important;}	
	.flex-cat{gap:10px;}
	
    .column-padding-featured-video-cpt{width: 33.3333%;}
    .brand-box{width: calc(33.3333% - 4px);}
	.location-container.showroom-locations{grid-template-columns: repeat(2, 1fr);}
	.main-header .flex-container {padding: 10px 0;}
	.main-header,.top-header.black-bg {padding: 0 !important;}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 765px) {
	.foot-locations.grid-container,.foot-nav.grid-container,.location-container {grid-template-columns: repeat(2, 1fr);}
	footer .white-logo img {width: 275px;}
	#specialtxt h2 {font-size: 32px;}
	.flex-container.flex-search {flex-wrap: wrap;gap:5px;}
    .twohalf{flex-wrap: wrap; gap: 0;}
    .twohalf .half-page{flex-basis: 100%; margin-bottom: 20px;}
	.search-title,.search-bar{flex-basis:100%;}

    .shwidget .contactForm h2{margin: 0 0 12px !important;}
    .contactForm form{padding: 20px;}
    .contactForm .form-group{margin: 0 0 12px !important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 700px) { 
	.inv-cat,.location-container.showroom-locations{grid-template-columns: repeat(1, 1fr);}
	.flex-container.flex-cat {
    width: 100%;gap: 20px;
}
	.cat-title {
    flex: 5 !important;
}
	
	.cat-title span { text-transform: uppercase;
    letter-spacing: 1px !important;
    font-size: 28px !important;	
    text-align: left !important;
    margin: 0px !important;display: inline !important;}
	a.brand-box.showroom-box {flex-basis: 100% !important;}
}
@media only screen and (max-width : 630px) {
	.hero-txt h1 {font-size:48px;}
	span.orange-box {
    bottom: 0 !important;
		height: 100% !important;}
	.homelogo {margin: 0 10px;}
	.showroom-box img {height: auto !important;width: 200px !important;}
	.featured-inventory .nav-tabs a {font-size: 18px !important;}.sidebarColumn .widget_sandhills_custom_slider div[id="herosection-1"] {padding-top: 0 !important;}
	.hero .customSliderSlide {display: flex;align-items: center;justify-content: center;}
}
@media only screen and (max-width : 540px) {
    .orange-btn{width: 100%;}

.tab-bar.flex-container,.featured-inventory .nav-tabs {
    flex-wrap: wrap;
}
	.featured-inventory .nav-tabs {justify-content: center;text-align: center;}
	.tab-bar.flex-container button,.featured-inventory .nav-tabs li {
    flex-basis: 100%;
}
	.featured-inventory .nav-tabs li a {font-size: 22px !important;width: 100%;}
	.featuredbox{padding: 15px !important;}
}
	@media only screen and (max-width : 450px) {
	.foot-locations.grid-container,.foot-nav.grid-container,.location-container {grid-template-columns: repeat(1, 1fr);gap: 20px;}
	.head-socials {display: none;}
	.top-flex {justify-content: flex-start;}
	.location-search {flex-basis: 100%;}
	.hero-txt h1 {font-size:32px;}
	.cat-title h3,.cat-title h3 span {font-size: 18px !important;}
		h1 {font-size: 28px !important;}
    .column-padding-featured-video-cpt{width: 50%;}
    .brand-box{width: calc(50% - 4px);}
		
}