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

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

@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

.omoda {
        --franchise-h1-font-size: 1.75rem;
        --franchise-h2-font-size: 1.5rem;
        --franchise-h3-font-size: 1.375rem;
        --franchise-h4-font-size: 1.25rem;
        --franchise-h5-font-size: 1.1rem;
        --franchise-h6-font-size: 1rem;

        h1,h2,h3,h4,h5,h6 {
            font-family: 'Michroma', sans-serif;
        }
        h1 {font-size: var(--franchise-h1-font-size);}
        h2 {font-size: var(--franchise-h2-font-size);}
        h3 {font-size: var(--franchise-h3-font-size);}
        h4 {font-size: var(--franchise-h4-font-size);}
        h5 {font-size: var(--franchise-h5-font-size);}
        h6 {font-size: var(--franchise-h6-font-size);}

        .h1, .fs-1 {font-size: var(--franchise-h1-font-size)!important;}
        .h2, .fs-2 {font-size: var(--franchise-h2-font-size)!important;}
        .h3, .fs-3 {font-size: var(--franchise-h3-font-size)!important;}
        .h4, .fs-4 {font-size: var(--franchise-h4-font-size)!important;}
        .h5, .fs-5 {font-size: var(--franchise-h5-font-size)!important;}
        .h6, .fs-6 {font-size: var(--franchise-h6-font-size)!important;}

        .thumbnail__title a {font-size: var(--franchise-h4-font-size); }
        .vehicle-card-titles__title {font-size: var(--franchise-h5-font-size); }
        .spec-text {font-family: "Montserrat";    -webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; }
        .vehicle-card-titles__sub-title, .ul.full-spec {font-family: "Montserrat";}
        .card-price__value {font-family: "Montserrat";font-size: var(--franchise-h4-font-size)!important;}
        /* Font Family change */

    /* 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: #2EA7FF;
    --franchise-secondary: #222424;
    --franchise-primary-button-text: #fff;
    --franchise-hover-bg:  #2EA7FF;
    --franchise-hover-text: #fff;

}