/*
	Theme Name: www.ferguson-trailersales.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
*/
.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;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}

html, body{background: #333; font-family: 'Montserrat', sans-serif; line-height: 1.5; height: 100%; width: 100%;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

.sidebarColumn{min-height: inherit !important;}
.main{background: #fff; padding: 50px 0;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px;}
.grey-bg{background: url("images/bg.png");}

.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{padding-right: 25px !important;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-weight: 700;}
h1{font-size: 28px;} h1 span{color: #CC2B01;}
a{color: inherit; transition: all .2s ease-in-out;}

/* HEADER */

.header{background: url("images/bg.png"); padding: 15px 0;}
.header .wrap{display: flex; align-items: center;}
.header .contact{margin-left: auto; padding-left: 25px; font-size: 20px; font-weight: 700; text-align: right;}
.header .contact a.social{display: inline-block; margin-top: 6px; font-size: 36px;}

/* HOME */

.post-container-home-buttons{display: flex; justify-content: center; flex-wrap: wrap;}
.column-padding-home-buttons{width: 20%; padding: 15px;}
.home-icon a{display: block; font-weight: 700;}
.home-icon a:hover{opacity: .75;}
.home-icon img{display: block; padding: 0 25px;}

.prevButton-container-home-buttons, .nextButton-container-home-buttons{display: none;}

.video-box{display: flex; flex-wrap: wrap; background: #064D93; color: #fff;}
.video-box .video-text{display: flex; flex-wrap: wrap; align-items: flex-end; width: 350px; text-align: center;}
.video-box .video-text h3{display: block; width: 100%; font-size: 32px; text-transform: uppercase;}
.video-box .video-text h3 span{display: block; font-size: 52px;}
.video-box .video-text a{display: block; width: 100%; padding: 12px; margin-top: auto; font-weight: 700; border-top: 1px #fff solid;}
.video-box .video-frame{width: calc(100% - 350px);}
.video-box .video-frame embed{width: 100%; height: 600px;}

/* BODY */

.scrolling-wrap{width: 100%; height: 90px; overflow: hidden;}
.scrolling{width: 100%; height: 92px;}

.post-container-youtube-videos{display: flex; justify-content: center; flex-wrap: wrap;}
.column-padding-youtube-videos{width: 20%; padding: 15px;}
.videos a{display: block; font-weight: 700;}
.videos a:hover{opacity: .75;}
.videos img{display: block; width: 100%; max-width: 200px; margin: auto; padding: 10px 25px; opacity: .5;}

.staff{display: flex; flex-wrap: wrap; padding: 35px 0; text-align: left; border-bottom: 1px #ddd solid;}
.staff .staff-img{width: 250px;}
.staff .staff-text{width: calc(100% - 250px); padding-left: 25px;}


/* FOOTER */

.footer{padding: 50px 0; font-size: 12px; text-align: center; color: #aaa;}
.footer .wrap{max-width: 700px;}

/* RESPONSIVE */

@media screen and (max-width: 1024px){
	.header .contact{font-size: 14px;}
	
	.column-padding-home-buttons{width: 33.3333%;}
	.video-box .video-text{width: 100%; font-size: 20px;}
	.video-box .video-text h3{display: inline-block; padding: 12px; font-size: 20px;}
	.video-box .video-text h3 span{display: inline-block; font-size: 20px;}
	.video-box .video-text a{font-size: 14px;}
	.video-box .video-frame{width: 100%;}
	
	.column-padding-youtube-videos{width: 33.3333%;}
}
@media screen and (max-width: 768px){
	.main{padding: 35px 0;}
	.main .wrap .col-sm-11, .main .wrap .col-sm-10, .main .wrap .col-sm-9, .main .wrap .col-sm-8, .main .wrap .col-sm-7, .main .wrap .col-sm-6, .main .wrap .col-sm-5, .main .wrap .col-sm-4, .main .wrap .col-sm-3, .main .wrap .col-sm-2, .main .wrap .col-sm-1{margin-bottom: 15px; padding-right: 0 !important;}
	
	.header .wrap{flex-wrap: wrap;}
	.header .logo{width: 100%;}
	.header .logo img{max-width: 200px !important; margin: auto;}
	.header .contact{width: 100%; margin: 10px 0 0 0; padding-left: 0; text-align: center;}
	.header .contact a.social{display: none;}
	
	.column-padding-home-buttons{width: 50%;}
	
	.staff{display: flex; flex-wrap: wrap; padding: 35px 0; text-align: left; border-bottom: 1px #ddd solid;}
	.staff .staff-img{width: 100%; margin-bottom: 15px;}
	.staff .staff-text{width: 100%; padding-left: 0;}
}
@media screen and (max-width: 480px){
	.column-padding-youtube-videos{width: 50%;}
}