@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css";

.cw-firsth1 {
	background-color: var(--color-theme-secondary);
	color: white;
	z-index: 1;
	width: -webkit-fill-available;
	position: static;
	margin: -1px;
	padding: 1rem;
}

.cw-firsth1 h1 {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1.65rem;
	margin: 0;
	letter-spacing: 1px;
}

.title+.text {
	margin-top: 0;
}

.line hr {
	opacity: .75;
}

.wow {
	visibility: hidden;
}

.header .navbar-nav .nav-link {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 0.85rem !important;
}

.cw-header {
	padding: 1em 0;
	color: var(--header-text);
}

.cw-header .row {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.cw-header h2 {
	font-size: 1.35rem;
}

.cw-header p {
	font-size: 1rem;
	margin-bottom: 0.25em;
}

.cw-header p a {
	font-size: 1.25rem;
	color: var(--header-text);
	font-weight: 700;
}

.cw-header .cw-socials {
	margin: .25em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cw-header .cw-socials a {
	font-size: 1.75rem;
	height: 35px;
	width: 35px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--header-text);
}

.cw-header .cw-socials a img {
	max-width: 28px;
}

/* .cw-header-info .header-info-logo-img {
	padding: 0;
}

.header .header-info-logo-img img {
	width: 175px;
} */

.cw-header-info .container {
	/* max-width: 1140px; */
}

/* .cw-header-contact {
	display: none;
	font-size: 0.9rem;
	background-color: #f5f5f5;
	color: #000;
}

.cw-header-contact .fa {
	display: inline-block;
	vertical-align: middle;
	padding-right: 0.25rem;
	color: var(--color-theme-secondary);
} */

.header .navbar {
	/* padding-top: 15px !important; */
	/* padding-bottom: 15px !important; */
}

.header .navbar .active>.nav-link,
.navbar .nav-link:hover {
	color: var(--color-theme-highlight);
}

.cw-address:before {
	font-family: FontAwesome;
	vertical-align: middle;
	content: "\f3c5";
	padding-right: 0.5rem;
	color: var(--color-theme-secondary);
}

.cw-phone:before {
	font-family: FontAwesome;
	vertical-align: middle;
	content: "\f2a0";
	padding-right: 0.5rem;
	color: var(--color-theme-secondary);
}

header .navbar .dropdown-item {
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 400 !important;
}

.header .navbar .dropdown-menu {
	background: #f4f7f7;
}

/* @media (min-width: 576px) {
	.cw-header-contact {
		display: block;
	}
} */

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

@media (min-width: 992px) {
	.cw-header-info .header-info-logo-img {
		position: absolute;
		z-index: 1040;
		/* top: 35px; */
	}

	/* nav.navbar .container {
		min-height: 85px;
	} */

	/* keeps nav items on the right side of header */
	/* .header.has-cart .collapse.justify-content-center,
	.header .navbar-collapse.justify-content-center {
		-webkit-box-pack: flex-end !important;
		-ms-flex-pack: flex-end !important;
		justify-content: flex-end !important;
	} */

	/* .header .navbar-nav:not(.navbar-cart) {
		max-width: calc(100% - 200px);
		justify-content: center;
	} */

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

@media (min-width: 1400px) {

	/* .header .header-info-logo-img img {
		width: 200px;
	} */

	.header .container,
	.cw-header-contact .container {
		/* max-width: 1340px; */
	}
}

/* YouTube Video */
.cw-yt {
	background-color: #FFFFFF;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	border: 5px solid #0074C4;
	box-shadow: 2px 2px #333333;
	margin: 1em 0;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Main Section */
.cw-welcome-section {
	position: relative;
}

.cw-welcome {
	position: absolute;
	top: 7em;
	left: 15em;
	z-index: 10;
	font-family: 'Montserrat', sans-serif;
}

.cw-welcome h5 {
	font-size: 2.5em;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 1.25em;
	letter-spacing: 3px;
}

.cw-welcome p {
	font-size: 1.5em;
	color: #FFFFFF;
	padding: .7em 0 2em 0;
	margin-bottom: 0;
	font-weight: 300;
}

.cw-welcome a {
	font-size: 1em;
	background-color: #0074C4;
	color: #FFFFFF !important;
	text-transform: uppercase;
	padding: 1em 2em;
	border-radius: 2px;
}

.cw-welcome a:hover {
	opacity: .8;
}


@media (min-width:768px) {
	.cw-welcome {
		top: 1em;
		left: 5em;
	}

	.cw-welcome h5 {
		font-size: 1.7em;
	}

	.cw-welcome p {
		font-size: 1.2em;
		padding: .5em 0 1em 0;
	}

	.cw-welcome a {
		font-size: .8em;
		padding: .9em 2em;
	}
}

@media (min-width: 992px) {
	.cw-welcome {
		top: 2.5em;
		left: 8em;
	}

	.cw-welcome h5 {
		font-size: 2em;
	}

	.cw-welcome p {
		font-size: 1.3em;
	}

	.cw-welcome a {
		font-size: .9em;
		padding: .9em 2em;
	}
}

@media (min-width: 1200px) {
	.cw-welcome {
		top: 2.5em;
		left: 10em;
	}

	.cw-welcome h5 {
		font-size: 2.5em;
	}

	.cw-welcome p {
		font-size: 1.5em;
		padding: .7em 0 2em 0;
	}

	.cw-welcome a {
		font-size: 1em;
		padding: 1em 2em;
	}
}

@media (min-width: 1400px) {
	.cw-welcome {
		top: 3.5em;
		left: 11em;
	}

	.cw-welcome h5 {
		font-size: 2.7em;
	}

	.cw-welcome p {
		font-size: 1.7em;
	}
}

@media (min-width: 1600px) {
	.cw-welcome {
		top: 6em;
		left: 19em;
	}

	.cw-welcome h5 {
		font-size: 2.7em;
	}

	.cw-welcome a {
		font-size: 1.2em;
	}
}

@media (min-width: 1800px) {
	.cw-welcome {
		top: 7em;
		left: 22em;
	}

	.cw-welcome h5 {
		font-size: 3.2em;
	}
}


.page-home .list .list-text .list-text-title {
	font-size: 1.75rem;
	color: var(--color-theme-secondary);
	margin-top: 1em;
}

.page-home .list .list-text .list-text-btn {
	margin-top: 1em;
	padding: 1em 2em;
	font-size: .9rem;
	letter-spacing: 1px;
	font-weight: 500;
}


.page-home .inventoryslideshow {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}

/* Finder */

.cw-finder-section {
	background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/0CEA5A647B1106A34A43DA07C78A61A1.jpg");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	margin-top: -1.5em;
}

.cw-finder-text h5 {
	font-size: 2em;
	font-weight: 700;
	color: #0E263F;
	margin: 0 auto;
	padding-top: 50px;
}

.cw-finder-text p {
	font-size: 1.5em;
	font-weight: 600;
	color: #0E263F;
	margin: 0, auto;
	padding-bottom: 20px;
}

.cw-finder-text hr {
	width: 70px;
	background-color: #0074c4;
	margin: 0 auto 2rem auto;
	opacity: 1;
	color: #0074c4;
	height: 3px;
	border: 0;
}

.cw-finder-button {
	padding-bottom: 50px;
}

.cw-finder-button .btn-primary {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
}

.cw-about-us {
	padding: 4em 0;
	background: linear-gradient(115deg, var(--color-theme-secondary) 60%, var(--color-theme-highlight)60%);
}

.cw-about-us .cw-about-box {
	background-color: var(--color-theme-background);
	box-shadow: 1px 1px 1px #000;
}

.cw-about-us .cw-text {
	padding: 2.5em 1.25em;
	text-align: center;
}

.cw-about-us .cw-text h2 {
	text-transform: uppercase;
	font-size: 1.75rem;
	margin-bottom: 1em;
}

.cw-about-us .cw-text p {
	font-size: 1rem;
	letter-spacing: .5px;
}

@media (min-width:992px) {
	.cw-about-us .cw-text {
		text-align: left;
	}
}

.cw-contact-banner {
	background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/45B8F657A65B1FE5C6B60579038944A3.jpg");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding: 6em 0;
}

.cw-contact-banner .cw-box {
	background: rgba(32, 100, 142, .8);
	padding: 1.5em;
	color: var(--color-theme-text-btn);
}

.cw-contact-banner .cw-box h2 {
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
}

.cw-contact-banner .cw-box h2 span {
	font-size: 1.75rem;
	font-weight: 800;
	margin-bottom: .75em;
}

.cw-contact-banner .cw-box p a {
	border-radius: 4px;
	margin-bottom: .5em;
	border-color: #fff;
}

@media (min-width:576px) {
	.cw-contact-banner .cw-box {
		padding: 2em 1.5em;
	}

	.cw-contact-banner .cw-box p a {
		margin-bottom: 0;
	}
}

/* .cw-homeAbout {
	margin-bottom: 2.5rem;
	padding: 4rem 0;
	background: linear-gradient(0.2turn,
			rgba(14, 38, 63, 0.9),
			rgba(0, 116, 196, 0.2)),
		url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/4ECC2A7BAFFA7AA2A3A8B9172D74C8B9.jpg);
	background-size: cover;
}

.cw-homeAbout .col-12 {
	z-index: 2;
}

.textwithimage h3 span {
	margin-bottom: 0.25rem;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 60%;
	color: var(--color-theme-secondary);
}

.cw-homeSpecial {
	margin-bottom: 6rem;
	color: #fff;
}

.cw-homeSpecial .cw-homeSpecial-wrapper {
	padding: 2em;
}

.cw-homeSpecial h4 {
	font-size: 2rem;
}

.cw-homeSpecial img {
	width: 400px;
}

.cw-homeSpecial .container {
	background: var(--color-theme-highlight);
}

@media (max-width: 576px) {
	.cw-homeSpecial .cw-homeSpecial-content {
		margin-bottom: 2em;
	}
}

@media (min-width: 768px) {
	.page-home .list .list-text-title {
		font-size: 1.75rem;
	}

	.cw-homeAbout {
		padding: 6rem 0;
	}

	.cw-homeAbout h3 {
		margin-bottom: 1rem;
		font-size: 2.5rem;
	}

	.cw-homeSpecial h4 {
		font-size: 2rem;
	}
}

@media (min-width: 992px) {
	.page-home .textwithimage h2 {
		margin-bottom: 1rem;
		font-size: 2.5rem;
	}

	.cw-homeSpecial h4 {
		font-size: 2.5rem;
	}

	.cw-homeSpecials .lead {
		font-size: 1.3rem;
	}
}

@media (min-width: 1340px) {

	.page-home .textwithimage h2,
	.cw-homeAbout h3 {
		font-size: 3rem;
	}

	.page-home .list .list-text-title {
		font-size: 2rem;
	}

	.cw-homeAbout {
		background-attachment: fixed;
	}
} */

.popular-vehicles-sections {
	margin: 5em auto !important;
}

.card__multi__style2 .item__card {
	border-radius: 0 !important;
}

.inventoryslideshow h3 {
	font-size: 1.2rem !important;
}

.inventoryslideshow .item__data__price {
	font-size: 1.25rem !important;
}

.inventoryslideshow-slick {
	padding-top: 1rem;
}

.inventoryslideshow-title-heading {
	font-size: 2.25rem;
}

.inventoryslideshow-title-heading span {
	margin-bottom: 0.25rem;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 60%;
	color: #f5f5f5;
}

@media (min-width: 768px) {
	.inventoryslideshow-title-heading {
		font-size: 2.75rem;
	}
}

@media (min-width: 1340px) {
	.inventoryslideshow-title-heading {
		font-size: 3rem;
	}
}

.inventory {
	padding-top: 0 !important;
}

.dropdown-menu .badge {
	color: var(--color-theme-primary);
}

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

.inventory .srp-sidebar .card-header::before {
	border-color: transparent !important;
}

.inventory .card {
	background: #f4f7f7 !important;
}

.inventory .inventory-cta .btn {
	background: var(--color-theme-secondary) !important;
	border-color: var(--color-theme-secondary) !important;
}

.inventory .vehicle-card.layout-2 .inventory-title {
	font-size: 1.2rem !important;
}

.inventory .vehicle-card.layout-2 .price {
	background: var(--color-theme-primary) !important;
	font-weight: 700;
}

.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 .carousel-indicators {
	background: rgba(255, 255, 255, 0.4) !important;
	bottom: 0 !important;
	margin-bottom: 0;
}

.inventory .carousel-indicators [data-bs-target] {
	width: 7px;
	height: 7px;
	background: var(--color-theme-highlight);
}

.inventory .btn-primary,
.inventory .btn-primary:focus {
	background: var(--color-theme-highlight) !important;
	border-color: var(--color-theme-highlight) !important;
}

/* .vdp__details__mod {
	margin-bottom: 50px;
} */

.vdp__title__mod {
	background: var(--color-theme-highlight);
	padding: 1.5rem 1rem 1rem;
	color: #fff;
}

.vdp-module-canvas-razor-wrapper .btn-secondary,
section.page-inventory-details .btn.btn-primary,
.vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary {
	background: var(--color-theme-secondary) !important;
	border-color: var(--color-theme-secondary) !important;
}

.vdp-module-canvas-razor-wrapper .btn-secondary:hover {
	background: var(--color-theme-secondary) !important;
	border-color: var(--color-theme-secondary) !important;
}

.page-inventory-details .module,
.vdp-module-canvas-razor-wrapper .module {
	margin-top: 25px !important;
}

.page-inventory .container.mb-4 {
	max-width: none;
	margin-bottom: 0 !important;
	padding: 1rem;
	background: var(--color-theme-primary);
	color: #fff;
}

p.veh__generation,
.vdp__title__mod .veh__price[VehicleHeadingWidgetCssScope],
.vdp__title__mod .veh__mileage[VehicleHeadingWidgetCssScope] {
	color: #fff !important;
}

.card__multi__style1 a,
.card__multi__style1 a:hover {
	color: #ffffff !important;
}

.item__style {
	color: #f5f5f5 !important;
	font-weight: bold;
}

@media (min-width: 992px) {
	.page-inventory .container.mb-4 {
		padding: 3rem 4rem;
	}
}

/* section:not(.page-home) .title {
	position: relative;
	margin-bottom: 2.5rem;
	background: linear-gradient(0.2turn,
			rgba(14, 38, 63, 0.9),
			rgba(0, 116, 196, 0.2)),
		url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/B4B7D3FE3294C22DF89352F05C2FBFC2.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
} */

/* section:not(.page-home) .title .title-heading {
	position: relative;
	z-index: 1;
	margin: auto;
	padding: 2rem 0;
	color: #fff;
	filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.5));
} */

/* section:not(.page-home) .title h1 {
	font-size: 2rem;
} */

section:not(.page-home) .form {
	padding-top: 1rem;
}

/* @media (min-width: 992px) {
	section:not(.page-home) .title .title-heading {
		padding: 5em 0 2em;
	}

	section:not(.page-home) .title h1 {
		font-size: 2.5rem;
	}
} */

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

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

.form .bootstrap-select .dropdown-menu li.selected a,
.form .bootstrap-select .dropdown-menu li.selected a:hover {
	color: #000;
	background: 0 0;
}

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

footer>.container {
	position: relative;
	min-height: 190px;
}

.footer .dropdown-menu {
	position: relative;
	display: block !important;
	min-width: 0 !important;
	padding: 0;
	border: 0;
}

.footer .dropdown-toggle {
	pointer-events: none;
}

.footer a.dropdown-item {
	display: block !important;
	padding: 0.25rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 400 !important;
}

/* .footer-nav-links .nav-item */
.footer-nav-links li {
	padding: 0 0.5rem;
	font-size: 0.8rem;
	text-align: center;
	padding: 0 0.25rem;
}

.footer .nav .nav-link {
	text-transform: uppercase;
}

.footer h2.footer-business-name {
	font-size: 1.25rem;
}

.footer-business+.footer-business-phone:before {
	display: none;
}

.footer-social-links a {
	padding: 0 0.25rem;
}

.footer-info-business span,
.footer-info-business a {
	font-size: 0.85rem;
}

@media (min-width: 992px) {
	.footer-bottom-section {
		margin-top: 3rem;
	}

	.footer-social-links {
		position: absolute;
		left: 10%;
		bottom: 1rem;
		z-index: 2;
	}

	footer .footer-info-business {
		position: absolute;
		left: 0;
		top: 0;
		width: 30%;
		padding-right: 1rem;
	}

	.footer-info-business a:not(.footer-business-phone):not(.footer-business-email) {
		padding: 0;
	}

	a.footer-business-phone {
		display: block;
		margin-top: 0.25rem;
	}

	.footer ul.nav {
		flex-wrap: nowrap;
		text-align: left !important;
	}

	.footer-nav-links {
		position: absolute;
		top: -1rem;
		right: 0;
		width: 70%;
		background: 0 0;
		padding: 1.5rem 0;
	}

	.footer .dropdown-menu {
		max-width: 180px;
		text-align: center;
		background: 0 0;
	}

	.dropdown-toggle::after {
		color: var(--color-theme-secondary);
	}
}

/* -------------------- VDP sticky nav & accessibility fixes ---------------------- */
.vdp-module-canvas-razor-wrapper .vdp__container .row {
	margin: auto;
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod {
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767px) {
	.vdp-module-canvas-razor-wrapper .vdp__details__mod .row>* {
		padding: 0 !important;
	}
}

.sn_business_openclose.open {
	background: var(--color-theme-primary) !important;
	color: var(--color-theme-text-btn) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn {
	background: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
	font-size: 0.7rem !important;
	padding: 7px 10px !important;
}

@media (min-width: 440px) {
	.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn {
		font-size: 0.8rem !important;
		padding: 7px 12px !important;
	}
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn:hover {
	background: var(--color-theme-secondary);
	color: var(--color-theme-text-btn) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn:before {
	background: var(--color-theme-secondary);
}

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

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_share_item a:hover {
	color: var(--color-theme-primary);
}

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

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_dropdown a:hover {
	color: var(--color-theme-primary);
}

/* Template Button text Size  */
.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_item button.button_sn_item {
	font-size: 1rem !important;
}

/* VDP Dealership info mod  */
@media (max-width: 767px) {
	.vdp-module-canvas-razor-wrapper .vdp__dealerInfo__mod .row>* {
		padding: 0 !important;
	}
}

@media (max-width: 991px) {
	.vdp-module-canvas-razor-wrapper .vdp__container .vdp__dealerInfo__mod {
		margin-bottom: 0 !important;
	}
}

.vdp-module-canvas-razor-wrapper .vdp__dealerInfo__mod .store__hours {
	margin-bottom: 1em;
}

/* Footer and VDP spacing */
.vdp-module-canvas-razor-wrapper {
	margin-bottom: 2em;
}

/* Loan App Mobile  */
.vdp__loanCalc__mod .narrow__col-12 {
	padding: 0;
}

/* Quick Connect Module */
.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod .section__title {
	color: var(--color-theme-header);
	margin: 0 0 0.5em 0;
}

.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod {
	/* background: #444444; */
	border: 0 !important;
	/* padding: 1.5rem !important; */
	margin-top: 1em !important;
	margin-bottom: 1.5em;
	border-radius: 0.8vw !important;
}

/* !!! Align Mobile !!! */
/* 
.header-container {
	position: relative;
	z-index: 999999999999;
	background-color: white;
	width: -webkit-fill-available;
	filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
}

a.navbar-brand.d-xl-none.d-lg-none {
	visibility: hidden;
}

.header .navbar-toggler {
	position: relative !important;
	z-index: 1999999999999;
	left: 10px;
}

.header .header-info-logo-img {
	padding: 0.5em;
	position: relative;
	top: 35px;
	z-index: 999999999999;
}

.cw-header-contact.bg-primary {
	display: none;
}

.header .navbar .navbar-nav li.nav-item {
	background-color: white;
}

nav.navbar.navbar-expand-lg.navbar-dark.bg-primary {
	top: -50px;
}

@media (min-width: 992px) {
	.header .header-info-logo-img {
		top: 35px;
		position: absolute;
	}

	.cw-header-contact.bg-primary {
		display: flex;
	}

	.header-container {
		height: auto;
		position: fixed;
		z-index: 999999999999;
		background-color: white;
		width: -webkit-fill-available;
	}

	nav.navbar.navbar-expand-lg.navbar-dark.bg-primary {
		top: 0px;
	}
}

@media (min-width: 1400px) {
	.header .header-info-logo-img img {
		width: 200px;
		top: 5px;
		position: relative;
	}
}

@media (min-width: 992px) {
	.inventorydetails {
		padding-top: 11rem;
	}
} */

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




	/* To fix nav dropdowns, stickynav and modals causing issues on the VDP the main thing to do is:
	
	ensure these settings aren't applied to the header/navbar 
	(or at least not on the VDP/.page-inventory-details):
	---> No header/navbar z-indexes
		Make sure the header/navbar and any other parents for the navbar do NOT have a z-index set.
		This lets the dropdowns, sticky nav, and modal popups on the VDP work as intended and not overlap oddly. 
		If the navbar has a z-index set, everything inside of it (like the dropdown) are constrained to where the parent elements are, meaning the really high z-index for the dropdown does nothing.
	
	---> No header/navbar Filter properties
		Also make sure the header/navbar does not have a "filter" css property set (on the VDP at least) because that will also lock all the navbar parts together and constrain the childrens' indexes to the parent's.
		So make sure any dropshadow, blur or other filter on the navbar are disabled on the VDP at least.

	---> There might be other unique issues as well. If you need help, ask for help!

	Some snippets and old versions of the templates set some z-indexes that aren't even needed to keep the site looking the way it is so they can be removed safely. 
	But make sure to check other pages to make sure that your change didn't cause some other issue!
	On sites with a big homepage hero that the navbar is supposed to sit overtop of, the navbar can get covered up by the hero after removing that css.
	If it did mess with something else we can probably figure out a way to get it to work.
	
	There are a few examples of solution options below.
	*/

	/*  If you DO need/want to set a custom z-index or add a filter to the header or navbar for things like: a transparent background navbar on the homepage to go over the hero for example.
	You can do one of 2 things:
	---> set that setting ONLY on the page you need it done (like only the homepage)
	---> or unset/remove/don't apply that on the VDP/.page-inventory-details page.
	*/

	/* Here are some EXAMPLES */
	/* NOT UNIVERSAL FIXES */
	/* You'll probably want to work with the code you already have and just modify it with some additional selectors */

	/* potential example if you just need to set these settings on the homepage */
	.page-home .header .navbar {
		/* example styles */
		position: relative;
		z-index: 101;
		filter: blur(2px);
	}

	/* potential example if you need the navbar z-indexed on every other page */
	/* Change existing target by adding section:not(.page-inventory-details)*/
	section:not(.page-inventory-details) .header .navbar {
		/* example styles */
		position: relative;
		z-index: 101;
		filter: drop-shadow(2px 2px 2px #000);
	}

	/* OR change the values to unset on the VDP. Probably the closest to a global fix, but you'd still need to update the target to whatever these settings are being set on. Like ".header .navbar" might need to be "".header .header-container" instead. Or maybe multiple settings need to be turned off. Usually the above methods of refining the targeting of the offending settings is going to be better than just resetting them afterwards..*/
	.page-inventory-details .header .navbar {
		z-index: unset;
		filter: unset;
	}
	/* END OF EXAMPLES */