/*
	Theme Name: www.martinspeterbilt.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
*/
.body-content {
	max-width: 1320px !important;
}
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
h1 {font-size: 38px;}
h2 { font-size: 30px;}
h3 { font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
a{text-decoration: none;}
.scrollToTop {color:white;}
/* 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{font-family: 'Lato', sans-serif !important; font-size: 18px; font-weight: 300; line-height: 1.5; color: #1a1a1a; height: 100%; width: 100%;}
::-moz-selection{background: #B30101; color: #fff; text-shadow: none} ::selection{background: #B30101; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 50px 0;}
.wrap{max-width: 1640px; margin: 0 auto; padding: 0 20px;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

/* TYPOGRAPHY */

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

/* HEADER */

.header-container{position: relative; border-bottom: 1px #c2c2c2 solid;}
.header-container .logo{position: absolute; top: 10px; max-width: 220px; z-index: 999;}

.header{background: #f8f8f8; padding: 20px 0; text-align: right; border-bottom: 1px #c2c2c2 solid;}
.header .wrap{display: flex; justify-content: flex-end; align-items: center;}

.header .phone{display: inline-block; font-size: 20px;}
.header .phone i{margin-right: 5px; color: #B30101;}

.header .header-links{display: inline-block; margin: 0 25px 0 40px;}
.header .header-links ul li{display: inline-block; list-style: none;}
.header .header-links ul li a{display: block; font-weight: 700; margin: 0 15px;}
.header .header-links ul li:last-child a{margin-right: 0; padding: 10px 30px; text-transform: uppercase; color: #B30101; border: 1px #B30101 solid;}

.header .social{display: inline-block;}
.header .social ul li{display: inline-block; list-style: none;}
.header .social ul li a{display: block; padding: 5px; font-size: 24px; color: #B30101;}

/* HOME */

.cta-title h1{font-size: 50px; font-weight: 900; text-transform: uppercase; color: #6a6a6a;}
.cta-btns{background: #f1f1f1;}
.cta-btns h3{margin-bottom: 15px; text-transform: uppercase; color: #B30101;}
.cta-btns img{max-width: 100% !important; width: 100% !important;}

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

.newsletter{background: #333 url("images/bg-peterbilt.png") center left no-repeat; background-size: cover;}
.newsletter h3{margin: 0 auto 25px; padding: 10px 0; text-align: center; color: #fff; border-bottom: 2px #B30101 solid;}
.newsletter .wrap{max-width: 800px;}
.newsletter .contactForm .contactFormLabel, .newsletter .contactForm .has-feedback .form-control-feedback{color: #fff;}
.newsletter .contactForm .btn-success{display: block; margin: auto;}

.welcome h2{margin-bottom: 15px; font-size: 36px; font-weight: 300;}
.welcome h2 span{font-weight: 700; color: #B30101;}

.location-btns{padding: 25px 0; border-top: 1px #e2e2e2 solid;}
.location-btns ul{display: flex;}
.location-btns ul li{flex: 1; margin: 2px; list-style: none;}
.location-btns ul li a{display: block; background: #545454; padding: 15px 25px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border: 1px #212121 solid;}
.location-btns ul li a:hover{background: #333;}
.location-btns ul li a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f689"; margin-right: 10px;}

.map{position: relative; height: 400px; width: 100%; border-bottom: 7px #fff solid; overflow: hidden;}
.map iframe{position: relative; top: -55px; width: 100%; height: calc(400px + 55px); pointer-events: none;}

/* BODY */

.title-banner{position: relative; color: #fff;}
.title-banner .overlay:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: "";}
.title-banner .wrap{padding: 200px 20px 50px;}
.title-banner h2{font-size: 65px; font-weight: 900; text-transform: uppercase;}
.title-banner p{font-size: 30px; font-weight: 700;}
.heading-line hr{max-width: 200px; margin: 15px 0 20px; border-top: #e2e2e2 double;}

.timeline-section{position: relative; max-width: calc(700px + 8em); margin: 3.5% auto; padding: 0;}
.timeline-section vr{position: absolute; top: 0; left: 50%; height: 100%; margin: 0 auto; border-left: 1px #000 solid; border-right: 1px #000 solid; z-index: 1;}
.tl-first{position: relative; background: #fff; margin-bottom: 25px; font-size: 20px; font-weight: 900; text-align: center; color: #ccc; z-index: 5;}
.tl-event{position: relative; max-width: calc(350px + 4em); margin: 0 auto 0 10.5px; z-index:5;}
.tl-marker{position: absolute; top: 27px; right: 0; font-size: 20px; line-height: 0; color: #AD0202; z-index: 5;}
.tl-marker .fas{background: #fff; padding: 2px 0 1px;}
.tl-blurb{background: #fff; max-width: 340px; margin: 0 auto; padding: 20px 20px 30px; text-align: right; border: 1px #ccc solid;}
.tl-blurb hr{width: 55px; margin: 3px 0 6px auto; border-top: 0; border-bottom: 1px #ccc solid;}
.tl-year{font-size: 22px; font-weight: 900; color: #AD0202;}
.tl-text{font-size: 16px; font-weight: 300;}
.tl-final{position: relative; background: #fff; margin-top: 25px; padding-top: 15px; font-size: 18px; text-align: center; text-transform: uppercase; font-weight: 900; color: #AD0202; z-index: 5;}

.service-icons{margin-bottom: 15px;}
.service-icons ul li{display: inline-block; list-style: none;}
.service-icons ul li a{display: block; padding: 0 5px; font-size: 16px; color: #AD0202;}
.location-btn{display: inline-block; padding: 10px 35px; color: #AD0202; border: 1px #AD0202 solid;}

.column-padding-timeline-events:nth-of-type(even) .tl-event{text-align:left; margin: 0 10.5px 0 auto;}
.column-padding-timeline-events:nth-of-type(even) .tl-event .tl-marker{left: 0;}
.column-padding-timeline-events:nth-of-type(even) .tl-event .tl-blurb{text-align: left;}
.column-padding-timeline-events:nth-of-type(even) .tl-event .tl-blurb hr{margin: 3px auto 6px 0;}

.staff-box{display: flex; flex-wrap: wrap; margin-bottom: 25px; text-align: left;}
.staff-box .staff-img{width: 150px;}
.staff-box .staff-info{width: calc(100% - 150px); padding-left: 20px; font-size: 16px;}
.staff-box .staff-info strong{font-size: 18px;}
.staff-box .staff-info a{text-decoration: underline; color: #AD0202;}
.staff-box .staff-info i{font-weight: 700;}
.staff-box img{border-radius: 100%;}

.stripe-list li{display: block; background: #F9F9F9; padding: 6px 10px; list-style: none; font-size: 16px;}
.stripe-list li:nth-child(odd){background: #E5E5E5;}

.insurance-frame iframe{width: 100%; height: 4000px;}

.contactForm h1{display: none;}
.contactForm h3{margin: 10px 0; padding: 10px 0; font-weight: 300; color: #636363; border-bottom: 1px #e2e2e2 solid;}
.contactForm .checkbox, .contactForm .radio{display: inline-block; padding: 0 5px;}
.contactForm .btn-success{background-color: #B30101 !important; border-color: #B30101 !important; padding: 10px 50px; font-size: 18px; color: #fff;}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #A80000 !important; border-color: #A80000 !important;}
.contactForm .contactFormLabel{display: block; font-size: 14px; font-weight: 700;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}

/* FOOTER */

.footer{background: #f9f9f9; padding: 50px 0; font-size: 16px; border-top: 2px #c9c9c9 solid; border-bottom: 5px #B30101 solid;}
.footer .row .row{display: flex; flex-wrap: wrap;}
.footer .col-sm-2{width: 20%;}
.footer h3{margin-bottom: 8px;}
.footer a{display: inline-block; padding: 2px 0;}
.footer ul li{display: inline-block; list-style: none;}
.footer ul li a{display: block; padding: 5px; font-size: 24px; color: #B30101;}

.bottom-footer{background: #3b3b3b; padding: 20px 0; font-size: 14px; color: #b8b8b8; border-top: 4px #fff solid;}
.bottom-footer a{display: inline-block; padding: 0 5px; text-decoration: underline;}
.bottom-footer a:hover{text-decoration: none;}

/* RESPONSIVE */

.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-md-4, .main .wrap .col-sm-3, .main .wrap .col-sm-2, .main .wrap .col-sm-1{padding-right: 25px !important;}
.newsletter .wrap .col-sm-6{padding-right: 0 !important;}

@media screen and (max-width: 1200px){
	.header{font-size: 16px;}
	.location-btns{display: none;}
	
	.staff-box .staff-img{width: 100px;}
	.staff-box .staff-info{width: calc(100% - 100px); padding-left: 15px; font-size: 14px;}
}
@media screen and (max-width: 980px){
	h1{font-size: 28px;}
	.header-container .logo{width: 200px;}
	.header .header-links ul li{display: none;}
	.header .header-links ul li:last-child{display: inline-block;}
	
	.cta-title h1{font-size: 36px;}
	.welcome h2{font-size: 24px;}
	
	.title-banner .wrap{padding: 25px 20px;}
	.title-banner h2{font-size: 36px;}
	.title-banner p{font-size: 20px;}
	.staff-box{max-width: 300px; justify-content: center; margin: 15px auto; text-align: center;}
	.tl-event, .tl-blurb{max-width: 100%; margin: 10px 0; text-align: center !important;}
	.tl-blurb hr{margin: 5px auto 10px !important;}
	.tl-marker{display: none;}
}
@media screen and (min-width: 768px){
	.main .wrap #ctaID .col-sm-12 {padding-right: 25px !important;}
}
@media screen and (max-width: 768px){
	.header-container .logo{width: 155px;}
	.header .phone{font-size: 14px; margin-right: 0;}
	.header .header-links, .header .social{display: none;}
	
	.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;}
	
	.main .wrap .newsletter .col-sm-6{margin-bottom: 0;}
	
	.footer{padding: 35px 0;}
	.footer .col-sm-2{width: 50%; margin-bottom: 15px; text-align: center;}
	.footer .col-sm-2:nth-child(1){order: 2;}
	.footer .col-sm-2:nth-child(2){order: 4;}
	.footer .col-sm-2:nth-child(3){order: 5;}
	.footer .col-sm-2:nth-child(4){order: 3;}
	.footer .col-sm-2:last-child{width: 100%; order: 1;}
}
@media screen and (max-width: 480px){
	.cta-title h1{font-size: 26px;}
	.welcome h2{font-size: 20px;}
	
	.bottom-footer{text-align: center;}
}