/*
	Theme Name: www.atlanticandsouthern.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 */

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: "Saira", sans-serif; line-height: 1.5; height: 100%; width: 100%;}
input[type="text"], input[type="email"], input[type="phone"], select, textarea{font-family: "Saira", sans-serif; -webkit-appearance: none;}
input[type="text"]:focus{outline: none;}
::-moz-selection{background: #E2211C; color: #fff; text-shadow: none} ::selection{background: #E2211C; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 100px 0;}
.main hr{display: block; margin: 35px 0; border: none; border-top: 1px #ddd solid;}
.wrap{max-width: 1640px; margin: 0 auto; padding: 0 20px;}

.flex-row{display: flex; flex-wrap: wrap;}
.flex-half{flex: 1; padding-right: 25px;}
.flex-half:last-child{padding-right: 0;}

.grey-bg{background: #EAEAEA;}


.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.btn {
	border-radius: 0px;
}
.card.card-full {
	border-radius: 0px;
  background: black;
  color: white;
}
.card.card-full:hover {
  color: red;
}
li.ase-header-locations ul {
	position: relative;
	display: inline-block;
	margin: 0;
	list-style-type: none;
	width: auto;
}
.ase-header-locations li:hover .view-loc {
	
}
.ase-header-locations li.view-loc {
	display: none;
}




.locations-dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 220px;
	z-index: 1;
	text-align: left;
}
.dropdown-content a {
	color: #222;
	padding: 8px !important;
	display: block;
}
.locations-dropdown:hover .dropdown-content {display: block;}

.staff-contact .staff-cell.No {
	display: none;
}
.staff-contact .staff-email.No {
	display: none;
}




/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{text-transform: uppercase; font-weight: 700;}
h1{font-size: 28px;} h2{font-size: 24px;} h3{font-size: 20px;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.btn{display: flex; align-items: center; justify-content: center; background: #E2211C; padding: 15px 20px; font-size: 16px; font-weight: 500; text-transform: uppercase; text-align: center; color: #000 !important;}
.btn:hover{background: #C71B15 !important; color: #fff;}

.block-btn{display: flex; padding: 12px 15px 10px;}
.inline-btn{display: inline-flex; padding: 12px 50px 10px;}

.red-button {
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    color: rgb(255, 255, 255);
    background: rgb(226, 33, 28);
    padding: 15px 20px;
	border: none;
}

.white-btn{border: 2px #ffffff solid; color: #ffffff; background: none; padding: 15px 20px; text-transform: uppercase;}
.white-btn:hover{background: #ffffff; color: #E2211C}
.red-btn{background: #E2211C;}
.red-btn:hover{background: #C71B15;}
.yellow-btn{background: #FEA30B; color: #000 !important;}
.yellow-btn:hover{background: #D38807;}

button.job-btn.white-btn {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.video-btn{position: relative; top: -45px; left: -20px; max-width: 300px;}
.video-btn:after{position: relative; margin-left: 8px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f178"; transition: all .2s ease-in-out;}
.video-btn:hover:after{right: -5px;}

.btn-container{display: flex; flex-wrap: wrap;}
.btn-container .btn{display: inline-flex; margin: 0 5px 5px 0; padding: 15px 35px;}

.bullet-list{margin: 10px 0;}
.bullet-list li{margin-left: 15px; font-size: 14px; list-style: disc;}

.uppercase {
	text-transform: uppercase
}

/* LANDING PAGE */

.landing-page{display: flex; flex-wrap: wrap; position: relative; min-height: 100vh; background: #1D1F22; color: #fff;}
.landing-page h1{font-size: 42px; text-transform: uppercase; line-height: 1.25; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.landing-page h1 span{display: block;}

.landing-page .landing-bg{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 0;}

.landing-page .landing-left{display: flex; flex-direction: column; flex: 1; position: relative; padding: 0 100px 150px;}
.landing-page .landing-left .logo{display: block; background: #fff; width: 100%; max-width: 225px; padding: 30px; border-radius: 0 0 20px 20px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); z-index: 9;}
.landing-page .landing-left .social{display: flex; align-items: center; flex: 1; padding: 25px 0; z-index: 9;}
.landing-page .landing-left .social ul li{display: block;}
.landing-page .landing-left .social ul li a{display: inline-block; padding: 10px 0; font-size: 24px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.landing-page .landing-left .social ul li a:hover{opacity: .75;}
.landing-page .landing-left .landing-text{z-index: 9;}
.landing-page .landing-left .search{margin-top: 25px;}
.landing-page .landing-left .search form{display: flex; width: 100%; max-width: 500px;}
.landing-page .landing-left .search input{display: block; flex: 1; padding: 15px; color: #333; border: none;}
.landing-page .landing-left .search button{display: block; background: #E2211C; padding: 15px 20px; color: #FEA30B; border: none; transition: all .2s ease-in-out;}
.landing-page .landing-left .search button:hover{background: #FEA30B; color: #E2211C;}

.landing-page .landing-right{display: flex; flex-direction: column; position: relative; width: 25%; z-index: 9;}
.landing-page .landing-right a{display: flex; align-items: center; justify-content: center; flex: 1; background: #1D1F22; padding: 50px; font-size: 28px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 1.25; color: #fff; border: 1px #777 solid; border-left: 10px #FEA30B solid;}
.landing-page .landing-right a:nth-child(odd){border-left: 10px #E2211C solid;}
.landing-page .landing-right a:hover{background: #333; border-left: 10px #fff solid;}

/* HEADER */

.top-header{background: #1D1F22; padding: 10px 0; color: #fff;position: relative;
    z-index: 11;}
.top-header .wrap{display: flex; align-items: center;}
.top-header .header-links{flex: 1; text-align: right;}
.top-header .header-links a{display: inline-block; padding: 0 10px; text-decoration: underline;}
.top-header .header-links a:hover{text-decoration: none;}
.top-header .social ul{display: flex; align-items: center;}
.top-header .social ul li a{display: inline-block; padding: 0 10px; font-size: 20px;}
.top-header .social ul li a:hover{opacity: .75;}

.header{background: #EAEAEA; padding: 15px 0;    position: relative; z-index: 10;}
.header .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.header .logo{width: 50%; max-width: 150px;}
.header .navigation{flex: 1; padding: 0 50px;}
.header .search{display: block; width: 100%; max-width: 350px;}
.header .search form{display: flex; width: 100%;}
.header .search input{display: block; flex: 1; padding: 12px 16px; font-size: 12px; color: #333; border: none;}
.header .search input::placeholder{color: #aaa;}
.header .search button{display: block; background: #555; padding: 15px 20px; color: #fff; border: none; transition: all .2s ease-in-out;}
.header .search button:hover{background: #333;}

/* HOME */

.hero{position: relative; border-bottom: 1px #fff solid; overflow: hidden;}
.hero .hero-bg{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 0;}
.hero .hero-inner{position: relative; background: rgba(0, 0, 0, 0.5); width: 100%; max-width: 50%; margin-left: auto; padding: 100px; color: #fff; z-index: 9;}
.hero .hero-inner h1{text-transform: uppercase;}
.hero .hero-inner p{margin: 20px 0; font-size: 20px;}

.home-stats{background: #1D1F22; padding: 25px 0; font-weight: 700; text-transform: uppercase; color: #fff;}
.home-stats .col-md-3{display: flex; align-items: center; justify-content: center;}
.home-stats .col-md-3 strong{flex-shrink: 0; padding: 0 10px; font-size: 64px; color: #FEA30B;}
.home-stats .col-md-3 span{padding: 0 10px; font-size: 14px; line-height: 1;}

.home-brands{position: relative; background: #EAEAEA; padding: 50px 0; z-index: 999;}
.home-brands:after{content: ''; position: absolute; top: 99%; left: 50%; width: 0; height: 0;  border: 2.5em solid transparent; border-top-color: #EAEAEA; transform: translate(-50%, 0);}
.home-brands .post-container-equipment-showrooms{margin: 25px 0;}
.home-brands .column-padding-equipment-showrooms{flex: 1; margin: 2px;}

.home-categories{background-color: #1D1F22; background-image: url("images/texture-dark.png"); background-size: 800px; background-position: top -75px right -75px; background-repeat: no-repeat; padding: 100px 0; color: #fff;}
.card-container a{display: block; width: 100%; position: relative; color: #fff; overflow: hidden;}
.card-container .card{transition: all .2s ease-in-out; background-color: #000;}
.card-container .card img{display: block; position: absolute; min-height: 100%; min-width: 100%; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.card-container .card h3{color:white;display: block; position: relative; padding: 100px 15px 110px; font-style: italic; text-align: center; z-index: 9;}
.card-container .card .content{display: flex; align-items: flex-end; position: absolute; width: 100%; height: 100%;}
.card-container .card .content div{display: block; position: relative; top: 40px; width: 100%; background: #E2211C; padding: 15px; font-weight: 400; text-align: center; text-transform: uppercase; line-height: 1.25; color: #000; transition: .5s ease;}
.card-container .card .overlay{position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; transition: .5s ease; overflow: hidden;}
.card-container .card-full{border: 1px #ddd solid;}
.card-container .card-full h3{padding: 108px 15px; font-size: 14px; font-weight: 500;}

.card-container .card-full:hover{color: #E2211C; border: 1px #E2211C solid;}
.card-container .card:hover .content div{top: 0;}
.card-container .card:hover .overlay{background: rgba(0, 0, 0, 0.5);}

.home-parts-service{display: flex; flex-wrap: wrap; background: #1D1F22; width: 100%; color: #fff;}
.home-parts-service .parts-service-box{display: flex; flex-wrap: wrap; flex: 1;}
.home-parts-service .parts-service-box p{display: block; margin: 25px 0;}
.home-parts-service .parts-service-box a{display: block; padding: 15px; text-align: center; text-transform: uppercase; border: 1px #000 solid;}
.home-parts-service .parts-service-box a:hover{background: #fff; border: none;}
.home-parts-service .parts-text{display: flex; align-items: center; justify-content: center; flex: 1; background: #737D38; padding: 50px; color: #000;}
.home-parts-service .parts-text a:hover{color: #737D38;}
.home-parts-service .service-text{display: flex; align-items: center; justify-content: center; flex: 1; background: #FEA30B; padding: 50px; color: #000;}
.home-parts-service .service-text a:hover{color: #FEA30B;}
.home-parts-service .parts-service-img{display: flex; align-items: center; justify-content: center; flex: 1;}

.home-locations{background: #EAEAEA; background-image: url("images/texture-light.png"); background-size: 800px; background-position: top -75px right -75px; background-repeat: no-repeat; padding: 100px 0 0;}
.home-locations .home-map iframe{display: block; width: 100%; position: relative; top: 40px;}

.ag-page .home-stats .col-md-3 strong{color: #E2211C;}
.ag-page .card-container .card .content div, .card-container.ag-page .card .content div{background: #FEA30B;}
.ag-page .card-container .card-full:hover, .card-container.ag-page .card-full:hover{color: #FEA30B; border: 1px #FEA30B solid;}
.ag-page .main .btn{background: #FEA30B;}

/*.banner-wrap {background-color: #fea30b;color: #fff;}*/
.banner-wrapp {
    background: rgb(254, 163, 11) !important;
    background: radial-gradient(circle, rgba(254, 163, 11, 1) 0%, rgba(226, 33, 28, 1) 100%) !important;
}
.banner-wrapp a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
    gap: 20px;
	padding: 0 25px;
}
.banner-wrapp a img {
    max-width: 50px;
    padding: 10px 0;
}


.highlightSidebars .landing-page .landing-bg{position: relative; top: 25px; left: 0; transform: none;}
.highlightSidebars .hero-bg{position: relative; top: 25px; left: 0; transform: none;}

/* BODY */

.ag-page .btn{background: #FEA30B;}

.title-container{display: flex; align-items: center; flex-wrap: wrap;}
.title-container h1, .title-container h2{flex: 1; padding-right: 15px;}
.title-container .btn{margin-left: auto;}
.title-container .btn:after{position: relative; right: 0; margin-left: 10px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f178"; transition: all .2s ease-in-out;}
.title-container .btn:hover:after{right: -5px;}

.post-container-equipment-showrooms{display: flex; flex-wrap: wrap; overflow: visible !important;}
.column-padding-equipment-showrooms{width: calc(20% - 4px); margin: 2px;}
.prevButton-container-equipment-showrooms, .nextButton-container-equipment-showrooms{display: none;}
.brand-box{display: block; position: relative; background: #fff; padding: 10px; border: 1px #ddd solid; transition: all .5s ease;}
.brand-box:hover{transform: scale(1.05); box-shadow: 0px 10px 70px 0px rgb(0 0 0 / 50%); z-index: 9;}
.brand-box img{display: block; max-height: 120px; margin: auto;}


.cat-box {display: block; position: relative; background: #000; color: #fff; border: 1px #ddd solid; transition: all .5s ease; padding: 50px 0;}
.cat-box:hover{transform: scale(1.05); box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 20%); z-index: 9; color: #E2211C}


.rental-container {
	display: flex;
	gap: 30px;
}
.rent-box {
	flex: 1;
	display: flex;
}
.rental-content {
	text-align: center;
	background-color: #f5f5f5 !important;
	padding: 20px;
	margin-bottom: 30px !important;
}
.rental-content  h3 {
	color: #000000;
	text-align: center;
    padding: 15px;
}
.rental-content ul li {
    font-weight: 500;
    line-height: 30px;
}
.rental-content img {
    height: 100%;
    max-height: 220px;
}
.rent-bottom {
	color: #000000;
	margin-top: 20px !important;
}
.rent-box-row {
    display: flex;
    justify-content: space-between;
	gap: 30px;
}
.rental-content {
    width: 100%;
}

.staff-contact {
    display: flex;
    align-self: center;
    gap: 15px;
    margin-bottom: 10px !important;
}

/*service pages*/
div#\31 96-0 {
    padding-right: 15px !important;
}
div#\31 98-0 {
    padding-right: 15px !important;
}


.finance-calc {width: 100%; height: 750px; margin: 10px 0;}

.location-page {font-size: 14px;}
.location-page h3{margin: 20px 0;}
.location-page iframe{width: 100%; height: 250px;}
.location-page .main{padding: 50px 0;}

.hours-table{margin: 10px 0;}
.hours-table div{display: flex;}
.hours-table strong{flex-shrink: 0; width: 135px;}

.welcome{background: linear-gradient(180deg, #fff 0%, #fff 40%, #1D1F22 40%, #1D1F22 100%); padding: 25px;}
.welcome h2{font-size: 36px; font-weight: 400; text-transform: uppercase; text-align: center;}
.welcome .welcome-wrap{background: #fff; max-width: 1770px; margin: auto; padding: 50px; box-shadow: 0px 5px 15px rgba(0,0,0,0.25); border-radius: 5px;}
.welcome .welcome-wrap .row{max-width: 100%; margin: auto !important;}

.post-container-staff-members{display: flex; flex-wrap: wrap; margin: 15px 0 !important;}
.column-padding-staff-members{width: calc(14.28% - 10px); margin: 5px;}

.prevButton-container-staff-members, .nextButton-container-staff-members{display: none;}
[class^="post-column-staff-members"]{height: 100%;}

.staff-box{display: flex; flex-direction: column; background: #fff; height: 100%; font-size: 14px; text-align: center; line-height: 1.25; border-radius: 5px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.staff-box .staff-image{display: block; background: #333; border-radius: 5px 5px 0 0;}
.staff-box .staff-image img{display: block; max-height: 125px; margin: auto;}

.staff-box .staff-name{display: flex; align-items: center; justify-content: center; flex-direction: column; flex: 1; font-weight: 700; padding: 12px 10px; text-align: center;}
.staff-box .staff-title{display: block; font-size: 12px; font-weight: 400;}

.staff-box .staff-buttons{display: flex; align-items: center; justify-content: center; margin-top: auto; padding: 10px; border-top: 1px #eee solid;}
.staff-box .staff-buttons a{display: block; padding: 0 10px; font-size: 16px; opacity: .5;}
.staff-box .staff-buttons a:hover{opacity: .75;}

.prevButton-container-customer-testimonial, .nextButton-container-customer-testimonial{display: none;}
.customer-review{
	display: flex; 
	flex-direction: column-reverse; 
	background: #d4061a; 
	padding: 25px; 
	text-align: center!important; 
	color: #fff; 
	border-radius: 5px; 
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
	justify-content: space-between;
    align-items: center!important;
	margin-bottom: 15px !important;
}
.column-padding-careers .customer-review {flex-direction: row;}
.customer-review img{display: block; max-width: 100px; margin: 15px auto 0 !important;}
.customer-review p{display: block; width: 100%; margin: auto; font-size: 16px; font-weight: 300; text-align: center; line-height: 1.5; text-align: center; color: #fff;}
.customer-review .review-name{margin-top: 15px; font-weight: 700;}
.column-padding-customer-testimonial{padding-left: 10px !important; padding-right: 10px !important;}
.customer-review .review-left {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
.review-right {
    display: flex;
    align-items: center;
    gap: 50px;
}


.slick-dotted.slick-slider{margin: 30px 0 0 !important;}
.slick-arrow{display: none !important;}
.slick-dots{margin-top: 20px;}
.slick-dots li{margin: 0 1px;}
.slick-dots li button{display: none;}
.slick-dots li:after{font-family: "Font Awesome 6 Free"; font-size: 12px; font-weight: 400; content: "\f111"; color: #eee;}
.slick-dots li.slick-active:after{font-size: 14px; font-weight: 900; content: "\f111"; color: #E2211C;}

/* FORM */

.contactForm{background: #f5f5f5; border-radius: 5px;}
.contactForm form{padding: 25px;}
.contactForm .form-group{margin-bottom: 20px !important;}
.contactForm .checkbox, .contactForm .radio{margin-top: 0; margin-bottom: 0;}
.contactForm .checkbox label, .contactForm .radio label{margin: 10px 10px 0 18px; padding: 0;}
.contactForm .contactFormLabel{display: block; font-size: 16px; font-weight: 300;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px; border: 1px #ccc solid; border-top: none; border-left: none; border-right: none;}
.contactForm .form-control-feedback{margin-top: -2px; font-size: 8px;}
.contactForm .mar-top{margin-top: 0 !important;}
.contactForm .btn-success{display: block; width: 100%; background-color: #E2211C !important; padding: 15px 60px 12px; border: none;}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #C71B15 !important;}

/* LIGHTBOX */

.post-container-video-embeds{display: flex; flex-wrap: wrap;}
.column-padding-video-embeds{width: calc(16.6666% - 4px); margin: 2px;}
.prevButton-container-video-embeds, .nextButton-container-video-embeds{display: none;}

.video-thumbnail{text-align: center;}
.video-thumbnail img{display: block; width: 100%;}
.video-thumbnail a{font-size: 14px; font-weight: 700; color: #777;}
.video-title{background: #fafafa; border: 1px #ccc solid; padding: 12px; box-sizing: border-box;}

.modal-video{position: fixed; top: 0; left: 0; height: 100%; background-color: rgba(0,0,0,.5); z-index: 1000000; cursor: pointer; opacity: 1; animation-name: modal-video; transition: opacity .3s ease-out}
.modal-video-close{opacity: 0}
.modal-video-close .modal-video-movie-wrap{transform: translate(0,100px)}
.modal-video-body{max-width: 940px; width: 100%; height: 100%; margin: 0 auto; display: table}
.modal-video-inner{display: table-cell; vertical-align: middle; width: 100%; height: 100%}
.modal-video-movie-wrap{height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; animation-name: modal-video-inner; transform: translate(0,0);  transition: transform .3s ease-out}
.modal-video-movie-wrap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.modal-video-close-btn{position: absolute; padding: 0; margin: 0; z-index: 2; top: -35px; right: 0; display: inline-block; width: 25px; height: 25px; overflow: hidden; border: none; background: 0 0; cursor: pointer}
.modal-video-close-btn:after{font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f00d"; font-size: 24px; color: #ccc;}
.modal-video-close-btn:hover:after{color: #fff;}
.modal-video, .modal-video-movie-wrap{animation-timing-function: ease-out; animation-duration: .3s; width: 100%}

@keyframes modal-video{
    from{opacity: 0} to{opacity: 1}
}
@keyframes modal-video-inner{
    from{transform: translate(0,100px)} to{transform: translate(0,0)}
}
/* BLOG */

.blog-container{display: flex; flex-wrap: wrap;}
.blog-container h1{display: block; width: 100%;}

.blog-container .blog-posts{flex: 1; padding-right: 35px;}
.blog-container .blog-sidebar{display: block; width: 300px;}
.blog-container .blog-menu{display: block; background: #f5f5f5; padding: 30px 20px; border-radius: 10px;}
.blog-container .blog-menu h2{display: block; margin: 0; text-align: center; color: #E2211C;}
.blog-container .blog-menu ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 20px;}
.blog-container .blog-menu ul li{width: 100%; text-align: center;}
.blog-container .blog-menu ul li a{display: block; padding: 8px 0; text-decoration: underline;}
.blog-container .blog-menu ul li a:hover{text-decoration: none;}

.blog-post{display: flex; flex-wrap: wrap; background: #f5f5f5; margin-bottom: 20px; padding: 30px 25px; border-radius: 10px;}
.blog-post hr{display: block; margin: 25px 0; border: none; border-top: 1px #555 solid;}
.blog-post h1{display: block; margin-bottom: 30px; line-height: 1.25;}
.blog-post h2{display: block; margin: 0;}
.blog-post h2 a:hover{opacity: .75;}

.blog-post .blog-left{display: block; width: 250px;}
.blog-post .blog-left img{display: block; position: relative; width: 100%; border-radius: 10px; transition: all .3s ease-in-out;}
.blog-post .blog-left img:hover{transform: scale(1.03);}
.blog-post .blog-right{flex: 1; padding-left: 25px;}
.blog-post .blog-right h2{margin-bottom: 5px;}

.blog-post .blog-posted-on{display: inline-block; margin-right: 15px; font-size: 14px;}
.blog-post .blog-posted-on i{margin-right: 5px;}

.blog-post .blog-tags{display: inline-block; font-size: 14px;}
.blog-post .blog-tags a{display: inline-block; padding: 0 5px;}
.blog-post .blog-tags a:hover{text-decoration: underline;}
.blog-post .blog-tags a:after{content: ",";}
.blog-post .blog-tags a:last-child:after{content: "";}

.blog-post .blog-content{display: block; margin: 20px 0 0;}
.blog-post .blog-content a{text-decoration: underline;}
.blog-post .blog-content a:hover{text-decoration: none;}
.blog-post .blog-content .blog-more p{display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

.blog-post .blog-content .read-more{display: inline-block; margin-top: 20px; font-weight: 700; text-decoration: none; color: #E2211C;}
.blog-post .blog-content .read-more:hover{color: #A71625;}
.blog-post .blog-content .read-more:after{font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f35d"; margin-left: 5px;}

.blog-post .alignright{float: right; padding: 10px;}

.blog-post-single{display: block; background: none; max-width: 750px; margin: 0 auto; padding: 0 !important; border: none;}
.blog-post-single .blog-content{margin-bottom: 50px;}
.blog-post-single img{display: block; height: auto; width: auto;}
.blog-post-single .posts-navigation, .blog-post-single .post-navigation{max-width: 750px;}

.blog-breadcrumbs{display: block; background: #f5f5f5; padding: 12px 20px;}
.blog-breadcrumbs ul{display: flex; align-items: center; justify-content: center; font-size: 14px;}
.blog-breadcrumbs ul li{max-width: 675px; list-style: none; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.blog-breadcrumbs ul li a{display: block; font-weight: 700;}
.blog-breadcrumbs ul li a:after{font-family: "Font Awesome 6 Free"; font-weight: 900; position: relative; top: 1px; content: "\f101"; padding: 0 10px; color: #ccc;}

.posts-navigation, .post-navigation{background: #f5f5f5; margin: 25px auto 0; padding: 20px;}
.posts-navigation h2, .post-navigation h2{display: none;}
.posts-navigation .nav-links, .post-navigation .nav-links{display: flex; justify-content: space-between;}
.posts-navigation .nav-links a, .post-navigation .nav-links a{display: inline-block; padding: 0 10px; font-size: 14px; font-weight: 700;}

.posts-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-previous, .posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next{display: flex; align-items: center; line-height: 1; text-align: center;}
.posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next{margin-left: auto;}
.posts-navigation .nav-links .nav-previous:before, .post-navigation .nav-links .nav-previous:before, .posts-navigation .nav-links .nav-next:after, .post-navigation .nav-links .nav-next:after{font-family: "Font Awesome 6 Free"; font-weight: 900; color: #ccc;}
.posts-navigation .nav-links .nav-previous:before, .post-navigation .nav-links .nav-previous:before{content: "\f100";}
.posts-navigation .nav-links .nav-next:after, .post-navigation .nav-links .nav-next:after{content: "\f101";}

@media screen and (max-width: 1200px){
	.blog-post .blog-left{width: 150px;}
	.blog-container .blog-sidebar{width: 250px;}
}
@media screen and (max-width: 768px){
	.blog-container .blog-posts, .blog-container .blog-sidebar{flex: none; width: 100%; padding: 0;}
	.blog-container .blog-sidebar{margin-top: 25px;}
}
@media screen and (max-width: 480px){
	.blog-post{margin-bottom: 10px; padding: 22px;}
	.blog-post .blog-left, .blog-post .blog-right{flex: none; width: 100%; padding: 0;}
	.blog-post .blog-left{margin-bottom: 15px;}
	
	.blog-post .alignright{float: none;}
	.blog-breadcrumbs ul{display: block;}
	.blog-breadcrumbs ul li a:after{padding: 0 0 0 10px;}
}

/* FOOTER */

.footer{background: #1D1F22; padding: 150px 0 25px; color: #fff;}
.footer .wrap{display: flex; flex-wrap: wrap;}
.footer .logo{width: 200px;}
.footer .social ul{display: flex; align-items: center; justify-content: center; margin-top: 15px;}
.footer .social ul li a{display: inline-block; padding: 0 10px; font-size: 20px;}
.footer .social ul li a:hover{opacity: .75;}

.footer .footer-links{display: flex; flex-wrap: wrap; flex: 1; width: 100%; max-width: 1100px; margin-left: auto; text-transform: uppercase;}
.footer .footer-links .link-col{flex: 1; padding-left: 25px;}
.footer .footer-links .link-col ul{display: block; margin: 15px 0;}
.footer .footer-links .link-col ul li a{display: inline-block; padding: 2px 0; font-size: 14px;}
.footer .footer-links .link-col ul li a:hover{opacity: .75;}

.footer .phone-links a:before{margin-right: 6px; font-family: "Font Awesome 6 Free"; font-size: 12px; font-weight: 900; content: "\f095"; color: #E2211C;}
.footer .phone-links-ag a:before{color: #FEA30B;}

/* RESPONSIVE */

@media screen and (max-width: 1500px){
	.landing-page h1 span{display: inline;}
	.landing-page .landing-right a{font-size: 20px;}
	
	.header .logo{max-width: 125px;}
	.header .search{max-width: 275px;}
	.header .navigation{padding: 0 30px;}
	
	.home-stats .col-md-3 strong{padding: 0 5px; font-size: 48px;}
}
@media screen and (max-width: 1250px){
	.top-header .wrap{padding: 0 10px;}
	.top-header .header-links{font-size: 14px; text-align: left;}
	.header{padding: 0;}
	.header .wrap{padding: 0;}
	.header .logo{max-width: 155px; padding: 15px;}
	.header .navigation{padding: 0; text-align: right;}
	.header .search{width: 100%; max-width: 100%;}
	.header .search input{background: #555; color: #fff;}
	
	.hero .hero-inner{max-width: 100%; padding: 50px;}
	.home-stats .col-md-3 strong{font-size: 36px;}
	
	.column-padding-staff-members{width: calc(20% - 10px);}
}
@media screen and (max-width: 980px){
	h1{font-size: 24px;} h2{font-size: 20px;} h3{font-size: 18px;} p{font-size: 14px;}
	.btn{padding: 12px 20px; font-size: 14px;}
	.main{padding: 50px 0;}

	.landing-page h1{font-size: 32px; text-align: center;}
	.landing-page .landing-left{flex: none; width: 100%; padding: 0 50px 50px;}
	.landing-page .landing-left .logo{margin: auto;}
	.landing-page .landing-left .social ul{display: flex; align-items: center; justify-content: center;}
	.landing-page .landing-left .social ul li a{padding: 0 15px ;}
	.landing-page .landing-left .search form{max-width: 100%;}
	.landing-page .landing-right{width: 100%;}
	.landing-page .landing-right a{padding: 25px;}
	
	.hero .hero-inner{padding: 50px 25px;}
	.hero .hero-inner h1{font-size: 20px;}
	.hero .hero-inner p{font-size: 16px;}
	.hero .btn-container .btn{flex: 1;}
	.home-stats .col-md-3{display: block; text-align: center;}
	.home-stats .col-md-3 strong{display: block; padding: 0;}
	.home-brands .column-padding-equipment-showrooms{flex: none; width: calc(33.3333% - 4px);}
	.home-categories{padding: 65px 0 50px;}
	.card-container .card h3{padding: 80px 15px; font-size: 18px;}
	.card-container .card-full h3{padding: 80px 15px; font-size: 14px;}
	.home-parts-service .parts-service-box{flex: none; width: 100%;}
	.home-parts-service .parts-service-box:nth-child(even) .parts-service-img{order: 1;}
	.home-parts-service .parts-service-box:nth-child(even) .service-text{order: 2;}
	.home-locations{padding: 50px 0 0;}
	.home-locations .btn-container .btn{flex: none; width: calc(50% - 6px);}
	
	.welcome{padding: 5px;}
	.welcome h2{font-size: 24px;}
	.welcome .welcome-wrap{padding: 20px;}
	.column-padding-equipment-showrooms{width: calc(33.3333% - 4px);}
	.column-padding-video-embeds{width: calc(33.3333% - 4px);}
	
	.footer{padding: 85px 0 25px;}
	.footer .logo{width: 100%;}
	.footer .logo img{display: block !important; max-width: 200px !important; margin: auto !important;}
	.footer .social{margin: 15px 0 35px;}
	.footer .footer-links{width: 100%; max-width: 100%;}
	.footer .footer-links .link-col{display: none; padding: 0;}
	.footer .footer-links .phone-links{display: block; text-align: center;}
	.footer .phone-links a:before{content: "";}
}
@media screen and (max-width: 768px){
	.flex-half{flex: none; width: 100%; padding: 0; margin-bottom: 20px;}
	.main{padding: 35px 0;}
	
	.home-stats .col-md-3{float: left; width: 50%; margin: 5px 0;}
	.card-container .card h3{padding: 50px 15px;}
	.card-container .card-full h3{padding: 50px 15px;}
	.home-parts-service .parts-service-box{display: block;}
	.home-parts-service .parts-text, .home-parts-service .service-text{padding: 35px 20px;}
	
	.column-padding-staff-members{width: calc(33.3333% - 10px);}
}
@media screen and (max-width: 530px) {
	.banner-wrapp a h5 {font-size: 15px !important;}
}
@media screen and (max-width: 480px){
	.btn-container .btn{flex: none; width: 100%;}
	.title-container .btn{width: 100%; margin-top: 15px;}

	.landing-page .landing-left{padding: 0 20px 35px;}
	.home-stats .col-md-3{float: none; width: 100%;}
	
	.column-padding-equipment-showrooms{width: calc(50% - 4px);}
	.column-padding-video-embeds{width: calc(50% - 4px);}
	.column-padding-staff-members{width: calc(50% - 10px);}
	
	.footer .footer-links .link-col{flex: none; width: 100%;}
}