/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.css");

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

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 


/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
 font-family: "Roboto", sans-serif;
 font-style:normal;
 box-sizing:border-box;
 line-height: 1.5;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}
h1,h2,h3,h4,h5,h6,.heading-type,button {font-family: "Roboto", sans-serif;}
.flex {display:flex;}

button,a {cursor: pointer;}

/*--- BUTTON STYLES ---------------------*/

a.red-button {width: 100%;}

a.red-button button {width: 100%;max-width: 87%;padding: 17px 5%;background: #000;color: #fff;position: absolute;border: unset;
left: 0;right: 0;outline: unset;border-radius: 0;display: flex;text-transform: uppercase;font-size: clamp(1rem, 0.973rem + 0.1351vw, 1.125rem);align-items: center;transition: .3s;top: 87%;margin: 0 auto;justify-content: space-between;}


a.red-button button:hover {max-width:100%;}

.hero-buttons {display:flex;flex-direction: column;gap:10px;}
.button-flex {gap: 10px;display:flex;}

a.white-button {width:100%;}

a.white-button.other {padding-bottom: 30px;text-align: center;display: flex;justify-content: center;color:#fff;}

a.white-button button {width:100%;padding: 14px 6%;background:unset;color:#000;border:solid 3px #fff;outline:unset;text-transform:uppercase;font-size:16px;align-items: center;font-weight:600;transition:.3s;}

button.black-button {transition:.3s;}
a.black-button button:hover,button.black-button:hover {background:#810000;}

.home-button a.white-button.other button{background:#fff;color:#000;padding: 12px;text-transform:inherit;justify-content: center;}

a.white-button button:hover {background:#fff;color:#810000;font-weight:700;}

a.white-button.other button:hover {font-weight:700;color:#810000;}

.single-link {color:#810000;font-weight:800;}

/*--- HEADER STYLES ---------------------*/
header {}

span.border {text-decoration: underline;font-weight: 700;}


/*---BODY--------------------------------*/

.hero {background: url("/siteart/hero.webp");background-repeat: no-repeat;background-size: cover;width: 100%;background-position: 0 65%;height: 560px;}

.subhero {background: url("/siteart/hero.webp");background-repeat: no-repeat;background-size: cover;width: 100%;aspect-ratio: 16/3;background-position: 0 74%;}

.hero-overlay {display: flex;position: relative;align-items: center;background: #0004;color: #fff;height: 100%;width: 100%;box-sizing: border-box;}

.hero-overlay .wrapper.flex {position: relative;flex-direction: column;line-height: 1.2;margin: 0 auto;align-items: center;width: 100%;top: -45px;}

.hero-overlay .wrapper.flex img {text-align: center;width: 100%;max-width: 640px;}

 .hero-overlay .wrapper.flex a {color: #fff;font-weight: 600;font-size: clamp(1.1875rem, 1.0705rem + 0.5851vw, 1.875rem);padding-top: 28px;}

.phone-number {padding-top: 31px;}
.hero-overlay .wrapper.flex .phone-number a {font-size: clamp(1.375rem, 1.1622rem + 1.0638vw, 2.625rem);font-weight:400 !important;text-transform:uppercase;}

.subhero .hero-overlay .wrapper.flex {top:0;}

.hero-overlay h1 {font-size: clamp(1.875rem, 1.0642rem + 4.0541vw, 5.625rem);line-height: .9;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}

.hero-overlay span.small-text {font-size: clamp(1.5625rem, 1.2247rem + 1.6892vw, 3.125rem);font-weight: 500;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}

.hero-overlay p {font-size: clamp(1rem, 0.6081rem + 1.9595vw, 2.8125rem);font-weight:600;margin:10px auto;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}

.home-button {width: 100%;
    max-width: 10%;
    text-align: center;}

/*---CONTACT STYLES--------------*/
.subpage-heading {display:flex;align-items: center;margin-bottom: 10px;justify-content: center;}

/*--- INVENTORY CATEGORIES --------------*/
.border-left {border-left:solid #810000 8px;margin-right:10px;line-height:0;height: 31px;}

/*--- ABOUT CATEGORIES --------------*/
.two-sections.about .sec-2 {background:unset;}
.two-sections.about .sec-button.flex {width: 100%;}
.two-sections.about .sec-1 .wrapper {width:100%;max-width: 90%;margin:unset;}
section.about {padding-bottom: 6%;}

/*--------RV INVENTORY STYLES -----*/
.white-background {width: 100%;text-align: center;background: #fff;padding: 3px 0;margin-bottom: 11px;}

.rv-heading h3 {font-size: clamp(1.1875rem, 1.0524rem + 0.6757vw, 1.8125rem);margin-bottom:20px;}


.rv-relative {width:100%;max-width: 19%;position:relative;}
.rv-heading {display:flex;align-items: center;justify-content:center;flex-direction: column;box-sizing: border-box;}


.rvs-for-sale h2,section.other-inventory h2 {font-size: clamp(1.25rem, 1.0473rem + 1.0135vw, 2.1875rem);}


.sections-overlay {background-color: rgba(255,255,255,.5);width: 100%;height: 100%;position: absolute;}

.rvs-for-sale,.two-sections {background:url("../siteart/background-1.webp");background-repeat:repeat;display: flex;align-items: center;justify-content: center;position: relative;box-sizing: border-box;}

.rvs-for-sale .wrapper.flex {flex-direction: column;justify-content: space-between;width: 100%;position: relative;padding: 0 0 5%;}

.rv-cat {background: #fff;display: flex;flex-direction: column;align-items: center;text-align: center;width: 100%;height: 213px;justify-content: start;padding: 20px 0;}

.rv-cat img {width:100%;max-width: 200px;height: auto;}

.inventory-flex .rv-wrap{color:#000;font-size: clamp(1.25rem, 1.1554rem + 0.473vw, 1.6875rem);font-weight:600;}

.inventory-flex {width: 100%;max-width: 100%;box-shadow: 0 0 15px #0005;border-radius: 10px;}

.inventory-flex span.heading-type {padding-top: 30px;}

.ground-bcrumbs {padding-top:30px;}

.rv-categories {width: 90%;margin:0 auto;}


/*--------OTHER INVENTORY STYLES-----------*/
.other-inventory {width:100%;margin: 0 auto;padding: 20px 0;}

.other-categories {width:100% !important;max-width: 90%;margin: 0 auto;}
.other-categories,.rv-categories {display: flex;justify-content: space-between;color: #fff;flex-wrap: wrap;}

.other-inventory .flex.wrapper {flex-direction:column;width: 100%;gap: 20px;}

.other-cat {background:#810000;background-image: linear-gradient(180deg ,rgba(0,0,0,0),rgba(0, 0, 0, 0.3));width: 100%;display: flex;flex-direction: column;align-items: center;padding: 30px 0 10px;max-width: 33%;}

.other-content {width:90%;}

.other-cat  .heading-type {color:#fff;font-size: clamp(1.25rem, 1.1554rem + 0.473vw, 1.6875rem);text-align:left !important;}

.other-cat img {width:100%;max-width:80%;}

a.white-button.other {padding-bottom: 30px;text-align: center;display: flex;justify-content: center;margin-top: 10px;}

button.white-button.other { font-family: "Roboto", sans-serif;text-transform:uppercase;border-radius:5px;outline:unset;cursor:pointer;background:#fff;transition:.3s;border:solid 3px #fff;width:100%;justify-content: center !important;margin-top:10px;}

button.black-button {margin-top:20px;}

a.black-button,button.black-button {width: 100%;max-width:40%;}
a.black-button button,button.black-button {font-family: "Roboto", sans-serif;text-transform:uppercase;border-radius:5px;outline:unset;cursor:pointer;background:#000;transition:.3s;border:unset;width:100%;justify-content: center !important;color:#fff;padding: 19px 0;}

button.black-button {max-width:30%;}
.button.flex a.black-button button{display:flex;justify-content:space-between !important;align-items:center;padding:20px 5%;}

a.white-button.other button,button.white-button.other {max-width: 100%;display: flex;justify-content: space-between;color:#fff;font-weight:700;font-size: clamp(1rem, 0.973rem + 0.1351vw, 1.125rem);padding: 17px;}


button.white-button.other:hover {background:unset;color:#fff;}

/*--------SHOWROOM AD STYLES-----------*/

.showroom {color: #000;line-height: 1.3;font-size: 30px;font-weight: 600;padding: 6% 0;}

.showroom .wrapper.flex {flex-direction: column;justify-content: center;text-align: center;width:90%;margin:0 auto;gap: 17px;}


.showroom h2,.showroom p {font-size: clamp(1.0625rem, 0.9003rem + 0.8108vw, 1.8125rem);font-weight:700;}

/*--------MAP & HOURS STYLES-----------*/
.border-right {width:100%;border-right: solid 2px #000;max-width: 43%;display: flex;align-items: center;justify-content: center;}
section.about.center {text-align:center;}
.about.form {padding-bottom: 3%;}

.hours .flex {flex-direction:column;align-items: center;}

.hour-cat div {width: 100%;line-height: 1.3;padding: 10px 0;}

.hours .gray {background:#ABABAB;padding:3px 0;border-bottom:solid 3px #000;}

.hour-cat {display: flex;flex-direction: row;width: 100%;border-bottom: solid 2px #000;text-align: center;justify-content: space-between;}

.about .wrapper .hours h2 {margin-top:unset;text-transform:uppercase;font-weight:400;font-size:23px;}

.hours {width: 100%;max-width: 32%;border: solid 5px #000;margin: 30px auto;}


/*--------FEATURED INVENTORY STYLES-----------*/
.featured-inventory {background:#000;padding: 60px 0;}
.featured-inventory h2{color: #008652;font-size: clamp(1.5625rem, 1.2247rem + 1.6892vw, 3.125rem);text-transform:uppercase;}
.featured-inventory .wrapper.flex {flex-direction:column;width:100%;max-width:90%;margin:0 auto;}
.featured-inventory hr {background-color: #fff;border: #fff 1px solid;margin: 30px auto;}


/*--------ABOUT STYLES-----------*/

.about.center .wrapper h2 {font-size: clamp(1.0625rem, 0.9814rem + 0.4054vw, 1.4375rem);}
.subpage-heading h1 {font-size: clamp(1.875rem, 1.6047rem + 1.3514vw, 3.125rem);color:#810000;line-height: 1;padding-bottom:20px;}
.contact {text-align:center;}
.about .wrapper {width:100%;max-width: 80%;padding: 30px  0 0;margin: 0 auto;}
.about .wrapper h2{text-align:center;font-size: 16px;margin-top: 20px;}

/*--------FINANCE STYLES-----------*/

.finance .wrapper.flex {flex-direction:column;}

.foot-cat a {color:#000;}

.finance-categories {display: flex;justify-content: space-between;color:#fff;margin: 30px 0;}

.finance-cat {    background: #810000;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 130px;
    justify-content: center;
    color: #fff;
    transition: .3s;
    box-sizing: border-box;
    padding: 0 12px;}

.finance-cat:hover {background:#5b0000;}

.two-sections.finance .sec-1 .wrapper {max-width: 90%;}

.finance-flex .finance-wrap{color:#000;font-size: clamp(1rem, 0.9459rem + 0.2703vw, 1.25rem);font-weight:600;}

.finance-flex {width: 100%;max-width: 18%;box-shadow: 0 0 15px #0005;border-radius: 10px;}

.finance-flex span.heading-type {padding-top: 30px;}


.hours i {color:#810000;}

/*--------TERMS STYLES-----------*/

.one-section .wrapper {width:90%;margin:0 auto;padding: 30px 0;}
.one-section h2 {font-size: 35px;}
.one-section h3 {font-size: clamp(1.125rem, 1.0304rem + 0.473vw, 1.5625rem);color:#810000;}
.one-section p {margin-bottom:15px;word-wrap: break-word;}

.one-section ul  {margin:30px auto;}
ul.single-list {margin: 10px auto 30px;}
.one-section ul li {list-style: initial;margin-left: 30px;margin-bottom: 10px;}

/*--------FORM STYLES--------------------*/
.formfield input,.formfield select,.formfield textarea {box-sizing:border-box;border-radius:5px;width:100%;outline:unset;border: solid 1px #555;}

.formfield input,.formfield select {padding:15px 5px;}
.formfield textarea {padding:20px 5px !important;}
.formfield p {margin-bottom:unset !important;}

.formfield {width:100%;}
.form.flex {gap: 20px;margin: 0 auto;flex-direction: column;width: 100%;}

.form.flex.wrapper {max-width:90%;}

div#formpage {display: flex;flex-direction: column;gap: 23px;}
textarea {font-family: "Sofia Sans", sans-serif;}

div#hs-error-message {color:#fff !important;}


.button.flex {justify-content: space-around;}
.button.flex a.black-button {max-width: 48%;}

/*-------- FOOTER STYLES ----------------*/

form#hs-contact-form {padding-bottom: 80px !important;}

footer{box-shadow: 0 0 20px #0004;}

a.facebook {margin-top: 51px;font-size: 40px;color: #810000;}

.footer {display: flex;flex-direction: column;align-items: center;padding: 60px 0 2%;}

.foot-cat {display: flex;justify-content:space-between;align-items: start;}

.footer-logo {width: 100%;text-align: center;}
.footer-logo img{width: 100%;max-width: 500px;}

.links ul.flex {gap:10px;margin-top: 40px;}
.links ul.flex li{width:100%;}
.links ul.flex li a{color:#810000;font-weight:600;}

li.borders {border-left: solid 1px #000;}
.footer-categories {width:90%;margin:0 auto;}

.links {width: 100%;max-width: 60%;text-align: center;}

.footer-categories > .foot-cat {width: 100%;margin:0 auto;justify-content: center;}

.footer .heading-type {font-size:30px;color:#810000;font-weight:600;}

.footer-categories {width: 90%;align-items: start;margin: 20px auto;}

.red-bottom {color:#fff;background:#810000;box-sizing: border-box;}

.red-bottom .wrapper.flex{display: flex;justify-content: space-between;width: 90%;margin: 0 auto;padding: 40px 0;align-items: center;font-weight: 700;}


.red-bottom .wrapper.flex ul li a{color:#fff; font-family: "Roboto", sans-serif;text-transform:uppercase;font-weight: 700;}

.red-bottom .wrapper.flex p {text-transform:uppercase; font-family: "Roboto", sans-serif;overflow-wrap: break-word;}
.red-bottom .wrapper.flex ul {display:flex;gap:10px;}
.red-bottom .wrapper.flex ul li.borders{border-left:#fff 2px solid;border-right:#fff solid 2px;padding:0 10px;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.ground-bcrumbs,nav.breadcrumbs {padding-top:30px;}


.list-container-flexrow .view-listing-details-link,.list-redesign .widget-container .listing-widgets .shipping a,.faceted-search-content .selected-facets-container .selected-facet {background:#810000 !important;color:#fff !important;}



/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width:1500px) {
	.hours {max-width: 46%;}
}

@media only screen and (max-width:1280px) {
	.inventory-flex {max-width: 100%;}
	.other-categories,.rv-categories {gap:20px;}
	.showroom a.white-button button {max-width: 54%;}
	.hours {max-width: 55%;}
	.other-cat {max-width: 32%;}
	.rv-categories {gap: 10px;}
	.rvs-for-sale .wrapper.flex {padding: 0 0 9%;}
	.rv-categories {gap: 34px;}
	.inventory-flex {max-width: 100%;}
	.rv-relative {max-width: 48%;}
}

@media only screen and (max-width:1200px) {
	.form.flex {flex-direction: column;}
	.home-button {max-width:40%;}
	.rv-cat {height: 236px;}
	
}
@media only screen and (max-width:1100px) {
	.other-cat {max-width: 48%;}
}

@media only screen and (max-width:1000px) {
	.red-bottom .wrapper.flex {flex-direction: column;gap: 30px;}
	.left-side,.right-side {max-width: 100%;}
	.finance-cat {height: 100px;}
	.footer-logo {width: 100%;text-align: center;}
	.footer-logo img {width: 100%;max-width:80%}
	.hours {max-width: 90%;}
	.about .wrapper {max-width: 90%;}
	.links {max-width: 90%;}
	.rv-relative {max-width: 100%;}
	.rv-categories {gap: 40px;}
	.other-cat {max-width: 90%;margin: 0 auto;}
	.rv-cat a.red-button button {max-width: 90%;}
	a.red-button button {padding: 17px 3%;max-width: 90%;}
}
@media only screen and (max-width:900px) {
	.hero {aspect-ratio: 4/4;background-position: 96%;}
	.inventory-flex {max-width: 100%;}
	.other-categories {flex-direction: column;gap: 10px;}
	.other-cat {max-width: 100%;}
	.rv-heading h3 {text-align: center;line-height: 1.1;}
}

@media only screen and (max-width: 830px) {
	.form.flex,	ul.flex.heading-type {flex-direction:column;text-align: left;}
	ul.flex.heading-type {gap: 10px;text-align: center;}
	.finance-categories {flex-direction: column;gap:20px;}
	.finance-flex {max-width: 100%;}
	section.two-sections.finance .sec-1 {padding: 5% 0 6%;}
	.subhero {aspect-ratio: 9/3;}
}

@media only screen and (max-width: 800px) {
	.links {display:none;}
	a.facebook {margin-top:unset;}
}

@media only screen and (max-width: 700px) {
	.button-flex {flex-direction: column;}
	.hero-overlay .wrapper.flex {left:0;max-width: 90%;margin: 0 auto;top:unset;text-align: center;}
	.red-bottom .wrapper.flex ul {flex-direction: column;}
	.red-bottom .wrapper.flex ul li.borders {border-left:unset;border-right:unset;padding:10px 0;border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
	.red-bottom .wrapper.flex div {width:90%;margin:0 auto;text-align:center;}
	.foot-cat {gap: 10px;}
	.hero-overlay {justify-content: center;}
	.rv-cat {height: 200px;}
	.other-content p {padding-bottom: 5px;}
	.other-inventory .rv-heading {width:90%;margin:0 auto;}
	.showroom {padding: 26% 0;}
	.button.flex {flex-direction: column;}
	.button.flex a.black-button {max-width: 100%;}
	.button.flex {gap: 10px;}
}

@media only screen and (max-width: 520px) {
	.showroom a.white-button button {max-width:100%;}
	.hero {height: 370px;}
	.home-button {max-width: 90%;}
	button.black-button {max-width:100%;}
}

@media only screen and (max-width: 500px) {
	.line {max-width:3%;}
	.rvs-for-sale .wrapper.flex {padding:0 0 15%;}
}