@font-face {
    font-family: "TX02NerdFontMono-Regular";
    src: url("../fonts/TX02NerdFontMono-Regular.ttf") format('truetype');
}

@font-face {
    font-family: "IntelOneMono-Regular";
    src: url("../fonts/IntelOneMono-Regular.ttf") format('truetype');
}

:root {
    --md-text-font: "Segoe UI", Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    --md-code-font: "IntelOneMono-Regular", "Consolas", "Monaco", monospace;
    --md-primary-fg-color: #F5FBFE;
    --md-primary-fg-color--light: #FFFFFF;
    --md-primary-fg-color--dark: #D4ECF7;
    --md-primary-bg-color: #05324D;
    --md-primary-bg-color--light: #2B5D78;
    --md-accent-fg-color: #C87918;
    --md-typeset-a-color: #006EA8;
    --md-footer-bg-color: #05324D;
    --md-footer-bg-color--dark: #031F30;
}

::selection {
    background-color: rgba(200, 121, 24, 0.22);
}

.eduroam-logo {
    max-width: 220px;
    height: auto;
    margin: 0.5rem 0 1rem;
}

.md-typeset table:not([class]) {
    font-size: 0.78rem;
}

.md-header__button.md-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    width: auto;
    margin-right: 0.5rem;
}

.md-nav__button.md-logo {
    display: none;
}

.md-header__button.md-logo::before {
    display: block;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    content: "";
    background-image: url("../assets/aku.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.md-header__button.md-logo img {
    display: block;
    width: auto;
    height: 1.55rem;
}

.md-header__title {
    cursor: pointer;
}

.md-header {
    color: #05324D;
    background: linear-gradient(90deg, #FFFFFF 0%, #F5FBFE 30%, #6FB6D7 58%, #005E90 100%);
    border-bottom: 1px solid rgba(5, 50, 77, 0.12);
    box-shadow: none;
}

.md-header__button,
.md-header__title {
    color: #05324D;
}

.md-search__form {
    background-color: rgba(255, 255, 255, 0.58);
}

.md-search__form:hover {
    background-color: rgba(255, 255, 255, 0.78);
}

.md-tabs {
    color: #05324D;
    background-color: #EAF4FA;
    border-bottom: 1px solid rgba(5, 50, 77, 0.08);
}

.md-nav__item--active > .md-nav__link,
.md-nav__link--active,
.md-nav__link[aria-current] {
    color: #05324D !important;
    font-weight: 700;
}

.md-sidebar--primary .md-nav__item--active > .md-nav__link,
.md-sidebar--primary .md-nav__link--active,
.md-sidebar--primary .md-nav__link[aria-current] {
    background-color: rgba(0, 110, 168, 0.12);
    border-radius: 0.2rem;
}

.md-nav__item--active > .md-nav__link:hover,
.md-nav__link--active:hover,
.md-nav__link[aria-current]:hover {
    color: #031F30 !important;
    background-color: rgba(0, 110, 168, 0.18);
}

.md-typeset a {
    color: #005E90;
}

.md-typeset a:hover {
    color: #003F63;
}

.md-typeset a:focus-visible {
    outline: 2px solid rgba(0, 94, 144, 0.35);
    outline-offset: 0.12rem;
}

.md-consent .md-button {
    color: #05324D;
    border-color: rgba(5, 50, 77, 0.42);
}

.md-consent .md-button:hover,
.md-consent .md-button:focus-visible {
    color: #031F30;
    background-color: rgba(0, 110, 168, 0.12);
    border-color: #005E90;
}

.md-consent .md-button--primary {
    color: #FFFFFF;
    background-color: #005E90;
    border-color: #005E90;
}

.md-consent .md-button--primary:hover,
.md-consent .md-button--primary:focus-visible {
    color: #FFFFFF;
    background-color: #003F63;
    border-color: #003F63;
}

.md-typeset h1,
.md-typeset h2 {
    color: #05324D;
}

.md-typeset table:not([class]) th {
    background-color: rgba(0, 110, 168, 0.09);
    color: #05324D;
}

.md-typeset code {
    border-radius: 0.25rem;
}