html {
    scroll-padding-top: calc(var(--portal-header-height, 94px) + 16px);
}

body > .portal-header {
    position: sticky;
    top: 0;
    z-index: 1020;
    flex-shrink: 0;
    background: inherit !important;
    background-color: #315b16 !important;
}

@media (max-width: 575.98px) {
    .portal-header #mobileMenu {
        max-height: calc(100vh - 170px);
        max-height: calc(100dvh - 170px);
        overflow-y: auto;
    }
}

@media print {
    body > .portal-header {
        position: static;
    }
}

.portal-header .header-social-links {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    gap: 4px;
}

.portal-header .header-instagram,
.portal-header .header-facebook {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-left: 0;
    border-radius: 4px;
    background: transparent;
    color: #244b19;
    font-size: 24px;
    text-decoration: none;
}

.portal-header .header-instagram:hover,
.portal-header .header-facebook:hover {
    background: #ffffff1a;
    color: #183510;
}

.portal-header .header-instagram:focus-visible,
.portal-header .header-facebook:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

@media (max-width: 575.98px) {
    .portal-header .header-mobile-logo {
        flex: 1;
        min-width: 0;
    }

    .portal-header .navbar .header-social-links {
        margin: 0 8px;
    }
}

.portal-header .header-instagram img,
.portal-header .header-facebook svg {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.portal-header .header-facebook svg {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    overflow: hidden;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .portal-header #brand .header-main-search form input {
        width: calc(100% - 36px);
        min-width: 0;
    }

    .portal-header #brand .header-main-search form button {
        width: 36px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
}