@import "https://fonts.googleapis.com/css2?family=Righteous&display=swap";

.contact-companyinfo .contact-details-info,
.header .header-business-email,
.footer .footer-business-email {
	overflow-wrap: anywhere;
}

:root {
	--headerfont: "Righteous", sans-serif;
	--bodyfont: "Nunito Sans", sans-serif;
	--cw-accent: #c5060d;
	--cw-star: #ddaf0d;
}

.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-family: var(--bodyfont)
}

.font-body-Montserrat .form label {
	font-weight: 700
}

.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 .footer .nav-link,
.font-body-Montserrat .footer .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(--bodyfont)
}

.font-header,
.font-body-Montserrat .btn,
.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-family: var(--headerfont);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: uppercase;
	letter-spacing: .01rem;
	font-weight: 400 !important
}

.font-header,
.font-body-Montserrat .btn,
.am-title .pg-title,
.font-header-Montserrat h5.modal-title {
	font-style: italic
}

.slick-arrow i.fa-chevron-left::before {
	margin-left: 0
}

.slick-arrow i.fa-chevron-right::before {
	margin-right: 0
}

p {
	font-size: 1.1rem;
	line-height: 1.4rem
}

.btn {
	border-radius: .4vw
}

.btn-group-lg>.btn,
.btn-lg,
.btn:not(.slick-arrow):not(.btn-xs):not(.btn-md):not(.dropdown-toggle):not(.sn_more_btn) {
	/* padding: .8rem 1rem; */
	/* font-size: 1rem; */
	/* line-height: 1.5; */
	/* letter-spacing: .02rem */
}

.btn-accent {
	background: var(--color-theme-primary);
	border-color: var(--color-theme-primary)
}

.primary-bg {
	background: var(--color-theme-primary);
	color: var(--color-theme-text)
}

.dark-bg {
	background: var(--color-theme-secondary);
	color: var(--color-theme-text)
}

.star-color {
	color: var(--cw-star)
}

.form-select {
	padding: .9rem 2.25rem .9rem .9rem;
	border-radius: .4vw
}

.form-forms-address,
.form-forms-fullName,
.form-grid-row {
	align-items: flex-start
}

.star-rating label.star-active .fa,
.star-rating label.star-active~label .fa {
	font-weight: 700;
	color: var(--cw-star) !important
}

.star-rating label.star-active:hover~label,
.star-rating label.star-active~label:hover,
.star-rating label:hover,
.star-rating label:hover~label {
	color: var(--cw-star) !important
}

.form-control {
	border-radius: .2vw
}

.help-block {
	background-color: transparent;
	color: #c5060d
}

.help-block::before {
	color: #c5060d
}

.dropzone .btn {
	margin-right: .4rem
}

/* .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	background: 0 0 !important;
	width: 100% !important;
	border: 0 !important;
	padding: 0 !important
} */

.bootstrap-select button.btn.dropdown-toggle.form-control {
	font-style: normal;
	text-transform: none
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: 0 !important
}
/* 
.modal-header {
	background: var(--color-theme-primary) !important;
	color: var(--color-theme-text-btn) !important;
	padding: 1rem !important
}

.modal-content {
	color: var(--color-theme-text);
	border-color: var(--color-theme-primary) !important
}

.modal-title {
	color: var(--color-theme-text-btn) !important
}

.modal-header .btn-close {
	color: var(--color-theme-text-btn) !important;
	opacity: 1;
	margin-right: .3rem
}

.modal-header .btn-close {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTS4yOTMuMjkzYTEgMSAwIDAxMS40MTQgMEw4IDYuNTg2IDE0LjI5My4yOTNhMSAxIDAgMTExLjQxNCAxLjQxNEw5LjQxNCA4bDYuMjkzIDYuMjkzYTEgMSAwIDAxLTEuNDE0IDEuNDE0TDggOS40MTRsLTYuMjkzIDYuMjkzYTEgMSAwIDAxLTEuNDE0LTEuNDE0TDYuNTg2IDggLjI5MyAxLjcwN2ExIDEgMCAwMTAtMS40MTR6Jy8+PC9zdmc+)
}

.modal-header .btn-close:hover,
.modal-header .btn-close:focus,
.modal-header .btn-close:active {
	color: var(--color-theme-text-btn) !important;
} */

.roundedcorner {
	border-radius: 1vw
}

.roundedcorner-top {
	border-radius: .8vw .8vw 0 0
}

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

.header .navbar .dropdown-menu {
	border-radius: .5vw;
	background: var(--color-theme-background);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .2)
}

.header .navbar {
	border-radius: 0 0 1rem 1rem
}

.cw-header-info {
	background-color: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
	margin: 1rem;
	font-weight: 700;
	padding: .3rem 1.5rem .5rem;
	text-align: center
}

.cw-header-info a:hover {
	color: inherit;
	opacity: .85;
}

.header .navbar {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	width: auto;
	z-index: 1030
}

.page-inventory-details .header .navbar {
	position: unset;
	z-index: unset;
}

@media(max-width:991px) {
	section:not(.page-home) .cw-header-info {
		display: none
	}

	.header .navbar.bg-primary,
	.header .navbar {
		box-shadow: 0 1rem 3rem rgba(0, 0, 0, .2)
	}
}

@media(min-width:992px) {
	.cw-header-info {
		position: relative;
		z-index: 1031;
		margin: 0;
		border-radius: 0;
		padding: .5rem 1rem;
		display: block;
		background-image: linear-gradient(45deg, #000, #444, #000, #333);
		color: #fff;
		border-bottom: 4px solid var(--color-theme-primary);
		text-align: right
	}

	.cw-header-info a:hover {
		/* color: var(--color-theme-highlight); */
	}

}

.header .navbar .navbar-nav .nav-link,
.header .dropdown-item {
	border-radius: .5vw;
	overflow: hidden
}

.header .navbar .active>.nav-link,
.header .navbar .show>.nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active {
	background-color: var(--color-theme-primary);
	color: #000;
}

.header .navbar-dark .navbar-nav>.active .nav-link {
	color: #000 !important
}

.header .nav-link::before,
.header .navbar .dropdown-item::before {
	display: none
}

.header .navbar .nav-link,
.header .nav-link-cart,
.navbar-dark .dropdown-item {
	-webkit-transition: all 150ms 50ms ease-in-out;
	-moz-transition: all 150ms 50ms ease-in-out;
	-o-transition: all 150ms 50ms ease-in-out;
	transition: all 150ms 50ms ease-in-out
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .dropdown-item:focus,
.navbar-dark .dropdown-item:hover {
	background: var(--color-theme-highlight);
	color: #000
}

.navbar-dark .dropdown-item.active,
.navbar-dark .dropdown-item:active {
	color: var(--color-theme-text-btn)
}

.header .navbar .dropdown-item:hover {
	opacity: 1
}

.header .navbar .dropdown-item {
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center
}

@media(min-width:992px) {
	.header .header-container {
		display: flex;
		flex-flow: column-reverse
	}

	.navbar .container {
		max-width: 100%;
		align-items: flex-start
	}

	.navbar-collapse {
		flex-grow: initial
	}

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

	.header .navbar .dropdown-item {
		text-align: left
	}

	.header .navbar-expand-lg .navbar-nav {
		margin-top: 10px;
		margin-bottom: 10px
	}
}

@media(min-width:1200px) {
	.header li.nav-item {
		margin-right: 10px
	}

	.header li.nav-item:last-of-type {
		margin-right: 0
	}
}

@media(max-width:991px) {
	.navbar .container {
		text-align: center;
		max-width: 100%
	}

	.header .navbar .navbar-collapse .navbar-nav {
		margin-top: 1rem
	}
}

.header .navbar-toggler {
	background: var(--color-theme-secondary);
	border-color: var(--color-theme-text-btn);
	border-radius: 3rem;
	padding: .3rem 1.3rem .4rem
}

.header .navbar-toggler:hover {
	background: var(--color-theme-highlight)
}

.header .toggle .icon-bar {
	background-color: var(--color-theme-text-btn)
}

.phone-link {
	color: var(--color-theme-text)
}

:root {
	--cw-headerHeight: 140px
}

.title {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: left;
	color: var(--color-theme-text)
}

@media(min-width:768px) {
	.title {
		padding-top: 1.8em;
		padding-bottom: 1.8em;
		text-align: center;
		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent), url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_05.jpg);
		background-position: center;
		background-size: auto;
		color: #fff
	}
}

@media(min-width:992px) {
	.title {
		margin-top: calc(-1 * var(--cw-headerHeight));
		padding-top: calc(1rem + var(--cw-headerHeight))
	}
}

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

/* buttons just used in the hero so far */
.cw-btn-invert {
	background-color: var(--color-theme-text-btn);
	color: var(--color-theme-secondary);
}

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

/* -------------------- Hero ---------------------- */
.cw-hero {
	overflow: hidden;
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/7275F90C94C15682CCB03FF878D04D3B.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	position: relative;
	padding: 1rem 1rem;
}

.cw-hero:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7)
}

.cw-hero .cw-hero-content {
	position: relative;
	z-index: 2;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.cw-hero h1 {
	font-size: calc(1.4rem + 2vw);
	line-height: 1.05;
}

.cw-hero .cw-vertical-divider {
	display: none;
}

@media(min-width:992px) {

	.cw-hero {
		position: relative;
		z-index: 1;
		padding: 0;
		margin-top: calc(-1 * var(--cw-headerHeight));
		padding-top: var(--cw-headerHeight);

		/* height: 700px;*/
		min-height: 700px;
		display: flex;
		align-items: flex-end;
	}

	.cw-hero .cw-hero-content {
		/* max-width: clamp(300px, 40%, 700px); */
		margin-left: 0;

		height: 100%;
		display: flex;
		flex-flow: column;
		justify-content: flex-end;
		align-items: flex-start;
		padding: 1.5rem;

	}
}

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

	.cw-hero .cw-hero-content {
		max-width: clamp(300px, 40%, 700px);
		height: 100%;
	}

	.cw-hero:after {
		/* display: none; */
		background: transparent;
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0) 100%);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}


	.cw-hero h1 {
		font-size: 3rem;
	}

	.cw-hero .cw-vertical-divider {
		position: absolute;
		z-index: -1;
		left: -1px;

		bottom: 0;
		margin-bottom: 0px;
		min-height: 100%;
		height: 700px;
		width: calc(110% + 120px);

		display: flex;
		justify-content: flex-start;
		align-items: center;

	}

	.cw-hero .cw-vertical-divider .cw-divider-svg {
		display: block;
		width: 100%;
		min-height: 300%;
		margin-bottom: -45%;
		fill: var(--color-theme-primary);
	}

	.cw-hero .cw-vertical-divider .cw-divider-top {
		fill: #000
	}

}

/* -------------------- End Hero ---------------------- */

.crate {
	text-align: center;
	position: relative
}

.inventoryslideshow .inventory-title {
	font-size: 1.1rem !important
}

.inventoryslideshow .card a:hover {
	color: var(--color-theme-text)
}

.inventoryslideshow-btn .btn {
	padding: .8rem 2rem !important;
	font-size: 1.3rem !important;
	line-height: 1.5 !important;
	letter-spacing: .02rem !important
}

.inventoryslideshow .card,
.inventoryslideshow .price-block {
	background: #c5060d
}

.inventoryslideshow .card .card-body {
	background: #060606
}

.inventoryslideshow .price-block .label {
	display: none
}

.inventoryslideshow .price-block .value {
	font-family: var(--headerfont);
	font-weight: 400 !important;
	color: #fff !important
}

.inventoryslideshow .price-block {
	background: var(--color-theme-primary) !important;
	color: var(--color-theme-background) !important
}

.inventoryslideshow .price-block {
	background: var(--color-theme-primary) !important;
	color: var(--color-theme-background) !important;
	position: absolute !important;
	padding: .3rem .7rem !important;
	top: -37px !important;
	right: 10px
}

.inventoryslideshow .card-top-img {
	background-color: #fff !important
}

ul.features-list {
	padding: .2em !important
}

.inventoryslideshow .card-body .text-center {
	text-align: left !important;
	margin-top: .5rem
}

/* -------------------- Homepage Faq ---------------------- */
.cw-home-faq {
	background-image: linear-gradient(0deg, #262626, transparent), url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_05.jpg);
	background-size: contain
}

.bodystyle-button-text {
	color: var(--color-theme-text);
	position: relative;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
	height: auto;
	transition: .25s ease-in;
	transition-delay: .1s;
	z-index: 5;
	font-weight: 700
}

.bodystyle-link {
	position: relative;
	display: block
}

.bodystyle-link .bodystyle-link-img {
	position: relative;
	z-index: 5;
	max-width: 200px;
	margin: auto;
	transition: .3s ease-in-out
}

.bodystyle-button {
	margin-top: -3.5rem;
	width: 100%;
	padding: 2.7rem 2rem .7rem;
	text-align: center;
	display: block;
	position: relative;
	will-change: transform;
	background: var(--color-theme-background);
	border: 1px solid var(--color-theme-border);
	border-radius: .5vw;
	transition: .3s ease-in-out;
	transition-delay: .35s;
	overflow: hidden;
	z-index: 1
}

.bodystyle-button:before {
	content: "";
	display: block;
	background: var(--color-theme-primary);
	position: absolute;
	width: 200%;
	height: 500%;
	border-radius: 100%;
	transition: .8s cubic-bezier(.4, 0, 1, 1);
	z-index: 3
}

.bodystyle-button:after {
	content: "";
	display: block;
	background: var(--color-theme-highlight);
	position: absolute;
	width: 300%;
	height: 600%;
	border-radius: 100%;
	transition: .4s cubic-bezier(.4, 0, 1, 1);
	z-index: 2
}

.bodystyle-link:hover .bodystyle-button .bodystyle-button-text {
	color: var(--color-theme-text-btn)
}

.bodystyle-link:hover .bodystyle-button {
	color: transparent
}

.bodystyle-link .bodystyle-button:before {
	transform: translate(-110%, -80%) translateZ(0)
}

.bodystyle-link:hover .bodystyle-button:before {
	transform: translate(-45%, -34%) translateZ(0)
}

.bodystyle-link .bodystyle-button:after {
	transform: translate(-110%, -80%) translateZ(0)
}

.bodystyle-link:hover .bodystyle-button:after {
	transform: translate(-55%, -54%) translateZ(0)
}

.footer-info-business a:not(.footer-business-phone):not(.footer-business-email) {
	padding: .8rem 1.5rem
}

.footer a {
	border-radius: .8vw
}

.footer .nav-link {
	line-height: 1.7
}

.footer .dropdown-item:hover,
.footer a:not(.footer-business-phone):not(.footer-business-email):hover {
	background: var(--color-theme-highlight);
	color: var(--color-theme-text-btn)
}

.footer .dropdown-item,
.footer .nav-link {
	display: block;
	padding-left: 1rem;
	padding-right: 1rem
}

.inventory {
	padding-top: 0 !important;
	--cw-lighter-bg: color-mix(in srgb,
			var(--inventory-background) 96%,
			var(--inventory-text))
}

.inventory .card-header {
	background: var(--color-theme-secondary) !important;
	color: var(--color-theme-text-btn) !important;
	position: relative
}

.srp-sidebar .card-header::before {
	content: "";
	height: 3px !important;
	background: var(--color-theme-primary);
	border: 0 !important;
	position: absolute;
	width: 100%;
	display: block;
	left: 0 !important;
	bottom: 0;
	right: 0
}

.inventory .btn-link.btn-clear-filter {
	color: var(--color-theme-text) !important;
	padding: .5rem 1rem;
	background: var(--color-theme-primary);
	text-decoration: none;
	border-radius: .4vw;
	font-style: italic;
	font-family: var(--headerfont);
	text-transform: uppercase;
	letter-spacing: .01rem;
	font-weight: 400 !important
}

.inventory .btn-link.btn-clear-filter:hover,
.inventory .btn-link.btn-clear-filter:hover:focus {
	background-color: var(--color-theme-highlight);
	color: var(--color-theme-text-btn) !important;
	border-color: var(--color-theme-highlight)
}

.inventory .btn-link.btn-clear-filter.active:before,
.inventory .btn-link.btn-clear-filter:active:before,
.inventory .btn-link.btn-clear-filter:hover:before {
	right: 0
}

.inventory .btn-link.btn-clear-filter:before {
	background: var(--color-theme-highlight);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 100%;
	top: 0;
	z-index: -1;
	transition: all .3s ease;
}

.inventory-histogram-label .stop-top {
	stop-color: var(--color-theme-primary);
	stop-opacity: 1
}

.inventory .carousel-indicators [data-bs-target] {
	background-color: var(--color-theme-primary) !important
}

body .inventory .vehicle-card.layout-1 .price-mileage-block .value {
	font-family: var(--headerfont);
	font-weight: 400
}

.inventory .vehicle-card.layout-1 .price-mileage-block .value .dollar-symbol {
	left: -3px;
	font-size: .8em
}

.inventory .vehicle-card.layout-1 .price-mileage-block {
	border-radius: .4vw
}

.filter-widget .filter-body,
.inventory .vehicle-card.layout-1 .price-mileage-block {
	background: var(--color-theme-primary) !important;
	border: 0 !important
}

.inventory .vehicle-card .btn {
	padding: .6em 1.3em !important;
	background: #020202 !important;
	border: 0
}

body .inventory .srp-sidebar .card-header .card-title {
	font-family: var(--headerfont);
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.3em
}

.inventory-cta .btn.btn-primary.d-flex.flex-column:hover {
	color: var(--color-theme-text-btn) !important
}

.inventory [type=checkbox]:checked+label::before {
	background: var(--color-theme-primary) !important
}

.inventory [type=checkbox]+label::after,
.inventory [type=radio]+label::after {
	background: var(--color-theme-primary) !important
}

.inventory .col-12.col-lg-11.col-xl-10 {
	width: 98%
}

.inventory .financing a {
	color: var(--color-theme-header);
	font-size: .8rem
}

.inventory .p-veh-card .card-body {
	display: flex;
	flex-flow: column;
	justify-content: space-between
}

.inventory .inventory-card-view .p-veh-card .card-top-img {
	background-color: var(--inventory-background)
}

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

.inventory .inventory-card-view .p-veh-card .card-top-img img {
	background-color: transparent
}

.inventory .p-veh-card .carousel-indicators {
	background: var(--color-theme-background);
	background-color: color-mix(in srgb, var(--inventory-background) 70%, transparent);
	margin-bottom: 0;
	bottom: 0
}

body .inventory .card {
	color: var(--inventory-text);
	background: #232323;
	border-color: #232323;
	background: var(--cw-lighter-bg, #232323);
	border-color: var(--cw-lighter-bg, #232323);
	border-bottom: 4px solid var(--color-theme-primary);
	border-radius: 1em;
	overflow: hidden
}

.inventory .inventory-cta {
	background: #020202;
	padding-top: 1em !important
}

.inventory .filter-subsection {
	padding: 20px;
	border-bottom: 1px solid #111;
	border-radius: 1em
}

.inventory .srp-sidebar .filter-item-title::before {
	color: var(--inventory-primary) !important
}

.inventory .srp-sidebar a.filter-subsection-title::before {
	color: var(--inventory-primary) !important
}

@media(max-width:991px) {
	body .inventory .srp-sidebar {
		z-index: 1040
	}

	.inventory .filter-widget .close-filter {
		margin-left: 1rem;
		padding: 1px .5rem
	}
}

@media(min-width:992px) {
	.srp-sidebar {
		left: 0 !important
	}
}

/* --------------------VDP / Inventory Details page ---------------------- */
.inventorydetails .vdp__container {
	max-width: 100%;
}

@media(min-width:1300px) {
	.inventorydetails .vdp__container {
		padding: 0 2rem;
	}
}

.inventorydetails .disclaimerText {
	color: inherit;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .module {
	margin-top: 1.6rem;
}

.inventorydetails .vdp__title__mod.module {
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 2rem;
	color: var(--color-theme-text-btn);
	border-radius: .5rem;
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/34CE4DD4CE5D9A1D4149107E75E12BBC.jpg);
	background-position: center -250px;
	border-bottom: 3px solid var(--color-theme-primary)
}

.inventorydetails .vdp__title__mod.module::after {
	overflow: hidden;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, .5)
}

.inventorydetails .vdp__title__mod .d-flex {
	position: relative;
	z-index: 2;
	align-items: center !important
}

.inventorydetails .vdp__title__mod .veh__trim[VehicleHeadingWidgetCssScope] {
	display: inline-block
}

.inventorydetails .vdp__title__mod .veh__generation[VehicleHeadingWidgetCssScope] {
	display: inline-block;
	color: var(--color-theme-text-btn)
}

.inventorydetails .vdp__title__mod .veh__price[VehicleHeadingWidgetCssScope] {
	font-family: var(--headerfont) !important;
	color: var(--color-theme-text-btn) !important;
	font-weight: 400 !important
}

.inventorydetails .vdp__title__mod .veh__price__mileage__wrapper .veh__price sup[VehicleHeadingWidgetCssScope] {
	top: -15px !important
}

.inventorydetails .vdp__title__mod .veh__mileage[VehicleHeadingWidgetCssScope] {
	color: var(--color-theme-text-btn) !important
}

.inventorydetails .vdp__title__mod h1.veh__title[VehicleHeadingWidgetCssScope] {
	text-align: center;
	font-size: 2.25em;
	margin-top: 15px;
	font-style: italic;
}

@media(min-width:576px) {
	.inventorydetails .vdp__title__mod h1.veh__title[VehicleHeadingWidgetCssScope] {
		text-align: left
	}
}

@media(min-width:1200px) {
	.inventorydetails .vdp__title__mod h1.veh__title[VehicleHeadingWidgetCssScope] {
		font-size: 3rem
	}
}

.inventorydetails .loan__calc__content .btn-outline-secondary {
	font-size: 1rem !important;
	padding: 1rem .5rem !important
}

.inventorydetails .vdp__info__addt__mod .btn-secondary,
.inventorydetails .vdp__info__addt__mod .btn-secondary:focus {
	background-color: var(--color-theme-primary);
	border-color: var(--color-theme-primary);
	color: var(--color-theme-text-btn)
}

.inventorydetails .vdp__info__addt__mod .btn-secondary:hover,
.inventorydetails .vdp__info__addt__mod .btn-secondary:before {
	background-color: var(--color-theme-highlight)
}

.inventorydetails [type=checkbox]+label::before,
.inventorydetails [type=radio]+label::before {
	border-color: #000
}

.inventorydetails [type=checkbox]:hover+label::before,
.inventorydetails [type=radio]:hover+label::before {
	border-color: #fff
}

.inventorydetails .section__title,
.inventorydetails .section__title1,
.inventorydetails .section__title__wrapper {
	font-family: var(--headerfont);
	font-weight: 400 !important;
	font-size: 1.4rem;
	text-transform: uppercase;
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
	margin-top: 20px;
	color: var(--color-theme-header) !important
}

.inventorydetails .vdp__staff__mod .section__title,
.inventorydetails .vdp__staff__mod .section__subtitle,
.inventorydetails .vdp__staff__mod .section__callout__title {
	font-family: var(--headerfont);
	font-weight: 400 !important
}

.inventorydetails .veh__price {
	font-family: var(--headerfont);
	font-weight: 400
}

.inventorydetails .vdp__dealerInfo__mod.module {
	background-image: linear-gradient(0deg, #181818, #333) !important;
	border-bottom: 3px solid var(--color-theme-primary) !important;
	box-shadow: 0 5px 9px #000;
	border: 0 !important;
	padding: 1.5rem !important;
	border-radius: .8vw !important;
}

.inventorydetails .narrow-container .vdp__message__mod.module {
	border: 0 !important;
	padding: 1.5rem !important;
	border-radius: .8vw !important;
	background-color: var(--color-theme-secondary);
	color: var(--color-theme-text-btn)
}

.inventorydetails .narrow-container .vdp__message__mod.module .disclaimerText a {
	color: var(--color-theme-primary);
	text-decoration: underline !important
}

.inventorydetails .narrow-container .vdp__message__mod.module label,
.inventorydetails .narrow-container .vdp__message__mod.module .section__title,
.inventorydetails .narrow-container .vdp__message__mod.module .text-link,
.inventorydetails .narrow-container .vdp__message__mod.module .disclaimerText {
	color: var(--color-theme-text-btn) !important
}

.inventorydetails .vdp__message__mod.module .section__title,
.inventorydetails .vdp__dealerInfo__mod.module .section__title {
	margin-top: 0
}

.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
	background-color: transparent !important;
	border: 0 !important;
	padding: 0 !important
}

.inventorydetails .vdp-module-canvas-razor-wrapper .brdr__rad10 {
	border-radius: 0 !important
}

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

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:before,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover {
	background-color: var(--color-theme-highlight);
	color: var(--color-theme-text-btn)
}

.inventorydetails .vdp__features__mod .features__content .veh__features {
	margin-bottom: 20px
}

.inventorydetails .hours__status.hours__status__closed {
	background-color: #c72931;
	color: #fff !important
}

.inventorydetails #LeadFormModal-RequestPhotos .vdp__message__mod.module {
	margin-top: 0 !important
}

.inventorydetails #LeadFormModal-RequestPhotos .modal-title,
.inventorydetails #viewAllPhotosModal .modal-title {
	font-size: 1.5em !important
}

.inventorydetails .vdp__loanCalc__mod.module {
	padding: 1.5rem;
	background-image: linear-gradient(0deg, #181818, #333);
	border-bottom: 3px solid var(--color-theme-primary) !important;
	box-shadow: 0 5px 9px #000;
	border-radius: .8vw
}

.inventorydetails .vdp__info__addt__mod {
	border-top: 0 !important;
	background: var(--color-theme-secondary);
	color: var(--color-theme-text-btn) !important;
	border-radius: .8vw;
	padding: 1.5rem !important
}

.inventorydetails .vdp__info__addt__mod label {
	color: var(--color-theme-text-btn) !important
}

.inventorydetails .vdp__info__addt__mod .fuel__econ .mpg__icon {
	padding: 12px 20px !important;
	width: 70px;
	height: 70px;
	border: 1px solid #ededed;
	background-color: #fff;
	border-radius: 50px;
	-webkit-filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));
	background: var(--color-theme-background);
	color: var(--color-theme-primary) !important
}

.inventorydetails .vdp-module-canvas-razor-wrapper .photos__wrapper {
	padding: 0 !important;
	background: 0 0 !important
}

.inventorydetails .photos__wrapper img {
	margin: 0 !important;
	border-radius: .8vw !important
}

@media(min-width:992px) {
	.inventorydetails .vdp-module-canvas-razor-wrapper .photos__wrapper {
		margin-top: 1rem
	}
}

.inventorydetails .vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
	background-color: #444 !important;
	color: #fff
}

.inventorydetails .vdp-module-canvas-razor-wrapper a {
	color: #e3e3e3;
}

.inventorydetails .section__title,
.inventorydetails .section__subtitle,
.inventorydetails .section__callout__title {
	color: #fff
}

.inventorydetails p.veh__desc {
	color: var(--inventory-text)
}

.inventorydetails .vdp-module-canvas-razor-wrapper .loan__calc__content label:not(.btn) {
	color: #fff
}

.inventorydetails [LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper {
	background-color: transparent;
}

.inventorydetails [LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper .value sup {
	top: -.9em;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary {
	background-color: var(--color-theme-primary) !important;
	color: #000  !important;
}

/* -------------------- FAQ ---------------------- */
.cw-faq {
	text-align: start;
	padding: 3rem 0;
	margin: 1rem 0;
}

.cw-faq .collapse-header {
	position: relative;
	padding: 1.1rem 4rem 1.1rem 1em;
	margin-bottom: 2px;
	background: var(--color-theme-secondary);
	color: var(--color-theme-text);
	border-bottom: 2px solid var(--color-theme-primary);
	display: block;
	overflow: hidden;
	font-size: 1.1em;
	font-weight: 700;
	border-radius: .8vw
}

.cw-faq .collapse-header:hover,
.cw-faq .collapse-header:not(.collapsed) {
	background: var(--color-theme-secondary);
	color: var(--color-theme-text-btn)
}

.cw-faq .collapse-header::after {
	content: "+";
	position: absolute;
	z-index: 3;
	right: 1em;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	font-size: 1.5em;
	line-height: 1em;
	transition: .2s
}

.cw-faq .collapse-header.collapsed::after {
	transform: translateY(-50%);
}

.cw-faq .collaspe-content {
	padding: 2rem 1em
}

/* -------------------- About ---------------------- */
.cw-about {}

.cw-about h5 {
	color: var(--color-theme-header);
}

/* -------------------- employees module ---------------------- */
.employees {
	padding-top: 0;
	padding-bottom: 1em
}

.employees .container {
	max-width: 100%
}

.employees .employees-title {
	color: var(--color-theme-primary);
	font-size: 1rem;
	font-weight: 700 !important;
}

.employees .card.employees-circle {
	margin-top: 5.5em;
	max-width: 30%;
	border-style: solid var(--color-theme-secondary);
}

.employees .employees-circle-inner {
	background-image: linear-gradient(0deg, #181818, #333);
	border-radius: 1em;
	border-bottom: 7px solid var(--color-theme-primary);
	box-shadow: 0 6px 11px #111
}

.employees .employees-circle .employees-contact {
	background: #232323
}

h2.employees-name {
	background-image: linear-gradient(45deg, transparent, var(--color-theme-primary), transparent)
}

.testimonial-body {
	border-bottom: 2px solid #d71c23;
	box-shadow: 0 1px 11px 2px #000;
	background-image: linear-gradient(180deg, #181818, #333);
	border-radius: 3vw 0;
	margin-bottom: 1rem
}

.testimonial-avatar {
	border-radius: 50%;
	width: 58px;
	height: 58px;
	overflow: hidden
}

.testimonial-avatar img {
	object-fit: cover
}

.testimonial-avatar .testimonial-avatar-letter {
	font-size: 1.7rem;
	font-family: var(--headerfont);
	text-align: center;
	height: 100%;
	padding-top: .55rem
}

.testimonial-info {
	padding: 0;
	border-radius: 2em 0 0 2em;
	border-bottom: 4px solid #d71c23;
	position: relative;
	z-index: 2;
	left: -3%
}

.testimonial-content p:last-of-type {
	margin-bottom: 0
}

.testimonial-stars i {
	font-size: 1.1rem
}

.testimonial {
	font-size: 1rem;
	font-style: italic;
	margin: 1rem auto 2rem;
	padding-left: 2rem;
	padding-right: 2rem
}

@media(min-width:567px) {
	.testimonial {
		font-size: 1.5rem
	}
}

.testimonial-slider-item .crate {
	height: 100%
}

.testimonial-slider .testimonial-arrow {
	top: 50%
}

.testimonial-slider .testimonial-arrow-prev {
	left: -1em
}

.testimonial-slider .testimonial-arrow-next {
	right: -1.1em
}

.fa-map-marker::before {
	content: "\f3c5"
}

.page-home .text {
	padding-top: 3em;
	padding-bottom: 2em;
	background-image: linear-gradient(0deg, #121212, transparent), url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_05.jpg)
}

.page-home .inventoryslideshow {
	text-align: center;
	padding-top: 2em;
	padding-bottom: 1em
}

section.cw-body-styles.py-3.tighter-col {
	background-image: linear-gradient(0deg, black, #131314, #131314)
}

section.cw-search {
	position: relative;
	margin: auto;
	background: #000;
	border-bottom: 2px solid #d71c23;
	box-shadow: 0 8px 10px #d71c23
}

.cw-grand-hero {
	background: #000;
	display: block;
	overflow: hidden;
	position: relative;

	color: #fff;
	padding-top: 4em;
	padding-bottom: 3em;
	text-align: center;
}


.cw-grand-hero:before {
	overflow: hidden;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgb(0, 0, 0, .6)
}


.cw-grand-hero .container {
	position: relative;
	z-index: 2
}

.cw-grand-title {
	word-break: keep-all;
	white-space: pre-wrap;
	font-size: 2rem;
	line-height: 1.2
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.cw-grand-hero {
		background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/2A35723DCA7AAD962097E58E7602F0C2.jpg");
		/*background-image: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 100%), url('imgurl');*/
		background-position: center;
		background-size: cover;
		background-attachment: fixed;
		background-repeat: no-repeat;
	}

	.cw-grand-hero {
		padding-top: 6em;
		padding-bottom: 5em;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.cw-grand-title {
		font-size: 3rem;
	}
}


.popular-vehicles-sections {
	margin-top: 5rem
}

.popular-vehicles-section {
	padding: 2em 0;
	position: relative
}

.popular-vehicles-section-heading {
	background-image: linear-gradient(90deg, var(--color-theme-primary), transparent);
	color: #000;
	padding-top: 10px;
	padding-left: 15px;
	border-radius: 10px 0 0 10px
}

.popular-vehicle-link {
	padding-bottom: 1em
}

.form h2.form-forms-header,
.loan-app-module h2.form-forms-header,
.businessinfo h2.form-forms-header {
	background-image: linear-gradient(90deg, var(--color-theme-primary), transparent);
	color: #000;
	padding: 10px 15px;
	border-radius: 10px 0 0 10px
}

@media(min-width:768px) {

	.form h2.form-forms-header,
	.loan-app-module h2.form-forms-header,
	.businessinfo h2.form-forms-header {
		width: 50%
	}
}

.footer,
.footer .dropdown-menu,
.footer .footer-bottom-section {
	background: var(--color-theme-secondary)
}

/* -------------------- Body style section ---------------------- */
.bodystyle-link .bodystyle-text {
	width: 100%;
	height: 100%;
	text-align: left;
	z-index: 2;
	position: relative;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, .35);
	font-family: var(--headerfont);
	text-align: center
}

.bodystyle-link .bodystyle-text::before {
	font-family: var(--bodyfont);
	content: "  \02039";
	position: relative;
	right: 8px;
	top: -1px;
	transition: right .5s ease-out;
	width: 2rem;
	height: 1rem;
	line-height: 0;
	font-size: 2rem;
	letter-spacing: -4px
}

.bodystyle-link .bodystyle-text:after {
	font-family: var(--bodyfont);
	content: "  \0203A";
	position: relative;
	left: 0;
	top: -1px;
	transition: left .5s ease-out;
	width: 2rem;
	height: 1rem;
	line-height: 0;
	font-size: 2rem;
	letter-spacing: -4px
}

.bodystyle-link:hover .bodystyle-text::before,
.bodystyle-link:focus .bodystyle-text::before {
	content: "  \02039\02039";
	right: 1.8rem
}

.bodystyle-link:hover .bodystyle-text::after,
.bodystyle-link:focus .bodystyle-text::after {
	content: "  \0203A\0203A";
	left: 1rem
}

.card__multi__style1 .item__flex {
	margin-top: auto !important;
	border: none !important;
	background-color: #333 !important;
	color: var(--inventoryslideshow-text)
}

.inventoryslideshow-container {
	padding-top: 50px;
	padding-bottom: 50px
}

.productslideshow .product-img-block img,
.products .product-img-block img {
	object-fit: cover !important;
	width: 100% !important
}

.productslideshow .product-title a {
	color: var(--color-theme-text) !important
}

.productslideshow .product-price {
	color: var(--color-theme-primary) !important
}

@media(min-width:992px) {
	.navbar-expand-lg .navbar-collapse {
		margin-left: auto !important
	}
}

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

.line+.businessinfo,
.title+.businessinfo {
	padding-top: 3.5em !important
}



/* Text with Image =================================================================================================== */

/* This code is for Homepage about us */

.cw-welcome-angle {
	position: relative;
}

/* .cw-welcome-angle::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-theme-primary);
	clip-path: polygon(0 1%, 29% 51%, 0 100%, 50% 51%);
	height: 100%;
	width: 8vw;
	z-index: 2;
	transform: rotateY(180deg);
}

.cw-welcome-angle::after {
	content: "";
	position: absolute;
	top: 0;
	right: -1px;
	bottom: 0;
	background-color: var(--color-theme-secondary);
	clip-path: polygon(0 1%, 0 100%, 50% 51%);
	height: 100%;
	width: 8vw;
	z-index: 1;
	transform: rotateY(180deg);
} */

/* This code is for Homepage Service and about us */

.cw-angle {
	position: relative;
}

.cw-angle::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: var(--color-theme-primary);
	clip-path: polygon(0 1%, 29% 51%, 0 100%, 50% 51%);
	height: 100%;
	width: 8vw;
	z-index: 2;
}

.cw-angle::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: var(--color-theme-secondary);
	clip-path: polygon(0 1%, 0 100%, 50% 51%);
	height: 100%;
	width: 8vw;
	z-index: 1;
}

/* inventory and VDP width fixes */

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

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

/* -------------------- Sticky nav fixes/changes ---------------------- */
/*  fix sticky nav width  */
.inventorydetails .vdp__sticky-navigation__mod.row,
.inventorydetails .full-container .vdp__photoGrid.row {
	margin-left: 0;
	margin-right: 0;
}


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

/* -------------------- VDP colors (tacked on during Sticky nav addition. There might be some overlap with code above, but we can clean that up later. ---------------------- */
.page-inventory-details label {
	color: inherit;
}

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-secondary);
	color: var(--color-theme-text-btn);
	border-color: var(--color-theme-secondary)
}

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

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-secondary);
	color: var(--color-theme-text-btn)
}

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

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


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

.btn-primary,
.businessinfo .btn-primary, 
.form .btn-primary {
    color: #000 !important;
}

.inventory .vehicle-card.layout-1 .price-mileage-block .label, 
.inventory .vehicle-card.layout-1 .price-mileage-block .value {
	color: #000 !important;
}

.page-inventory-details .vdp-module-canvas-razor-wrapper .btn-primary {
    color: #000 !important;
}

.page-inventory-details .vdp-module-canvas-razor-wrapper .btn-primary:hover,
.page-inventory-details .vdp-module-canvas-razor-wrapper .btn-primary::before {
	background-color: var(--color-theme-secondary) !important;
    color: #fff !important;
}

.cw-about .btn-light:hover {
    background: var(--color-theme-secondary);
    color: var(--color-theme-text-btn) !important;
}


.loan-app-module .btn-primary.disabled, .loan-app-module .btn-primary:disabled {
    color: #FFF !important;
    border: 1px solid #fff !important;
}