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

/* RESET */
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a{text-decoration: none;}
table tbody tr td{ border:1px solid #ddd;}
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: 'Montserrat', sans-serif; line-height: 1.5; height: 100%; width: 100%;}
::-moz-selection{background: #003185; color: #fff; text-shadow: none} ::selection{background: #003185; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 50px 0;}
.main ul li{margin-left: 15px; font-size: 14px; list-style: disc;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px;}

.main .wrap .col-md-11, .main .wrap .col-md-10, .main .wrap .col-md-9, .main .wrap .col-md-8, .main .wrap .col-md-7, .main .wrap .col-md-6, .main .wrap .col-smd-5, .main .wrap .col-md-4, .main .wrap .col-md-3, .main .wrap .col-md-2, .main .wrap .col-md-1{padding-right: 25px !important;}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-weight: 700;}
h1{font-size: 30px; text-transform: uppercase; color: #003185;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}

a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.social-links{display: inline-block; margin-left: 5px;}
.social-links ul li{display: inline-block;}
.social-links ul li a{display: block; padding: 2px;}
.social-links ul li a:hover{opacity: .75;}

/* HEADER */

.header{background: url("images/bg-blue.png") center center no-repeat; background-size: cover; padding: 25px 0; color: #fff;}
.header .wrap{display: flex; flex-wrap: wrap;}
.header .logo{width: 250px;}
.header .header-right{width: calc(100% - 250px); padding-left: 50px;}
.header .contact{display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; width: 100%; padding-bottom: 10px;}
.header .contact a:hover{opacity: .75;}
.header .contact .phone{padding-right: 15px; font-weight: 700; border-right: 1px #fff solid;}
.header .contact .social{padding: 0 15px;}

.header .contact .search form{display: flex; align-items: center; flex-wrap: wrap; width: 250px;}
.header .contact .search input{display: block; width: 210px; height: 36px; padding: 10px; font-size: 11px; color: #555; border: none;}
.header .contact .search button{display: flex; align-items: center; justify-content: center; width: 40px; height: 36px; background: #8E5B36; color: #fff; border: 1px #fff solid; transition: all .2s ease-in-out;}
.header .contact .search button:hover{background: #794723;}
.header .site-navigation{display: block; width: 100%;}

/* HOME */

.home-buttons{background: #03235A; padding: 15px 0;}
.home-buttons a{display: block; background: #003185; margin: 0 10px; padding: 25px; font-weight: 700; text-align: center; color: #fff;}
.home-buttons a:hover{background: #8E5B36;}
.home-buttons a:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f35a"; margin-left: 10px;}

.showrooms{background: url("images/bg-white.jpg") center center no-repeat; background-size: cover; padding: 35px 0;}
.showrooms h3{margin-bottom: 15px;}
.showroom-list img{max-width: 100% !important;}
.showroom-list ul{display: flex; flex-wrap: wrap;}
.showroom-list ul li{flex: 1; margin: 10px;}
.showroom-list ul li a{display: flex; align-items: center; justify-content: center; background: #fff; height: 100%; margin: auto; padding: 20px; font-size: 18px; color: #003185; border: 1px #000 solid; box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 75%);}
.showroom-list ul li a:hover{background: #8E5B36; color: #fff;}
.showroom-list ul li:first-child, .showroom-list ul li:last-child{flex: none; width: 100%;}
.showroom-list ul li:first-child a{width: fit-content;}
.showroom-list ul li a.all-btn{font-weight: 700;}
.showroom-list ul li a.all-btn i{margin-left: 10px;}

.about{display: flex; flex-wrap: wrap;}
.about .about-video{width: 50%;}
.about .about-video embed, .about .about-video iframe{max-width: 100% !important; width: 100% !important; height: 500px !important;}
.about .about-text{width: 50%; background: #8E5B36; padding: 25px; font-size: 18px; line-height: 1.75; color: #fff;}

.manus{padding: 50px 0;}
.manus ul{display: flex; align-items: center; justify-content: center;}
.manus ul li{display: flex; justify-content: center; align-items: center; flex: 1; padding: 15px;}

.parts-manus{background: #262626; padding: 25px 0;}
.parts-manus img{display: block; margin: auto !important;}
.parts-manus ul{display: flex; flex-wrap: wrap;}
.parts-manus ul li{flex: 1;}
.parts-manus ul li a{display: flex; align-items: center; justify-content: center; height: 100%; padding: 15px; text-align: center; border: 1px #fff solid;}
.parts-manus ul li a:hover{border: 1px #aaa solid;}

.roadbuilders{background: #003185; padding: 25px 0; color: #fff;}
.roadbuilders h3{font-size: 36px;}
.roadbuilders a{display: block; background: #8E5B36; padding: 12px; font-weight: 700; text-align: center; text-transform: uppercase;}
.roadbuilders a:hover{background: #794723;}

/* BODY */

.post-container-used-categories{display: flex; flex-wrap: wrap;}
.column-padding-used-categories{width: 25%; padding: 2px;}
.zoom{position: relative; width: 100%; height: 150px; overflow: hidden;}
.zoom img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.zoom .zoom-caption{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); font-size: 14px; font-weight: 700; text-transform: uppercase; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); color: #fff; transition: all .5s ease; z-index: 10;}
.zoom:hover .zoom-caption{background: rgba(0, 49, 133, 0.75);}

.sub-container{display: flex; flex-wrap: wrap;}
.sub-container .sub-left{width: 300px; padding: 15px; border: 1px #ccc solid;}
.sub-container .sub-left h3{display: block; padding: 10px; font-size: 20px; text-transform: uppercase; color: #003185; border-bottom: 1px #ED1C24 solid;}
.sub-container .sub-left a{display: block; padding: 8px; text-transform: uppercase;}
.sub-container .sub-left a:hover{background: #f5f5f5; color: #ED1C24;}
.sub-container .sub-left .has-sub{border-bottom: 1px #ED1C24 solid;}
.sub-container .sub-left .is-sub{padding: 7px 15px; font-size: 13px; text-transform: none;}
.sub-container .sub-right{width: calc(100% - 300px); padding-left: 35px;}

.new-model-table{border: none;}
.new-model-table tr{display: flex; justify-content: center; flex-wrap: wrap;}
.new-model-table td{display: flex; align-items: center; justify-content: center; width: calc(20% - 4px); margin: 2px;}

.post-container-operator-videos{display: flex; flex-wrap: wrap;}
.column-padding-operator-videos{width: calc(50% - 4px); margin: 2px; padding: 15px; text-align: center; border: 1px #ccc solid;}
.operator-video h4{margin-top: 15px; font-weight: 400;}
.operator-video iframe{width: 100% !important; height: 20vw !important;}

.tip-table{border: 1px #ccc solid;}
.tip-table tr{border-bottom: 1px #ccc solid;}
.tip-table tr:nth-child(odd){background: #f5f5f5;}
.tip-table td{padding: 10px;}
.tip-table td:last-child{border-left: 1px #ccc solid;}
.tip-table a{color: #B80000;}
.tip-table a:hover{border-bottom: 1px #B80000 dashed;}

.post-container-testimonials-sent .column-padding-testimonials-sent:nth-child(odd) .post-column-testimonials-sent3{background: #f5f5f5;}
.testimonial{display: flex; flex-wrap: wrap; text-align: left; border: 1px #ccc solid;}
.testimonial .testimonial-img{width: 250px; padding: 5px; border-right: 1px #ccc solid;}
.testimonial .testimonial-text{width: calc(100% - 250px); padding: 15px;}

.contactForm{background: #f5f5f5; padding: 20px !important; border: 1px #ccc solid;}
.contactForm h1{display: none;}
.contactForm h3{margin-bottom: 15px; color: #003185;}
.contactForm .btn-success{background-color: #003185 !important; border-color: #003185 !important; font-weight: 700; color: #fff;}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #555 !important; border-color: #555 !important;}
.contactForm .contactFormLabel{display: block; font-size: 12px; font-weight: 700;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}

/* FOOTER */

.locations{background: url("images/bg-dark.jpg") center center no-repeat; background-size: cover; padding: 25px 0; font-size: 13px; text-align: center; line-height: 1.35; color: #fff;}
.locations b{display: block; margin-bottom: 5px; font-size: 14px;}

.footer{background: #111; padding: 50px 0; color: #fff; border-top: 4px #474747 solid;}
.footer .wrap{display: flex; flex-wrap: wrap;}
.footer .copyright{width: 66.6666%; padding-right: 25px; font-size: 11px; color: #aaa;}
.footer .copyright a:hover{color: #fff;}
.footer .footer-right{width: 33.3333%;}

/* RESPONSIVE */

@media screen and (max-width: 1024px){
	.header{padding: 15px 0 0;}
	.header .wrap{padding: 0;}
	.header .logo{width: 100%;}
	.header .logo img{margin: auto !important;}
	.header .header-right{width: 100%; padding: 0;}
	.header .contact{justify-content: center; padding: 15px 0;}
	
	.column-padding-used-categories{width: 33.3333%;}
	.zoom{height: 120px;}
	.about .about-text{font-size: 14px;}
	.manus{padding: 35px 0;}
	.manus ul{flex-wrap: wrap;}
	.manus ul li{flex: none;}
	
	.sub-container .sub-left{width: 100%; order: 2;}
	.sub-container .sub-right{width:100%; padding: 0 0 35px; order: 1;}
}
@media screen and (max-width: 768px){
	.main{padding: 35px 0;}
	.main .wrap .col-md-11, .main .wrap .col-md-10, .main .wrap .col-md-9, .main .wrap .col-md-8, .main .wrap .col-md-7, .main .wrap .col-md-6, .main .wrap .col-md-5, .main .wrap .col-md-4, .main .wrap .col-md-3, .main .wrap .col-md-2, .main .wrap .col-md-1{margin-bottom: 15px; padding-right: 0 !important;}
	
	.header .contact .search{width: 100%; margin-top: 10px;}
	.header .contact .search form{margin: auto;}
	
	.column-padding-used-categories{width: 50%;}
	.home-buttons a{padding: 15px; margin: 2px 0;}
	.showroom-list ul li{flex: none; width: calc(50% - 10px); margin: 5px;}
	.about .about-video{width: 100%;}
	.about .about-video embed, .about .about-video iframe{height: 250px !important;}
	.about .about-text{width: 100%;}
	.testimonial{display: block;}
	.testimonial .testimonial-img{width: 100%; text-align: center; border-right: none;}
	.testimonial .testimonial-img img{width: 100%; max-width: 300px; margin: 15px auto 0;}
	.testimonial .testimonial-text{width: 100%;}
	
	.locations .col-sm-2{margin-bottom: 15px;}
	.footer{padding: 35px 0;}
	.footer .copyright{width: 100%; padding: 0; text-align: center; order: 2;}
	.footer .footer-right{width: 100%; padding: 0 0 20px; text-align: center; order: 1;}
}
@media screen and (max-width: 480px){
	.header .contact .phone, .header .contact .social{width: 100%; padding: 5px 0; text-align: center; border: none;}
	.header .contact .phone{font-size: 20px;}
	
	.column-padding-used-categories{width: 100%; padding: 2px 0;}
	.zoom{height: 75px;}
	.parts-manus ul li{flex: none; width: 100%;}
}