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

@import url("https://bluesky.sirv.com/Global/Assets/Fonts/Ford/FordF1/ford.css");


.ford {

    /* 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 */--franchise-font-family: 'FordF1';
    /* Set franchise-specifc button colours */
    --franchise-primary: #00095b;
    --franchise-secondary: #1700f4;
    --franchise-primary-button-text: #fff;
    --franchise-hover-bg:  #fff;
    --franchise-hover-text: #000;

    .bg-gradient-vertical {
        background: linear-gradient(90deg, var(--bs-white) 0%, #8EBAE2 60%) !important;
    }

    .service-option a[selected="true"], .service-option a:hover {
    background-color: var(--franchise-primary)!important;
    color: #fff;
}
    
    .btn-primary:hover {
        color: var(--franchise-primary)!important;
        border-color: var(--franchise-primary)!important;
    }

    
    #main-navigation .nav-link:hover, #main-navigation .dropdown-item:hover, .nav-content .dropdown-item:active, .nav-content .dropdown-item:focus{
        background-color: var(--franchise-primary);
    }

    #main-navigation .nav-link.dropdown-toggle::after, #main-navigation .dropdown-item.dropdown-toggle::after {
        border-color: #fff !important;
        opacity: 1 !important;
    }
    .bg-gradient-vertical {background: linear-gradient(90deg, var(--franchise-hover-bg) 0%, var(--franchise-secondary) 70%) !important;}
}