/*
Theme Name: www.cateequipment.com Template
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
*/

/* RESET */
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{font-weight: 700; margin: 0; padding: 0;}
p{font-size: 16px; line-height: 150%; margin: 0; padding: 0;}
a{color: inherit; transition: all .2s ease-in-out;}
hr{border-color: rgba(0,0,0,0.25);}
img{max-width: 100%; height: auto;}

.col-lg-1, .col-lg-10, .col-lg-11 .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-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-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-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 15px !important;}

html, body{background: url("images/metal-texture.jpg") top center no-repeat; background-size: cover; font-family: 'Roboto', sans-serif; width: 100%;}
.wrapper{max-width: 1720px; margin: 0 auto !important; padding: 0 20px;}

.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%; padding-top: 25px; height: 0;}
.wp-custom-header iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sidebarColumn{min-height: 10px !important;}
.google_map{width: 100%; min-height: 58vh;}
.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;}
.btn-success, .btn-success:focus{background: #d2232a !important; border-color: #d2232a !important;}
.btn-success:hover{background: #d2232a !important; border-color: #d2232a !important;}
.btn-block{width:100%; padding: 12px; font-size: 18px; font-weight: 700; border: 2px #fff solid; border-color: #fff !important; margin: 15px 0 0;}

/* HEADER */

.top-header{background: #000; padding: 10px 0; font-weight: 700;}
.top-header .locations{float: left; width: calc(100% - 150px); line-height: 30px;}
.top-header .locations a{margin-right: 10px; color: #fff;}
.top-header .locations a:hover{opacity: .75;}
.top-header .locations .fa{color: #d2232a;}
.top-header .social{float: left; width: 150px; text-align: right;}
.top-header .social a{font-size: 24px; margin-left: 5px; color: #d2232a;}
.top-header .social a:hover{color: #fff;}

.header{position: relative;}
.header .logo{position: absolute; left: 0; z-index: 9999;}
.header .secondary-logo{float: right; text-align: center;}
.header .secondary-logo table{border: none;}
.header .secondary-logo td{padding: 5px; border: none;}
.header .secondary-logo img{margin: 5px 0;}
.header .secondary-logo a{color: #fff;}
.header .secondary-logo a:hover{opacity: .75;}

/* NAVIGATION */
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.primary-navigation .navbar .navbar-collapse.navbar-center{padding-right: 100px; text-align: right !important;}
.primary-navigation .navbar-default{padding:0px;background: #d2232a; min-height: inherit; margin-bottom: 0; border: none; border-top: 1px #fff solid; border-bottom: 1px #fff solid; border-radius: 0; font-size: 0; text-align: right;}
.primary-navigation .navbar-default .navbar-nav>li{padding-top: 9px;padding-bottom: 8px;float: none; display: inline-block; border-left: 1px #fff solid;}
.primary-navigation .navbar-default .navbar-nav>li:first-child{border-left: none;}
.primary-navigation .navbar-default .navbar-nav>li>a{font-size: 15px; padding: 12px 16px; text-transform: uppercase; color: #fff;}
.primary-navigation .navbar-default .navbar-nav>li:hover>a{background: #fff; color: #d2232a;}
.primary-navigation .dropdown-menu:not(.head-list)>li>a{padding: 5px 15px 5px 10px;}
.primary-navigation .dropdown-menu:not(.head-list)>li>a:hover{background: #d2232a; color:white;}

.secondary-navigation{float: left; width: 350px; padding: 25px !important;}
.secondary-navigation h2{display: none; margin-bottom: 10px; font-size: 22px; text-align: center; color: #fff;}
.secondary-navigation .navbar-default{padding:0px; position: relative; top: -60px; background: rgba(0,0,0,0.75); min-height: inherit; margin-bottom: 0; border: 1px #fff solid; border-radius: 0; font-size: 0; text-align: right;}
.secondary-navigation .navbar-default .navbar-nav{display: block; width: 100%;}
.secondary-navigation .navbar-default .navbar-nav>li{display: inline-block; position: relative; float: none; text-align: left; border-bottom: 1px #fff solid;}
.secondary-navigation .navbar-default .navbar-nav>li:last-child{border-bottom: none;}
.secondary-navigation .navbar-default .navbar-nav>li:after{display: inline-block; position: absolute;top: 15px; right: 15px; font-family: FontAwesome; content: '\f138'; font-size: 18px; color: #fff;}
.secondary-navigation .navbar-default .navbar-nav>li>a{display:block; width:300px;font-size: 16px; font-weight: 700; padding: 15px 20px 15px 50px; text-transform: uppercase; color: #fff;}
.secondary-navigation .navbar-default .navbar-nav>li:hover>a{background: #d2232a; color: #fff;}
.secondary-navigation .navbar-default .navbar-nav>li:before{display: inline-block; position: absolute;top: 8px; left: 12px; font-family: FontAwesome; font-size: 24px; color: #ccc; z-index: 999;}
.secondary-navigation .navbar-default .navbar-nav>li:hover:before{color: #fff;}
.secondary-navigation .navbar-default .navbar-nav>li.hot-equipment:before{content: '\f06d';}
.secondary-navigation .navbar-default .navbar-nav>li.used-equipment:before{content: '\f002';}
.secondary-navigation .navbar-default .navbar-nav>li.new-equipment:before{content: '\f084';}
.secondary-navigation .navbar-default .navbar-nav>li.rentals:before{content: '\f073';}
.secondary-navigation .navbar-default .navbar-nav>li.parts:before{content: '\f013';}
.secondary-navigation .navbar-default .navbar-nav>li.service:before{content: '\f0ad';}
.secondary-navigation .navbar-default .navbar-nav>li.specials:before{content: '\f005';}
.secondary-navigation .navbar-default .navbar-nav>li.contact:before{content: '\f124';}
.secondary-navigation .navbar-collapse{padding-left: 0; padding-right: 0;}

/* HOME */

.main{float: right; width: calc(100% - 350px);}
.main .point{background: url("images/pointed.png") center left no-repeat; float: left; width: 145px; height: 60px; margin: 20px 0;}
.main .helparrow{background: #d2232a; float: left; width: calc(100% - 145px); height: 60px; margin: 20px 0;;}
.main .helparrow h2{font-size: 30px; line-height: 60px; color: #fff;}

.search-inventory{background: rgba(255,255,255,0.75); padding: 25px;}
.search-inventory .col-sm-6, .search-inventory .col-sm-3{padding-right: 0 !important;}
.search-inventory h2{font-size: 30px; text-transform: uppercase; color: #d2232a;}
.search-inventory .row{margin: 10px 0;}
.search-inventory input, .search-inventory select{display: block; width: calc(100% - 5px); background: #fff; margin-right: 5px; padding: 12px; font-family: 'Roboto', sans-serif; font-size: 13px;}
.search-inventory input[type="submit"]{display: block;width: calc(100% - 5px); background: #444; margin-right: 5px; padding: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border: none; transition: all .2s ease-in-out;}
.search-inventory input[type="submit"]:hover{background: #d2232a;}

.newsbar{background: #d2232a;}
.newsbar .newsvideo{float: left; width: 50%; margin-top: -25px;}
.newsbar .newsvideo iframe{display: block; height: 350px; width: 100%;}
.newsbar .newsstory{float: right; width: 50%; padding: 25px; line-height: 24px; color: #fff;}
.newsbar .newsstory a{display: block; background: #fff; padding: 15px; font-weight: 700; text-align: center; color: #d2232a;}
.newsbar .newsstory a:hover{background: #777; color: #fff;}
.bottombar{display: block; background: #d2232a; width: 100%; height: 10px; margin-top: 10px;}

.black-bg{background: rgba(0,0,0,0.75); margin: 25px 0; padding: 35px 0; color: #fff;}
.black-bg .btn-block{display: block; max-width: 350px; background: #fff !important; padding: 15px; font-weight: 700; text-align: center; color: #d2232a; border: none;}
.black-bg .btn-block:hover{background: #777 !important; color: #fff !important;}
.white-bg{background: rgba(255,255,255,0.8); padding: 25px;}

/* STYLES */

.title-banner{background: url("images/banner.jpg") top center no-repeat; padding: 50px 0; color: #fff; border-bottom: 5px #fff solid;}
.main-container{padding: 35px 0;}
.main-container .main{padding-left: 25px;}
.main-container .secondary-navigation{padding: 0;}
.main-container .secondary-navigation .navbar-default{top: 0;}

.testimonial-section{padding: 15px; padding-left: 15px !important; padding-right: 15px !important; text-align: center;}
.partners{margin: 5px 0; padding: 15px; text-align: center; border-radius: 5px;}

.brandbox{background: #fff; margin: 5px 0; padding: 15px; font-weight: 700; text-align: center; border-radius: 5px;}
.brandbox img{max-height: 80px !important; width: auto !important;}
.contactbox{background: #fff; padding: 15px; border: 1px #000 solid;}
.contactForm h1{font-size: 24px; color: #d2232a; margin-bottom: 15px;}

/* FOOTER */

.footer{background: rgba(0,0,0,0.75); padding: 25px 0; color: #fff;}
.footer a{display: block; margin: 5px 0; color: #fff;}
.footer a:hover{color: #d2232a;}
.footer img{max-width: 200px;}
.footer .host{font-size: 12px;}
.footer .host a{display: inline-block; margin: 0; font-weight: 700; color: #d2232a;}
.footer .host a:hover{color: #fff;}
.footer .host p{margin: 5px 0; font-size: 11px;}

/* RESPONSIVE */

.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%;}

@media only screen and (max-width: 1600px){
	.primary-navigation .navbar .navbar-collapse.navbar-center{padding-right: 70px;}
}
@media only screen and (max-width: 1500px){
	.header .logo{position: relative; float: left; width: 200px;}
	.header .secondary-logo{padding: 20px 0 0;}
	
	.primary-navigation .navbar .navbar-collapse.navbar-center{padding: 0; text-align: center !important;}
}
@media only screen and (max-width: 1300px){
	.search-inventory{margin: 25px 0;}
}
@media only screen and (max-width: 1024px){
	.title-banner{padding: 15px 0;}
	.title-banner h1{font-size: 18px;}
	.main-container .secondary-navigation{display: none;}
	.main-container .main{float: none; width: 100%; padding: 0;}
}
@media only screen and (max-width: 900px){
	.secondary-navigation h2{display: block;}
	.main .point, .main .helparrow{display: none;}
	
	.footer .col-sm-3{float: none; width: 100%; text-align: center;}
	.footer .col-sm-9{display: none;}
}
@media only screen and (max-width: 768px){
	.top-header .locations{font-size: 14px;}
	
	.search-inventory h2{font-size: 20px; margin-bottom: 10px;}
	.search-inventory .row{margin: 0;}
	.search-inventory .col-sm-6, .search-inventory .col-sm-3{margin-bottom: 5px;}
	.search-inventory .col-sm-3{float: left; width: 50%;}
}
@media only screen and (max-width: 680px){
	.top-header .locations, .top-header .social{float: none; width: 100%; text-align: center; margin: 3px 0;}
	.top-header .locations{overflow-wrap: break-word;}
	.top-header .locations span{white-space: nowrap}
	.header .logo{float: none; width: 100%; text-align: center;} .header .logo img{max-width: 200px;}
	.header .secondary-logo{display: none;}
	
	.n2-section-smartslider{display: none;}
	.secondary-navigation, .main{float: none; width: 100%;}
	.search-inventory{margin-top: 0;}
	
	.newsbar .newsvideo{float: none; width: 100%; margin-top: 0;}
	.newsbar .newsstory{float: none; width: 100%; padding: 15px 0;}
}
@media only screen and (max-width: 480px){
	.top-header .social{display: none;}
}