.page-home {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/FF53D2F77FD32CB40A5F2B7A08F7BAD2.jpg)!important;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}

 /*  Header / Nav
=================================================================================================*/

.header__top {
	background: var(--color-theme-primary);
	color: var(--color-theme-text);
	padding: 10px 0;
	font-size: 14px;
	text-align: center;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}


.header__top a {
	color: inherit;
}

.header__top a:hover {
	color: var(--color-theme-highlight);
}

.header__top .cw-social-media a {
	font-size: 1rem;
}

.navbar .container {
	padding-top: 10px;
	padding-bottom: 10px;
}

.header .navbar-nav .nav-item a,
.header .navbar-nav .nav-item .nav-link {
	font-size: 14px;
}

@media (min-width: 992px) {

	.header .navbar-nav .nav-item a,
	.header .navbar-nav .nav-item .nav-link {
		margin-right: 15px;
		margin-left: 15px;
	}

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

	.header:has(+.title) .navbar.bg-primary,
	.header:has(+section>.cw-hero) .navbar.bg-primary {
		background: unset !important;
	}

	.header nav.navbar.navbar-expand-lg.header-scroll {
		transition: top 0.5s ease;
		filter: drop-shadow(0 1px 10px rgba(230, 230, 230, 0.5));
		transition: background-color 0.5s ease;
		opacity: 0.95;
	}

	.header nav.navbar.navbar-expand-lg.header-scroll {
		background: #E6E6E6 !important;
	}

	.header .navbar-brand {
		min-height: auto;
		margin-left: 0;
		display: inline-block !important;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 180px;
	}

	.navbar-collapse {
		-webkit-box-flex: initial;
		-ms-flex-positive: initial;
		flex-grow: initial;
	}

	.navbar .container {
		/* padding-top: 15px; */
		/* padding-bottom: 15px; */
	}

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

	section:not(.page-inventory-details) .header .header-container {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 1030;
	}

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

	/*section[class*="page-"]:not(.page-inventory-details) .title,
	.cw-hero {
		margin-top: calc(-1 * var(--cw-headerHeight));
	}*/

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

@media (min-width: 1200px) {
	.header li.nav-item:last-of-type {
		margin-right: 0;
	}
}

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

@media (min-width: 992px) {
	.header .navbar .navbar-nav .nav-link {
		padding-right: 0px;
		padding-left: 0px;
	}
}



/*hero*/

.cw-hero-slideshow {
    position: relative;
    overflow: hidden;
    height: 500px;
  }

  .cw-hero-slideshow .cw-hero-image {
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: cw-slide-anim 12s infinite;
    animation-delay: var(--cw-anim-offset);
  }

  .cw-hero-slideshow .cw-hero-image::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.6)
    );
    z-index: 1;
  }

  .cw-hero-slideshow .cw-hero-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .cw-hero-slideshow .cw-hero-title {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
  }

  

  .cw-hero-slideshow .cw-hero-title h1 {
    display: block;
    margin: 1rem 0 0.75rem;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 3rem;
  }

  .cw-hero-slideshow .cw-hero-title h1 span {
    display: block;
    font-size: 1.5rem;
  }

  @keyframes cw-slide-anim {
    0% {
      opacity: 0;
    }

    8% {
      opacity: 1;
    }

    13%,
    25% {
      opacity: 1;
      transform: scale(1.06);
    }

    38% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }
  }




/* Search Module */
section.inventory-search-module>.container {
	max-width: 1320px !important;
}

/*H1 - Title*/
.page-home .title-heading {
	font-size: 36px;
	text-align: center;
}

.inventoryslideshow {
    background-color: transparent!important;
}

.popular-vehicles-sections {
    background-color: transparent;
}


/*cards*/

.cw-home {
    padding: 4rem 0;
}

.cw-home h2 span {
    font-size: 60%
}

.cw-card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25)
}

.cw-card a {
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cw-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background: rgba(0, 0, 0, .5);
    transition: background .5s ease-out
}

.cw-card:hover:before {
    background: rgba(231, 76, 60, .7)
}

.cw-card .cw-card-img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.cw-card .cw-card-img-overlay {
    position: absolute;
    left: 1.5rem;
    right: 0;
    bottom: 0;
    padding-bottom: 1.5rem;
    color: #fff
}

.cw-card-title {
    font-size: 1.5rem;
    margin-bottom: .5rem
}

.cw-card button {
    padding: 0;
    background: 0 0;
    color: #fff;
    border: none
}

.cw-card button:after {
    font-family: FontAwesome;
    content: "\f105";
    padding-left: .25rem;
    color: #fff;
    font-size: .85rem
}

.cw-reasons .container {
    padding: 3rem 2rem;
    background: #fff;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .25)
}

.cw-reasons h2 {
    font-size: 2.25rem
}

.cw-reasons .lead {
    margin-bottom: 3rem
}

.cw-reasons .fas {
    margin-bottom: 1.5rem;
    font-size: 2rem
}

.cw-reasons h4 {
    margin-bottom: 1rem;
    text-transform: none;
    font-size: 1.3rem
}

@media(min-width: 768px) {
    .cw-card-title {
        font-size: 1.75rem
    }

    .cw-reasons .container {
        padding: 3rem
    }

    .cw-reasons h2,
    .cw-home h2 {
        font-size: 3rem
    }
}

@media(min-width: 992px) {
    .cw-list .container {
        max-width: 1400px
    }
}

@media(min-width: 1440px) {
    .cw-reasons .container {
        max-width: 1400px
    }

    .cw-reasons h2,
    .cw-home h2 {
        font-size: 3.75rem
    }

    .cw-reasons .lead {
        font-size: 1.5rem
    }
}




/*Title*/

section:not(.page-home) .title {
    /* background-color: var(--color-theme-primary); */
    /* color: var(--color-theme-text-btn); */
    color: #000;
    position: relative;
    z-index: 0
}

section:not(.page-home) .title::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 70%;
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/FF53D2F77FD32CB40A5F2B7A08F7BAD2.jpg);
    background-size: cover;
    background-position: center
}

section:not(.page-home) .title .title-heading {
    position: relative;
    z-index: 3;
    margin: auto;
    padding: 3.5rem 0;
    color: #000;
    text-align: center !important
}

section:not(.page-home) .title:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
}







	/* -------------------- Color Fixes for VDP ---------------------- */
	
	/* most vdp text issues fixed by using inherit. If they aren't coming through, check for !importants on other targets, especially for the 'label' seems common */
	.inventorydetails .section__title,
	.inventorydetails .section__subtitle,
	.inventorydetails .section__callout__title,
	.inventorydetails .vdp-module-canvas-razor-wrapper a,
	.inventorydetails p,
	.inventorydetails label {
		color: inherit;
	}
	/* color issue in header that only has problems on VDP */
	.header .badge {
		color: inherit;
	}

	/* hardcoded backgrounds in modals and sections switched to transparent so hopefully site text comes through */
	.inventorydetails .vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
		background: rgba(150, 150, 150, 0.1)
	}

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

	.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
		background-color: transparent;
	}

	/* Financing button and most modal buttons */
	.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)
	}

	/* loan calc buttons and "Request more pictures" button in modal */
	.inventorydetails .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)
	}

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