body {
    --wp--preset--spacing--40: min(4rem, 3rem);
}

.wp-block-navigation .wp-block-navigation-item {
    a {
        border-bottom: 2px solid transparent;

        &:hover {
            text-decoration: none;
            color: #6c4a3f;
        }

        &:focus {
            border-bottom-color: currentColor;
            outline: none;
        }
    }
    &.current-menu-item a {
        border-bottom-color: currentColor;
        color: #6c4a3f;
    }
}

form label {
    display: block;
    margin: 0;

    .wpcf7-form-control-wrap {
        display: block;
    }
}
label em {
    color: #880000;
    margin-left: .25rem;
}

textarea,
input:not([type=submit]) {
    border: 2px solid #333333;
    border-radius: 4px;
    font-size: 1rem;
    min-width: 125px;
    padding: 0.5rem;
    width: calc(100% - 1rem);
    transition: border-color 0.5s ease-out;
}

.wpcf7-not-valid-tip {
    margin: .25rem 0 0 0;
    color: #880000;
    font-size: .875rem;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #880000;
    background-color: #880000;
    color: #ffffff;
    margin: 2rem 0 0;
}

.primary-text-color {
    color: #6c4a3f;
}

details {
    background: rgba(207, 202, 190, .3);
    border-radius: .25rem;
    padding: .5rem;
    margin-left: -.5rem !important;
    margin-right: -.5rem !important;


    summary {
        &::marker {
            color: #6c4a3f;
            font-size: 1.2em;
        }
        &:focus {
            outline: none;
        }
    }
    ul {
        margin: .5rem 0 0 0;
    }
}

.wp-block-column.has-base-background-color.has-background {
    border-radius: .5rem;
}

.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    border: 0.0625rem solid #000000;
    padding: 0.5rem;
    border-radius: 0.25rem;
}
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    width: 2rem;
    height: 2rem;
}