@import url("/css/franchises/shared.css");

/* Optional font-family imports from centrally managed resources on Sirv */



.jaecoo {

    /* Optionally set franchise font-family to match that in Sirv @font-face rules  */
    /* Styles in shared.css will fallback to --bs-body-font-family by default */

    /* Set franchise-specifc button colours */
    --franchise-primary: #006679;
    --franchise-secondary: #082c35;
    --franchise-primary-button-text: #fff;
    --franchise-hover-bg: #082c35;
    --franchise-hover-text: #fff;


}


@media only screen and (width <=420px) {

    .jaecoo .navbar-brand img {
        max-width: 130px;
        height: auto;
    }

    .jaecoo .franchise-logo img {
        max-width: 100px;
        height: auto;
    }
}


.jaecoo .btn-white:hover {
    border-color: #fff !important;
    background-color: var(--franchise-secondary) !important;
    color: #fff !important;
}



.jaecoo .bg-secondary {
    background-color: var(--franchise-secondary) !important;
}

.jaecoo .btn-search {
    background-color: var(--franchise-primary) !important;
    border-color: var(--franchise-primary) !important;
}

.jaecoo .btn-search svg {
    color: #fff !important;
}

.jaecoo .bg-primary.badge {
    color: var(--franchise-secondary) !important;
}


.jaecoo .btn-primary-alt {
    background-color: var(--franchise-primary) !important;
    border-color: var(--franchise-primary) !important;
    color: var(--franchise-primary-button-text) !important;
}

.jaecoo .btn-primary-alt:hover {
    background-color: var(--franchise-secondary) !important;
    border-color: var(--franchise-secondary) !important;
    color: #fff !important;
}

.jaecoo .btn-primary:hover,
.jaecoo ._vm_btn--primary:hover {
    border-color: var(--franchise-hover-bg) !important;
    color: var(--franchise-hover-text) !important;
}

.jaecoo ._vm_btn--secondary {
    background-color: var(--franchise-secondary) !important;
    border-color: var(--franchise-secondary) !important;
    color: #fff !important;
}

.jaecoo ._vm_btn--secondary:hover {
    background-color: var(--franchise-primary) !important;
    border-color: var(--franchise-primary) !important;
    color: var(--franchise-secondary) !important;
}

.jaecoo .btn-outline-primary {
    border-color: var(--franchise-primary) !important;
    color: #fff !important;
}

.jaecoo .btn-outline-primary:hover {
    background-color: var(--franchise-primary) !important;
    border-color: var(--franchise-primary) !important;
    color: var(--franchise-primary-button-text) !important;
}


.jaecoo .btn-outline-secondary {
    background-color: #fff !important;
    border-color: var(--franchise-secondary) !important;
    color: var(--franchise-secondary) !important;
}

.jaecoo .btn-outline-secondary:hover {
    background-color: var(--franchise-secondary) !important;
    border-color: var(--franchise-secondary) !important;
    color: #fff !important;
}


.jaecoo .btn-secondary {
    background-color: var(--franchise-secondary) !important;
    border-color: var(--franchise-secondary) !important;

    svg {
        color: #fff !important;
    }

}

.jaecoo .service-booking .btn-dark, .jaecoo .part-ex .btn-dark, .jaecoo .version-carousel .btn-secondary, .jaecoo #quote-action-buttons .btn-secondary, .jaecoo .ucd-ctas .btn-secondary {
    background-color: var(--franchise-primary) !important;
    border-color: var(--franchise-primary) !important;
    color: #fff !important;
}

.jaecoo .service-booking .btn-dark:hover, .jaecoo .part-ex .btn-dark:hover, .jaecoo .version-carousel .btn-secondary:hover, .jaecoo #quote-action-buttons .btn-secondary:hover, .jaecoo .ucd-ctas .btn-secondary:hover {
    background-color: var(--franchise-secondary) !important;
    border-color: var(--franchise-secondary) !important;
    color: #fff !important;
}


.jaecoo .btn-outline-dark:hover {
    background-color: var(--franchise-secondary) !important;
    border-color: var(--franchise-secondary) !important;
    color: #fff !important;
}

.jaecoo .btn-link {
    color: #50DD6D;
    min-height: 32px;
}

.jaecoo .franchise-hover {
    transition: ease all 0.3s;
}

.jaecoo .franchise-hover:hover {
    color: var(--franchise-primary) !important;
}


.tick-list ul li::before {
    background-color: #50DD6D !important;
}

.jaecoo .dealership__hours svg {
    color: var(--franchise-primary) !important;
}