/* BSG Fliegerhorst Wahn e.V. – Admidio brand layer */

@font-face {
    font-family: "Barlow Condensed";
    src: url("../fonts/barlow-condensed-600-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Barlow Condensed";
    src: url("../fonts/barlow-condensed-700-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --bsg-orange: #e98600;
    --bsg-dark-blue: #294d5d;
    --bsg-light-blue: #8ac0cb;
    --bsg-pale-blue: #edf6f7;
    --bsg-dark-blue-hover: #1d3945;

    --bs-primary: var(--bsg-dark-blue);
    --bs-primary-rgb: 41, 77, 93;
    --bs-secondary: var(--bsg-dark-blue);
    --bs-secondary-rgb: 41, 77, 93;
    --bs-tertiary: var(--bsg-pale-blue);
    --bs-tertiary-rgb: 237, 246, 247;
    --bs-body-color: var(--bsg-dark-blue);
    --bs-link-color: var(--bsg-dark-blue);
    --bs-link-color-rgb: 41, 77, 93;
    --bs-link-hover-color: var(--bsg-dark-blue-hover);
    --bs-focus-ring-color: rgb(233 134 0 / 35%);

    --admidio-header-font-color: var(--bsg-dark-blue);
    --admidio-header-link-color: var(--bsg-dark-blue);
    --admidio-header-link-color-hover: var(--bsg-dark-blue-hover);
    --admidio-menu-bg-color-hover: var(--bsg-dark-blue-hover);
    --admidio-menu-font-color-hover: #ffffff;
}

#adm_main_navbar {
    color: var(--bsg-dark-blue);
    background-color: #ffffff;
    border-bottom: 4px solid var(--bsg-orange);
    box-shadow: 0 0.2rem 0.7rem rgb(41 77 93 / 12%);
}

#adm_main_navbar .navbar-brand img {
    filter: none;
}

#adm_headline_organization,
#adm_headline_membership,
.admidio-module-headline,
.admidio-content-header h1,
.admidio-card h2,
.admidio-card h3,
.admidio-card h4,
.admidio-menu-header {
    color: var(--bsg-dark-blue);
    font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.025em;
}

.admidio-module-headline {
    border-bottom: 2px solid var(--bsg-light-blue);
    padding-bottom: 0.3rem;
}

.admidio-sidebar {
    background-color: var(--bsg-dark-blue);
}

.admidio-menu-list a:hover,
.admidio-menu-list a:focus-visible {
    background-color: var(--bsg-dark-blue-hover);
    box-shadow: inset 4px 0 0 var(--bsg-orange);
}

.admidio-card {
    background-color: #ffffff;
    border: 1px solid rgb(41 77 93 / 14%);
    border-top: 4px solid var(--bsg-light-blue);
    border-radius: 0.55rem;
    box-shadow: 0 0.25rem 0.8rem rgb(41 77 93 / 8%);
}

.admidio-card li {
    background-color: transparent;
}

#admidio-plugin-login-form .admidio-card,
#admidio-plugin-announcement-list .admidio-card {
    border-top-color: var(--bsg-orange);
}

.btn-primary {
    color: #ffffff;
    background-color: var(--bsg-dark-blue);
    border-color: var(--bsg-dark-blue);
}

.btn-primary:hover,
.btn-primary:focus-visible {
    color: #ffffff;
    background-color: var(--bsg-dark-blue-hover);
    border-color: var(--bsg-dark-blue-hover);
}

.btn-outline-primary,
.btn-outline-primary:hover {
    color: var(--bsg-dark-blue) !important;
    border-color: var(--bsg-dark-blue) !important;
}

.btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: var(--bsg-dark-blue) !important;
}

a:not(.btn):hover,
a:not(.btn):focus-visible {
    text-decoration-color: var(--bsg-orange);
    text-decoration-thickness: 0.12em;
    text-underline-offset: 0.16em;
}

.breadcrumb,
.navbar-filter,
.nav-tabs .nav-link {
    background-color: var(--bsg-pale-blue);
}

.table thead th {
    border-bottom-color: var(--bsg-light-blue);
}

.page-item.active .page-link,
.btn-check:checked + .btn {
    color: #ffffff !important;
    background-color: var(--bsg-dark-blue);
    border-color: var(--bsg-dark-blue) !important;
}

:focus-visible {
    outline: 3px solid var(--bsg-orange);
    outline-offset: 2px;
}

@media (max-width: 767px) {
    #adm_main_navbar {
        min-height: 3.5rem;
    }

    #adm_main_navbar .navbar-brand img {
        max-height: 48px !important;
        max-width: 76px !important;
    }
}