/* ==========================================================================
   Header-menu fix: sinds het vierde menu-item (AD onderzoek) past het menu
   op tablet-breedte (992-1199px) niet meer met de standaard marge van 40px.
   Marge daar verkleinen zodat het menu op één regel blijft.
   ========================================================================== */
@media (min-width: 992px) {
    /* De knoppen-tabel was breder dan de kolom waardoor hij over het menu
       ("Contact") heen viel; vaste breedtes loslaten zodat hij in de kolom past. */
    .header_section .btn.btn_border.border_white {
        width: auto !important;
        min-width: 0;
        font-size: 14px;
        padding-left: 14px;
        padding-right: 14px;
        white-space: nowrap !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header_section .main_menu > ul > li {
        margin-right: 20px;
    }
    .header_section .main_menu > ul > li > a {
        font-size: 15px;
    }
    .header_section .btn.btn_border.border_white {
        font-size: 13px;
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* Aankondigingsbalk "Planningsagenda wordt Twentecs" (ui-components/components/rebrand-balk.php):
   staat vast bovenaan, ook bij scrollen; body en de header (ook in stuck-stand) schuiven eronder. */
.rebrand_balk {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
}
.rebrand_balk a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
}
.rebrand_balk a:hover {
    color: #cccccc;
}
body:has(.rebrand_balk) {
    padding-top: 36px;
}
body:has(.rebrand_balk) .sticky_header {
    top: 36px;
}