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

/* RESET */

.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;}


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: "Bai Jamjuree", sans-serif; line-height: 1.5; height: 100%; width: 100%;}
::-moz-selection{background: #C91820; color: #fff; text-shadow: none} ::selection{background: #C91820; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.wrap{width: 100%; max-width: 1820px; margin: 0 auto; padding: 0 20px;}

/* TYPOGRAPHY */

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

.bullet-list{margin: 10px 0; font-size: 14px;}
.bullet-list li{margin-left: 15px; padding: 3px 0; list-style: disc;}

.btn{display: flex; align-items: center; justify-content: center; background: #C91820; padding: 20px 15px; font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: center; letter-spacing: 2px; color: #fff;}
.btn:hover{background: #B8131C; color: #fff;}

.block-btn{display: flex;}
.inline-btn{display: inline-flex; padding-left: 60px; padding-right: 60px;}

.red-btn{background: #C91820;}
.red-btn:hover{background: #B8131C;}
.blue-btn{background: #00388B;}
.blue-btn:hover{background: #002D70;}
.white-btn{background: #fff; color: #333;}
.white-btn:hover{background: #f5f5f5; color: #333;}

/* HEADER */

.header{padding: 20px 0;}
.header a:hover{opacity: .75;}

.header .wrap{display: flex; align-items: center;}

.header .header-left{display: flex; align-items: center; flex: 1;}
.header .header-center{width: 130px;}
.header .header-right{display: flex; align-items: center; justify-content: flex-end; flex: 1; text-align: right;}
.header .header-right .social ul{justify-content: flex-end; margin-right: -10px;}

.header .contact{padding: 0 50px; text-transform: uppercase;}
.header .contact b{font-size: 24px;}

.header .social{margin-top: 5px;}
.header .social ul{display: flex; align-items: center; margin: 0 -10px;}
.header .social ul li a{display: block; padding: 0 10px; opacity: .5;}
.header .social ul li:hover > a{opacity: .75;}

.header-single-cont, .okc-header {
	width:100%;
}
.center-align-row  {
	align-items: center;
}
.center-align-row .row {
	align-items: center;
}
.navigation{display: flex; flex-wrap: wrap; background: #333; padding-left: calc(50% - 905px);}
.navigation .toggle-search{display: none; align-items: center; justify-content: center; background: #C91820; padding: 15px 20px; color: #fff; border: none; outline: none; cursor: pointer;}
.navigation .search{background: #fff; width: 400px;}
.navigation .search form{display: flex; height: 100%; box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.navigation .search input, .navigation .search input:focus{width:calc(100% - 56px);flex: 1; background: none; padding: 0 20px; border: none; outline: none; }
.navigation .search button{background: #C91820; padding: 0 20px; color: #fff; border: none; outline: none;}

/* HOME */

.hero{background: #252626;}
.hero .hero-inner{width: 100%; max-width: 1820px; margin: 0 auto; padding: 225px 20px 200px; text-shadow: 0px 5px 10px rgba(0,0,0,0.5); color: #fff;}
.hero .hero-inner h1{font-size: 72px; font-weight: 400; text-transform: uppercase; line-height: 1.25;}
.hero .hero-inner h1 b{display: block; font-weight: 700;}

.hero-buttons{background: #252626;}
.hero-buttons a{display: block; margin: 5px; padding: 30px 20px; font-size: 32px; text-transform: uppercase; text-align: center; line-height: 1.25; color: #fff; border: 1px #aaa solid;}
.hero-buttons a:hover{background: #fff; color: #252626; border: 1px #fff solid;}
.hero-buttons a b{display: block;}

.welcome{background: linear-gradient(180deg, rgba(37,38,38,1) 0%, rgba(37,38,38,1) 40%, rgba(201,24,32,1) 40%, rgba(201,24,32,1) 100%); padding: 25px;}
.welcome h2{font-size: 36px; font-weight: 400; text-transform: uppercase;}
.welcome h3{font-size: 20px;}
.welcome h2 b{font-weight: 700;}
.welcome p{display: block; margin: 50px 0; font-size: 20px;}
.welcome .welcome-wrap{background: #f5f5f5; max-width: 1770px; margin: auto; padding: 100px 50px; text-align: center; box-shadow: 0px 5px 15px rgba(0,0,0,0.25); border-radius: 5px;}
.welcome .welcome-wrap .row{max-width: 1400px; margin: auto !important;}

/* BODY */

.main{padding: 50px 0;}
.main h1{text-transform: uppercase;}
.main h2{font-size: 24px; font-weight: 400; text-transform: uppercase;}
.main h3{font-size: 18px;}

.flex-row{display: flex; align-items: flex-start; flex-wrap: wrap;}
.flex-col{flex: 1;}
.flex-form{background: #333; width: 40%; max-width: 500px; margin-left: 50px; padding: 35px; color: #fff; border-radius: 5px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.flex-form h3{margin-bottom: 20px; font-size: 20px; font-weight: 400; text-transform: uppercase;}

.module{display: block; background-color: #f5f5f5 !important; margin: 35px 0; border-radius: 5px;}

.post-container-staff-members{display: flex; flex-wrap: wrap; margin: 15px 0 !important;}
.column-padding-staff-members{width: calc(14.28% - 10px); margin: 5px;}
.flex-col .column-padding-staff-members{width: calc(20% - 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;}

.welcome-sub .welcome-wrap{padding: 50px; text-align: left;}
.welcome-sub .welcome-wrap h2{text-align: center;}
.welcome-sub .welcome-wrap .row{max-width: 100%;}

.prevButton-container-customer-testimonial, .nextButton-container-customer-testimonial{display: none;}
.customer-review{display: flex; flex-direction: column; background: #333; padding: 35px; color: #fff; border-radius: 5px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.customer-review img{display: block; max-width: 100px; margin: 15px auto 0 !important;}
.customer-review p{display: flex; align-items: center; flex: 1; font-size: 16px; font-weight: 300; 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;}

.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: #fff;}
.slick-dots li.slick-active:after{font-size: 14px; font-weight: 900; content: "\f111"; color: #F0BA1B;}

/* CONTACT FORM */

.contactForm .form-group{margin-bottom: 15px !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: 700;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 12px; border: none;}
.contactForm textarea.form-control{height: 120px;}
.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: #C91820 !important; padding: 15px 60px 12px; border: none;}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #B8131C !important;}

/* ACCORDION */

/* .panel-group{margin: 35px 0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.panel-group .panel{margin-bottom: 1px;}
.panel-group .panel:first-child > .panel-heading{border-radius: 5px 5px 0 0;}
.panel-group .panel:last-of-type > .panel-heading{border-radius: 0 0 5px 5px;}
.panel-title{display: block; padding: 5px 25px 0 0; font-size: 16px; font-weight: 600; line-height: 1.35; color: #fff; overflow: visible; white-space: normal;}
.panel-heading{background-color: #333 !important; height: auto; transition: all .2s ease-in-out;}
.panel-heading a{display: flex; align-items: center; padding: 22px 25px; text-decoration: none !important;}
.panel-heading a:after{margin-left: auto; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f068"; color: #ccc;}
.panel-heading a.collapsed:after{content: "\f067";}
.panel-body{padding: 25px; font-size: 17px; font-weight: 300; line-height: 1.6;}
.panel-body a{text-decoration: underline;}
.panel-body a:hover{text-decoration: none;}
.panel-body ul{margin: 10px 0; font-size: 14px;}
.panel-body ul li{margin-left: 15px; padding: 3px 0; list-style: disc;} */

.accordion{margin: 35px 0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.accordion .accordion-item{margin-bottom: 1px;}
.accordion .panel:first-child > .accordion-header{border-radius: 5px 5px 0 0;}
.accordion .panel:last-of-type > .accordion-header{border-radius: 0 0 5px 5px;}
.accordion-header, .accordion-button{display: block; padding: 5px 0px 0 0; font-size: 16px; font-weight: 600; line-height: 1.35; color: #fff!important; overflow: visible; white-space: normal;}
.accordion-header, .accordion-button{background-color: #333 !important; height: auto; transition: all .2s ease-in-out;}
.accordion-header button{display: flex; align-items: center; padding: 22px 25px; text-decoration: none !important;}
.accordion-header button:after{background-image:none; margin-left: auto; padding-left:10px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f068"; color: #ccc;}
.accordion-header button.collapsed:after{background-image:none;content: "\f067";}
.accordion-body{padding: 25px; font-size: 17px; font-weight: 300; line-height: 1.6;}
.accordion-body a{text-decoration: underline;}
.accordion-body a:hover{text-decoration: none;}
.accordion-body ul{margin: 10px 0; font-size: 14px;}
.accordion-body ul li{margin-left: 15px; padding: 3px 0; list-style: disc;}

/* BLOG */

.post-container-news-blog {
    display: flex;
    flex-wrap: wrap;
    margin: 15px auto !important;
}
.column-padding-news-blog {
    width:calc(33.33% - 20px);
    margin:10px;
}

.blog-cont-sml {
    background: rgb(255, 255, 255);
    font-size: 14px;
    text-align: center;
    line-height: 1.25;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;
    overflow: hidden;
}
.blog-cont-sml img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    margin:0 auto;
}
.blog-cont-info-sml {
    display: flex;
    flex-direction: column;
    gap:10px 0;
    padding:10px;
}
.img-publish-date-1 {
    display: block;
    padding:5px 10px 0 10px;
    box-sizing: border-box;
    width:100%;
}
.blog-cont-sml p {
    font-family: "Bai Jamjuree", sans-serif;
    line-height: 1.5;
    font-size:18px;
    text-align: left;
}
.blog-cont-sml h2 {
    font-family: "Bai Jamjuree", sans-serif;
    font-size: 25px;
    font-weight:700;
    text-align: left;
}
.blog-cont-sml h2 a {
    color:#C91820;
    text-align: left;
}
.blog-cont-sml h2 a:hover {
    color: #B8131C;
}
.blog-header-1 {
   width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 auto;
    gap:40px;
}
.blog-header-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.blog-header-left h1 {
    padding-bottom:30px;
}
.blog-header-bottom {
    display: flex;
    gap:40px;
}
.blog-header-right {

}
.blog-header-right img {
    width:100%;
    max-width: 580px;
    height: auto;
    display: block;
}
.main-blog-content {
    padding:50px 0;
}

/* INVENTORY */

.inventory-links .container {
    max-width: 1170PX;
}

/* LOCATIONS */

.location-message{background: #C91820; padding: 50px 0 75px; font-size: 32px; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: 2px; color: #fff;}

.post-container-locations{display: flex; flex-wrap: wrap;}
.column-padding-locations{flex: 1; background: #333; padding: 50px;}
.column-padding-locations:nth-child(even){background: #444; box-shadow: inset 0px 5px 15px rgba(0,0,0,0.25);}

.column-padding-locations > div {
	height: 100%;
}
.location-box {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.prevButton-container-locations, .nextButton-container-locations{display: none;}

.footer-locations{display: flex; flex-wrap: wrap; background: #333; font-size: 20px; text-align: left; color: #eee;}
.footer-locations iframe{display: block; margin: 20px 0; width: 100%; height: 200px;}
.footer-locations .location-flex{display: flex; align-items: center; text-align: left;}

.footer-locations .location-header{display: flex; align-items: center; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px #777 solid;}
.footer-locations .location-name{flex: 1; text-align: left; color: #fff;}
.footer-locations .location-name:before{margin-right: 5px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f3c5"; color: #C91820;}
.footer-locations .location-social{padding-left: 15px;}
.footer-locations .location-social ul{display: flex; align-items: center;}
.footer-locations .location-social ul li a{display: block; padding: 0 10px;}
.footer-locations .location-social ul li:hover > a{opacity: .75;}
.footer-locations .location-phone{flex-shrink: 0; margin-left: auto; padding-left: 15px; font-weight: 700;}
.footer-locations .location-hours{flex: 1; font-size: 16px;}
.footer-locations .location-hours p{display: flex; align-items: center; justify-content: space-between;}
.footer-locations .location-hours p strong{font-weight: 400;}
.footer-locations .location-hours strong{display: inline-block; margin: 2px 0;}
.footer-locations .location-buttons{width: calc(100% - 200px); margin-left: auto; padding-left: 25px;}
.footer-locations .location-buttons a{margin: 2px 0; font-size: 14px; background: none; border: 1px #aaa solid;}
.footer-locations .location-buttons a:hover{background: #fff; color: #333;}

/* FOOTER */

.tru-banner-slide.left{background: #fff;}
.tru-app-window .tru-iframe-center{position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 700px; padding: 20px;}

.partner-logos{padding: 35px 0;}
.partner-logos ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.partner-logos ul li a{display: block; padding: 0 25px;}
.partner-logos ul li:hover > a{opacity: .75;}

.footer{background: #f5f5f5; padding: 100px 0;}
.footer .wrap{display: flex; flex-wrap: wrap;}

.footer .footer-links{width: 33.33%; text-transform: uppercase;}
.footer .footer-links b{display: block; margin-bottom: 10px;}
.footer .footer-links ul li a{display: inline-block; padding: 2px 0;}
.footer .footer-links ul li:hover > a{opacity: .75;}

.footer .footer-logos{width:66.66%;flex: 1;}
.footer .footer-logos ul{display: flex; justify-content: center; align-items: center; margin-top: 25px; text-align: center;}
.footer .footer-logos ul li a{display: block; padding: 0 10px; opacity: .5;}
.footer .footer-logos ul li a:hover{opacity: .75;}

.copyright{background: #f5f5f5; padding: 20px 0; font-size: 12px; text-align: center; text-transform: uppercase; letter-spacing: 2px; color: #444;}

/* RESPONSIVE */

@media screen and (max-width: 1900px){
	.tru-banner-slide{display: none !important;}
}
@media screen and (max-width: 1600px){
	.navigation .search{width: 300px;}

	.hero .hero-inner h1{font-size: 56px;}

	.flex-col .column-padding-staff-members{width: calc(25% - 10px);}

}
@media screen and (max-width: 1400px){
	.column-padding-staff-members{width: calc(20% - 10px);}

	.column-padding-locations{padding: 35px 25px;}
	.footer-locations .location-flex{display: block;}
	.footer-locations .location-phone{padding: 5px 0;}
	.footer-locations .location-buttons{width: 100%; margin-top: 20px; padding: 0;}
	
}
@media screen and (max-width: 1300px){
	
	.header .wrap{padding: 0;}
	.header .header-left, .header .header-right{flex-wrap: wrap; justify-content: center; text-align: center !important; padding: 0 20px;}
	.header .logo{flex: none; width: 100%; order: 1;}
	.header .contact{flex: none; width: 100%; order: 2;}
	.header .social ul{justify-content: center !important; margin: auto;}

	.navigation .toggle-search{display: flex;}
	.navigation .search{display: none; width: 100%;}
	.navigation .search input{padding: 15px;}
	.navigation .search button{background: none; padding: 16px; color: #C91820;}

	.hero .hero-inner{padding: 150px 20px;}
	.hero .hero-inner h1{font-size: 48px;}
	.hero-buttons a{font-size: 24px;}

	.flex-col .column-padding-staff-members{width: calc(33.3333% - 10px);}
}
@media screen and (max-width: 1100px){
	.header .header-center{width: 75px;}
	.header .contact{display: none;}
	.navigation{padding: 0;}

	.main{padding: 35px 0;}
	.main h1{font-size: 24px;}
	.btn{font-size: 14px;}
	.flex-col{flex: none; width: 100%;}
	.flex-form{width: 100%; max-width: 100%; margin: 20px 0; padding: 25px;}

	.hero .hero-inner h1{font-size: 36px;}
	.hero-buttons a{padding: 20px; font-size: 20px;}

	.welcome h2{font-size: 24px; font-weight: 400; text-transform: uppercase;}
	.welcome p{margin: 25px 0 35px; font-size: 16px;}
	.welcome .welcome-wrap{padding: 50px 35px;}
	.welcome .welcome-wrap .row{max-width: 1400px; margin: auto !important;}
	.welcome .inline-btn{display: flex;}

	.column-padding-staff-members{width: calc(25% - 10px);}

	.location-message{padding: 25px 0 50px; font-size: 24px;}

	.footer-locations{font-size: 16px;}
	.footer-locations .location-header{display: block; text-align: center;}
	.footer-locations .location-name{width: 100%; margin-bottom: 12px; font-size: 20px; text-align: center;}
	.footer-locations .location-social ul{justify-content: center; width: 100%;}

	.footer{padding: 35px 0;}
	.footer .footer-links{display: none;}
	.footer .footer-logos .col-sm-6{margin: 35px 0;}
    .column-padding-news-blog {
        width:calc(50% - 20px);
    }
}
@media screen and (max-width: 768px){
	.hero .hero-inner{padding: 50px 20px;}
	.hero-buttons a b{display: inline-block;}

	.column-padding-staff-members{width: calc(33.3333% - 10px);}
    
/*
    .anniversary-badge {min-width: 0px !important;width: 100px !important; margin: 0;}
    
    div.header-single-cont aside div.row div.row.sh-row {flex-direction: row; justify-content: flex-end; padding-right: 20px;}
    div.header-single-cont aside div.row div.row.sh-row {}
*/
}
@media screen and (max-width: 560px){
	.hero .hero-inner h1{font-size: 28px;}
	.header .header-center{width: 60px;}
	.hero-buttons a b{display: inline-block;}

	.welcome h2{margin-top: 10px;}
	.welcome h3{text-align: center;}
	.welcome .welcome-wrap{padding: 30px;}
	.welcome-sub .welcome-wrap{padding: 15px;}

	.column-padding-locations{flex: none; width: 100%;}
	.column-padding-staff-members{width: calc(50% - 10px);}
	.flex-col .column-padding-staff-members{width: calc(50% - 10px);}
    .column-padding-news-blog {
        width:calc(100% - 20px);
    }
}