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


/* Webfonts */

/* TEXT */
@font-face {
    font-family: 'intl-text';
	font-display: swap;
    src: url('webfonts/INTLText-Regular.woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'intl-text';
	font-display: swap;
    src: url('webfonts/INTLText-RegularItalic.woff2');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'intl-text';
	font-display: swap;
    src: url('webfonts/INTLText-Light.woff2');
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'intl-text';
	font-display: swap;
    src: url('webfonts/INTLText-LightItalic.woff2');
    font-style: italic;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'intl-text';
	font-display: swap;
    src: url('webfonts/INTLText-Medium.woff2');
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'intl-text';
	font-display: swap;
    src: url('webfonts/INTLText-MediumItalic.woff2');
    font-style: italic;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'intl-text';
	font-display: swap;
    src: url('webfonts/INTLText-Bold.woff2');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'intl-text';
	font-display: swap;
    src: url('webfonts/INTLText-BoldItalic.woff2');
    font-style: italic;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

/* HEADLINE */
@font-face {
    font-family: 'intl-headline';
	font-display: swap;
    src: url('webfonts/INTLHeadline-Light.woff2');
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'intl-headline';
	font-display: swap;
    src: url('webfonts/INTLHeadline-Regular.woff2');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'intl-headline';
	font-display: swap;
    src: url('webfonts/INTLHeadline-Medium.woff2');
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'intl-headline';
	font-display: swap;
    src: url('webfonts/INTLHeadline-Bold.woff2');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}



	.shwidget, .shwidget p, .shwidget ul li, .shwidget address, .shwidget ol li{
		font-family: 'intl-text', "arial", sans-serif;
		font-weight: 400;
		
	}
	.shwidget h1,.shwidget h2,.shwidget h3,.shwidget h4,.shwidget h5,.shwidget h6{
		font-family: 'intl-headline', "arial", sans-serif;
		font-weight: 700;
	}



/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

body.highlightSidebars aside:not([id^="sidebar"]).sidebarColumn{
background: repeating-linear-gradient(
    45deg,
    rgba(127,127,127,0.05),
    rgba(127,127,127,0.05) 7px,
    rgba(127,127,127,0.1) 7px,
    rgba(127,127,127,0.1) 15px
  );
	position: relative;
}
body.highlightSidebars aside:not([id^="sidebar"]).sidebarColumn:after{
	content: 'SHARED CONTENT - CHANGES HERE MAY EDIT OTHER PAGES';
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	z-index: 100;
	pointer-events: none;
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	color: #777;
	
}
body.highlightSidebars aside[id^="sidebar"].sidebarColumn{

	position: relative;
}
body.highlightSidebars aside[id^="sidebar"].sidebarColumn:after{
	content: 'PAGE SPECIFIC CONTENT';
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	z-index: 100;
	pointer-events: none;
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	color: #777;
	
}

html, body {
	width:100%;
}

i.fas.fa-angle-down {padding-top: 0px !important;}

.check-list ul li, ul.check-list li {
    margin-left: 24px;
}
.check-list ul, ul.check-list {
    list-style: disc !important;
}
/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/

.hero-btn, .parts-btn {background: #FF7144; width: 200px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-weight: bolder; font-size: 15px; line-height: 15px; text-transform: uppercase; border: none;}
.hero-btn:hover, .parts-btn:hover, .service-btn:hover, .contact-btn:hover, .credit-app-btn:hover, .location-btn:hover, .class-list-btn:hover, .fleet-charge-btn:hover, .s13-brochure-btn:hover, .positions-btn:hover, .explore-btn:hover, .register-btn:hover, .blog-wrap a:hover {background: #272623; transition: .5s;}
.parts-btn {font-weight: bold !important; margin-top: 30px;}
.service-btn {background: #FF7144; width: 220px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}
.contact-btn {background: #FF7144; width: 200px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}
.credit-app-btn {background: #FF7144; width: 250px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px; display: flex; gap: 10px;}
.location-btn {background: #FF7144; width: 200px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}
.class-list-btn {background: #FF7144; width: 200px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}
.fleet-charge-btn {background: #FF7144; width: 200px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}
.s13-brochure-btn {background: #FF7144; width: 100%; border-radius: 5px; padding: 15px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; gap: 10px;}
.positions-btn {background: #FF7144; width: 200px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}
.explore-btn {background: #FF7144; width: 275px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}
.register-btn {background: #FF7144; width: 250px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}
.blog-btn {background: #272623; width: 225px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}
.blog-btn:hover {background: #FF7144; transition: .5s;}
.read-more-btn {background: #FF7144; width: 225px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}
.read-more-btn:hover {background: #272623; transition: .5s;}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

#header {width: 100%; position: absolute; z-index: 600; margin-top: 50px;}
.nav-bkgrd {background: rgba(255,255,255,1.00); border-radius: 3px; width: 95%; margin: 0 auto;}
.nav-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; padding: 25px 0; align-items: center;}
.header-logo img {max-width: 450px !important;}
.mobile-nav {display: none !important;}
.mobile-hero-button {display: none !important;}

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/

.hero-overlay {background: #272623; background: linear-gradient(90deg,rgba(39, 38, 35, 0.5) 0%, rgba(39, 38, 35, 0.2) 100%);}
.hero-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; padding: 240px 0 0 0;}
.hero-left {width: 600px;}
.hero-left h1 { font-weight: bolder; font-size: 38px; line-height: 48px; text-transform: uppercase; color: #fff;}
.hero-left h1 span {font-size: 60px; color: #FF7144;}
.hero-right {display: flex; gap: 30px; align-items: flex-end;}
.hero-right .hero-links {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 35px;}
.hero-right .hero-links img {margin: 0 auto;}
.hero-links > a > div {background: #fff; width: 200px; display: flex; justify-content: center; align-items: center; padding: 5px 0;}
.hero-links > a > div > div {text-align: center;}
.hero-links h4 { font-weight: bolder; font-size: 28px; line-height: 28px; color: #FD8204; text-transform: uppercase;}
.hero-links a p { font-weight: bold; font-size: 16px; line-height: 16px; color: #000;}
.hero-right > div > p {color: #fff;  font-weight: bold; font-size: 17px; line-height: 28px; text-align: center; margin-bottom: 0px;}
.hero-right {width: 580px; padding: 80px 0 50px 0;}
.hero-socials {display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; width: 25px; justify-content: center;}
.hero-socials i {color: #fff; font-size: 33px;}
.hero-links > a:hover > div {background: rgba(255,255,255,0.70); transition: .5s;}
.hero-socials a:hover i {color: #000; transition: .5s;}

.featured-wrap {width: 95%; margin: 0 auto; padding: 125px 0 100px 0;}
.featured-inv-header h2 {text-align: center;  font-weight: bold; font-size: 45px; line-height: 45px; text-transform: uppercase; margin-bottom: 35px;}
.inv-img {height: 250px; overflow: hidden;}
.inv-img img {height: 100% !important; width: 100% !important; object-fit: cover; object-position: center;}
.inv-nug h3 { font-weight: lighter; font-size: 17px; line-height: 30px; text-transform: uppercase; letter-spacing: 2px;}
.inv-nug h4 { font-size: 35px; line-height: 60px; text-transform: uppercase; font-weight: bold;}
.inv-nug a { font-weight: lighter; font-size: 17px; line-height: 30px; text-transform: uppercase; letter-spacing: 2px; color: #000;}
.inv-wrap {padding: 25px 20px 30px 20px; text-align: left;}
.inv-nug a:hover {color: #FF7144; transition: .5s;}
.inv-nug a:hover i {padding-left: 10px; transition: .5s;}

.body-bkgrd {background: #272623;}
.body-wrap {width: 95%; margin: 0 auto; padding: 150px 0 150px 0;}
.body-wrap h5 { font-weight: bold; font-size: 25px; line-height: 40px; text-transform: uppercase; color: #fff; text-align: center;}
.body-flex {display: flex; justify-content: space-between; align-items: center; gap: 50px; padding-top: 100px;}
.body-flex h3 { font-weight: bold; font-size: 30px; line-height: 60px; color: #fff; text-transform: uppercase;}
.body-flex p { font-weight: lighter; font-size: 17px; line-height: 30px; color: #fff;}
.body-flex p span {text-transform: uppercase; letter-spacing: 2px;}
.body-flex a:hover p {color: #FF7144; transition: .5s;}
.body-flex a:hover i {padding-left: 10px; transition: .5s;}
.body-flex img {width: 45% !important;}
.body-flex > div {width: 50% !important;}

.brands-bkgrd {background: #DAD9D8;}
.brands-wrap {width: 95%; margin: 0 auto; padding: 100px 0;}
.brands-wrap h6 { font-weight: lighter; font-size: 20px; line-height: 30px; letter-spacing: 2px; text-transform: uppercase;}
.brands-flex {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 30px;}
.brands-flex a {width: 19.2%;}
.brands-flex a div {width: 100%; background: #fff; display: flex; justify-content: center; align-content: center;}
.brands-flex a div img {width: 100%; padding: 20px 30px;}
.brands-flex a:hover div {transition: .5s; background: rgba(255,255,255,0.50);}

/*--------------------------------------------------------------
## Promotions
--------------------------------------------------------------*/

.sub-nav {display: flex; gap: 10px; width: 95%; margin: 0 auto; padding-top: 20px;}
.sub-nav p, .sub-nav a { color: #212529; font-size: 16px; line-height: 16px;}
.sub-nav a:hover {color: #FF7144; transition: .5s;}

.body-width {width: 95%; margin: 0 auto; padding: 50px 0 100px 0;}
.body-width h1 { font-weight: bold; text-transform: uppercase; font-size: 45px; line-height: 45px; margin-bottom: 25px;}
.body-width p { font-weight: lighter; font-size: 18px; line-height: 30px;}
.body-width h2, .form-styles h2 { font-size: 38px; line-height: 48px; text-transform: uppercase; font-weight: bold;}
.form-styles {background: #F3F3F3; padding: 50px 0; border-radius: 10px; margin-top: 30px;}
.form-styles .contactForm {width: 95%; margin: 0 auto;}

/*--------------------------------------------------------------
## Parts
--------------------------------------------------------------*/

.body-width h2 {margin-top: 30px;}
.body-width p a {color: #FF7144;}
.body-width p a:hover {text-decoration: underline; transition: .5s;}

/*--------------------------------------------------------------
## Mobile Maintenance
--------------------------------------------------------------*/

.body-width iframe {margin-top: 30px; margin-bottom: 20px;}
.list-style {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 30px; margin-bottom: 50px;}
.list-style div {background: #F3F3F3; width: 19%; padding: 40px 20px; display: flex; justify-content: center; align-items: center; border-radius: 5px;}
.list-style div p { font-size: 18px; line-height: 30px; font-weight: bold; margin-bottom: 0px; text-align: center;}
.list-style div p span {font-weight: lighter !important;}
.list-style div p i {color: #FF7144; font-size: 25px !important; line-height: 35px; margin-bottom: 10px !important;}

/*--------------------------------------------------------------
## Special Programs
--------------------------------------------------------------*/

.special-programs h2 {font-size: 30px !important; margin-top: 15px !important;}
.special-programs ul {padding-left: 0px !important;}
.special-programs li {list-style: none !important;  font-weight: lighter; font-size: 17px; line-height: 30px; color: #000;}
.special-programs li i {color: #FF7144;}

/*--------------------------------------------------------------
## Locations
--------------------------------------------------------------*/

.location-page-flex {display: flex; flex-wrap: wrap; gap: 10px !important; margin-top: 35px !important; border-radius: 5px !important;}
.location-nug {border: 1px #bbb solid; width: 24% !important; padding: 40px 20px 40px 20px;}
.location-nug h2 {margin-top: 0px !important; font-size: 35px !important; color: #FF7144 !important; line-height: 45px !important; margin-bottom: 10px !important;}
.location-nug p {margin-bottom: 8px !important;}
.location-nug div p {margin-bottom: 5px !important; color: #bbb !important;}
.location-nug a {color: #000 !important;}
.location-nug a:hover {color: #FF7144 !important; transition: .5s; text-decoration: none !important;}

/*--------------------------------------------------------------
## Knoxville, TN
--------------------------------------------------------------*/

.location-body-flex {display: flex; justify-content: space-between; padding-top: 20px;}
.hours-flex {display: flex; gap: 50px;}
.store-location-hours li {list-style: none !important;  font-weight: lighter; font-size: 17px; line-height: 30px; color: #000;}
.location-body-flex > div {width: 100%;}
.location-body-flex h3 { font-weight: bold; font-size: 30px; line-height: 60px; color: #FF7144 !important; text-transform: uppercase;}
.store-location-hours ul {padding-left: 0px !important;}
.location-map iframe {border-radius: 10px;}
.location-header p {color: #bbb; margin-bottom: 8px !important;}

/*--------------------------------------------------------------
## Build Your Truck
--------------------------------------------------------------*/

.truck-build a {background: #F3F3F3; width: 19%; border-radius: 5px;}
.truck-build a p { font-size: 18px; line-height: 30px; font-weight: bold; margin-bottom: 0px; text-align: center; color: #000;}
.truck-build div {width: 100% !important; display: block; padding: 20px 20px 25px 20px !important;}
.truck-build img {border-radius: 3px; margin-bottom: 10px;}
.truck-build a:hover {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; transition: .5s;}

/*--------------------------------------------------------------
## Ford
--------------------------------------------------------------*/

.ford-content h1 span {color: #bbb; font-size: 25px; font-weight: lighter;}
.ford-flex {display: flex; gap: 30px; flex-wrap: wrap; margin-top: 50px;}
.ford-flex div {width: 48.5%;}
.ford-flex h2 {font-size: 32px; line-height: 42px;}
.ford-flex p {font-size: 17px; line-height: 28px; color: #676767;}

/*--------------------------------------------------------------
## International S13 Powertrain
--------------------------------------------------------------*/

.integrated-btns {display: flex; gap: 15px;}
.integrated-btns span {width: 100%;}
.s13-body {margin-top: 100px; margin-bottom: 80px;}
.s13-body > div {display: flex; gap: 50px; margin-bottom: 50px; align-items: center;}
.s13-body > div > div {width: 100%;}
.s13-body h2 {margin-top: 0px; margin-bottom: 20px;}
.s13-body h2 {font-weight: lighter; line-height: 50px;}
.s13-body h2 span {font-weight: bold;}
.s13-body ul {padding-left: 0px;}
.s13-body ul li { font-size: 18px; line-height: 30px; margin-bottom: 5px; list-style: none;}
.s13-body i {color: #FF7144;}

/*--------------------------------------------------------------
## Drive Now Pay Later
--------------------------------------------------------------*/

.drive-now h1 span {font-weight: lighter;}

/*--------------------------------------------------------------
## S13 Fuel Efficiency
--------------------------------------------------------------*/

.s13-body p span {font-size: 14px; line-height: 24px; color: #646464;}

/*--------------------------------------------------------------
## S13 Powertrain Mobile Tour
--------------------------------------------------------------*/

.mobile-tour p span {color: #FA471F; text-transform: uppercase; font-size: 30px; font-weight: bold; line-height: 40px;}

/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/

.blog-wrap {margin-bottom: 25px; border-bottom: 1px #bbb solid; padding-bottom: 50px;}
.blog-wrap > div {text-align: left;}
.blog-wrap h2 {font-size: 35px; line-height: 45px; margin-bottom: 15px;}
.blog-wrap p span {color: #939393;}
.blog-wrap a {background: #FF7144; width: 200px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; font-weight: bold !important; margin-top: 30px;}

.blog-page {padding-top: 30px;}
.blog-page h1 {font-size: 40px; line-height: 50px;}


/*--------------------------------------------------------------
## Form
--------------------------------------------------------------*/

.sheSubmitButton {background: #FF7144 !important; width: 200px; border-radius: 5px; padding: 12px 0; display: flex; justify-content: center; align-items: center; color: #fff;  font-weight: bolder; font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; margin-top: 15px;}
.sheSubmitButton:hover {background: #272623 !important; transition: .5s;}
.form-styles h3 { font-size: 30px; line-height: 45px; text-transform: uppercase; font-weight: bold; margin-top: 30px;}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

#foot {background: #212529;}
.footer-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; padding: 50px 0;}
.footer-locations > p { font-weight: bold; font-size: 22px; line-height: 30px; color: #fff; text-transform: uppercase;}
.foot-location-flex {display: flex; margin-top: 20px; gap: 20px; flex-wrap: wrap;}
.foot-location-flex p { font-size: 13px; line-height: 28px; letter-spacing: 2px; color: #fff; margin-bottom: 0px;}
.foot-location-flex a {color: #FD8204; font-size: 14px; text-transform: uppercase;}
.foot-location-flex p span a {font-weight: bolder; font-size: 22px; color: #fff;}
.foot-location-flex p span a:hover {color: #FF7144; transition: .5s;}
.foot-location-flex a:hover i {padding-left: 10px; transition: .5s;}
.footer-links p { font-weight: bold; font-size: 22px; line-height: 60px; color: #fff; text-transform: uppercase;}
.footer-links li a, .footer-links li {list-style: none;  font-size: 15px; line-height: 30px; letter-spacing: 2px; color: #fff; text-transform: uppercase; margin-bottom: 5px;}
.footer-links li a:hover {color: #FF7144; transition: .5s;}
.footer-links ul {padding-left: 0px;}
.footer-links .quick-links {display: flex; gap: 50px;}
.footer-links .footer-socials {display: flex; gap: 10px;}
.footer-links i {color: #fff; font-size: 25px;}
.footer-links a:hover i {color: #FF7144; transition: .5s;}
.footer-wrap > div:first-child {width: 55%;}

/*--------------------------------------------------------------
## Inventory
--------------------------------------------------------------*/

.inv-sub-hero .hero-padding {padding: 120px 0 0px 0 !important;}
.hero-padding {padding: 120px 0; background: #212529;}
.body-wrapper {padding-top: 50px !important;}
.list-top-section .list-listings-count, .list-container-flexrow .price-container .price {color: #FF7144 !important;}
.faceted-search-content .selected-facets-container .selected-facet, .list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-text, .list-content .list-error-container .info button:not(.login-button) {background: #FF7144 !important;}
.faceted-search-content button.faceted-search, .contact-options a, .list-container-flexrow .dealer-phone-call {background: #000 !important;}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1550px) {
	.location-nug {width: 32% !important;}
}
@media only screen and (max-width : 1500px) {		
	.hero-btn {line-height: 14px; font-size: 14px; width: 180px;}
}
@media only screen and (max-width: 1350px) {
	.header-logo img {max-width: 80% !important; width: 340px !important; margin: 0 auto !important;}
	.hero-button {display: none;}
	.inv-nug h3, .inv-nug a {font-size: 16px; line-height: 28px;}
	.inv-nug h4 {font-size: 32px; line-height: 52px;}
	.mobile-hero-button {display: contents !important;}
	.mobile-hero-button > ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.mobile-hero-button > ul > li:not(.locations-btn){
		display: none !important;
	}
	.mobile-hero-button aside {width: auto;}
	.location-menu {display: flex; align-items: center; gap: 20px;}
	
	.nav-wrap {flex-wrap: wrap; justify-content: space-between;}
	.primary {text-align: center;}
}
@media only screen and (max-width: 1300px) {
	.list-style div, .truck-build a {width: 24%;}
}
@media only screen and (max-width: 1250px) {
	.inv-nug h3, .inv-nug a {font-size: 15px; line-height: 26px;}
	.inv-nug h4 {font-size: 30px; line-height: 50px;}
	.featured-inv-header h2 {font-size: 40px; line-height: 40px;}
	.mobile-tour-flex {flex-wrap: wrap !important;}
}
@media only screen and (max-width: 1200px) {
	.hero-wrap {flex-wrap: wrap;}
	.hero-left {width: 100%;}
	.hero-left h1 {width: 480px;}
	.hero-right {padding-top: 35px; justify-content: space-between; width: 100%;}
	.hero-links {justify-content: flex-start !important;}
	.hero-right p {text-align: left !important;}
	.body-flex h3 {font-size: 28px; line-height: 38px; margin-bottom: 15px;}
	.hero-right {flex-wrap: wrap;}
	.ford-flex div {width: 48%;}
}
@media only screen and (max-width: 1150px) {
	.integrated-btns {flex-wrap: wrap;}
}
@media only screen and (max-width: 1050px) {
	.brands-flex a {width: 24% !important;}
	.list-style div, .truck-build a {width: 32%;}
	.location-nug {width: 49% !important;}
	.s13-body > div {flex-wrap: wrap;}
}
@media only screen and (max-width: 1000px) {
	.footer-wrap {flex-wrap: wrap; gap: 50px;}
	.footer-wrap > div:first-child {width: 100% !important;}
	.body-flex h3 {font-size: 25px; line-height: 35px;}
	.featured-inv-header h2 {font-size: 35px; line-height: 35px;}
}
@media only screen and (max-width: 950px) {
	.hero-socials {width: 100%;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 850px) {
	.body-wrap h5 {font-size: 22px !important; line-height: 37px !important;}
	.body-wrap {padding-top: 120px !important; padding-bottom: 120px !important;}
	.brands-wrap h6 {font-size: 18px; line-height: 28px;}
	.location-body-flex {flex-wrap: wrap;}
	.ford-flex div {width: 47.5%;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 800px) {
	.brands-flex a {width: 23.5% !important;}
	.body-flex {flex-wrap: wrap;}
	.body-flex img, .body-flex > div {width: 100% !important;}
	.body-flex {padding-top: 80px !important;}
	.featured-inv-header h2 {font-size: 30px; line-height: 30px;}
	.list-style div, .truck-build a {width: 49%;}
}
@media only screen and (max-width: 700px) {
	.location-nug {width: 100% !important;}
}
@media only screen and (max-width: 650px) {
	.brands-flex a {width: 32% !important;}
	.body-wrap h5 {font-size: 20px !important; line-height: 35px !important;}
	.body-wrap {padding-top: 100px !important; padding-bottom: 100px !important;}
	.brands-wrap h6 {font-size: 16px; line-height: 26px;}
	.featured-wrap {padding-top: 100px !important; padding-bottom: 80px !important;}
	.store-location-hours h3 {font-size: 28px !important;}
	.ford-flex div {width: 100%;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 600px) {
	.nav-wrap {flex-wrap: wrap; gap: 25px; justify-content: center; width: 95%;}
	.body-flex p {font-size: 16px !important; line-height: 28px !important;}
	.body-flex {padding-top: 65px !important;}
	.location-menu {width: 100%; flex-wrap: wrap; justify-content: center; gap: 25px;}
	.mobile-hero-button aside {display: flex; justify-content: center;}
	.hero-padding {padding: 140px 0;}
	.body-width h1 {font-size: 40px; margin-bottom: 20px; line-height: 50px;}
	.body-width p {font-size: 17px; line-height: 28px;}
	.body-width h2, .form-styles h2 {font-size: 35px; line-height: 45px;}
	.form-styles h3 {font-size: 30px;}
	.list-style div {padding: 30px 0;}
	.list-style div p {font-size: 17px; line-height: 28px;}
	.location-nug h2 {font-size: 32px !important; line-height: 42px !important;}
	.hero-wrap {padding-top: 290px;}
	.hero-left h1 {font-size: 35px; line-height: 45px; width: 100%;}
	.hero-links a {width: 48.5%;}
	.hero-links a div {width: 100%;}
	.hero-right p {text-align: center !important;}
	.hero-socials {width: 100%; justify-content: center;}
	.hero-links {justify-content: center !important;}
	.hero-left h1 span {font-size: 55px; line-height: 60px;}
	.hero-right > div p {font-size: 16px; line-height: 26px;}
	.ford-flex h2 {font-size: 30px; line-height: 40px;}
	.ford-flex p {font-size: 16px; line-height: 28px;}
	.ford-content h1 span {font-size: 20px;}
	.s13-body ul li {font-size: 17px;}
	.blog-wrap h2 {font-size: 30px; line-height: 40px;}
	.blog-page h1 {font-size: 35px; line-height: 45px;}
}
@media only screen and (max-width: 550px) {
	.brands-flex a {width: 31.5% !important;}
	.list-style div, .truck-build a {width: 48.5%;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 450px) {
	.brands-flex a {width: 48% !important;}
	.body-wrap h5 {font-size: 18px !important; line-height: 33px !important;}
	.body-flex h3 {font-size: 22px; line-height: 32px;}
	.body-flex p {font-size: 15px !important; line-height: 26px !important;}
	.body-flex {padding-top: 50px !important;}
	.brands-wrap h6 {font-size: 15px; line-height: 25px;}
	.body-width h1 {font-size: 35px; margin-bottom: 15px; line-height: 45px;}
	.body-width p {font-size: 16px; line-height: 26px;}
	.body-width h2, .form-styles h2 {font-size: 30px;}
	.form-styles h3 {font-size: 25px}
	.list-style div, .truck-build a {width: 100%;}
	.list-style div p {font-size: 16px; line-height: 26px;}
	.list-style div {padding: 25px 0;}
	.sub-nav p, .sub-nav a  {font-size: 15px; line-height: 15px;}
	.location-nug h2 {font-size: 30px !important; line-height: 40px !important;}
	.store-location-hours h3 {font-size: 25px !important;}
	.store-location-hours li, .s13-body ul li {font-size: 16px !important;}
	.hero-left h1 {font-size: 30px; line-height: 40px;}
	.hero-left h1 span {font-size: 50px;}
	.hero-links h4 {font-size: 25px; line-height: 25px;}
	.hero-links p {font-size: 15px; line-height: 15px;}
	.hero-right > div p {font-size: 15px; line-height: 25px;}
	.ford-flex h2 {font-size: 28px; line-height: 38px;}
	.ford-flex p {font-size: 15px; line-height: 26px;}
	.ford-content h1 span {font-size: 18px;}
	.s13-body p span {font-size: 13px; line-height: 23px;}
	.mobile-tour p span {font-size: 25px; line-height: 35px;}
	.blog-wrap h2 {font-size: 25px; line-height: 35px;}
	.blog-page h1 {font-size: 30px; line-height: 40px;}
}
@media only screen and (max-width: 400px) {
	.s13-brochure-btn {font-size: 14px; line-height: 14px;}
}
@media only screen and (max-width: 350px) {
	.quick-links {justify-content: space-between; gap: 10px;}
	.featured-inv-header h2 {font-size: 25px; line-height: 35px; margin-bottom: 25px !important;}
	.location-menu {justify-content: space-between; gap: 5px;}
	.body-width h1 {font-size: 30px; margin-bottom: 10px; line-height: 40px;}
	.body-width p {font-size: 15px; line-height: 26px;}
	.body-width {padding: 50px 0 80px 0;}
	.list-style div p {font-size: 15px;}
	.sub-nav p, .sub-nav a  {font-size: 14px; line-height: 14px;}
	.location-nug h2 {font-size: 28px !important; line-height: 38px !important;}
	.store-location-hours h3 {font-size: 22px !important; line-height: 32px !important;}
	.store-location-hours li, .s13-body ul li {font-size: 15px !important;}
	.hero-links a {width: 100%;}
	.ford-content h1 span {font-size: 16px;}
	.s13-brochure-btn {font-size: 13px; line-height: 13px;}
	.blog-wrap h2 {font-size: 20px; line-height: 30px;}
	.blog-page h1 {font-size: 25px; line-height: 35px;}
}
@media only screen and (max-width: 300px) {
	.sheSubmitButton, .parts-btn, .service-btn, .contact-btn, .credit-app-btn, .location-btn, .class-list-btn, .fleet-charge-btn, .s13-brochure-btn, .positions-btn, .explore-btn, .register-btn, .blog-wrap a, .blog-btn, .read-more-btn {width: 100% !important;}
	.hours-flex {gap: 10px; justify-content: space-between;}
}
@media only screen and (max-width: 280px) {
	.brands-flex a {width: 100% !important;}
}