/* -------------------- Header & Navbar ---------------------- */

    /*-- Navbar --*/
    .header .navbar-nav .nav-link {
        font-weight: normal;
        text-transform: uppercase;
        font-size: .85rem !important;
    }

    .navbar-dark .navbar-brand:focus,
    .navbar-dark .navbar-brand:hover {
        color: var(--header-navigationbartext);
    }

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

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

    /*-- Header --*/
    .cw-header {
        background-color: var(--header-primary);
    }

    .header .cw-header :focus {
        box-shadow: none;
    }

    .header .cw-header-logo img {
        width: 235px;
    }


    .cw-header-contact {
        font-size: .9rem;
        background-color: var(--color-theme-primary);
        color: #fff;
    }

    .cw-header-contact a {
        color: #fff;
    }

    .cw-header-contact a:hover {
        opacity: .85;
    }

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


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

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


    @media(min-width: 992px) {
        .cw-header .cw-header-logo {
            position: absolute;
            z-index: 1040;
            top: 15px;
        }

        nav.navbar .container {
            min-height: 77px;
        }

        .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) {
            /* set pixels to logo width (or more) */
            max-width: calc(100% - 240px);
            justify-content: center;
        }
    }

    /* Home ============================================================================ */
    /* Hero Slideshow */
    .cw-slide-wrap {
        position: relative;
        height: 650px;
        z-index: 10;
    }

    .cw-slide-wrap .cw-hero {
        z-index: 5;
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        color: var(--color-theme-text);
        overflow: hidden;
    }

    .cw-slide-wrap .cw-hero-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: rgba(255, 255, 255, 0.7);
        transform: unset;
    }

    .cw-slide-wrap .container {
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: flex;
    }

    .cw-slide-wrap .cw-hero-overlay2 {
        display: none;
    }

    .cw-slide-wrap .cw-hero-title {
        color: var(--color-theme-header);
    }

    .cw-slide-wrap .cw-hero-title .cw-bigtext {
        font-size: 1.5rem;
        color: inherit;
        font-weight: 700;
        font-family: var(--headerfont);
        text-transform: uppercase;
        display: block;
        line-height: 0.9;
        margin-bottom: 15px;
    }

    .cw-slide-wrap .cw-hero-title .cw-smalltext {
        font-size: 1.2rem;
        color: var(--color-theme-primary);
        font-weight: 400;
        font-family: var(--bodyfont);
        display: block;
        line-height: 1.1;
    }

    .cw-slide-wrap .cw-hero-content p {
        color: #333;
        font-size: 1rem;
        margin-bottom: 20px;
    }

    @media (min-width: 576px) {
        .cw-slide-wrap .cw-hero-title .cw-bigtext {
            font-size: 2.5rem;
        }

        .cw-slide-wrap #cw-carousel {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        .cw-slide-wrap #cw-carousel .carousel-inner,
        .cw-slide-wrap #cw-carousel .carousel-item {
            height: 100%;
        }

        .cw-slide-wrap #cw-carousel img {
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
    }

    @media (min-width: 768px) {
        .cw-slide-wrap .cw-hero-title .cw-bigtext {
            font-size: 3rem;
        }

        .cw-slide-wrap .cw-hero-title .cw-smalltext {
            font-size: 1.3rem;
        }

        .cw-slide-wrap .cw-hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background: #ffffff;
            background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 0) 100%);
            z-index: 0;
            width: 80%;
            transform: skewX(-20deg);
            transform-origin: top left;
        }

        /* .cw-slide-wrap .cw-hero-overlay2 {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 76%;
                height: 100%;
                background: rgba(255, 255, 255, 0.6);
                z-index: 0;
                transform: skewX(-20deg);
                transform-origin: top left;
            } */
    }

    @media (min-width: 992px) {
        .cw-slide-wrap .cw-hero {
            margin-top: calc(-1 * var(--cw-headerHeight));
            padding: 200px 0 150px;
            padding-top: calc(var(--cw-headerHeight) + 100px);
        }

        .cw-slide-wrap .cw-hero-title .cw-bigtext {
            font-size: 4rem;
        }

        .cw-slide-wrap .cw-hero-title .cw-smalltext {
            font-size: 1.5rem;
        }
    }

    @media (min-width: 1200px) {
        .cw-slide-wrap .cw-hero-title .cw-bigtext {
            font-size: 4.5rem;
        }
    }

    @media (min-width: 1400px) {
        .cw-slide-wrap .cw-hero-title .cw-bigtext {
            font-size: 5rem;
        }
    }

    @media (max-width: 576px) {
        .cw-slide-wrap .container {
            position: relative !important;
            z-index: 2;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            display: flex;
        }

        /* .cw-slide-wrap .cw-hero-overlay {
            background: transparent !important;
        } */

        .cw-slide-wrap {
            position: relative;
            height: 100% !important;
            z-index: 10;
            padding-bottom: 2rem;
        }
    }

    /* Button Styles */
    .btn {
        background-color: #28d436;
        color: #000000;
        font-weight: 600;
        font-size: 1.1rem;
        padding: 15px 30px;
        border: none;
        border-radius: 8px;
        text-decoration: none;
        text-align: center;
        transition: all 0.3s ease;
    }

    .btn-primary:hover {
        background-color: #22b82d;
        border-color: #22b82d;
        color: #000;
    }

    .btn-secondary {
        background-color: #6c757d;
        border-color: #6c757d;
        color: #fff;
        font-weight: 600;
    }

    .btn-secondary:hover {
        background-color: #5a6268;
        border-color: #545b62;
    }

    .bootstrap-select>.dropdown-toggle.bs-placeholder {
        color: #000!important;
    }

    /* ================================================================= */


    .page-home .inventory-search-module {
        background-color: var(--color-theme-primary) !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding: 1rem 0;
    }

    section.inventory-search-module .form__wrapper {
        border: 0px solid white !important;
    }

    .page-home .inventory-search-module .btn-primary {
        background-color: var(--color-theme-secondary) !important;
        color: var(--color-theme-primary) !important;
        border: 0px solid rgb(0, 0, 0) !important;
    }

    .page-home .inventory-search-module label
    {
        color: #fff!important;
    }

    /* ================================================================================================= */
    .title {
        background-color: var(--color-theme-primary);
        padding: 2rem;
        position: relative;
        z-index: 0;
        color: #fff;
    }

    .title::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: var(--color-theme-highlight);
        padding: 2rem;
        z-index: -1;
        clip-path: polygon(70% 0, 100% 0, 100% 100%, 67% 100%);

    }

    .cw-section-title {
        background-color: var(--color-theme-primary);
        padding: 2rem;
        position: relative;
        z-index: 0;

    }

    .cw-section-title::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: var(--color-theme-highlight);
        padding: 2rem;
        z-index: -1;
        clip-path: polygon(70% 0, 100% 0, 100% 100%, 67% 100%);

    }

    .cw-section-title .cw-main-title {
        font-weight: 700;
        font-style: normal;
        font-size: 2rem;
        margin-bottom: 0;
        color: #fff;
        text-align: center;
    }

    /* Main Button ================================================================================== */
    .cw-main-button {
        background-color: #f8f9fa;
        padding: 5rem 0;
        position: relative;
        z-index: 0;
    }

    .cw-main-button::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/C2212D6ABBEA08CE80BF08596D585C40.jpg);
        background-size: cover;
        background-position: center;
        z-index: -1;
        opacity: 5%;

    }

    .cw-heading-primary {
        color: #111111;
        text-align: center;
        font-family: 'Droid Sans', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }

    .cw-heading-secondary {
        color: #111111;
        text-align: center;
        font-family: 'Droid Sans', sans-serif;
        font-weight: 700;
        font-style: normal;
        margin-bottom: 2rem;
    }

    .cw-btn-action {
        background-color: #28d436;
        color: #000000;
        font-weight: 600;
        font-size: 1.1rem;
        padding: 15px 30px;
        border: none;
        border-radius: 8px;
        text-decoration: none;
        display: block;
        text-align: center;
        transition: all 0.3s ease;
        width: 100%;
    }

    .cw-btn-action:hover {
        background-color: #22b82d;
        color: #000000;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(40, 212, 54, 0.3);
    }

    .cw-btn-container {
        margin-bottom: 1rem;
    }

    .cw-spacer-top {
        height: 40px;
    }

    .cw-spacer-bottom {
        height: 40px;
    }

    @media (max-width: 767px) {
        .cw-heading-primary {
            font-size: 1.25rem;
        }

        .cw-heading-secondary {
            font-size: 1.5rem;
        }

        .cw-btn-action {
            font-size: 1rem;
            padding: 12px 20px;
        }

        .cw-spacer-top {
            display: none;
        }
    }

    /* Body style ======================================================================================== */
    .cw-body-style {
        margin: 5rem 0;
    }

    .cw-card-one {
        background-color: #E1ECFF;
    }

    .cw-card-two {
        background-color: #A8C8FF;
    }

    .cw-card-three {
        background-color: var(--color-theme-highlight);
    }

    /* Modern Card Style */
    .cw-filter-card {
        padding: 30px;
        transition: all 0.3s ease;
        height: 100%;
    }

    .cw-filter-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }

    .cw-filter-title {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 20px;
        color: #1e293b;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .cw-filter-title-icon {
        color: #3b82f6;
        flex-shrink: 0;
    }

    .cw-filter-list {
        list-style: none;
        padding: 0;
        margin: 0;

    }

    .cw-filter-item {
        padding: 12px 0;
        border-bottom: 1px solid #e2e8f0;
        transition: all 0.2s ease;
    }

    .cw-filter-item:last-child {
        border-bottom: none;
    }

    .cw-filter-link {
        color: #475569;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 500;
        transition: all 0.2s ease;
    }

    .cw-filter-link:hover {
        color: #3b82f6;
        padding-left: 8px;
    }

    .cw-filter-count {
        background: #e0f2fe;
        color: #0284c7;
        padding: 2px 10px;
        border-radius: 12px;
        font-size: 0.875rem;
        font-weight: 600;
    }

    /* Body Type Grid */
    .cw-body-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        margin-top: 5px;
    }

    .cw-body-item {
        text-align: center;
        padding: 20px 10px;
        border-radius: 12px;
        /* background: #f8fafc; */
        transition: all 0.3s ease;
        cursor: pointer;
        text-decoration: none;
        color: #222222;
        border: 2px solid transparent;
    }

    .cw-body-item:hover {
        background: #3b82f6;
        color: white;
        transform: translateY(-3px);
        border-color: #3b82f6;
    }

    .cw-body-icon {
        font-size: 2.5rem;
        margin-bottom: 8px;
    }

    .cw-body-label {
        font-weight: 600;
        font-size: 0.875rem;
    }

    @media (max-width: 768px) {
        .cw-filter-card {
            padding: 20px;
            margin-bottom: 20px;
        }

        .cw-filter-title {
            font-size: 1.25rem;
        }

        .cw-body-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }

        .cw-body-icon {
            font-size: 2rem;
        }

        .cw-body-label {
            font-size: 0.75rem;
        }
    }

    /* Footer ========================================================================================= */
    .cw-footer {
        background-color: var(--color-theme-primary);
        color: var(--color-theme-text-btn);
        padding: 3rem 0rem .5rem;
    }

    .cw-footer p {
        font-size: 14px;
    }

    .cw-footer a {
        color: inherit;
    }

    .cw-footer a:hover {
        color: var(--color-theme-secondary);
    }

    .cw-footer .cw-social {
        font-size: 1.5rem;
    }

    .cw-footer .cw-social a {
        margin: 1px .5rem;
    }

    .footer {
        padding-top: 0.5em;
        padding-bottom: 0;
    }

    .cw-footer .cw-footerMenu {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;

        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;

    }

    .cw-footer .cw-foot-section {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;

    }

    .cw-footer .cw-foot-section .fa {
        color: var(--color-theme-secondary);
    }

    .cw-footer .cw-footerMenu a {
        font-weight: 800;
        padding: 6px;
    }

    .cw-footer .business-hours .bh-title {
        padding-left: 5px;
        border-left: 4px solid var(--color-theme-secondary);
        font-size: 1.3rem;
        text-transform: uppercase;
    }

    .cw-footer .business-hours .today {
        color: var(--color-theme-secondary);
    }

    .footer .footer-info-business {
        display: none;
    }

    .cw-footer .cw-footerMenu h5 {
        padding-left: 5px;
        border-left: 4px solid var(--color-theme-secondary);
    }

    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 576px) {
        .cw-footer .cw-footerMenu {
            display: flex;
            flex-flow: column;
            justify-content: flex-start;
            align-items: flex-start;
        }
    }