.header .navbar,
.header .navbar.bg-primary {
    background: 0 0!important;
    position: relative;
    z-index: 1030
}

ul.navbar-nav {
    background: rgba(67, 58, 40, 0.85)!important;
    border-radius: 2em;
    padding: 5px
}

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

.header .badge {
    color: inherit
}

.header .cw-header-logo {
    text-align: center
}

.header .cw-header-logo img {
    width: 174px
}

.header .navbar-dark .navbar-nav .nav-item .nav-link:before {
    border-width: 0!important
}

.header .navbar-dark .navbar-nav a.nav-link:hover {
    box-shadow: 0 0 0 .05rem var(--header-highlight)
}

.cw-header-info {
    padding: .5rem
}

.header .cw-header-info a,
.header span {
    vertical-align: middle
}

.header .cw-header-info a {
    font-weight: 700;
    font-size: 1.1rem;
    color: #fff
}

.header .cw-header-info a:hover {
    color: #000
}

@media(min-width: 992px) {
    .header .navbar-dark .navbar-nav .nav-link {
        line-height: 28px;
        border-radius: 50px
    }

    .header .cw-header-logo {
        position: absolute;
        top: 0px;
        z-index: 1032;
        padding: 0
    }

    .header .cw-header-logo img {
        width: 220px
    }

    nav.navbar .container {
        min-height: 110px
    }

    .page-inventory-details .inventorydetails {
        padding-top: 4rem
    }

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

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

    section:not(.page-home) .title {
        margin-bottom: 2.5em;
        padding: calc(110px + 4rem) 0 1.5em!important;
        margin-top: -110px
    }

    section:not(.page-home) .title .title-heading {
        font-size: 2rem
    }

    section:not(.page-inventory-details) .cw-header-info {
        position: fixed;
        z-index: 1031;
        top: 0;
        left: 0;
        width: 100%
    }
    section.page-inventory-details .cw-header-info {
        padding-left: 30%;
    }

    section:not(.page-inventory-details) nav.navbar .container {
        margin-top: 43px
    }

    .page-inventory-details .header .header-container {
        display: flex;
        flex-flow: column-reverse
    }
}




.cw-hero {
    background: #151f26;
    background-image: linear-gradient(45deg, rgba(0, 0, 0), transparent, transparent), url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/A014E5C1EF0045F42C3F6993E2C2F88E.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 2rem .5rem .5rem
}

.cw-hero .hero-text {
    position: relative;
    z-index: 5;
    text-shadow: 1px 1px 2px #000
}

.cw-hero .hero-text p {
    text-shadow: 1px 1px 5px #000
}

.cw-hero img {
    display: none
}

.cw-hero img.cw-divider {
    position: absolute;
    bottom: 0;
    left: 0
}

.cw-hero .hero-text .btn {
    text-shadow: none
}

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

@media(min-width: 768px) {
    .cw-hero {
        padding: 3rem
    }
}

@media(min-width: 992px) {
    .cw-hero {
        margin-top: -110px;
        padding-top: 15rem;
        min-height: 650px
    }

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

    .cw-hero img {
        position: relative;
        width: 800px;
        z-index: 1;
        display: block
    }
}


.form__hero {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 60% auto;
    padding: 50px 0;
    position: relative;
    margin-top: 45px;
    margin-bottom: 50px
}

.form__hero__overlay {
    height: 120%;
    width: 100%;
    top: -30px;
    left: 0;
    position: absolute;
    background-color: transparent;
    background: linear-gradient(290deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #393122 50%, #393122 100%);
    -webkit-filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.5));
    opacity: 1
}

.form__hero__container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    color: var(--white-txt)
}

.form__hero__content__wrapper {
    margin-right: 56%
}

@media(max-width: 991px) {
    .form__hero__overlay {
        background: linear-gradient(290deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, #67939f 20%, #1f3745 100%)
    }

    .form__hero__content__wrapper {
        margin-right: 25%;
        padding-right: 50px
    }
}

@media(max-width: 567px) {
    .form__hero__overlay {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, #67939f 0%, #1f3745 100%)
    }

    .form__hero {
        padding: 25px 0
    }

    .form__hero__content__wrapper {
        padding-right: 0
    }

    .form__hero__content__wrapper {
        margin-right: 0
    }
}

.page-financing .form,
.page-shopping-request .form,
.page-value-my-trade .form,
.page-work-with-us .form,
.page-contact-us .form {
    padding-top: 0
}

.page-financing .form .form-forms-header:first-of-type,
.page-shopping-request .form .form-forms-header:first-of-type,
.page-value-my-trade .form .form-forms-header:first-of-type,
.page-work-with-us .form .form-forms-header:first-of-type,
.page-contact-us .form .form-forms-header:first-of-type,
.page-financing .form .form-forms-text:first-of-type,
.page-shopping-request .form .form-forms-text:first-of-type,
.page-value-my-trade .form .form-forms-text:first-of-type,
.page-work-with-us .form .form-forms-text:first-of-type,
.page-contact-us .form .form-forms-text:first-of-type {
    display: none
}

.form__financing__hero {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/EC6347EE3130176A2C2A39A4FA7612EE.jpg)
}



/* Root section */
.cw-about {
    position: relative;
    background: url("{background-image}.jpg") center center / cover no-repeat;
    color: #f4f4f4;
}

.cw-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
}

/* Typography & text */
.cw-tagline {
    color: #c6a15b;
    letter-spacing: 1px;
}

.cw-title {
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
}

.cw-subtitle {
    font-weight: 700;
    color: #c6a15b;
    border-left: 4px solid #c6a15b;
    padding-left: 10px;
    margin-bottom: 1rem;
}

.cw-text {
    color: #ddd;
    line-height: 1.7;
}

/* Image grid */
.cw-image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.cw-img-item img {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.cw-img-item img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
}

/* Highlighted info blocks */
.cw-highlight {
    background: rgba(255, 255, 255, 0.05);
    padding: 2rem 1rem;
    border-radius: 0.75rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .cw-title {
        font-size: 1.75rem;
    }
}

@media (max-width: 767px) {
    .cw-highlight {
        text-align: center;
    }

    .cw-subtitle {
        border-left: none;
        border-top: 3px solid #c6a15b;
        padding-top: 0.5rem;
    }
}




.inventoryslideshow {
    text-align: center;
    padding-top: 0em!important;
    padding-bottom: 3em!important;
}


.vdp__veh__info__mod .veh__info__item:nth-child(even) {
    background-color: #0C0B09!important;
}


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


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

/* temporary fix until we can improve the way fixed navbars work. */
.sitemap-container.container {
    margin-top: 60px;
}

section.termsandconditions.tcpp {
    margin-top: 20px;
}

/* Homepage Bodystyle Row */
/*  Vehicle Styles Cards - Homepage Mod  */
.cw-tilting-body-styles {
    background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/DB5A166FFB53176900E4994F80A195D4.png");
    background-size: cover;
    background-position: center;
    padding: 2rem 0 5rem;
}

.cw-tilting-body-styles h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-theme-header);
    text-align: center;
    margin-bottom: 1.8rem;
}

.cw-car-card {
    min-width: 218px;
    height: 218px;
    margin: 1rem;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.051),
    0px 0px 7.2px rgba(0, 0, 0, 0.073),
    0px 0px 13.6px rgba(0, 0, 0, 0.09),
    0px 0px 24.3px rgba(0, 0, 0, 0.107),
    0px 0px 45.5px rgba(0, 0, 0, 0.129),
    0px 0px 109px rgba(0, 0, 0, 0.18);
}

.cw-car-card.cw-pic-1,
.cw-car-card.cw-pic-2,
.cw-car-card.cw-pic-3,
.cw-car-card.cw-pic-4 {
    background-size: cover;
    border-radius: 10px;
    background-position: 43%;
}

.cw-car-card.cw-pic-1 {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/776FD120CFD7B46632E766F6332DBEF0.png);
    background-position: 50%;
}

.cw-car-card.cw-pic-2 {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/07ABE5A52B62A873008E07C890E2B9D1.png);
    background-position: 24%;
}

.cw-car-card a {
    width: 218px;
    height: 218px;
}

.cw-car-card p {
    pointer-events: none;
    font-weight: 700;
    font-size: 1.5rem;
    text-shadow: 1px 1px 6px #0f0f0f
}

.cw-tilting-body-styles .cw-wrapper {
    display: flex;
    row-gap: 1.5rem;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

@media (min-width: 576px) {
    .cw-tilting-body-styles h2 {
        font-size: 2rem;
    }

    .cw-tilting-body-styles .cw-wrapper {
        flex-flow: row wrap;
        justify-content: space-evenly;
        align-items: center;
    }
}


@media (min-width: 992px) {
    .cw-tilting-body-styles h2 {
        font-size: 2.5rem;
    }
}