/*
Theme Name: www.aempequipment.com Template
Theme URI: https://sandhills.com
Author: Sandhills // Olivia Daake
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default

font-family: 'Bebas Neue', cursive;
font-family: 'Montserrat', sans-serif;


maroon: 98002e

*/
/*--------------------------------------------------------------
## Editor class styles
--------------------------------------------------------------*/
.navbar:not([data-blockstyles="sheditor-element"]) .navbar-nav.navbar-center:not([data-blockstyles="sheditor-element"]) {
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#menu-primary {
    display: flex;
    flex-direction: row;
    justify-content: right;
    width: 100%;
}
.navbar-header {margin:0 auto;}

ul li .sub-menu {position: absolute !important;}

html, body {
	height:100%;
	width:100%;
	font-family: 'Montserrat', sans-serif;
	background: url(/wp-content/uploads/2020/06/white-stripes.jpg) repeat;
}
.clear{clear:both;}


/*--typography--*/
h1{font-family: 'Bebas Neue', cursive; text-transform: uppercase; letter-spacing: 1.75px;}
h2{font-family: 'Montserrat', sans-serif; letter-spacing: 1.5px; font-weight: 800 !important;}

/*---HEADER-----------------------------*/
#header {background:#454545; color: #fff; width:100%; padding: 10px 0; position: relative; z-index: 9999; box-shadow: 0 6px 10px -7px rgba(0,0,0,.3); margin: 0 auto;}

#header .inner{width: 80%; margin: 0 auto; float: none; text-align: center}

.co-logo {display: inline-block; vertical-align: middle; width: 400px;}
.co-logo img{width:100%; max-width: 175px; height: auto;}

.navigation-top{ display: inline-block; vertical-align: middle;float: none !important}



/*--basic styles--*/

#pad{padding: 30px 0;}
#l-pad{padding: 50px 0;}

.wrapper-inner{margin: 0 auto}
.wrapper-center{margin: 0 auto; text-align: center;}



/* CPT / BLOG Styles */
.page-header{display: none;}


/*---SEARCH------------------------------------*/
.search-bg{display: inline-block; background: url(/wp-content/uploads/2020/06/search-bg.jpg) no-repeat center top fixed;	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;  width: 100%;}
.search-bg h1{color: #fff;}
.search-form .container{ max-width: 100% !important; width: 100% !important; margin: 0 !important;}

.search-form .row{margin: 0 0 15px;justify-content: center;}
.search-form .column4 {width: 32%; display: inline-block; margin:5px 5px;}

.search-form input, .search-form select{display: block; width: 100%; background: #fff; padding: 12px; font-family: "Montserrat", sans-serif; font-size: 13px; border: 1px #ccc solid;}

.search-form input[type="submit"]{
	display: block; 
	width: 280px;
	margin: 0 auto;
	background: #98002e; 
	padding: 10px 0; 
	font-family: 'Bebas Neue', cursive; 
	font-size: 18px;
	text-transform: uppercase; 
	text-align: center; 
	color: #fff; 
	letter-spacing: 1.5px; 
	border: none; 
	transition: all .2s ease-in-out;
}
.search-form input[type="submit"]:hover{background: #fff; color: #98002e; letter-spacing: 1.25px;}



/*-- EQUIPMENT CATEGORIES ---------------------*/

.equipment-box{width: 95%; margin: 10px auto; box-shadow: 0 6px 10px -7px rgba(0,0,0,.3); }
.equipment-box img{width: 100%;}
.equipment-box img:hover{opacity: .85}
.equipment-box .cat-title{background: #98002e; color: #fff; font-family: 'Montserrat', sans-serif; letter-spacing: .5px; padding: 15px 0; width: 100%;}
.equipment-box .cat-title a{color: #fff;}

.equipment-box .cat-title .inner{width: 90%; margin: 0 auto;}

.equipment-box .cat-title .inner .fa{float: right; display: inline; color: #fff; font-size: 16px;}
.equipment-box .cat-title:hover{background: #454545;}



/*-- FORM AREA -----------------------*/
.eq-form{
	color: #fff; 
	display: inline-block; 
	background: url(/wp-content/uploads/2020/06/form-bg.jpg) no-repeat center center fixed;	
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;   
	padding: 80px 0; 
	order-bottom: 3px solid #454545;
}
.eq-form .inner{width: 80%; margin: 0 auto;}

#sidebar-equipmentformtext{display: inline-block; width: 40%; vertical-align: top; margin-top: 0 !important;}
#sidebar-equipmentformtext h1{margin-top: 0 !important;}

#sidebar-equipmentform{display: inline-block; width: 60%; vertical-align: top;}
#sidebar-equipmentform h1{display: none;}

#sidebar-equipmentform .btn-success, .btn-success:focus{background-color: #98002e; color: #fff; text-transform: uppercase; font-family: 'Bebas Neue', cursive;  letter-spacing: 1.75px; font-size: 20px; padding: 8px 35px; border:none;}

#sidebar-equipmentform .btn.btn-success:hover {background: #fff !important; color: #98002e !important}

#sidebar-equipmentform label, .recaptchasandhills_contact_form-10 .reCaptchaPhrase{color: #fff !important;}

#sidebar-equipmentform .form-group{margin-right: 5px;}

.alert-success{background-color:#fff !important; color: #98002e !important; border-left: none !important}
.alert .close{color: #000;}

/*-- inv / ad --*/
#ad-image{text-align: center; margin: 20px auto 60px auto; display: block; box-shadow: 0 6px 10px -7px rgba(0,0,0,.3);}

/*---FOOTER---------------------------*/
.footerbg{background: #fff; text-align: center;}

#sidebar-footer-top .fa, #sidebar-footer-top .fab{text-align: center; color: #fff; background: #bfbfbf; border-radius: 100%; font-size: 16px; padding: 8px; width: 31px!important; margin: 3px}
#sidebar-footer-top .fa:hover, #sidebar-footer-top .fab:hover{opacity: .85}
#sidebar-footer-top{margin-bottom: 0;}

#sidebar-footer-logos{width: 80%; margin: 0 auto; text-align: center; float: none !important;}
#sidebar-footer-logos img{max-width: 78% !important;}
#sidebar-footer-logos h2{margin-top: 20px!important;}


#sidebar-footer-bottom span{text-align: center; color: #000;  font-size: 30px; margin: 10px}
#sidebar-footer-bottom span:hover{opacity: .75}

/*--------------------------------------------------------------
Main
--------------------------------------------------------------*/
.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 {
	
}
.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;
}
.menu li > a:hover{color: #7f1010 !important;}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
    font-size: 12px;
	letter-spacing: 1.5px !important;
	text-transform: uppercase;
	padding: 10px !important;
}

.navbar-default .navbar-nav>li>a:hover {color:#eee !important;}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}

.dropdown-menu>li {
    padding:0 !important;
	background-color:white !important;
	color: #000 !important;
    font-family: 'Montserrat', sans-serif !important;
}
.dropdown-menu:not(.head-list)>li>a {
	background: #454545;
	font-weight: 400 !important;
	font-family: 'Montserrat', sans-serif !important; 
	color: #fff !important; 
	text-transform: uppercase; 
	font-size: 13px;
	padding: 10px;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #454545 !important; color: #eee !important;
}
.navbar-right .dropdown-menu {
    left: 0 !important;
    right: auto !important;
}
.navbar-right{margin-right: 0 !important;flex-direction: row;}



/*--------------------------------------------------------------
## 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,g
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.error-404 {
    width:100%;
    max-width: 1300px;
    margin:0 auto;
    float:none!important;
    padding:40px 20px;
    box-sizing: border-box;
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
/*--header--*/
	#header .inner{width: 95%;}
	
	.navbar-default .navbar-nav>li>a {font-size: 11px;}
	
/*--eq boxes--*/
	.equipment-box .cat-title{font-size: 13px;}	
	.equipment-box{width: 97%;}
	.equipment-box .cat-title .inner{width: 95%; margin: 0 auto;}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	.navbar-default .navbar-nav>li>a {font-size: 10px;}
}
/* Small Devices, Tablets */
@media only screen and (min-width: 769px){ 
    .collapse:not(.show):not([data-blockstyles="sheditor-element-ignore"]) {
        display: block !important;
        flex-direction: column;
        justify-content: right;
    }
    
    .navbar:not([data-blockstyles="sheditor-element"]) .navbar-nav.navbar-center:not([data-blockstyles="sheditor-element"]) {
        display: content !important;
        flex-direction: column;
        justify-content: right;
    }
}

@media only screen and (max-width: 768px) {
	.is-active {
        display: block !important;
        flex-direction: row;
        justify-content: right;
        padding-top: 5px;
        padding-bottom: 5px;
    }
	
	#menu-primary {
		display: block;
		flex-direction: row;
		justify-content: right;
		width: 100%;
		padding: 15px 25px;
	}
    .navbar-toggle {
      background-color: transparent !important;
    }
    
	.co-logo {display: block; vertical-align: middle; width: auto; float: none; margin: 0 auto;}

	.navigation-top{ display: block; vertical-align: middle;float: none !important; width: 100%; text-align: center;}
	.navbar-toggle{float: none; margin-top:10px !important;}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{background-color: #fff !important;}
	.navbar-collapse{text-align: left !important;}
	.navbar-default .navbar-nav>li>a {font-size: 13px; padding:10px 0 4px 10px !important}
		

	.inv-wrapper{width: 90%; margin: 0 auto;}	
		
	/*--eq boxes--*/
	.equipment-box{width: 85%;}	
	.equipment-box .cat-title .inner{width: 90%; margin: 0 auto;}
	.equipment-box .cat-title{font-size: 14px;}	
		
	.col-sm-3#cat-boxes{width: 48%; display: inline-block}	
		
	/*--form area--*/
	.eq-form{background: url(/wp-content/uploads/2020/06/form-bg.jpg) no-repeat center center;}
		
	.eq-form .inner{width: 90%;}
		
	#sidebar-equipmentformtext{width:100%; margin-bottom: 30px;}
	#sidebar-equipmentform{display: block; width: 100%;}

}
	
@media only screen and (max-width : 650px) {
	.co-logo{}

	.search-form .row{margin: 0 0 0;}
	.search-form .column4 {width: 90%; display: block; margin:0 auto;}
	.search-form input[type="submit"]{width: 90%; margin-top: 10px;}
	.search-form input{margin: 3px 0;}
	.search-form select{margin-bottom: 5px;}
	
	#ad-image{max-width: 90%; margin: 0 auto 60px auto}	

}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.col-sm-3#cat-boxes{width: 100%; display: block}	

}
