/**
 * Custom CSS Overrides
 * This file loads last to override all other styles
 */

/**
 * Mobile Header Buttons Override
 * Show header buttons on mobile devices
 */
@media only screen and (max-width: 1600px) and (min-width: 1401px) {
    .header_extra {
        display: flex !important;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1171px) {
    .header_extra {
        display: flex !important;
    }
}

@media only screen and (max-width: 1199px) {
    .header_extra {
        display: flex !important;
        visibility: visible !important;
        margin-right: 60px !important;
    }

    .header_extra .header_btn {
        display: flex;
        flex-direction: row;
        gap: 8px;
    }

    .header_extra .header_btn a {
        font-size: 11px !important;
        padding: 6px 10px !important;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 991px) {
    .header_extra {
        margin-right: 55px !important;
    }

    .header_extra .header_btn {
        gap: 6px;
    }

    .header_extra .header_btn a {
        font-size: 10px !important;
        padding: 5px 8px !important;
    }
}

@media only screen and (max-width: 767px) {
    .site-branding a img {
        max-width: 180px !important;
        margin-bottom: 8px;
    }

    .header_extra {
        margin-right: 50px !important;
    }

    .header_extra .header_btn {
        gap: 5px;
    }

    .header_extra .header_btn a {
        font-size: 9px !important;
        padding: 4px 6px !important;
    }
}

@media only screen and (max-width: 480px) {
    .site-branding a img {
        max-width: 140px !important;
        margin-bottom: 8px;
    }

    .header_extra {
        margin-right: 45px !important;
    }

    .header_extra .header_btn {
        gap: 4px;
    }

    .header_extra .header_btn a {
        font-size: 8px !important;
        padding: 3px 5px !important;
    }
}