/*
Theme Name: www.centralequipment.us
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
--------------------------------------------------------------*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.sh-row, .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    position: relative;
    clear: both;
}

html, body {
	margin: 0 !important;
}

.hidden{display: none !important;}

.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;
}
.nav{
	margin: 0 !important;
}
.navbar-default { 
	background: transparent !important;
	border-color:transparent!important;
	position: relative;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.navigation-container{
    width: 77%;
    margin-left: auto;
	margin-top: -41px;
	z-index: 1;
    position: relative;
}
.navbar-collapse{
	padding: 0 !important;
}
.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: 12px;
	
	font-family: industry, sans-serif;
    font-weight: 700;
    font-style: italic;
	text-transform: uppercase;
}
.dropdown-menu {
	background-color: #000;
	color: #fff;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:12px;
	
	font-family: industry, sans-serif;
    font-weight: 700;
    font-style: italic;
	text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#000;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #fff;
	font-size:12px;	
	font-family: industry, sans-serif;
    font-weight: 700;
    font-style: italic;
	text-transform: uppercase;
}
.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;
}

/* CUSTOM STYLES */

/* TEXT */

.text-styling h1, .text-styling .heading, .text-styling h3{
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;	
	
	font-size: 36px;
	text-transform: uppercase;
}
.text-styling p, .text-styling{
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;
	
	font-size: 14px;
	line-height: 24px;
}
.text-styling a{
	color: #000;
	font-family: montserrat, sans-serif;
	font-size: 14px;
	line-height: 24px;
    text-decoration: none;
}

.center-text{text-align: center;}

/* BACKGROUNDS */

.no-bg{background: transparent; position: relative;}
.bg-hitachi{
	background: url("/siteart/bg-hitachi.jpg") center center;
	background-size: cover;
}
.bg-hitachi-gradient{	
	background: url("/siteart/bg-hitachi.jpg") center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.bg-texture{
	background: #000;
	background-size: 100%;
}
.bg-texture-overlap{
	background: #000;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 25%;
	right: 0;
	bottom: 0;
	border-radius: 4px;
}
.bg-white{
	background: #fff; 
}
.bg-white .text-styling{
    position: relative;
}
.white{
	color:#fff !important;
}
.white a:not(.btn-success):not(.cta){
	color:#fff !important;
}

.bg-logo{
	position: absolute;
	top:0;
	bottom:0;
	left: 0;
	height: 100%;
	width: auto;
	opacity: 0.33;
	pointer-events: none;
}

.vimeo-youtube{
	
    position: relative!important;
    padding-bottom: 56.25%!important;
    height: 0!important;
}
.vimeo-youtube iframe {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
    max-width: 100%;
    max-height: 100%;
}
/* STRUCTURE */

.wrapper{max-width: 1400px; width: 100%; display: block; margin: 0 auto; box-sizing: border-box; padding: 15px;}
.pad{padding: 30px; box-sizing: border-box;}
.vpad{ padding: 90px 0;}
.nopad-top{padding-top: 0 !important;}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}


.col-left, .col-right{width: 50%; padding-left: 30px !important; padding-right: 30px !important;}

.col-right{
	z-index: 10;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

.col-right a.cta{
	display: block;
    color: #fff;
    padding: 15px;
    width: calc(50% - 20px);
    margin: 10px;
    font-family: industry, sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 30px;
    text-transform: uppercase;
    transition: all ease 0.25s;
    text-align: center;
    line-height: 108px;
	filter: grayscale(1);
}
.col-right a.cta:hover {
	box-shadow: 0 2px 12px rgba(0,0,0,0.5);	
	filter: grayscale(0) brightness(1.25);
}

a.cta.lg-cta{
	display: block;
    color: #fff;
    padding: 30px;
    width: 100%;
    font-family: industry, sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 30px;
    text-transform: uppercase;
    transition: all ease 0.25s;
    text-align: center;
}
a.cta.lg-cta:hover {
	box-shadow: 0 2px 12px rgba(0,0,0,0.5);	
	filter: grayscale(0) brightness(1.25);
}


/* ///////////// */

#home-video {
    width: 70%;
}

.col-left{
	position: relative; 
	border-radius: 0px;
	overflow: hidden;
}

.offset-up{
	clear: none !important;
}

/* SLIDER */

.slider-container{
	float: left;
}

/* CTA */

a.cta-btn, .text-styling .btn-success{
	display: block;
	background: #f5ed25;
	color: #000;
	padding: 15px 15px;
	width: 100%;
	
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;	
	
	font-size: 18px;
	text-transform: uppercase;
	transition: all ease 0.2s;
	
	border: none !important;
	appearance: none !important;
	box-shadow: none !important;
}
a.cta-btn-small, .text-styling .btn-success{
	max-width: 375px;
	text-align: center;
}
a.cta-btn-small:hover, .text-styling .btn-success:hover{
	margin-left: 0px!important;
}
a.cta-btn:hover, .text-styling .btn-success:hover{
	background: #000 !important;
	color: #fff;
}

.white .btn-success:hover{
	background: #fff !important;
	color: #000!important;
}



/* FOOTER */

.footer{
	padding-left: 30px!important;
	padding-right: 30px!important;
	display: flex;
	flex-wrap: wrap;
}
#foot .vpad{padding-bottom: 45px!important;}
.footer .col25{width: 25%; margin-bottom: 24px;}
.footer .col33{width: 33.33333%; margin-bottom: 24px;}
.footer .col75{width: 75%;}
.footer .heading, .text-styling h3{
	font-size: 24px;
	margin-top: 0 !important;
}
#footer-logo img{max-width: 180px; padding: 10px; border-radius: 4px; background: #000;}

.footer .social-icons{
    display: flex;
    position: relative;
}
.footer .social-icons a{
	font-size: 30px;
	letter-spacing: 10px;
	color: #000;
	text-align: left;
}
.social-icons a .svg-inline--fa{
	padding: 0 5px;
}

.footertext{
	padding-left: 30px!important;
	padding-right: 30px!important;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #b0b0b0;
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1160px) {	
		
	.col-right a.cta{
		font-size: 24px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1023px) {
	.navigation-container {
    	width: 100%;
	}
	

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.flex-column-reverse-md{flex-direction: column-reverse;}
	.col-left, .col-right{width: 100%; padding: 40px 15px 60px !important;}

	.bg-texture-overlap{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0px;
		border-radius: 0px;
	}
	a.cta-btn:hover{
		margin-left: 0px;
	}
	
	#rental-tabs{
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 480px;
	}
	.rental-tab {
		width: 50%;
		padding: 0 2.5px;
	}
	.rental-tab input[type="radio"]:checked + label + .rental-list {
		right: 0;
		top: 170px;
		left: 0;
		width: 100%;
		overflow: auto;
	}
	.rental-tab input[type="radio"] + label{width: 100%;}
	.post-no-column-rental-equipment {
    	width: 31% !important;
		padding-right: 1.3333%;
	}
	.post-div-rental-equipment-link {
    width: auto;
	}
	
	.footer{
		flex-direction: column-reverse;     
		padding-left: 15px !important;
    	padding-right: 15px !important;
	}
	.footertext{
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.footer .col25{width: 100%;}
	
	.footer .col75{width: 100%; margin-top: 48px;}
	#footer-logo img{margin: 0 auto; display: block;}
	.vpad{padding: 45px 0;}
	.footer .social-icons {
		justify-content: center;
	}
	
	#locations-map .flex{
		flex-direction: column-reverse;
	}
	.info-col{width: 100%; padding-left: 15px !important; padding-right: 15px!important;}
	.map-col{width: 100%; height: 400px; margin-bottom: -50px;}
	.map-col img{max-width: 300px;}
	
	.showroom-category{
		width: calc(50% - 20px);
	}	
	

}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.staffslider .slick-slide, .manuslider .slick-slide{
		width: 50%;
	}
	.footer .col33{width: 100%;}
	.location-column{width: calc(100% - 30px);}
	
	#rental-tabs{padding-bottom: 497px;}
	.rental-tab input[type="radio"]:checked + label + .rental-list {
		top: 320px;
	}
	.rental-tab {
		width: 100%;
		padding: 0;
	}
	#brands .category > .flex{
		flex-direction: column;
	}		
	#brands .category img{
		width: auto;
		margin: 0 auto;
		display: block;
	}	
	#brands .brand-img{
		width: 100%;
	}
	#brands .category .right-col{
		padding-left: 3%;
		border-top: solid 1px #eee;
		border-left: none;
		margin-left: 0;
		margin-top: 2%;
		padding-top: 2%;
		padding-right: 3%;
		padding-bottom: 2%;	
		width: 100%;
	}

	.showroom-category{
		width: calc(100% - 20px);
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	.staffslider .slick-slide, .manuslider .slick-slide{
		width: 100%;
	}

	.col-right a.cta{
		width: calc(100% - 20px);
		line-height: 75px;
	}
	
	#manuals{flex-wrap: wrap; padding-bottom: 800px;}
	
	.manuals-tab input[type="radio"]:checked + label + .manuals-list{
		top: 200px;
	}
	

}

