@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Sofia+Sans+Extra+Condensed:wght@400;700&display=swap';

:root {
	--warning: #962a2f;
	--cw-color-dark: #397b88;
	--cw-color-light: #EFF1F3;
	--cw-primary-hover: #FECE29;
	--cw-secondary-hover: #FECE29;
	/* --cw-tertiary: #323C48; */
	/* --cw-tertiary-hover: #18222F; */

}

:root {
	--sitefont: 'Sofia Sans Extra Condensed', sans-serif;
	--bodyfont: 'Inter', sans-serif
}

/* -------------------- Global ---------------------- */
body {
	font-family: var(--bodyfont)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--sitefont)
}

p {
	font-family: var(--bodyfont)
}

.cw-bodyfont {
	font-family: var(--bodyfont);
}

.font-body,
.font-body-Montserrat,
.font-body-Montserrat .contact-details,
.font-body-Montserrat .gallery-img-text,
.font-body-Montserrat .label-frms,
.font-body-Montserrat .products .filter-item label.form-check-label,
.font-body-Montserrat .form-text,
.font-body-Montserrat .form label,
.font-body-Montserrat .businessinfo label,
.font-body-Montserrat .eCommerce label,
.font-body-Montserrat .products .product-price-range-text,
.font-body-Montserrat .address-type,
.font-body-Montserrat .font-bold,
.font-body-Montserrat .header .nav-link,
.font-body-Montserrat .header .dropdown-item,
.font-body-Montserrat .gallery .gallery-img-wrap,
.font-body-Montserrat .btn,
.font-body-Montserrat .product-results,
.font-body-Montserrat .btn-link,
.font-body-Montserrat .employees .employees-title,
.font-body-Montserrat .page-item.active .page-link,
.font-body-Montserrat .modal-success .modal-title {
	font-family: var(--sitefont);
}

.font-body-Montserrat .footer .nav-link,
.font-body-Montserrat .footer .dropdown-item {
	font-family: var(--bodyfont)
}

.font-header,
.font-header-Montserrat .error-title,
.font-header-Montserrat .header .header-business-name,
.font-header-Montserrat .header .navbar-brand,
.font-header-Montserrat .footer .footer-business-name,
.font-header-Montserrat .title .title-heading,
.font-header-Montserrat .businessinfo .contact-title,
.font-header-Montserrat .employees .employees-name,
.font-header-Montserrat h5.modal-title,
.font-header-Montserrat .gallery .gallery-album-name,
.font-header-Montserrat .list .list-text-title,
.font-header-Montserrat .productslideshow .productslideshow-title-heading,
.font-header-Montserrat .productslideshow .productslideshow-item h3.product-title,
.font-header-Montserrat .detailedlist .detailedlist-item-title,
.font-header-Montserrat .products-loading-container .loader-text,
.font-header-Montserrat .products .filter-item-title,
.font-header-Montserrat .shoppingcart .shoppingcart-titles,
.font-header-Montserrat .productdetails-bottom .nav-tabs .nav-item.nav-link,
.font-header-Montserrat .eCommerce .shoppingcart-titles,
.font-header-Montserrat h1,
.font-header-Montserrat h2,
.font-header-Montserrat h3,
.font-header-Montserrat h4,
.font-header-Montserrat h5,
.font-header-Montserrat h6,
.font-header-Montserrat .products .product-title,
.font-header-Montserrat .productdetails .product-title,
.font-header-Montserrat .productdetails-modal-lightbox .modal-title,
.font-header-Montserrat .productslideshow h3.product-title,
.font-header-Montserrat .eCommerce .product-title,
.font-header-Montserrat .cart-preview .product-title,
.font-header-Montserrat .products-modal .product-title {
	font-family: var(--sitefont)
}

.breadcrumb {
	font-size: 14px
}

.breadcrumb a {
	color: unset
}

.btn50 {
	min-height: 50px
}

.badge {
	border: 1px solid;
	font-size: .65em
}

.container {
	max-width: 1500px
}

@media(max-width:991px) {
	.container-fluid-mobile {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important
	}
}

.btn-link {
	color: var(--color-theme-primary);
	font-size: 20px
}

.btn-link:hover {
	color: var(--cw-primary-hover);
}

.btn {
	font-size: 20px
}

.btn-primary:hover {
	border-color: var(--cw-primary-hover);
	background: var(--cw-primary-hover);
	color: var(--color-theme-text-btn)
}

.btn-secondary {
	border-color: var(--color-theme-secondary);
	background: var(--color-theme-secondary);
	color: var(--color-theme-text)
}

.btn-secondary:hover {
	/* border-color: var(--cw-secondary-hover); */
	/* background: var(--cw-secondary-hover); */
	/* color: var(--color-theme-text) !important; */
}

/* .btn-tertiary {
	border-color: var(--cw-tertiary);
	background: var(--cw-tertiary);
	color: var(--color-theme-text)
}

.btn-tertiary:hover {
	border-color: var(--cw-tertiary-hover);
	background: var(--cw-tertiary-hover);
	color: var(--color-theme-text-btn)
} */

.btn-primary:before,
.btn-secondary:before {
	background: unset
}

.form .smaller-cont.row {
	margin-bottom: 10px
}

.form .bootstrap-select {
	background-color: var(--cw-color-light);
	color: var(--color-theme-text);
	/* opacity: .8; */
	border-color: transparent;
	border-radius: 4px !important
}

.bootstrap-select>.dropdown-toggle.bs-placeholder::after {
	display: none;
}


.bootstrap-select>.dropdown-toggle.bs-placeholder {
	background-color: transparent;
	color: #666;
	/* color: var(--color-theme-text); */

	border-radius: 4px !important;
	color: inherit;
	opacity: .8;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	/* color: inherit; */
	/* opacity: .8; */
}

.bootstrap-select .form-select {
	border-radius: 4px !important
}


.form .form-select {
	padding: 0
}

.form label {
	font-weight: 700 !important
}

@media(max-width:991px) {
	.hero__style3 .hero__content .hero__headline {
		font-size: 4rem;
		line-height: .9
	}

	.hero__style3 .hero__content .hero__subhead {
		font-size: 1.5rem;
		line-height: 2
	}
}

/* -------------------- Inventory page ---------------------- */

.inventory-container {
	max-width: 1500px;
	width: 100%;
	margin-right: auto;
	margin-left: auto
}

body .inventory .carousel-indicators {
	bottom: 0px;
	margin-bottom: 0px;
}

.p-veh-card .card-top-img a {
	display: block;
}


.inventory-container .col-xl-10 {
	width: 100%
}

.inventory .inventory-cta .btn:hover {
	color: var(--color-theme-text-btn) !important;
}

.srp-sidebar .card-title {
	margin-bottom: 0
}

.srp-sidebar .form-control-sm {
	min-height: unset;
	max-height: unset
}

.inventory .card-header {
	background: var(--cw-color-dark) !important
}

.inventory .srp-sidebar .btn-link.btn-clear-filter,
.inventory .srp-sidebar .card-header .card-title,
.inventory .srp-sidebar .card-header .close-filter {
	color: var(--color-theme-text-btn)
}

.inventory .vehicle-card.layout-1 .price-mileage-block .value {
	font-weight: 700 !important;
	font-size: 1.25em !important
}

.filter-item-title .card-title {
	color: var(--cw-color-dark)
}


.inventory .vehicle-card.layout-1 .price-mileage-block {
	padding: 10px 0 !important;
	border-radius: 6px;
	background-color: var(--color-theme-text-btn) !important
}

.inventory-seo-content {
	margin-top: 20px
}

.popular-vehicle-link {
	color: var(--cw-color-dark)
}

.inventory .srp-sidebar .card-header::before {
	content: none !important
}

.popular-vehicle-link:first-line {
	font-weight: 700
}

.popular-vehicles-section-panel [class*=col-] {
	margin-bottom: 20px !important
}

/* -------------------- inventory-details ---------------------- */

.page-inventory-details .wide-container .section__title__wrapper {
	background: var(--color-theme-primary);
	border-radius: 10px;
	transform: skewX(-10deg)
}

.page-inventory-details .wide-container .section__title,
.page-inventory-details .wide-container .section__title1 {
	color: var(--color-theme-text-btn);
	border-radius: 10px;
	transform: skewX(10deg);
	padding: 10px 10px 10px 20px;
	border-bottom: 0
}

.page-inventory-details .vdp__message__mod {
	padding: 25px !important;
	filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
	background: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
	/* margin-top: 0 !important; */
	border-radius: 10px
}

.page-inventory-details .vdp__message__mod .section__title {
	color: var(--color-theme-text-btn);
	border-bottom: 0
}

.page-inventory-details .vdp__message__mod .btn.btn-primary {
	border-color: var(--color-theme-text-btn);
}

.page-inventory-details .vdp__title__mod {
	max-width: 1500px;
	margin: 25px auto !important;
	padding: 0 10px
}

/* -------------------- Navbar ---------------------- */
.header .navbar {
	background: 0 0 !important;
}

.header .navbar .active>.nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active,
.header .navbar .show>.nav-link {
	background-color: transparent
}

.header .header-container {
	color: var(--cw-color-light);
}

/* .header .navbar-nav .nav-item a, */
.header .navbar-nav .nav-item .nav-link:not(.nav-link-cart) {
	font-size: 20px;
	margin-right: 15px;
	margin-left: 15px;
	padding: 10px 0;
	display: inline-block
}

.header .navbar-nav .nav-item a.dropdown-item {
	margin: 0;
	font-size: 20px;
	padding: 8px 4px;
}

.header .navbar-nav .nav-item a.dropdown-item .badge {
	color: inherit;
	border-color: inherit;
}

.header .navbar-nav .cart-count {
	padding: 2px;
	margin-top: 0;
	font-size: 10px;
	color: #000;
	min-height: 15px;
	border-radius: 50px
}

.header .navbar .nav-link,
.header .nav-link-cart {
	line-height: 30px
}

.header .navbar .nav-link::before,
.header .nav-link-cart::after {
	border-width: 1px
}

.header .navbar .dropdown-menu {
	filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.15));
}

.header .navbar .dropdown-item:hover {
	opacity: unset;
}

.header .navbar-toggler {
	border: none;
}

.header .navbar :focus {
	box-shadow: none;
}

.header .navbar .container {
	position: relative;
}

.header .navbar .dropdown-menu {
	min-width: 200px;
}

/* -------------------- customHeader ---------------------- */
.header__top {
	background: var(--color-theme-primary);
	padding: 10px
}

.header__top a {
	color: #fff
}

.header__top .pipe {
	padding: 0 15px
}

/* -------------------- SECTIONTITLE ---------------------- */

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {

	/** Adds top margin to all pages to account for fixed header**/
	/* body {
		margin-top: var(--cw-headerHeight);
	} */
	section[class*=page-]:not(.page-inventory-details) {
		margin-top: var(--cw-headerHeight)
	}

	/* There's a script to make the variable always the size of the header container */
	:root {
		--cw-headerHeight: 124px;
	}

	/* Affixing header. Might need adjustment if the code for .affix starts working */
	section:not(.page-inventory-details) .header .header-container {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 1030;
	}

	.hero__main {
		margin-top: calc(-1 * var(--cw-headerHeight));
	}

	.header .navbar,
	.header .navbar.bg-primary {
		background: 0 0 !important
	}

	.header .navbar-brand {
		min-height: auto;
		margin-left: 0;
		display: inline-block !important;
		order: 0
	}


	.header .navbar-brand:hover {
		opacity: .8;
	}

	.header .navbar.header-scroll {
		background: var(--cw-color-dark) !important;
		transition: all .5s ease;
		filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.25));
		opacity: .95;
		/* color: var(--cw-color-light) !important */
	}

	.page-inventory-details .header .navbar {
		transition: all 0s;
		opacity: 1;
	}

	.header .navbar.header-scroll .navbar-brand {
		background-color: transparent
	}

	.header .navbar.header-scroll .navbar-nav .nav-link {
		color: var(--color-theme-text-btn) !important
	}

	.header .navbar.header-scroll .navbar-nav .nav-item:last-of-type .nav-link {
		color: var(--color-theme-text) !important
	}

	.header .navbar>.container .navbar-cart {
		order: 1
	}

	.header .navbar>.container .navbar-brand {
		order: 3
	}

	.header .navbar>.container .navbar-collapse {
		order: 2
	}

	.header.has-cart .collapse.justify-content-center,
	.header .navbar-collapse.justify-content-center {
		justify-content: flex-end !important
	}

	.navbar-collapse {
		flex-grow: initial
	}

	.header .navbar .dropdown-menu {
		background: var(--color-theme-background)
	}

	.header .navbar .dropdown-menu .dropdown-item {
		color: var(--color-theme-text)
	}

	.header .nav-link-cart,
	.header .navbar .nav-link {
		line-height: 20px;
		font-size: 14px
	}

	.header .navbar .navbar-nav .nav-link {
		padding-right: 0;
		padding-left: 0;
		color: var(--color-theme-text);
		font-weight: 400
	}

	.header .navbar .navbar-nav .nav-link .cart-count {
		color: var(--color-theme-text);
		border-color: var(--color-theme-text);
	}

	.header li.nav-item {
		margin-right: 10px
	}

	.header li.nav-item:last-of-type {
		margin-right: 0;
		background: var(--color-theme-secondary);
		border-radius: 5px;
		padding: 0 10px
	}
}

@media(min-width: 1200px) {}


/* -------------------- Global title modules ---------------------- */
.section__title__h2 .section__title__preline {
	font-size: 1.75rem;
	position: relative;
	z-index: 2;
	color: var(--color-theme-text);
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400 !important
}


.section__title__h2 .section__title {
	font-size: 2.5rem;
	line-height: .9;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--color-theme-text);
	display: block
}

@media(max-width:767px) {}

@media(max-width:576px) {}

/* -------------------- SECTIONTITLE ---------------------- */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	.section__title__h2 .section__title__preline {
		font-size: 2rem;
	}

	.section__title__h2 .section__title {
		font-size: 3rem;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.section__title__h2 .section__title__preline {
		font-size: 3rem;
	}


	.section__title__h2 .section__title {
		font-size: 3.5rem;
	}
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}



.form__hero {
	background: var(--color-theme-border);
	/* margin-top: 10px */
}

.form__hero .container {
	padding-top: 40px;
	padding-bottom: 25px;
}

.form__hero .hero__page__h1 {
	position: relative;
	z-index: 1
}

.form__hero .hero__page__h1 .hero__preline {
	font-size: 2rem;
	position: relative;
	color: var(--color-theme-text);
	display: block;
	margin-bottom: 0;
	font-weight: 400
}


.form__hero .hero__page__h1 .hero__headline {
	font-size: 2rem;
	line-height: .9;
	font-weight: 700;
	margin-bottom: 20px;
	display: block
}

.form__hero .section__title__copy {
	margin-bottom: 0
}

@media (min-width: 768px) {
	.form__hero .hero__page__h1 .hero__preline {
		font-size: 3rem;
	}

	.form__hero .hero__page__h1 .hero__headline {
		font-size: 4rem;
	}
}

@media (min-width: 992px) {
	.form__hero {
		margin-top: 10px
	}
}

/* -------------------- Checkout Page ---------------------- */

.page-checkout .form-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px
}

.page-checkout .form-row>.col,
.page-checkout .form-row>[class*=col-] {
	padding-right: 5px;
	padding-left: 5px
}

.page-checkout .checkout-content .form-group {
	margin-bottom: 20px
}

.eCommerce .form-control:focus {
	border-color: var(--color-theme-primary)
}

.hero__main {
	position: relative;
	z-index: 10;
	background: linear-gradient(180deg, var(--cw-color-light) 0%, #ffffff 100%);
}

.hero__main .hero__img__main {
	max-width: 1500px
}

.hero__main .hero__wrapper {
	width: 100%;
	padding: 50px 0 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-theme-text);
	overflow: hidden
}

.hero__main .hero__content {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center
}

.hero__main .hero__content .hero__h1 .hero__preline {
	font-size: 3rem;
	position: relative;
	color: var(--color-theme-text);
	display: block;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.1;
}


.hero__main .hero__content .hero__h1 .hero__headline {
	font-size: 3rem;
	line-height: .9;
	font-weight: 700;
	margin-bottom: 20px;
	display: block
}

.hero__main .hero__content .hero__subhead {
	font-size: 2em;
	font-weight: 700
}

.hero__main .hero__content .hero__copy {
	font-size: 1em;
	border-left: 2px solid var(--color-theme-primary);
	padding-left: 10px
}

.hero__main .hero__content .hero__CTA i {
	font-size: 14px;
	margin-left: 10px
}

.hero__main .search__wrapper {
	background: var(--color-theme-secondary);
	-webkit-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
	padding: 50px 0
}

@media(max-width:767px) {
	.hero__main .hero__content .hero__h1 .hero__preline {
		font-size: 2rem
	}


	.hero__img__main {
		max-width: unset;
		width: 100%
	}

	.hero__main .hero__content .hero__h1 .hero__preline::before {
		/* background-size: 45px 30px; */
		/* width: 45px; */
		/* height: 30px; */
		/* left: -26px; */
		/* top: 7px */
	}
}

@media (min-width: 768px) {
	.hero__main .hero__content .hero__h1 .hero__headline {
		font-size: 4rem
	}
}

@media (min-width: 992px) {
	.hero__main .hero__content .hero__h1 .hero__headline {
		font-size: 6rem
	}

	.hero__main .hero__wrapper {
		padding: calc(40px + var(--cw-headerHeight)) 0 50px;
	}
}


.cw-search-combine {
	/* margin-top: -200px; */
	z-index: 5;
	position: relative
}

/* hide search labels */
.page-home .inventory-search-module .container .form__wrapper label {
	display: none;
}

/*  Homepage - Search Module */
.page-home .inventory-search-module {
	display: flex;
	margin: 0 !important;
}

.page-home .inventory-search-module .container {
	position: relative;
}

.page-home .inventory-search-module .container .form__wrapper {
	padding: 40px 0;
	border: 0;
}

.page-home .inventory-search-module .container .form__wrapper .form-select {
	background-color: var(--color-theme-background);
	color: var(--color-theme-text);
}

.page-home .inventory-search-module .container .form__wrapper .btn-primary {
	border-color: var(--color-theme-secondary);
	background: var(--color-theme-secondary);
	color: var(--color-theme-text)
}

.page-home .inventory-search-module .container .form__wrapper .btn-primary:hover {
	border-color: var(--cw-secondary-hover);
	background: var(--cw-secondary-hover);
	color: var(--color-theme-text) !important
}

@media (min-width: 1400px) {
	.page-home .inventory-search-module .container .form__wrapper {
		position: absolute;
		z-index: 8;
		left: 0;
		margin-left: 60px;
		top: -340px;
		width: 100%;
		max-width: calc(42% - 10px);
		padding: 20px;
		display: flex;
		flex-direction: column;
		align-items: unset;
		border: none;

	}

	.page-home .inventory-search-module .search__input {
		min-width: 40%;
		flex-basis: 90%;
		flex-grow: 1;
	}

	.page-home .inventory-search-module .container .form__wrapper .search__input--min-year,
	.page-home .inventory-search-module .container .form__wrapper .search__input--max-year {
		min-width: 45%;
		flex-basis: 45%;
	}


	.page-home .inventory-search-module .search__input.search__input-make {
		order: 1;
	}

	.page-home .inventory-search-module .search__input.search__input--model {
		order: 3;
	}

	.page-home .inventory-search-module .search__input.search__input--min-year {
		order: 5;
	}

	.page-home .inventory-search-module .search__input.search__input--max-year {
		order: 6;
	}

	.page-home .inventory-search-module .search__input.search__input--max-price {
		order: 2;
	}

	.page-home .inventory-search-module .search__input.search__input--max-mileage {
		order: 4;
	}

	.page-home .inventory-search-module .search__input:last-of-type {
		order: 7;
	}

	.page-home .inventory-search-module .search__input {
		min-width: 40%;
		flex-basis: 45%;
		flex-grow: 1;
	}

	.page-home .inventory-search-module .container .form__wrapper .search__input--min-year,
	.page-home .inventory-search-module .container .form__wrapper .search__input--max-year {
		min-width: 20%;
		flex-basis: 20%;
	}
}

@media (min-width: 1500px) {
	.page-home .inventory-search-module .container .form__wrapper {
		max-width: calc(47% - 10px);

	}
}

/* -------------------- End Search overlap ---------------------- */

.info__item__alt__container .col {
	border-right: 1px solid var(--cw-color-dark);
	margin-top: 10px
}

.info__item__alt__container .col .info__item__alt__wrapper .info__item__icon__wrapper img {
	max-width: 44px;
	max-height: 44px
}

.info__item__alt__container .col .info__item__alt__wrapper .info__item__headline {
	font-size: 18px;
	line-height: 1
}

.info__item__alt__container .col .info__item__alt__wrapper .info__item__headline span {
	color: var(--color-theme-secondary)
}

.info__item__alt__container .col .info__item__alt__wrapper .info__item__subheadline {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.25
}

.info__item__alt__container .col .info__item__alt__wrapper.info__item__dark {
	color: var(--color-theme-text)
}

.info__item__alt__container .col .info__item__alt__wrapper.info__item__light {
	color: var(--color-theme-text-btn)
}

.info__item__alt__container .col:last-of-type {
	border-right: none;
	margin-right: 0
}

@media(max-width:768px) {
	.info__item__alt__container .col {
		border-right: none
	}
}

.featured__veh__section {
	margin-top: 70px;
	text-align: center
}

.financing__section {
	margin-top: 100px
}

.financing__section .info__item__wrapper {
	margin-bottom: 40px
}

.financing__section .info__item__wrapper .info__item__icon__wrapper {
	padding: 10px;
	min-width: 60px;
	min-height: 60px;
	border-radius: 10px;
	background-color: var(--color-theme-primary);
	outline: 2px solid var(--color-theme-primary);
	outline-offset: 5px
}

.financing__section .info__item__wrapper .info__item__icon__wrapper i {
	font-size: 32px
}

.financing__section .info__item__wrapper .info__item__headline {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 5px
}

.financing__section .info__item__wrapper .info__item__headline span {
	color: var(--color-theme-secondary)
}

.financing__section .info__item__wrapper .info__item__copy {
	font-size: 12px;
	margin-bottom: 0
}

.financing__section .info__item__wrapper .info__item__subheadline {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5
}

.financing__section .info__item__wrapper.info__item__dark {
	color: var(--color-theme-text)
}

.financing__section .info__item__wrapper.info__item__light {
	color: var(--color-theme-text-btn)
}

@media(max-width:576px) {
	.financing__section .info__item__wrapper .info__item__icon__wrapper {
		padding: 10px;
		min-width: 40px;
		min-height: 40px;
		outline-offset: 5px
	}

	.financing__section .info__item__wrapper .info__item__icon__wrapper i {
		font-size: 20px
	}
}

@media(max-width:991px) {
	.financing__section .financing__img {
		position: relative;
		margin-top: -130px
	}
}

.electric__section {
	margin-top: 100px
}

.trade__section {
	margin-top: 100px;
	text-align: center
}

@media(max-width:767px) {
	.trade__section {
		margin-top: 50px
	}
}

.detail__tint__section {
	margin-top: 100px
}

.detailing__wrapper {
	transform: skewX(-10deg);
	border-radius: 50px;
	height: 500px;
	overflow: hidden;
	filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
	margin-bottom: 25px;
	width: 95%
}

.detailing__wrapper img {
	transform: skewX(10deg);
	position: relative
}

@media(max-width:767px) {
	.detailing__wrapper {
		transform: unset;
		border-radius: 20px;
		max-height: 300px;
		overflow: hidden;
		margin-bottom: 25px;
		width: 100%
	}

	.detailing__wrapper img {
		transform: unset;
		position: relative
	}
}

@media(max-width:767px) {
	.detail__tint__section {
		margin-top: 70px
	}
}

.shop__confident__section {
	/* margin-top: 100px; */
	background: linear-gradient(180deg, var(--cw-color-light) 0%, #ffffff 100%);
	padding: 100px 0 100px
}

.shop__confident__section .container {
	position: relative
}

.shop__confident__section .graphic-accent {
	position: absolute;
	top: -122px;
	right: 0;
	max-width: 200px
}

@media (min-width: 992px) {
	.shop__confident__section {
		margin-top: 100px;
	}
}

/* -------------------- Customer satisfaction section ---------------------- */
.customer__satisfaction__section {
	padding: 70px 0 200px;
	background: var(--cw-color-dark);
	border-radius: 50px 50px 0 0;
	text-align: center
}

@media (min-width: 768px) {

	.customer__satisfaction__section {
		border-radius: 100px 100px 0 0;
		padding-top: 100px;
	}
}

.cs__contentBlurb {
	margin-top: -150px
}


.cs__contentBlurb .blurb__item {
	margin-bottom: 70px
}

.cs__contentBlurb .blurb__wrapper {
	margin-bottom: 20px;
	padding: 25px;
	background: var(--cw-color-light);
	border-radius: 25px;
	filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15))
}

.cs__contentBlurb .blurb__wrapper:last-of-type {
	margin-bottom: 0
}

.cs__contentBlurb .blurb__wrapper .blurb__img__wrapper {
	text-align: center;
	aspect-ratio: 2.33333333;
	overflow: hidden;
	position: relative;
	border-radius: 25px;
	margin-top: -70px;
	margin-bottom: 20px
}

.cs__contentBlurb .blurb__wrapper .blurb__img__wrapper img {
	border-radius: 25px;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.cs__contentBlurb .blurb__wrapper .blurb__pre__title {
	background: var(--cw-color-dark);
	color: var(--color-theme-secondary);
	padding: 3px 15px;
	border-radius: 4px;
	display: inline-block;
	margin-bottom: 5px
}

.cs__contentBlurb .blurb__wrapper .blurb__title {
	font-size: 2em;
	font-weight: 700;
	line-height: 1;
	margin: 10px 0
}

.cs__contentBlurb .blurb__wrapper .blurb__copy {
	margin-bottom: 20px
}

/* -------------------- Homepage Testimonials ---------------------- */

.testimonial__section {
	position: relative;
	margin-top: 20px;
	overflow: hidden
}

.testimonial__section .testimonial__item {
	border-radius: 25px;
	padding: 50px;
	filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
	margin-bottom: 25px;
	background: var(--cw-color-light);
	background: var(--cw-color-light);
	color: #000;
}

.testimonial__section .testimonial__item .testimonial__name {
	font-size: 1.25em;
	font-weight: 700
}

.testimonial__section .testimonial__item .testimonial__date {
	font-size: 1em
}

.testimonial__section .testimonial__item .testimonial__title {
	font-size: 2em;
	font-weight: 700
}

.testimonial__section .testimonial__item .testimonial__copy p {
	font-size: 1em
}

.testimonial__section .testimonial__item .testimonial__copy p:last-of-type {
	margin-bottom: 0
}

.testimonial__section .testimonial__item .star__rating {
	margin-bottom: 10px
}

.testimonial__section .star__rating i {
	padding-right: 2px;
	color: #ffc109
}

.testimonial__section .blob__graphic {
	content: "";
	position: absolute;
	top: 0;
	left: -300px;
	height: 400px;
	width: 800px;
	transform: skewX(-15deg);
	transform-origin: bottom right;
	background: var(--color-theme-secondary);
	z-index: -1;
	border-radius: 60px;
	transform: rotate(5deg)
}

.testimonial__section .blob__graphic::after {
	content: "";
	position: absolute;
	top: 130px;
	left: 10px;
	height: 400px;
	width: 800px;
	transform: skewX(-2deg);
	transform-origin: bottom left;
	background: var(--color-theme-secondary);
	z-index: -1;
	border-radius: 60px;
	transform: rotate(-10deg)
}

@media(max-width:767px) {
	.testimonial__section {
		margin-top: 70px
	}
}

@media(max-width:576px) {
	.testimonial__section .testimonial__item {
		padding: 25px
	}

	.testimonial__section .blob__graphic {
		top: -30px
	}
}

/* --------------- background gradients with no content ---------------------- */

.bg__light__section,
.bg__light__section__search {
	position: absolute;
	left: 0;
	width: 100%;
	background: var(--cw-color-light);
	background: linear-gradient(180deg, var(--cw-color-light) 0%, var(--color-theme-background) 100%);
	z-index: -2;
	margin-top: -250px;
	height: 540px;
}

.bg__light__section__search {
	margin-top: -600px;
	height: 1000px;
}

@media (min-width: 768px) {
	.bg__light__section__search {
		margin-top: -400px;
	}
}

@media (min-width: 1400px) {
	.bg__light__section__search {
		margin-top: -280px;
	}
}

/* message us section */
.message__us__section {
	/* margin-top: -180px; */
	text-align: center;
	padding-top: 80px;
	/* padding-bottom: 70px; */
	background: transparent;
	background-image: linear-gradient(to top,
			var(--cw-color-dark) 0%,
			var(--cw-color-dark) 70px,
			transparent 70px,
			transparent 100%);
	background-position: center;
	background-size: cover;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

/* Different wrappers with the background shapes */
.poly__dark .section__title__preline {
	color: var(--color-theme-text-btn)
}


.poly__dark .section__title {
	color: var(--color-theme-secondary)
}

.poly__dark .section__title__copy {
	/* color: var(--color-theme-text-btn); */
	color: var(--color-theme-text-btn);
}

.poly__primary {
	overflow: hidden;
}

.poly__primary .section__title__preline {
	color: var(--color-theme-text-btn);
}

.poly__primary .section__title {
	color: var(--color-theme-text-btn)
}

.poly__primary .section__title__copy {
	color: var(--color-theme-text-btn)
}

/*  */


.blob__wrapper {
	display: inline-block;
	height: auto;
	width: auto;
	position: relative
}

.blob__wrapper .blob__wrapper__container {
	top: 0;
	left: 0;
	border-radius: 50px;
	height: auto;
	width: auto;
	overflow: hidden;
	background: var(--cw-color-dark);
	transform: skewY(5deg);
	padding: 150px 100px 0
}

.blob__wrapper .blob__content {
	transform: skewY(-5deg);
	transform-origin: top left;
	height: 100%;
	width: 100%
}

.blob__wrapper:after {
	content: "";
	position: absolute;
	bottom: -4%;
	left: 0;
	height: 80%;
	width: 100%;
	transform: skewY(-10deg);
	transform-origin: bottom right;
	background: var(--cw-color-dark);
	z-index: -1;
	border-radius: 50px;
	filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15))
}

@media(max-width:991px) {
	.blob__wrapper::after {
		display: none
	}

	.blob__wrapper .blob__wrapper__container {
		transform: unset;
		padding: 100px 50px
	}

	.blob__wrapper .blob__content {
		transform: unset
	}
}

@media(max-width:576px) {
	.blob__wrapper .blob__wrapper__container {
		padding: 70px 25px 120px
	}
}

.blob__wrapper__fluid {
	display: inline-block;
	height: auto;
	width: 95%;
	position: relative;
	filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15))
}

.blob__wrapper__fluid .blob__wrapper__container {
	top: 0;
	left: 0;
	border-radius: 50px;
	height: auto;
	width: calc(100% - 50px);
	overflow: hidden;
	background: var(--color-theme-primary);
	transform: skewX(10deg);
	padding: 75px 0 75px 100px
}

.blob__wrapper__fluid .blob__content {
	transform: skewX(-10deg);
	transform-origin: top left;
	height: 100%;
	width: 100%
}

.blob__wrapper__fluid:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 20px;
	height: 100%;
	width: calc(100% - 50px);
	transform: skewX(-15deg);
	transform-origin: bottom right;
	background: var(--color-theme-primary);
	z-index: -1;
	border-radius: 50px
}

@media(max-width:1499px) {
	.blob__wrapper__fluid {
		width: 85%
	}
}

@media(max-width:991px) {
	.blob__wrapper__fluid {
		width: 100%
	}

	.blob__wrapper__fluid .blob__wrapper__container {
		width: 100%;
		transform: unset;
		padding: 50px;
		border-radius: 100px 100px 0 0
	}

	.blob__wrapper__fluid .blob__content {
		transform: unset
	}

	.blob__wrapper__fluid:after {
		display: none
	}
}

@media(max-width:767px) {
	.blob__wrapper__fluid .blob__wrapper__container {
		border-radius: 50px 50px 0 0
	}
}

@media(max-width:576px) {
	.blob__wrapper__fluid .blob__wrapper__container {
		padding: 70px 25px 50px
	}
}

.page-home .inventoryslideshow {
	background: unset;
	padding-top: 1em;
	padding-bottom: 1em;
}

.page-home .card__multi__style4 .item__card__details__wrapper__upper {
	min-height: unset !important
}

.page-home .card__multi__style4 .item__flex {
	padding: 10px 20px
}

.page-home .card__multi__style4 .item__card__details__wrapper .item__title h3 {
	line-height: 1
}

.page-home .card__multi__style4 .item__card__details__wrapper .item__style {
	line-height: 1
}

.page-home .item__card__details__wrapper__lower a:first-of-type {
	width: 100%
}


/* -------------------- popular Vehicles ---------------------- */
.page-home .popular-vehicles-sections {
	margin-top: 100px
}

.page-home .popular-vehicles-sections .popular-vehicles-section {
	position: relative;
	border: 1px solid var(--border);
	border-radius: 25px;
	padding: 50px;
	background: var(--cw-color-light);
	filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15))
}

.page-home .popular-vehicles-sections .popular-vehicles-section-heading {
	font-size: 3.5rem;
	position: relative;
	z-index: 1
}

.page-home .popular-vehicle-link {
	font-size: 1.25rem;
	line-height: 1.25
}

.page-home .popular-vehicle-link::first-line {
	font-weight: 700;
	font-size: 1.5rem
}

.page-home .businessinfo {
	background: var(--cw-color-dark);
	/* margin-top: -70px */
}

.page-home .businessinfo label {
	color: var(--color-theme-text-btn)
}

.page-home .businessinfo .contact-title.contact-businessname {
	color: var(--color-theme-text-btn);
	font-size: 2rem
}

.page-home .businessinfo,
.page-home .businessinfo .contact-address,
.page-home .businessinfo .contact-details a,
.page-home .businessinfo .contact-hourstime {
	color: var(--color-theme-text-btn);
	font-size: 1.25rem
}

.page-home .contact-title .contact-title-container {
	border: none;
	text-transform: none
}

.page-home .businessinfo .contact-title:not(.contact-businessname),
.page-home .businessinfo .form-forms-header,
.page-home .businessinfo .form-sent-message {
	color: var(--color-theme-text-btn)
}

@media(max-width:767px) {
	.page-home .popular-vehicles-sections .popular-vehicles-section-heading {
		font-size: 3rem
	}

}

@media(max-width:576px) {
	.page-home .popular-vehicles-sections .popular-vehicles-section {
		padding: 50px 25px 25px
	}

	.popular-vehicle-link {
		font-size: 1rem
	}

	.popular-vehicle-link::first-line {
		font-size: 1.25rem
	}

	.popular-vehicles-section-panel [class*=col-] {
		margin-bottom: 10px !important
	}

	.popular-vehicles-section:last-of-type {
		margin-bottom: 0 !important
	}
}

.inventoryslideshow .inventoryslideshow-btn a.btn-primary {
	background-color: var(--color-theme-secondary);
	color: #000;
}

/* -------------------- Logo Icons before some spots ---------------------- */

.section__title__h2 .section__title__preline::before,
.form__hero .hero__page__h1 .hero__preline::before,
.hero__main .hero__content .hero__h1 .hero__preline::before,
.page-home .popular-vehicles-sections .popular-vehicles-section-heading::before {
	content: "";
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/53932E949A2AB99E844D65F96BFD7FBC.png);
	background-repeat: no-repeat;
	background-size: contain;

	display: inline-block;
	position: absolute;
	z-index: -1;

	--cw-icon-width: 40px;
	--cw-icon-height: calc(var(--cw-icon-width) * .625);
	width: var(--cw-icon-width);
	height: var(--cw-icon-height);
	/* top: calc(.5 * (100% - var(--cw-icon-height))); */
	/* right: 100%; */
	left: 0;
	bottom: 100%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	.section__title__h2 .section__title__preline::before,
	.form__hero .hero__page__h1 .hero__preline::before,
	.hero__main .hero__content .hero__h1 .hero__preline::before,
	.page-home .popular-vehicles-sections .popular-vehicles-section-heading::before {
		--cw-icon-width: 40px;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.section__title__h2 .section__title__preline.cw-icon-left::before,
	.form__hero .hero__page__h1 .hero__preline.cw-icon-left::before,
	.hero__main .hero__content .hero__h1 .hero__preline.cw-icon-left::before,
	.page-home .popular-vehicles-sections .popular-vehicles-section-heading.cw-icon-left::before {
		top: calc(.5 * (100% - var(--cw-icon-height)));
		right: calc(100% + 5px);
		left: unset;
		bottom: unset;
	}

	.section__title__h2 .section__title__preline::before,
	.form__hero .hero__page__h1 .hero__preline::before,
	.hero__main .hero__content .hero__h1 .hero__preline::before,
	.page-home .popular-vehicles-sections .popular-vehicles-section-heading::before {
		--cw-icon-width: 50px;
	}

}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1500px) {

	.section__title__h2 .section__title__preline::before,
	.form__hero .hero__page__h1 .hero__preline::before,
	.hero__main .hero__content .hero__h1 .hero__preline::before,
	.page-home .popular-vehicles-sections .popular-vehicles-section-heading::before {
		top: calc(.5 * (100% - var(--cw-icon-height)));
		right: calc(100% + 5px);
		left: unset;
		bottom: unset;
	}

	.page-home .popular-vehicles-sections .popular-vehicles-section-heading::before {
		--cw-icon-width: 40px;
	}
}

/* -------------------- End Home ---------------------- */

/* -------------------- Other pages ---------------------- */


.ourStory__section {
	margin: 50px auto
}

.ourStory__section .signature {
	max-width: 120px
}


.page-shopping-request .form-wrap textarea {
	height: 4em !important
}

.page-shopping-request .form-grid-row {
	align-items: start
}

.page-value-my-trade .form-grid-row {
	align-items: start
}

.page-value-my-trade .form-wrap textarea {
	/* height: 4em !important */
}

/* -------------------- employees module ---------------------- */

.employees-circle-inner {
	border: 0;
	border-radius: 25px;
	padding: 50px;
	background: var(--cw-color-light);
	filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
	margin-bottom: 25px
}

.employees {
	background-color: #fff;
	padding-top: 20px
}

.employee__title {
	padding: 50px 0 0;
	text-align: center;
	background-color: #fff
}

.employee__title h1 {
	margin-bottom: 0
}

.employees .employees-title {
	color: var(--color-theme-primary)
}

.employees .card.employees-circle {
	flex: 0 0 23%;
	max-width: 23%;
	background-color: #fff;
	margin-bottom: 0;
	border: 0
}

.employees .employees-circle .employees-contact {
	background: 0 0
}

.employees-img-square {
	border-radius: 10px
}

.employees.employees-circles .employees-img-circle {
	border-radius: 10px;
	border-width: 2px;
	filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15))
}

.employees-img-circlephoto {
	border-radius: 10px
}

.employees.employees-circles .employees-img-circle {
	border-top-color: var(--employees-border)
}

.employees .card.employees-circle .employees-contact {
	padding: 0 1.2em 1.2em
}

/* -------------------- Form stuff ---------------------- */
label {
	/* font-weight: 700; */
	/* margin-bottom: 0 */
}

.help-block {
	background-color: transparent;
	color: var(--warning);
	margin-top: 10px;
	padding: 0;
	font-family: inherit;
	font-size: 16px
}

.help-block::before {
	display: none
}

.form-row {
	margin-bottom: 20px
}

.form-row:last-of-type {
	margin-bottom: 0
}

.form-control,
.form-select {
	border-radius: 4px;

	background-color: var(--cw-color-light);
	color: var(--cw-color-dark);
	border-color: transparent;
	font-family: sans-serif;
}

.form-control:focus {
	border-bottom: 2px solid var(--color-theme-primary);
	/* background-color: var(--color-theme-text-btn); */
	box-shadow: none !important
}

.form-control.validation__invalid__input {
	border-color: var(--warning);
	color: var(--warning)
}

.validation__invalid__copy {
	color: var(--warning);
	font-size: .875em
}

.validation__invalid__label {
	color: var(--warning)
}

.form-check {
	padding-left: 0;
	margin-bottom: 10px
}

.form-check-inline {
	margin-right: 1.5rem
}

.formDisclaimer__content-wrapper {
	font-family: "Montserrat", sans-serif;
	color: inherit;
}

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

.social__gallery__section {
	margin-bottom: -300px;
	overflow: hidden
}

.social__gallery__section .social__img__grid {
	display: -ms-grid;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-gap: 1rem
}

.social__gallery__section .social__item {
	filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
	color: #fff;
	border-radius: 10px;
	aspect-ratio: 1;
	overflow: hidden;
	position: relative
}

.social__gallery__section .social__item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.social__gallery__section .footer__img__main {
	width: 1500px
}

/* Actual custom footer  */
.footer__global {
	padding-top: 300px;
	margin-top: 50px;
	background: var(--cw-color-dark);
	color: #fff;
}

.footer__global .container {
	padding-bottom: 50px
}

.footer__global .business__info__wrapper .business__name,
.footer__global .business-hours .bh-title {
	font-size: 24px;
	font-weight: 700;
	padding-left: 0;
	border: none
}

.business-hours .today {
	color: var(--color-theme-secondary)
}

.footer__global .business__info__wrapper .business__contact__info__wrapper {
	font-family: var(--bodyfont);
	font-size: 14px
}

.footer__global .footerNavItems .nav__item__title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
	color: unset
}

.footer__global .footerNavItems ul li {
	margin-bottom: 10px;
	font-family: var(--bodyfont);
	font-size: 14px
}

.footer__global,
.footer__global .nav-link,
.footer__global a {
	color: #fff
}

.footer__global .social__share .social__icon {
	margin-right: 15px
}

.footer__global .social__share .social__icon:last-of-type {
	margin-right: 0
}

.footer__global .social__share .social__icon i {
	color: #fff;
	font-size: 18px
}

footer.footer {
	padding-top: 0
}

footer.footer>.container {
	display: none
}

footer.footer .footer-bottom-section {
	border-top: none;
	padding-top: 1rem;
	padding-bottom: 1rem
}

.social__share .social__icon {
	font-size: 20px;
	margin-right: 15px
}

.social__share .social__icon:last-of-type {
	margin-right: 0
}

/* -------------------- Fixes ---------------------- */
.inventory .inventory-container>.row {
	/* Fix for inventory row expanding beyond site width */
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 991px) {
	body .inventory .srp-sidebar {
		/* Should help keep search results page in front of navbar.*/
		/* likely also need to reduce highest navbar/other elements z-index to around 1030-1039 */
		z-index: 1040;
	}
}

@media (min-width: 992px) {
	.header .dropdown-menu[data-bs-popper] {
		/* make navbar dropdowns right aligned so they don't go off page when navbar is right aligned */
		left: unset;
		right: 0;
	}
}

.form-grid-row>.form-forms-date {
	/* Hopefully fixes form popups being underneath other dropdowns/boxes */
	z-index: unset;
}


/* -------------------- VDP color fixes ---------------------- */
body .vdp-module-canvas-razor-wrapper .btn-secondary,
body .vdp-module-canvas-razor-wrapper .btn-secondary:focus {
	background-color: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
	border-color: var(--color-theme-primary)
}

body .vdp-module-canvas-razor-wrapper .btn-secondary:hover,
body .vdp-module-canvas-razor-wrapper .btn-secondary:hover:focus,
body .vdp-module-canvas-razor-wrapper .btn-secondary:not([disabled]):not(.disabled).active,
body .vdp-module-canvas-razor-wrapper .btn-secondary:not([disabled]):not(.disabled):active,
body .vdp-module-canvas-razor-wrapper .show>.btn-secondary.dropdown-toggle {
	background-color: var(--color-theme-highlight);
	color: var(--color-theme-text-btn);
	border-color: var(--color-theme-highlight)
}

body .vdp-module-canvas-razor-wrapper .btn-secondary:before {
	background: var(--color-theme-highlight)
}

body .vdp-module-canvas-razor-wrapper .btn-outline-secondary {
	border-color: var(--color-theme-primary);
	color: var(--color-theme-primary);
	background-color: var(--color-theme-text-btn)
}

body .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
body .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover:focus,
body .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled).active,
body .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled):active,
body .vdp-module-canvas-razor-wrapper .show>.btn-outline-secondary.dropdown-toggle {
	background-color: var(--color-theme-highlight);
	color: var(--color-theme-text-btn);
}

body .vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
	background: var(--color-theme-highlight)
}

body .vdp-module-canvas-razor-wrapper .btn-check:active+.btn-outline-secondary,
body .vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary,
body .vdp-module-canvas-razor-wrapper .btn-outline-secondary.active,
body .vdp-module-canvas-razor-wrapper .btn-outline-secondary.dropdown-toggle.show,
body .vdp-module-canvas-razor-wrapper .btn-outline-secondary:active {
	color: var(--color-theme-text-btn);
	background-color: var(--color-theme-primary);
	border-color: var(--color-theme-primary)
}

/* -------------------- Sticky nav fixes/changes ---------------------- */

/*  fix sticky nav width  */
/* .inventorydetails .vdp__sticky-navigation__mod.row {
	margin-left: 0;
	margin-right: 0;
} */

/* Fix VDP width */
/* .inventorydetails .vdp__container .columns>.row {
	margin-left: 0;
	margin-right: 0;
} */

.inventorydetails .builder-canvas__sticky-container .sn_item_container {
	font-size: 1rem;
}

.inventorydetails .builder-canvas__sticky-container .sn_item_icon {
	margin-right: 5px;
}

/* Sets sticky top offset and appropriate z-index */
.page-inventory-details .builder-canvas__sticky-container {
	z-index: 1029;
}

/* resets z-index higher than navbar when a modal is open. */
.page-inventory-details .builder-canvas__sticky-container:has(.modal.show) {
	z-index: 1055;
}

.inventorydetails .vdp__quickconnect__mod.module {
	margin-top: 35px;
}

.inventorydetails .disclaimerText {
	font-family: var(--bodyfont);
}

.inventorydetails [DealershipInfoWidgetCssScope] .modal-body .disclaimerText {
	color: inherit !important;
}

@media (min-width: 992px) {

	/* Adjustment for fixed header */
	/* .page-inventory-details .builder-canvas__sticky-container {
		top: var(--cw-headerHeight);
	} */

	.inventorydetails .vdp__quickconnect__mod.module {
		margin-top: 0;
	}
}

@media (max-width: 991px) {

	/* Hide pre-header on mobile on VDP */
	.page-inventory-details .header__top {
		display: none;
	}
}