/* Auto-generated BRF theme CSS for BRF ID 1388 */
/* Do not edit manually — regenerated on each design setting save */

:root {
    --brf-primary: #027506;
    --brf-primary-dark: #016305;
    --brf-primary-light: #b3d5b4;
    --brf-primary-contrast: #ffffff;
    --brand-primary: #027506;
    --brand-primary-text: #ffffff;
    --brand-link: #027506;
    --brand-button: #027506;
    --menu-bg: #ffffff;
    --menu-text: #111827;
    --menu-text-muted: #6b7280;
    --menu-icon: #6b7280;
    --menu-border: rgba(0,0,0,0.1);
    --menu-hover: rgba(0,0,0,0.06);
    --menu-active: rgba(0,0,0,0.1);
}

/* F1: Primary color overrides */
a { color: #027506; }
#top-bar { background-color: var(--brf-primary) !important; }
.btn.btn-primary {
    background-color: #027506;
    border-color: #b3d5b4;
    color: #ffffff;
}
.btn.btn-primary:hover {
    background-color: #016305;
    border-color: #016305;
}
.btn-egrannar {
    background-color: #027506;
    border-color: #027506;
    color: #ffffff;
}
.btn-egrannar:hover {
    background-color: #016305;
    border-color: #016305;
    color: #ffffff;
}
.btn-success {
    background-color: #027506;
    border-color: #b3d5b4;
    color: #ffffff;
}
.btn-success:hover {
    background-color: #016305;
    border-color: #016305;
}
ul.heading { border-bottom-color: var(--brf-primary); }
.img-user { background-color: var(--brf-primary); }
.small-user .dropdown-toggle:after { color: var(--brf-primary); }
.searchbrfs { border-color: var(--brf-primary); }
.searchbrfs .arrowup, .searchbrfs .arrowdown { background: var(--brf-primary); }
.navbar.bg-darkgreen { background-color: var(--brf-primary) !important; }
.navbar.bg-darkgreen .navbar-nav .nav-link { color: var(--brf-primary-contrast) !important; }
.navbar.bg-darkgreen .navbar-nav .nav-link:hover,
.navbar.bg-darkgreen .navbar-nav .nav-link:focus { color: var(--brf-primary-contrast) !important; opacity: 0.8; }
.navbar.bg-darkgreen .navbar-brand { color: var(--brf-primary-contrast) !important; }
.navbar.bg-darkgreen .navbar-toggler { border-color: var(--brf-primary-contrast); }
.navbar.bg-darkgreen .navbar-nav .dropdown-toggle::after { color: var(--brf-primary-contrast); }
#top-bar i.fa, #top-bar i, #top-bar a { color: var(--brf-primary-contrast) !important; }
.top-links li:hover { background-color: var(--brf-primary-dark) !important; }
.sideMenu .menuSubHeading.active { border-left-color: var(--brf-primary); }
#primary-menu ul ul li:hover > a {
    background-color: color-mix(in srgb, var(--brf-primary) 50%, transparent) !important;
}
#primary-menu.style-3 > ul > li:hover > a,
#primary-menu.style-3 > ul > li.current > a,
#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a {
    background: transparent !important;
    opacity: 0.8;
}
/* Page sub-menu: no BRF color override — styled in egrannar.css */

/* Banner layout: text on image */
#header-wrap .brfHeading { display: none !important; }
#pageHeader, .brfTopImage { position: relative; }
#pageHeader > a:not(.brf-banner-overlay-text) { display: block; position: relative; }
.brf-banner-overlay-text {
    position: absolute; bottom: 10px; left: 32px;
    color: #ffffff;
    background: rgba(0,0,0,0.7);
    padding: 10px 20px;
    font-size: clamp(18px, 2.2vw, 32px); font-weight: 700;
    text-decoration: none; width: fit-content;
    max-width: 80%; z-index: 5;
    line-height: 1.2; overflow-wrap: break-word;
}
.brf-banner-overlay-text:hover { opacity: 0.9; color: #ffffff; }
#header-wrap { position: relative; z-index: 10; margin-bottom: -48px; }
@media (max-width: 767px) {
    .brf-banner-overlay-text {
        padding: 8px 14px;
        bottom: 8px; left: 12px;
        max-width: 90%;
    }
    #header-wrap { margin-bottom: -24px; }
}
@media (max-width: 480px) {
    .brf-banner-overlay-text {
        padding: 6px 10px;
        bottom: 6px; left: 8px;
    }
    #header-wrap { margin-bottom: -16px; }
}