/*
 Header/navigation modernization layer.
*/

@media (max-width: 767px) {
    .churchwp-nav-panel {
        display: none;
    }

    .churchwp-nav-panel.is-open,
    .churchwp-nav-panel.in {
        display: block;
    }
}

.churchwp-nav-toggle.is-open .icon-bar:nth-child(2) {
    transform: translateY(6px) rotate(45deg);
}

.churchwp-nav-toggle.is-open .icon-bar:nth-child(3) {
    opacity: 0;
}

.churchwp-nav-toggle.is-open .icon-bar:nth-child(4) {
    transform: translateY(-6px) rotate(-45deg);
}