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

@import url('https://bluesky.sirv.com/Global/Assets/Fonts/Geely/geely.css');


.geely {

    /* 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: 'interregular', sans-serif;
    /* Set franchise-specifc button colours */
    --franchise-primary: #000;
    --franchise-secondary: #E8E7E7;
    --franchise-primary-button-text: #fff;
    --franchise-hover-bg:  #3A7FF8;
    --franchise-hover-text: #fff;

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

    h1, h2, h3, h4, h5, h6 {
        font-family: 'GEELY Bold 20230926';
        text-transform: uppercase;
    }

    .btn-primary, ._vm_btn--primary {
        border-color: #000!important;
    }

    .btn-primary:hover, ._vm_btn--primary:hover {
        background-color: #3A7FF8;
        border-color: #3A7FF8!important;
    }

    .btn-secondary, ._vm_btn--secondary {
        border-color: #000!important;
        background-color: transparent;
        color: #fff;
    }

    .btn-secondary:hover, ._vm_btn--secondary:hover {
        color: #3A7FF8;
        border-color: #3A7FF8!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;}

    .bg-gradient {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: #d9e3d7;
    }

    .bg-gradient::before {
    content: "";
    position: absolute;
    inset: -100px;
    background:
        radial-gradient(circle at 15% 15%, #86ffd3 0%, transparent 30%),
        radial-gradient(circle at 25% 65%, #07f 0%, transparent 40%),
        radial-gradient(circle at 85% 25%, #ff5c5c 0%, transparent 35%),
        radial-gradient(circle at 90% 85%, #6a00ff 0%, transparent 40%),
        radial-gradient(circle at 55% 80%, #001dff 0%, transparent 50%);
    filter: blur(80px);
    transform: scale(1.15);
    }
}