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

.sitenavigation {background:#005BB2 !important;}
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a{text-decoration: none !important;}
/* RESET */

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{font-family: 'Helvetica LT Std Condensed', 'Oswald', sans-serif !important; line-height: 1.5; height: 100%; width: 100%;}
::-moz-selection{background: #00529F; color: #fff; text-shadow: none} ::selection{background: #00529F; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 35px 0;}
.wrap{max-width: 1540px; margin: 0 auto; padding: 0 20px;}
.grey-bg{background: #f1f1f1;}

/* TYPOGRAPHY */

h2, h3, h4, h5, h6{font-weight: 700;}
h1{font-weight: 400; text-transform: uppercase; color: #00529F;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

/* HEADER */

.header{background: #000; padding: 15px 0; color: #fff;}
.header .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.header .logo{width: 100px;}
.header .nhlogo{width: 185px; margin:0 0 0 20px;}
.header .nhclogo{width: 185px; margin:0 0 0 20px;}

.header .contact{margin-left: auto; text-align: right; max-width: 400px; width: 100%; min-width: 300px;}
.header .contact a[href^="tel:"]{display: inline-block; padding: 15px 20px; font-size: 18px; font-weight: 700;}
.header .contact a[href^="tel:"]:hover{color: #00529F;}
.header .contact p{margin-top: 10px; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.header .ara-logo{background: #fff; padding: 10px;}

/* HOME */

.side{position: fixed; background: #fff; width: auto; height: 500px; z-index: 100;}
#facebook{height: auto; top: 199px; left: -340px;z-index: 999;}
#facebookTab {display: block; position: absolute; background: url("images/facebook.png"); top: -4px; left: 340px; width: 55px; height: 150px;}

.headsearch{background: #01529F; padding: 8px 0 5px; font-size: 13px !important; text-transform: uppercase;}
.headsearch form{display: flex; flex-wrap: wrap;}
.headsearch input[type="text"]{display: block !important; height:auto !important; font-size: 13px !important; line-height:inherit !important;  margin-right: 10px; padding: 12px !important; width: calc(100% - 335px) !important; text-transform: uppercase; border: none !important; border-radius: 0 !important; color:inherit !important; font-family: 'Helvetica LT Std Condensed', 'Oswald', sans-serif !important;}
.headsearch button{display: block !important; background: #f1f1f1; width: 325px; text-transform: uppercase; text-align: center; border: none !important; transition: all .2s ease-in-out;}
.headsearch button:hover{background: #0165C4; color: #fff;}

.tab-buttons{display: flex; flex-wrap: wrap;}
.tab-buttons .tab-button{background: #0165C4; margin-right: 2px; padding: 4px 30px; text-align: center; color: #fff; cursor: pointer;}
.tab-buttons .tab-button:hover{background: #005BB2; color: #fff;}
.tab-buttons .tab-button.active{background: #f1f1f1; color: #000;}
.tab-content{display: none; padding: 5px 0;}
.tab-content.active{display: block;}

.hero-inner{display: block; padding: 18% 20px 10%; text-align: center; text-shadow: 2px 2px 2px #212121;}
.hero-inner h1{font-size: 80px; font-weight: 800; color: #00529F;}
.hero-inner h2{font-size: 30px; color: #fff;}

.post-container-inventory-categories{display: flex; justify-content: center; flex-wrap: wrap;}
.column-padding-inventory-categories{width: 25%; padding: 10px;}
.cat-btn p{font-size: 18px; font-weight: 700; line-height: 1.2; text-align: center;}
.cat-btn a{display: block; position: relative; padding: 10px; transition: transform 0.3s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.3s cubic-bezier(0.02, 0.01, 0.47, 1), box-shadow 0.2s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);}
.cat-btn a:hover, .cat-btn a:focus{transform: translateY(-10px); transition: transform 0.2s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.2s cubic-bezier(0.02, 0.01, 0.47, 1), box-shadow 0.4s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.2s cubic-bezier(0.02, 0.01, 0.47, 1); box-shadow: 0 30px 30px rgb(0 0 0 / 16%); z-index: 9;}

.inventory-specials{background:#00529F url("images/bg-specials.jpg") center center; background-size: cover; padding: 10px 100px; text-align: center; color: #fff;}
.inventory-specials h2{padding: 48px 0; font-size: 36px;}
.inventory-specials a{display: block; margin: 8px 0; padding: 12px; font-size: 18px; font-weight: 700; text-transform: uppercase; border: 2px #fff solid;}
.inventory-specials a:hover{background: #fff; color: #00529F;}

.welcome{display: flex; flex-wrap: wrap; background: #333; padding: 25px; color: #fff;}
.welcome .welcome-left{width: 30%; padding: 20px 50px; text-transform: uppercase;}
.welcome .welcome-left h5{font-size: 20px; letter-spacing: 2px; color: #ccc;}
.welcome .welcome-left h4{font-size: 35px;}
.welcome .welcome-left a{display: block; margin: 10px 0; padding: 10px; font-size: 24px; font-weight: 700; text-align: center; border: 4px #fff solid;}
.welcome .welcome-left a:hover{background: #fff; text-shadow: 1px 1px 4px #000;}
.welcome .welcome-right{background:#111 url("images/bg-welcome.jpg") center center no-repeat; background-size: cover; width: 70%; padding: 50px; font-size: 17px; line-height: 1.7; letter-spacing: .5px; box-shadow: 2px 2px 4px #000;}

.youtube{background: #f1f1f1; padding: 25px 0; text-align: center;}
.youtube h2{font-size: 40px; font-weight: 800; color: #00529F;}
.youtube h3{font-size: 25px; font-weight: 400; letter-spacing: 2px; color: #333;}
.youtube a{display: inline-block; background: #212121; margin: 10px auto; padding: 12px 50px; font-weight: 700; text-transform: uppercase; color: #fff;}
.youtube a:hover{background: #00529F;}

.contact-location{padding: 25px 0;}
.contact-location .wrap{display: flex; flex-wrap: wrap;}
.contact-location .mailing-list{width: 50%;}
.contact-location .mailing-list .contactForm .form-control{border: 2px #FF453E solid;}
.contact-location .mailing-list h4{margin-bottom: 10px; font-size: 24px; color: #00529F;}
.contact-location .location{width: 50%; padding-left: 35px; font-size: 14px;}
.contact-location .location iframe{padding-right: 20px;}
.contact-location .location h5{font-size: 18px; color: #00529F;}

.manus{background: #eaeaea; padding: 25px 0;}
.manus img{max-width: 100% !important;}
.manus ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.manus ul li{width: 16.6666%;}
.manus ul li a{display: block; padding: 15px;}

/* BODY */

.post-container-videos{display: flex; justify-content: center; flex-wrap: wrap;}
.column-padding-videos{width: 25%; padding: 20px;}
.productvideo{text-align: left;}
.productvideo img{opacity: .5; transition: all .2s ease-in-out;}
.productvideo img:hover{opacity: 1;}
.productvideo strong{display: block; margin-bottom: 10px; padding: 10px 0; border-bottom: 1px #ddd solid;}
.productvideo p, .productvideo span{display: inline-block;}

.about-bg{background: url("images/bg-about.jpg") center center no-repeat; background-size: cover;}
.about-bg .wrap{background: #fff; padding: 25px;}

.contact-page .col-sm-4{padding-right: 25px !important;}
.contact-page .col-sm-8{padding-left: 25px !important; border-left: 1px #ddd solid;}
.staff-box{background: rgba(0,82,159,0.8); margin-top: 25px; padding: 20px; color: #fff; box-shadow: 1px 1px 4px #000;}
.staff-member{text-align: left;}
.post-container-staff-members{display: flex; flex-wrap: wrap;}
.column-padding-staff-members{width: 25%; padding: 20px;}

.prevButton-container-manufacturer-list, .nextButton-container-manufacturer-list{display: none;}
.column-padding-manufacturer-list:nth-child(odd) .manu-row{background: #f1f1f1;}
.manu-row{display: flex; align-items: center; flex-wrap: wrap; border: 1px #00529F solid; border-top: none;}
.manu-row a{text-decoration: underline;}
.manu-row a:hover{text-decoration: none;}
.manu-row .manu-name{width: 250px; padding: 10px 15px; font-size: 14px; text-align: left;}
.manu-row .manu-description{width: calc(100% - 250px); padding: 10px 15px; text-align: left; border-left: 1px #00529F solid;}
.manu-row.row-header{background: #00529F; font-weight: 700; color: #fff;}
.manu-row.row-header .manu-name{font-size: 16px;}
.manu-row.row-header .manu-description{border-left: 1px #fff solid;}




h2.rent-cat-head {margin:65px 0 10px 0; padding: 10px 15px; font-weight:700; color:#111; border: 1px #111 solid;}
h3.rent-cat-head {margin:45px 0 0 0; padding: 10px 15px; font-weight:700; color:#00529F; border: 1px #00529F solid; border-bottom: 0;}
h4.rent-cat-head {margin:35px 0; padding: 10px 15px; font-weight:700; color:#f00202; border: 1px #f00202 solid;}
h5.rent-cat-head {margin:45px 0 10px 0; padding: 10px 15px; font-weight:700; color:#00529F; border: 1px #00529F solid;}

.prevButton-container-rental-lists, .nextButton-container-rental-lists{display: none !important;}
.column-padding-rental-lists:nth-child(odd) .rent-row{background: #f1f1f1;}
.rent-row{display: flex;  flex-flow:row wrap; /* align-items: center;*/ border: 1px #00529F solid; border-top: none;}

.rent-row .rent-model{width:calc(100% - 348px); padding: 10px 15px; font-size:18px; line-height:1.2;  text-align:left; font-weight: 500; }
.rent-row .rent-rate{align-content: center; width:116px; padding: 10px 15px; text-align: right;  border-left: 1px #00529F solid;}
.rent-row.row-header{background: #00529F; font-weight: 700; color: #fff;}

.rent-row.row-header .rent-model{align-content: center; width:calc(100% - 348px); font-size:22px;}
.rent-row.row-header .rent-rate{width:116px; font-size:18px; line-height:1; text-align:right; border-left: 1px #fff solid;}
.rent-row.row-header .rent-rate span {font-size:13px; font-weight: 500;}

ul.rentlist li {list-style:inside disc; margin: 0 0 0 1.5em;}






.scrolling-wrap{background: #00529F; width: 100%; padding: 8px 0; overflow: hidden;}
.scrolling-wrap .scrolling{width: 100%; height: 90px;}


.input-group-append a.btn-primary {margin:9px 0 0 0;}


.contactForm h1{display: none;}
.contactForm h3{display: block; background: #000; margin: 15px 0; padding: 15px; font-size: 20px; text-align: center; color: #fff;}
.contactForm .checkbox, .contactForm .radio{display: block; background: #f5f5f5; padding: 15px;}
.contactForm .btn-success{background-color: #FF453E !important; border-color: #FF453E !important; padding: 8px 25px; font-weight: 700; text-transform: uppercase; color: #fff; border-radius: 5px;}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #DD0800 !important; border-color: #DD0800 !important;}
.contactForm .contactFormLabel{display: block; font-size: 12px; font-weight: 700;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}

/* FOOTER */

.footer{background: #000; padding: 20px 0; border-top: 6px #00529f solid; border-bottom: 6px #00529f solid;}
.footer .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.footer .copyright{max-width: 50%; font-size: 11px; color: #8E8E8E;}
.footer .copyright a{text-decoration: underline;}
.footer .copyright a:hover{text-decoration: none;}
.footer .footer-logos{margin-left: auto;}

/* RESPONSIVE */

@media screen and (max-width: 1200px){
	.side{display: none;}
	.welcome .welcome-left{padding: 20px 20px 20px 0;}
}
@media screen and (max-width: 980px){
	.header .logo{margin:0 10px 10px auto; width: calc(33.333% - 10px); text-align: right;}
	.header .logo img{width: 100% !important; max-width: 135px !important; margin:0 0 0 auto!important;}
	
	.header .nhlogo{margin:0 10px 10px auto; width: calc(33.333% - 10px);}
	.header .nhlogo img{width: 100% !important; max-width: 200px !important; margin: 0 auto !important;}
	
	.header .nhclogo{margin:0 0 10px 10px; width: calc(33.333% - 10px);}
	.header .nhclogo img{width: 100% !important; max-width: 200px !important; margin: 0 auto 0  0!important;}

	
	.header .contact{width: 100%; margin: 0 auto; text-align: center;}
	.header .contact .row{display: flex; align-items: center; justify-content: center;}
	.header .contact p{display: none;}
	.header .ara-logo img{max-width: 100px !important;}
	
	
	.column-padding-inventory-categories{width: 25%;}
	.cat-btn p{font-size: 16px;}
	.inventory-specials{padding: 10px 20px;}
	.inventory-specials h2{padding: 20px 0;}
	.inventory-specials .col-sm-7, .inventory-specials .col-sm-5{float: none; width: 100%;}
	
	.column-padding-videos{width: 50%;}
}

@media screen and (max-width: 768px){
	.header .logo{margin:0 auto 10px 10px; width: calc(33.333% - 10px); text-align: left;}
	.header .logo img{width: 100% !important; max-width: 105px !important; margin:0 auto 0 0 !important;}
	
	.header .nhlogo{margin:0 10px 10px auto; width: calc(33.333% - 15px);}
	.header .nhlogo img{width: 100% !important; max-width: 150px !important; margin: 0 0 0 auto !important;}
	
	.header .nhclogo{margin:0 0 10px 0; width: calc(33.333% - 10px);}
	.header .nhclogo img{width: 100% !important; max-width: 150px !important; margin: 0 auto !important;}
	
	.headsearch input[type="text"]{width: calc(100% - 160px) !important;}
	.headsearch button{width: 150px !important;}
	.hero-inner{padding: 15% 20px;}
	.hero-inner h1{margin-bottom: 5px; font-size: 48px; color: #fff;}
	.hero-inner h2{font-size: 24px;}
	.column-padding-inventory-categories{width: 33.3333%;}
	.welcome .welcome-left{width: 100%; padding: 0;}
	.welcome .welcome-left h4{font-size: 28px;}
	.welcome .welcome-left a{margin: 0 0 10px; font-size: 20px;}
	.welcome .welcome-right{width: 100%; padding: 25px;}
	.contact-location .mailing-list{width: 100%;}
	.contact-location .location{width: 100%; padding: 0;}
	.contact-location .location iframe{padding: 20px 0;}
	.manus ul li{width: 25%;}
	
	.contact-page .col-sm-4{padding-right: 0 !important; padding-bottom: 15px;}
	.contact-page .col-sm-8{padding-left: 0 !important; padding-top: 15px; border-left: none; border-top: 1px #ddd solid;}
	.column-padding-staff-members{width: 50%;}
}

@media screen and (max-width: 600px){
	.rent-row .rent-model{width:calc(100% - 282px);}
	.rent-row .rent-rate{width:92px;}
	.rent-row.row-header .rent-model{width:calc(100% - 282px);}
	.rent-row.row-header .rent-rate{width:92px;}	
}

@media screen and (max-width: 480px){
	.header .logo{margin:0 auto 10px auto; width:100%; text-align: center;}
	.header .logo img{width: 100% !important; max-width: 135px !important; margin:auto !important;}
	
	.header .nhlogo{margin:0 auto 10px auto; width: calc(50% - 10px);}
	.header .nhlogo img{width: 100% !important; max-width: 200px !important; margin:auto !important;}
	
	.header .nhclogo{margin:0 auto 10px auto; width: calc(50% - 10px);}
	.header .nhclogo img{width: 100% !important; max-width: 200px !important; margin:auto !important;}
	
	.tab-buttons .tab-button{flex: 1; margin: 0;}
	.headsearch input[type="text"]{width: calc(100% - 130px) !important;}
	.headsearch button{width: 120px !important;}
	
	.hero-inner h1{font-size: 36px;}
	.hero-inner h2{font-size: 20px;}
	.column-padding-inventory-categories{width: 50%;}
	.manus ul li{width: 50%;}
	
	.column-padding-videos{width: 100%; padding: 15px 0;}
	.column-padding-staff-members{width: 100%; padding: 10px 0;}
	.staff-member{text-align: center;}
	
	.manu-row{margin-bottom: 5px; border-top: 1px #00529F solid;}
	.manu-row.row-header{display: none;}
	.manu-row .manu-name{width: 100%; padding-bottom: 0;}
	.manu-row .manu-description{width: 100%; border: none;}

	
	.rent-row .rent-model{width:calc(100% - 222px);  font-size:16px;}
	.rent-row .rent-rate{ width:74px; padding:10px;}

	.rent-row.row-header .rent-model{width:calc(100% - 222px); font-size:18px;}
	.rent-row.row-header .rent-rate{width:74px;padding:10px; font-size:15px; line-height:1.2;}
	
	
	.footer .copyright{width: 100%; max-width: 100%; text-align: center;}
	.footer .footer-logos{width: 100%; margin: 20px 0 0;}
	.footer .footer-logos img{margin: auto !important;}
}

@media screen and (max-width: 420px){
	.rent-row .rent-model{width:100%; padding:15px 15px 10px 15px; font-size:16px; font-weight:600; border-bottom: 1px #00529F solid;}
	.rent-row .rent-rate{width:calc(33.3% - 1px); padding:10px; text-align:center; }
	.rent-row .rent-rate:nth-of-type(2) {width:33.3% !important; border-left: 0 !important;}
	.rent-row.row-header .rent-model{display:none;}
	.rent-row.row-header .rent-rate{width:calc(33.3% - 1px); text-align:center;}
	.rent-row.row-header .rent-rate::nth-of-type(2) {width:33.3% !important; border-left: 0 !important;}
}