/* Fire Department Navigation Styles (Frontend & Backend) */

@media (max-width: 599px){
    .editor-styles-wrapper .wp-block-navigation__responsive-dialog,
    .wp-block-navigation__responsive-container {
        background-color: var(--fire-blue-dark) !important;
        z-index: 1;
    }
}

.wp-block-navigation__responsive-container .wp-block-navigation__responsive-close {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.editor-styles-wrapper .wp-block-navigation-item__content,
.editor-styles-wrapper .wp-block-navigation-item__label,
.wp-block-navigation-item__label {
    color: #B11A1A;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 1.5rem;
    line-height: 2;
}

@media (max-width: 599px){
    .editor-styles-wrapper .wp-block-navigation-item__content,
    .editor-styles-wrapper .wp-block-navigation-item__label,
    .editor-styles-wrapper .block-editor-rich-text__editable,
    .wp-block-navigation-item__content,
    .wp-block-navigation-item__label {
        color: white;
    }
}

.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
    color: white;
}

button.wp-block-navigation__responsive-container-open {
    background: var(--fire-blue-dark);
    color: white;
    padding: 12px 7px;
    width: 100%;
}

.editor-styles-wrapper .wp-block-navigation__container,
.wp-block-navigation__container {
    display: flex;
    gap: 1rem;
    align-items: center;
}

@media (min-width: 600px){
    .editor-styles-wrapper .wp-block-navigation-item:not(:first-child),
    .wp-block-navigation .wp-block-navigation-item:not(:first-child) {
        margin-left: 0.5em;
    }
}

.editor-styles-wrapper .wp-block-navigation-item:not(:last-child)::after,
.wp-block-navigation-item:not(:last-child)::after {
    content: "|";
    color: #000;
    margin-left: 1rem;
    font-weight: 400;
}

@media (max-width: 599px){
    .editor-styles-wrapper .wp-block-navigation-item:not(:last-child)::after,
    .wp-block-navigation-item:not(:last-child)::after {
        content: none;
    }
}

.editor-styles-wrapper .wp-block-navigation-item.active .wp-block-navigation-item__label,
.wp-block-navigation-item.active .wp-block-navigation-item__label {
    color: var(--fire-blue);
}

@media (max-width: 599px){
    .editor-styles-wrapper .wp-block-navigation-item.active .wp-block-navigation-item__label,
    .wp-block-navigation-item.active .wp-block-navigation-item__label {
        color: #EEEC92;
    }
}

.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    margin-top: 0;
}

button.wp-block-navigation__responsive-container-close {
    background: white;
    border-radius: 1rem;
    padding: 5px;
    color: var(--fire-red) !important;
    position: absolute;
}

.wp-block-navigation__container:only-child, .wp-block-page-list:only-child {
    justify-content: center;
}

/** buttons **/
.wp-block-buttons {
    gap: 2rem;
    margin-block-end: 2rem;
}

.wp-block-buttons > .wp-block-button {
    padding: 0;
    margin: 0;
}

.wp-block-buttons > .wp-block-button > a.wp-block-button__link {
    border-width: 4px;
}

/*.wp-block-buttons > .wp-block-button > a.wp-block-button__link:where(:hover, :focus) {*/
/*    background: var(--fire-blue);*/
/*    color: white !important;*/
/*    border-color: var(--fire-blue);*/
/*    text-decoration: none;*/
/*}*/