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

/*--
font-family: 'Barlow', sans-serif;
font-family: 'Open Sans', sans-serif;
blue: 33366b
red: ec3237
dark gray: 252525

--*/


@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;800&family=Open+Sans:wght@400;700&display=swap');
@font-face {
    font-family: 'icon-worksregular';
    src:url(/wp-content/themes/www.equipmentrentalsinc.com/fonts/icon-works-webfont.eot);
    src: url(/wp-content/themes/www.equipmentrentalsinc.com/fonts/icon-works-webfont.eot?#iefix) format('embedded-opentype'),
         url(/wp-content/themes/www.equipmentrentalsinc.com/fonts/icon-works-webfont.woff) format('woff'),
         url(/wp-content/themes/www.equipmentrentalsinc.com/fonts/icon-works-webfont.ttf) format('truetype'),
         url(/wp-content/themes/www.equipmentrentalsinc.com/fonts/icon-works-webfont.svg#icon-worksregular) format('svg');
    font-weight: normal;
    font-style: normal;

}
.hoverStyle:hover {
  opacity: .5;
}
a {
  text-decoration: none;
}


.pageimage-bg {
  position: absolute;
  width: 100%;
  top: 90px;
  z-index: 1001;
}
.pageimageoverlay {
  z-index: 1002;
}
.column-padding-showroom-listings {
  position: relative;
}
.sidebarColumn {min-height: auto !important;}

body {
	width:100%;
	overflow-x:hidden;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px;
	line-height: 25px;
}
.clear{clear: both}

h1,h2,h3,h4{font-family: 'Barlow', sans-serif; text-transform: uppercase; letter-spacing: .5px; font-weight: 700; line-height: normal}
h1{font-size: 45px;}
h2{font-size: 30px;}
h3{font-size: 26px;}
h4{font-size: 16px; letter-spacing: 1.5px}

p{margin: 0; font-family: 'Open Sans', sans-serif;}
b{font-weight: 700;}

a{color: inherit}
:hover{-webkit-transition: all .5s ease; 
		-moz-transition: all .5s ease; 
 	-ms-transition: all .5s ease; 
-o-transition: all .5s ease;
 transition: all .5s ease;
}

.shadow{box-shadow: 0 6px 10px -7px rgba(0,0,0,.7)}


.wrapper-center{width: 75%; margin: 0 auto; text-align: center; float: none;}
.wrapper-inner{width: 75%; margin: 0 auto; float: none }
.wrapper90{width: 90%; margin: 0 auto; float: none } .wrapper90.center{text-align: center}
.wrapper60{width: 60%; margin: 0 auto; float: none } .wrapper60.center{text-align: center;}

.pad{padding: 25px 0} .l-pad{padding: 50px 0} .xl-pad{padding: 80px 0}
.pad-top{padding-top: 25px;} .pad-bottom{padding-bottom: 20px;}
.padleftright25{padding: 25px;}

.light-gray{background: #f5f5f5} .darkgray-bg{background: #252525; color: #fff}
.black-bg{background: #161616; color: #fff;}
.blue-bg{background: #33366b;} .red-bg{background: #ec3237;}

.blue-txt{color: #33366b;} .red-txt{color: #ec3237;}

.pageimage{background-blend-mode: overlay; background-color: rgba(0,0,0,.6) !important}
.pageimage-text{padding: 100px 0; text-align: center; color: #fff; width: 80%; margin: 0 auto}

#black-btn{background: #000; color: #fff !important; text-align: center; padding: 8px 25px; margin: 5px; display: inline-block;font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: .5px; font-weight: 700}
#black-btn:hover{background: #33366b; color: #000 !important}

/*-- HEADER --------------*/
.header{background: #33366b; width: 100%; position: relative;}
.header .wrapper90{display: flex; align-items: center; width: 100%;}
.header-left{justify-content:flex-start; width: 550px; background: #fff; text-align: center;
    content: " ";
    left: 0;
    transform-origin: top right;
    -ms-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}
.header-left img{width: 100%; max-width: 350px !important; text-align: center; margin: 20px auto 0 auto !important; float: none !important; vertical-align: middle; display: inline-block;
	-ms-transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);}

.header-right{justify-content:flex-start; width: 70%; text-align: right}

.headtop{display: flex; align-items: center; padding: 5px 0}
.head-location{justify-content: flex-start; width: 50%; text-transform: uppercase;}
.head-social{justify-content: flex-start; width: 50%; text-align: right}

.head-social h4{display: inline-block; letter-spacing: 0; border-right: 1px solid #fff; padding-right: 20px;}

.social{display: inline-block; vertical-align: middle; padding-left: 20px;}
.social .fa{display: inline-block; margin: 0 5px; font-size: 20px;}
.social a{color: #fff}


/* Header Search */
.initiallyHidden {
    display: none;
}
.searchbox-icon {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    justify-content: center;
    align-items: center;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.searchbox-icon:hover{color: #ec3237}

.searchbox-icon i {
    font-size: 22px;
	padding-right: 15px;
}

.search-slide-down {
	width: 100%;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #e5e5e5;
    box-shadow: inset 0px 11px 8px -10px #CCC;
}

.header input:focus,
.header textarea:focus,
.header select:focus {
    outline: none;
}

.header input[type="text"] {
    border: none !important;
}

.header-search {
    display: flex;
    padding: 0 5%;
}

.header-search input[type=text] {
    font-weight: 300;
    font-size: 15px !important;
    color: #2e2e2e !important;
    text-transform: uppercase;
    background: #fcfcfc;
    border: none;
}

.header-search ::placeholder {
    font-weight: 300;
    font-size: 15px !important;
    color: #2e2e2e !important;
    text-transform: uppercase;
}

.header-search i:hover {
    color: #a09f9f;
    cursor: pointer;
}

.header-search input:focus {
    outline: none !important;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    caret-color: #c1bfbf;
}

#mobile-form-submit {
    transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
}

#mobile-form-submit:hover {
    background: #000 !important;
}


/*--- HOME PAGE -------------*/
.hero-over{z-index: 111111111111 !important; position: relative !important;}

.hero-wrap {display:flex;}
.hero-hold {
    display: inline-block;
    width: 75%;
	flex-basis: 75%;
}

.hero-hold .slick-slide {overflow: hidden !important;}
.hero-buttons{flex-basis: 25%;box-sizing:border-box;}
.hero-buttons {display: flex;flex-direction: column;
}
.hero-buttons a{flex: 1;text-align: left !important;box-sizing:border-box;}
.hero-box button {height: 100%;width: 100%;}
a.hero-box.red-box button {background: #ec3237;border: 1px solid #ec3237;}
a.hero-box.blue-box button {background: #33366C;border: 1px solid #33366C;}
a.hero-box.blue-box button {background: #33366C;border: 1px solid #33366C;}
a.hero-box.black-box button {background: #333;border: 1px solid #333;}
a.hero-box button {text-align: left; color: #fff;font-family: Barlow, sans-serif;text-transform: uppercase;letter-spacing: 0.5px;font-weight: 600;line-height: normal;font-size: 44px;letter-spacing: 2px;padding: 30px;box-sizing:border-box;}
a.hero-box button span {display: block;font-size: 20px;font-weight: 400;}

.hero-txt {max-width: 800px;text-align:right;margin-left: auto !important;}
.hero-txt h1 span{font-size: 24px !important;display: block !important;}
.hero-txt h1 {font-family: 'Barlow';	
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    color: #ffffff;
    font-size: 52px;
    text-shadow: none;
    line-height: normal;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: right;
    letter-spacing: 1px;
    word-spacing: normal;
    text-transform: none;
    font-weight: 800;}
/*--welcome--*/
.home-about-bg{background: url(images/home-diagonals-bg.png) no-repeat}

/*-- manu slider --*/

.manu-slider-title h3{position: relative; z-index: 1; display: inline-block; vertical-align: middle}
.manu-slider-title img{display: inline-block; max-width: 45px; margin:5px -18px 0 0; position: relative; vertical-align: middle;
}
/*-- rentals --*/
.rf-breadcrumbs{
	font-size: 15px !important;
	color: #fff !important;
	padding: 15px 0;font-family: Barlow, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 400;
}
.rf-breadcrumbs a {
	display: inline-block;
	border-radius: 3px;
	color:#fff;
	font-weight: 800;
	font-size: 15px !important;
transition:.3s all;
	}
	
	.rf-breadcrumbs a:hover{opacity:.5;}

.rentals-cta{background: url(images/blue-diagonal-bg.png) no-repeat right; background-size: cover; }
.rental-inner{padding: 200px 0}
.rental-inner h1 span{font-size: 25px;}
.rental-inner h4 a:hover{color: #ec3237}

a.rental-cat {text-align: left !important;padding: 20px;display: block;margin: 5px;border-radius: 5px;background:#fff;color:#000;border:1px solid #e8e8e8;transition: box-shadow .3s all;}
a.rental-cat:hover {border-color:#ec3237;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
a.rental-cat:hover > h3 span{color:#ec3237;}
.rental-cat h3 {font-size: 20px;}
.rental-cat h3 span {display: block;font-size: 16px;font-weight: 500;text-transform: none !important;color:#333;transition:.3s all;}
.rental-img {overflow: hidden;height: 200px;}
.rental-img img {height: 100%;width: 100%;object-fit: contain;}
.third-pg img {max-width:100%;width:100%;}

.rental-content { display: block;color: rgb(0, 0, 0);text-align: left !important;padding: 40px;margin: 5px;border-radius: 5px;background: rgb(255, 255, 255);border-width: 1px;border-style: solid;border-color: rgb(232, 232, 232);border-image: initial;}
.page-img {display: flex;gap: 10px;align-items: center;}
.main-rent, .chart-img {flex: 1;}
.page-img img {max-width: 100%;width: 100%;}
.flex-container.flex-pg {
    display: flex;
    gap: 5%;
	align-items: center;
	flex-wrap:wrap;
}
.third-pg {
    flex: 1;
}
.half-pg {
    display: flex;
	flex:2;
    align-items: center;
}

.full-pg {
    flex-basis: 100%;
    display: flex;
    gap: 30px !important;align-items: center;
}
.main-rent {flex-basis: 50%;flex-grow: 1;}
.main-rent img {width:100%;height:100%;object-fit: contain}

.zoom-in a {position: relative;display: flex;}

.zoom-in a:after {
    content:'\f002';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;text-transform: uppercase;
    letter-spacing: 1px;font-family:"Font Awesome 6 Free";font-weight: 900;
    font-size: 48px;
}

.zoom-in a:hover:after {opacity: 1;font-size: 54px;}

.page-content h1 {
    font-size: 28px;
    margin-bottom: 15px;
}
/*-- locations cta --*/
.location-section-title h3{position: relative; z-index: 1; display: inline-block; vertical-align: middle}
.location-section-title img{display: inline-block; max-width: 45px; margin:5px -18px 0 0; position: relative; vertical-align: middle;}


.locations{width: 90%; margin:30px auto 0 auto;}
.locations section {display: none;padding: 20px 0 0;border-top: 1px solid #fff;}


.locations label {
  display: inline-block;
  padding: 15px 20px;
  font-weight: 600;
  text-align: center;
  color: #fff;
	margin: 0 10px 0 0;
	text-transform: uppercase
}

.locations label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

.locations label:hover {
  color: #ec3237;
	background: #fff;
  cursor: pointer;
}

.locations input:checked +  label {
  color: #33366b;
background: #fff;
	border-top: 3px solid #ec3237;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3{
  display: block;
}

@media screen and (max-width: 650px) {

 .locations label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  .locations label {
    padding: 15px;
  }
}

.locations-cta .nav-tabs {margin-top: 25px !important;width: 90%;margin: 0 auto;}
.locations-cta .nav-tab a.nav-link {
    display: inline-block;transition: 0.5s;
    font-weight: 600;border-left: none !Important;border-right: none !Important;border-bottom: none !Important;border-top: 3px solid transparent;
    text-align: center;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    padding: 15px 20px;
    margin: 0px 10px 0px 0px;
    border-radius: 0 !important;
	
}
.locations-cta .nav-tab a.nav-link.active {
    color: rgb(51, 54, 107);
    background: rgb(255, 255, 255);
    border-top: 3px solid rgb(236, 50, 55);
	}

.locations-cta .nav-tab a.nav-link:hover {border-left: none !Important;border-right: none !Important;border-bottom: none !Important;color: rgb(236, 50, 55);cursor: pointer;background: rgb(255, 255, 255);}

.locations-cta section.location-content {padding-top: 30px;}

.location-wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap: 5%;align-items: center;width: 90%;margin: 0 auto;} 
.map-holder {height: 450px;width: 100%;position: relative;}
.map-holder iframe {height: 100%;width: 100%;position: absolute;top: 0;left: 0;right:0;bottom: 0;}
.location-info {flex-wrap: wrap;width: 100%;text-align: left !important;	}
.location-info h4 {
    font-size: 18px;
	flex-basis: 100%;
}
ul.hours-list {
    padding-inline-start: 0;
    width: 100% !important;font-size: 15px;
}

.loc{display: flex; width: 100%; align-items: center; margin: 10px auto}
.loc .left{justify-content: flex-start; width: 45%; height: 100% !important; margin-right: 20px;}
.loc .left iframe{width: 95%; height: 400px !important; display: block;}
.loc .right{justify-content: flex-start; width: 55%;}
.loc .right .fa{font-size: 22px; margin-right: 10px;}

.location-info {
    display: flex;
    gap: 30px;
}

.loc-info {flex-basis: 45%;}
.loc-hours {flex-basis: 45%;width: 100% !important;}

.hours-list{width: 100%; list-style: none; color: #000}

.hours-list li{background: #e6e6e6; padding: 10px;display: flex; justify-content: space-between;}
.hours-list li b, .hours-list li span {flex: 1;}
.hours-list li:nth-of-type(odd) {background: #cdcdcd;}
.hours-list li span{text-align: right; display: inline-block; float: right}	
	

/*--- SUBPAGES -----------*/
.pageimageoverlay{position: relative;}

.pageimage-bg{background: url(images/gray-diagonal-bg.png) no-repeat right bottom; height: 420px;}

.pageimage{background-blend-mode: overlay; background-color: rgba(255,255,255,.7) !important; box-shadow: 10px 13px 10px -7px rgb(0 0 0 / 70%)}
.pageimage-text{padding: 130px 0; text-align: center; color: #33366b; width: 80%; margin: 0 auto}
.pageimage-text p{font-weight: 600; font-size: 20px;}

/*--auctions --*/
.auction-bg{background: url(images/pageimages/excavator-pageimage.jpg) no-repeat; background-size: cover;background-blend-mode: overlay; background-color: rgba(255,255,255,.7) !important;box-shadow: 10px 13px 10px -7px rgb(0 0 0 / 70%);position: absolute; margin: 0 auto;left: 0;right: 0;}
 
.auctionswrapper .entry-header{display: none}
.auctionswrapper .cat-links{display: none}
/*-- forms ---*/
.btn-success{background: #ec2027; color: #fff; font-size: 18px !important; padding:10px 25px;  display: block; text-transform: uppercase; font-family: 'Barlow', sans-serif !important; font-weight: 700; letter-spacing: .25px; box-shadow: none !important; border: none !important}
.btn-success:hover{background: #33366b !important; color: #fff !important}
.widget.widget_sandhills_contact_form h1{font-size: 40px !important; color: #ec2027}

/*-- inventory --*/
.cat-box{margin: 5px !important; height: 300px !important;position: relative !important;display:flex;align-items: center;justify-content: center;border-radius:5px;overflow: hidden;}
.cat-box img{width: 100% !important; height: 100% !important;object-fit: cover !important;filter: brightness(.6)}
.cat-box img:hover{filter: brightness(.85)}
.cat-box h3{text-shadow: 2px 4px 3px rgba(0,0,0,0.3);position: absolute;left: 0; right: 0; margin:0 auto; text-align: center;  z-index: 111; color: #fff}
.list-listing-card-wrapper,.compare-listings-container .compare-container {background: #fff !important;}
.list-top-section .list-listings-count,.title-media-buttons-heading h1,.bread-crumbs-heading .return-links .return-links-link,.bread-crumbs-heading .return-links .return-links-link span,.bread-crumbs-heading .return-links .return-links-link i {color:#fff!important;}
.detail__specs-label span, .detail__specs-label_showroom span { color: #000 !important;}
.compare-listings-container .compare-container .button {background:#ec3237!important;border-radius: 90px !important;margin-bottom: 8px !important;}
.compare-listings-container .compare-container .button:hover {background: #33366b !important;}

/*--- FOOTER -------------*/
.footer{width: 100%;}
.footer .wrapper90{display: flex; align-items: center;}
.footer .wrapper90 .left{justify-content: flex-start; width: 50%;}
.footer .wrapper90 .left .fa{font-size: 26px; margin: 5px; display: inline-block;}
.copyright{font-size: 14px;}
.footer .wrapper90 .right{justify-content: flex-start; width: 50%; text-align: right}
.footer .wrapper90 .right img{max-width: 100px !important;}



/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.location-info {gap: 15px;}
	.loc-info,.loc-hours {flex-basis: 100%;}
.head-location{display: none}
.head-social{width: 100%; text-align: center}
	
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1050px) {

.wrapper-center,.wrapper-inner, .wrapper60{width: 90%;}
.loc{display: block; }
.loc .left{justify-content: flex-end; width: 100%; height: auto !important; margin-right: 0;}
.loc .left iframe{width: 100%; height: 250px !important; display: block; margin-bottom: 30px;}
.loc .right{justify-content: flex-end; width: 100%;}
.loc-info{display: inline-block; width: 50%;}
.loc-hours{display: inline-block; width: 40%;}
	.hero-wrap {flex-wrap:wrap;}
	.hero-hold,.hero-buttons{flex-basis:100%;width:100%;}
	.hero-buttons{flex-direction: row;}
	.hero-buttons a {text-align: center;}
	.hero-buttons a.hero-box button {font-size: 36px;text-align: center}
	.hero-buttons a.hero-box button span {font-size: 18px;}
}



@media only screen and (max-width : 993px) {
	.locations-cta .nav-tab {
    flex-grow: 1 !important;
}
	.locations-cta .nav-tab a {width: 100%;}
}
/* Small Devices, Tablets */

@media only screen and (max-width : 870px) {
	.location-wrap {grid-template-columns: repeat(1, 1fr) !important;}
	.location-info {order: -1;}
	.map-holder {height: 300px;}
	.hero-txt h1 {font-size: 44px;}
	.hero-txt h1 span {font-size:22px;}
	.page-content h1 {font-size: 22px;}
}
@media only screen and (max-width : 800px) {
	.xl-pad{padding: 65px 0}	
	.zoom-in a:after {font-size: 28px;}
	.header-right{ width: 40%;}
	.flex-container.flex-pg {flex-wrap:wrap;gap:20px;}
	.flex-container.flex-pg .third-pg,.flex-container.flex-pg .half-pg {flex-basis:100%;}
	/*--locations--*/
	.locations label{width: 100%; display: block}
	.loc-info{display: block; width: 100%;}
	.loc-hours{display: block; width: 100% !important; float: left}

	.hours-list{width: 100% !important; list-style: none; color: #000; padding-left: 0; padding-right: 0}
}
@media only screen and (max-width : 690px) {
	
	.locations-cta .nav-tab {flex-basis: 100% !important;}
	.hero-buttons {flex-wrap:wrap !important;}
	.hero-buttons a.hero-box {flex-basis: 100% !important; }
	.hero-buttons a.hero-box button {font-size: 22px;}
	.hero-buttons a.hero-box button span{font-size: 16px;}
	.full-pg {gap: 10px !important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 580px) {
	.pageimage-text{padding: 80px 0;}
	.pageimage-text p{font-size: 18px;}	
	.head-social h4{display: none;}
	.search-slide-down{display: none}
	.header .wrapper90{display: block;}	
	.header-left, .header-right{width: 100%; justify-content: flex-start; transform: none; text-align: center;}
	.header-right{padding: 10px 0}
	.header-left img{transform: none}	
	
	/*--- FOOTER -------------*/
	.footer .wrapper90{display: block; }
	.footer .wrapper90 .left, .footer .wrapper90 .right{justify-content: flex-end; width: 100%; text-align: center}
	.footer .wrapper90 .left .fa{font-size: 26px; margin: 5px; display: inline-block;}
	.copyright{font-size: 14px;}
	.footer .wrapper90 .right img{max-width: 100px !important; margin:15px auto 0 auto; display: block; float: none !important}
	.rental-content {padding: 30px !important;}
}
	@media only screen and (max-width : 400px) {
	.full-pg {flex-wrap:wrap!important;}
	}