/*
|--------------------------------------------------------------------------
| Compatibility Stylesheet
|--------------------------------------------------------------------------
|
| The public homepage now loads base.css and a theme stylesheet directly.
| This file remains as a compatibility fallback for any older page that
| still references /assets/css/site.css.
|
*/

@import url("/assets/css/base.css");
@import url("/assets/css/themes/modern-dark.css");

/* --------------------------------------------------------------------------
   Responsive desktop navigation fallback
   -------------------------------------------------------------------------- */
@media (min-width: 821px) {
    .site-header .nav-wrap {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 18px;
        row-gap: 0;
        min-height: 72px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .site-header .brand {
        min-width: 0;
        max-width: 230px;
    }

    .site-header .site-nav {
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: center;
        column-gap: 16px;
        row-gap: 14px;
        margin: 0;
    }

    .site-header .site-nav a {
        flex: 0 0 auto;
        white-space: nowrap;
        line-height: 1.1;
    }

    .site-header .nav-wrap > .nav-cta {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        min-width: 88px;
        white-space: nowrap;
        align-self: center;
    }
}

@media (min-width: 821px) and (max-width: 1100px) {
    .site-header .nav-wrap {
        column-gap: 12px;
    }

    .site-header .site-nav {
        column-gap: 12px;
        row-gap: 12px;
    }

    .site-header .site-nav a {
        font-size: 12px;
    }

    .site-header .nav-wrap > .nav-cta {
        min-width: 84px;
        padding-left: 15px;
        padding-right: 15px;
    }
}