/* Same font faces the website loads from Google Fonts (Manrope 400/500/700):
   only these weights are declared, so font-weight 600 renders as 700 like on the website */
@font-face {
    font-family: system_nav_manrope;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./Manrope-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: system_nav_manrope;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./Manrope-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: system_nav_manrope;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./Manrope-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: system_nav_manrope;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./Manrope-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: system_nav_manrope;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./Manrope-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: system_nav_manrope;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./Manrope-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Subset of the website theme Unicons font, with only the glyphs used by the navbar */
@font-face {
    font-family: system_nav_unicons;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("./Unicons-navbar.woff2") format("woff2");
}

:root {
    --system-nav-height: 84px;
    --system-nav-bg: #0c2a45;
    --system-nav-dropdown-bg: #123856;
    --system-nav-border: #1a4166;
    --system-nav-divider: rgba(255, 255, 255, 0.24);
    --system-nav-hover-bg: rgba(255, 255, 255, 0.08);
    --system-nav-accent: #5fb0de;
    --system-nav-impersonation: #f78b2d;
}

/* Text environment the components inherit from the website body (Sandbox theme) */
.system-nav-bar,
.system-footer {
    font-family: system_nav_manrope, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    color: #60697b;
    text-align: left;
    letter-spacing: normal;
    word-spacing: 1px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

/* Element defaults of the website theme (Bootstrap reboot + Sandbox), scoped to the components.
   :where() keeps them at element specificity, so the component classes always win */
.system-nav-bar,
.system-footer,
:where(.system-nav-bar, .system-footer) *,
:where(.system-nav-bar, .system-footer) *::before,
:where(.system-nav-bar, .system-footer) *::after {
    box-sizing: border-box;
}

:where(.system-nav-bar, .system-footer) a {
    color: #327ea8;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

:where(.system-nav-bar, .system-footer) img,
:where(.system-nav-bar, .system-footer) svg {
    vertical-align: middle;
}

:where(.system-nav-bar, .system-footer) button {
    margin: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    -webkit-appearance: button;
    appearance: button;
}

:where(.system-nav-bar, .system-footer) button:not(:disabled) {
    cursor: pointer;
}

:where(.system-nav-bar, .system-footer) button:focus:not(:focus-visible) {
    outline: 0;
}

:where(.system-nav-bar, .system-footer) h6 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.55;
    color: #343f52;
    word-spacing: 2px;
    letter-spacing: -0.2px;
}

:where(.system-nav-bar, .system-footer) h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.45;
    color: #343f52;
    word-spacing: 2px;
    letter-spacing: -0.2px;
}

:where(.system-nav-bar, .system-footer) p {
    margin-top: 0;
    margin-bottom: 20px;
}

:where(.system-nav-bar, .system-footer) address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: inherit;
}

:where(.system-nav-bar, .system-footer) ul {
    padding-left: 40px;
}

/* Unicons glyphs, same rules as the theme [class^=uil-] icons */
.system-nav-glyph {
    font-family: system_nav_unicons !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    word-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.system-nav-glyph-angle-down::before { content: "\e92d"; }
.system-nav-glyph-angle-right::before { content: "\e931"; }
.system-nav-glyph-apps::before { content: "\e939"; }
.system-nav-glyph-arrow-up-right::before { content: "\e950"; }
.system-nav-glyph-bell::before { content: "\e97f"; }
.system-nav-glyph-bill::before { content: "\e980"; }
.system-nav-glyph-bookmark::before { content: "\e994"; }
.system-nav-glyph-chart::before { content: "\e9d6"; }
.system-nav-glyph-cloud-download::before { content: "\e9f7"; }
.system-nav-glyph-cog::before { content: "\ea1e"; }
.system-nav-glyph-comment-alt::before { content: "\ea3a"; }
.system-nav-glyph-credit-card::before { content: "\ea74"; }
.system-nav-glyph-dashboard::before { content: "\ea7e"; }
.system-nav-glyph-database::before { content: "\ea81"; }
.system-nav-glyph-desktop::before { content: "\ea88"; }
.system-nav-glyph-download-alt::before { content: "\eaa0"; }
.system-nav-glyph-envelope::before { content: "\eac8"; }
.system-nav-glyph-external-link-alt::before { content: "\eadf"; }
.system-nav-glyph-file-alt::before { content: "\eaec"; }
.system-nav-glyph-folder::before { content: "\eb34"; }
.system-nav-glyph-github::before { content: "\eb40"; }
.system-nav-glyph-gitlab::before { content: "\eb41"; }
.system-nav-glyph-globe::before { content: "\eb48"; }
.system-nav-glyph-heart::before { content: "\eb66"; }
.system-nav-glyph-history::before { content: "\eb6b"; }
.system-nav-glyph-info-circle::before { content: "\eb99"; }
.system-nav-glyph-key-skeleton::before { content: "\eba5"; }
.system-nav-glyph-life-ring::before { content: "\ebc4"; }
.system-nav-glyph-link::before { content: "\ebcd"; }
.system-nav-glyph-linkedin::before { content: "\ebd1"; }
.system-nav-glyph-lock::before { content: "\ebdc"; }
.system-nav-glyph-lock-alt::before { content: "\ebf0"; }
.system-nav-glyph-moon::before { content: "\ec1b"; }
.system-nav-glyph-phone::before { content: "\ec51"; }
.system-nav-glyph-power::before { content: "\ec64"; }
.system-nav-glyph-question-circle::before { content: "\ec79"; }
.system-nav-glyph-search::before { content: "\eca5"; }
.system-nav-glyph-server::before { content: "\ecae"; }
.system-nav-glyph-setting::before { content: "\ecaf"; }
.system-nav-glyph-shield-check::before { content: "\ecb2"; }
.system-nav-glyph-shopping-cart::before { content: "\ecbd"; }
.system-nav-glyph-sign-out-alt::before { content: "\ecc7"; }
.system-nav-glyph-snapchat-ghost::before { content: "\ece5"; }
.system-nav-glyph-star::before { content: "\eceb"; }
.system-nav-glyph-sun::before { content: "\ed27"; }
.system-nav-glyph-ticket::before { content: "\ed41"; }
.system-nav-glyph-times::before { content: "\ed3b"; }
.system-nav-glyph-times-circle::before { content: "\ed37"; }
.system-nav-glyph-user::before { content: "\ed6f"; }
.system-nav-glyph-user-circle::before { content: "\ed66"; }
.system-nav-glyph-user-times::before { content: "\ed6e"; }
.system-nav-glyph-users-alt::before { content: "\ed70"; }
.system-nav-glyph-wrench::before { content: "\edaf"; }

/* Empty icon slot: keeps size and alignment of the items without an icon */
.system-nav-glyph-blank {
    display: inline-block;
    width: 1em;
    height: 1.7em;
}