/* @import "https://use.typekit.net/gsc0umw.css"; */

:root {
	/* --headerfont: "lulo-one", sans-serif */
	--cw-navHeight: 70px;
}

.font-header-Montserrat h1 {
	/* font-family: lulo-one, sans-serif; */
	text-transform: uppercase;
	letter-spacing: .12em;
	line-height: 1.1;
	font-weight: 900;
}

/* -------------------- Header / Navbar ---------------------- */
.header .cart-count,
.header .dropdown-item,
.header .nav-link,
.header .navbar-brand,
.header .navbar-dark .navbar-nav .nav-link {
	color: var(--header-navigationbartext);
	color: #fff;
	text-shadow: 2px 2px 2px #000
}

.cw-header {
	position: relative;
	z-index: 0;
}

.cw-header p {
	font-size: .7em;
	letter-spacing: 1px;
	margin-bottom: 2px
}

.header .navbar-brand {
	padding: 0;
	min-height: auto;
	background-image: url({logourl});
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 120px;
	height: 50px;
	font-size: 0;
	filter: drop-shadow(0.5px 0.5px 2px rgba(255, 255, 255, 0.8));
}

.header .nav-link-cart,
.header .navbar .nav-link {
	line-height: 30px;
	font-size: .95em
}

.navbar .container {
	text-align: center;
	max-width: 100%
}

@media(min-width: 992px) {
	.header {
		background-color: transparent;
	}

	.header .navbar {
		transition: background-color .5s ease-in-out
	}

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

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

	.page-home .header .navbar.bg-primary {
		background: rgba(58, 69, 47, .8) !important;
	}

	.heroslider {
		margin-top: -70px;
		position: relative;
		z-index: -1;
	}

	.navbar>.container {
		justify-content: center
	}



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

	.header .navbar-collapse {
		flex-grow: 0
	}

	.navbar .container {
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px
	}
}

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

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

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

.cw-heroslider .cw-img-bg {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.cw-heroslider .cw-hero-content img {
	width: 600px;
}

.cw-heroslider .cw-hero-content {
	position: relative;
	z-index: 2;
	padding-top: 3rem;
	padding-bottom: 5rem;
	color: var(--color-theme-text-btn);
}

@media (min-width: 576px) {

	.cw-heroslider .cw-hero-content {
		/* padding-top: 3rem; */
		padding-bottom: 7rem;
	}
}


@media (min-width: 768px) {
	.cw-heroslider .cw-hero-content {
		padding-top: 5rem;
		padding-bottom: 9rem;
	}
}

@media (min-width: 992px) {
	.cw-heroslider {
		margin-top: -70px;
		margin-top: calc(-1 * var(--cw-navHeight));
		z-index: -1;
	}

	.cw-heroslider .cw-hero-content {
		padding-top: 9rem;
		padding-bottom: 11rem;
	}
}

@media (min-width: 1200px) {
	.cw-heroslider .cw-hero-content {
		/* padding-top: 9rem; */
		padding-bottom: 16rem;
	}
}

@media (min-width: 1400px) {
	.cw-heroslider .cw-img-bg {
		object-position: center;
	}
}

/* -------------------- Home page title ---------------------- */

.cw-home-title {
	margin-top: 1rem;
}

.cw-home-title h1 {
	font-size: 1.5rem
}

.cw-home-title h1 span {
	font-size: .5em;
	display: inline-block;
	line-height: 1.5;
	margin-bottom: .5rem;
}

@media (min-width: 576px) {
	.cw-home-title {
		margin-top: 3rem;
	}

	.cw-home-title h1 {
		font-size: 1.8rem
	}
}

@media(min-width: 768px) {
	.cw-home-title h1 {
		font-size: 2.3rem
	}
}

/* -------------------- Buttons ---------------------- */
.cw-main-buttons {
	background-color: var(--color-theme-background);
	padding: 2em 0
}

.cw-main-buttons .cw-button {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .75);
	position: relative;
	padding-right: 0;
	display: flex;
	padding-left: 0;
	margin: 1em 0;
	align-items: center;
	justify-content: center
}

.cw-main-buttons .cw-button .cw-btn-title {
	position: absolute;
	z-index: 5;
	pointer-events: none;
}

.cw-main-buttons .cw-button .cw-btn-title h5 {
	color: #fff;
	font-size: 3em;
	font-weight: 700 !important
}

.cw-main-buttons .cw-button:hover .cw-overlay {
	width: 100%
}

.cw-main-buttons .cw-button:hover .cw-btn-title h5 {
	color: var(--color-theme-text-btn);
}

.cw-main-buttons .cw-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	/* background-color: rgba(58, 69, 47, .6); */
	background: var(--color-theme-primary);
	opacity: .6;
	overflow: hidden;
	width: 0;
	height: 100%;
	transition: .5s ease;
	pointer-events: none;
}

section.inventory-search-module .form__wrapper {
	border: none !important;
}

@media (min-width: 768px) {
	.cw-main-buttons .cw-button .cw-btn-title h5 {
		font-size: 2rem;
	}
}

@media (min-width: 992px) {
	.cw-main-buttons .cw-button .cw-btn-title h5 {
		font-size: 3rem;
	}
}


/* -------------------- internal Titles ---------------------- */

.cw-pg-title {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 3rem;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.cw-pg-title .container {
	position: relative;
	z-index: 2
}

.cw-pg-title h1 {
	line-height: .95em;
	text-align: center;
	margin-top: 15px;
	text-shadow: 2px 2px 2px var(--color-theme-primary);
	color: var(--color-theme-text-btn);
}

.cw-pg-title-about {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/1CF8B27DFDF54E31DEC6F1416E94746A.jpg);
	background-position: top
}

.cw-pg-title-contact {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/68BBC1AFF7E78AC2B6E4E284D75D577E.jpg)
}

.cw-pg-title-rentals {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/288B17E4703A3A69C19125C198D74E44.jpg);
	background-position: top
}

@media(min-width: 768px) {
	.cw-pg-title {
		padding-top: 7.5rem;
		padding-bottom: 7.5rem;
	}

	.cw-pg-title-about {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/1CF8B27DFDF54E31DEC6F1416E94746A.jpg);
		background-position: top
	}

	.cw-pg-title-contact {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/68BBC1AFF7E78AC2B6E4E284D75D577E.jpg)
	}

	.cw-pg-title-rentals {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/288B17E4703A3A69C19125C198D74E44.jpg);
		background-position: top
	}
}


.cw-vehicles {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/5F4A8DFDDDDA6283B66CF287C0ECE098.jpg);
	background-size: cover;
	background-position: bottom;
	margin-top: 4rem;
}

.cw-vehicles .carousel-item h2 {
	position: absolute;
	top: 15px;
	z-index: 1;
	width: 100%;
	font-size: 1.25em;
	/* font-family: lulo-one, sans-serif; */
	text-align: center;
	opacity: .9;
	text-shadow: 4px 4px 2px var(--color-theme-primary)
}

.cw-vehicles .carousel-item {
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out
}

.cw-vehicles .carousel-item a {
	width: 100%
}

.cw-vehicles .carousel-item a img {
	position: relative;
	height: auto;
	z-index: 2
}

.cw-vehicles .carousel-control-next,
.cw-vehicles .carousel-control-prev {
	z-index: 4
}

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

@media(min-width: 440px) {
	.cw-vehicles .carousel-item h2 {
		font-size: 2em
	}
}

@media(min-width: 576px) {
	.cw-vehicles .cw-2line {
		margin-top: .4em
	}
}

@media(min-width: 768px) {
	.cw-vehicles .cw-2line {
		margin-top: .9em
	}

	.cw-vehicles .carousel-item h2 {
		font-size: 3em
	}
}

@media(min-width: 992px) {
	.cw-vehicles .carousel-item h2 {
		font-size: 4em
	}
}

@media(min-width: 1200px) {
	.cw-vehicles .cw-1line {
		margin-top: .5em
	}
}

@media(min-width: 1400px) {
	.cw-vehicles .cw-2line {
		margin-top: 1.3em
	}

	.cw-vehicles .cw-1line {
		margin-top: .9em
	}

	.cw-vehicles .carousel-item h2 {
		top: 50px;
	}
}

/* -------------------- About section ---------------------- */

.cw-about {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/909E6045EDF02D13A0894D87C1A940AD.jpg);
	background-size: cover;
	background-repeat: none;
	background-position: bottom;
	padding: 4em 0;
	color: #fff;
}

.cw-about h3 span {
	/* font-family: lulo-one, sans-serif; */
	font-size: 1em
}

.cw-about p {
	font-size: 1.2em
}

@media(min-width: 440px) {
	.cw-about h3 span {
		font-size: 1.7em
	}
}

@media (min-width: 768px) {
	.cw-about {
		padding: 7em 0;
	}
}

.cw-rentals {
	padding: 5rem 0;
	background-color: #292f21;
	color: #fff;
}

.cw-rental-text h5 {
	font-size: 3em;
	text-transform: uppercase;
	/* color: #fff; */
	/* font-family: lulo-one, sans-serif; */
	font-weight: 700;
	text-align: center
}

.cw-rental-text p {
	font-size: 1.2em;
	text-align: center
}

.cw-rental-text ul {
	font-size: 1.25em;
	list-style-type: none;
	padding-left: 0
}

.cw-rental-text ul>li {
	margin-bottom: 5px
}

.cw-rental-text ul i {
	color: var(--color-theme-highlight)
}

.cw-left-rental {
	display: none
}

/* .cw-rental-vehicles {
	left: -10em
} */

@media(max-width: 360px) {
	.cw-rental-text h5 {
		font-size: 2em
	}
}

@media(min-width: 992px) {
	.cw-rentals .row {
		flex-wrap: nowrap
	}

	.cw-left-rental {
		display: block;
		position: relative;
		z-index: 2;
		margin-top: -100px
	}

	.cw-right-rental {
		margin-left: 13em
	}
}

@media(min-width: 1200px) {
	.cw-right-rental {
		margin-left: 16em
	}
}

@media(min-width: 1400px) {
	.cw-right-rental {
		margin-left: 19em
	}
}

@media(min-width: 1600px) {
	.cw-right-rental {
		margin-left: 21em;
		margin-top: -70px
	}
}


.page-home .popular-vehicles-sections {
	padding-top: 3em
}

.page-about-us .textwithimage h5 {
	/* font-family: var(--headerfont) */
}

.page-about-us .textwithimage a {
	font-weight: 900;
	color: var(--color-theme-text) !important
}

.page-about-us .textwithimage a:hover {
	color: var(--color-theme-primary) !important
}

.form-forms-header {
	font-size: 1.75rem
}

hr {
	opacity: 1
}

.bootstrap-select {
	padding: 0 !important;
	background: 0 0;
	border: none
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%
}

/* .bootstrap-select .dropdown-menu li a span.text {
	display: inline;
	background: 0 0
} */

/* .bootstrap-select>.dropdown-toggle.bs-placeholder::after {
	border-top-color: var(--color-theme-highlight)
} */

/* -------------------- Inventory SRP ---------------------- */
/* .inventory .p-veh-card .card-top-img a {
	display: block;
} */

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

/* -------------------- Details page ---------------------- */

.vdp-module-canvas-razor-wrapper a {
	color: var(--color-theme-text)
}

.vdp-module-canvas-razor-wrapper a {
	color: var(--color-theme-highlight)
}

.inventorydetails .photo__item .photo__thumbnail .photo__showMore[PhotoGalleryWidgetCssScope] {
	background: rgba(58, 69, 47, .8)
}

.inventorydetails .vdp__title__mod .veh__price[VehicleHeadingWidgetCssScope] {
	font-family: var(--primary-font-family), sans-serif;
	color: var(--color-theme-text)
}

.inventorydetails .section__title,
.inventorydetails .section__subtitle,
.inventorydetails .section__callout__title {
	color: var(--color-theme-text)
}

.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
	background-color: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
	border: 1px solid var(--color-theme-border);
	padding: 20px
}

.inventorydetails .vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
	background-color: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-link {
	color: var(--color-theme-highlight) !important
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-link:hover {
	color: var(--color-theme-primary) !important
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary,
.inventorydetails .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)
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:hover,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:hover:focus,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:not([disabled]):not(.disabled).active,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:not([disabled]):not(.disabled):active,
.inventorydetails .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)
}

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

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

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

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

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:active+.btn-outline-secondary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary.active,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary.dropdown-toggle.show,
.inventorydetails .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)
}

/* quick connect and sticky nav */
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-primary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-primary:focus {
	color: var(--color-theme-text-btn) !important;
}

.inventorydetails label {
	color: inherit
}

.inventorydetails [QuickConnectCssScope] .modal-content {
	background-color: var(--color-theme-background);
	color: var(--color-theme-text);
	border-color: var(--color-theme-text)
}

.inventorydetails [QuickConnectCssScope] h5.modal-title,
.inventorydetails [QuickConnectCssScope] .modal-header .close,
.inventorydetails [QuickConnectCssScope] .form-text {
	color: inherit
}

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

.inventorydetails .formDisclaimer__content-wrapper,
.inventorydetails .vdp-module-canvas-razor-wrapper a {
	color: inherit
}

.inventorydetails .formDisclaimer__content-wrapper a {
	color: inherit !important
}

.inventorydetails [LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper {
	background-color: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
}

.inventorydetails .vdp-module-canvas-razor-wrapper a {
	color: var(--color-theme-text) !important
}

.inventorydetails .vdp__message__mod.module .btn.btn-primary {
	border-color: var(--color-theme-border)
}

.inventorydetails .disclaimerText {
	color: var(--color-theme-text)
}

.inventorydetails .vdp__loanCalc__mod label.btn-outline-secondary {
	color: var(--color-theme-text-btn);
}

@media(max-width: 992px) {
	.page-inventory-details .cw-header {
		display: none
	}
}

.page-inventory-details .builder-canvas__sticky-container:has(.modal.show) {
	z-index: 1055
}

/* @media (max-width: 576px) {
	.vdp__container .module {
		margin-bottom: 0 !important;
	}
} */


	/* should make the long emails in default headers, footers, and business info modules wrap so that they don't stretch too far on super small mobile sizes (ie galaxy fold)  */
	.contact-companyinfo .contact-email .contact-details-info,
	.header .header-business-email,
	.footer .footer-business-email {
		overflow-wrap: anywhere !important;
	}