/* Mobile navigation final layer. Loaded after main.css on purpose. */
@media (max-width: 980px) {
    :root {
        --batf-mobile-fixed-header-height: 86px;
    }

    /* The fixed site header replaces the admin toolbar on the mobile front end. */
    html:has(> body.admin-bar) {
        margin-top: 0 !important;
    }

    #wpadminbar {
        display: none !important;
    }

    .batf-header,
    body .batf-header,
    html body .batf-header {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 99999 !important;
        display: block !important;
        width: 100% !important;
        min-height: var(--batf-mobile-fixed-header-height) !important;
        padding: 0 !important;
        transform: translate3d(0, 0, 0) !important;
        backface-visibility: hidden !important;
        will-change: transform !important;
    }

    body::before {
        content: "" !important;
        position: fixed !important;
        top: calc(-1 * env(safe-area-inset-top, 0px)) !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 99998 !important;
        height: max(env(safe-area-inset-top, 0px), 1px) !important;
        background: #fff !important;
        pointer-events: none !important;
    }

    html.batf-nav-on-dark body::before,
    body.page-template-page-podcast::before,
    body.single-batf_podcast::before,
    body.post-type-archive-batf_podcast::before {
        background: #000 !important;
    }

    .batf-main-wrap {
        padding-top: var(--batf-mobile-fixed-header-height) !important;
    }

    .batf-main-wrap > :is(.batf-page-hero, .batf-section, .batf-single, .batf-job-single) {
        padding-top: 32px !important;
    }

    .batf-primary-nav,
    .batf-primary-nav.is-open,
    .batf-nav-on-dark .batf-primary-nav.is-open,
    body.page-template-page-podcast .batf-primary-nav.is-open,
    body.single-batf_podcast .batf-primary-nav.is-open,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open {
        position: fixed !important;
        top: var(--batf-mobile-fixed-header-height) !important;
        left: 50% !important;
        width: min(1180px, calc(100vw - 28px)) !important;
        max-height: calc(100dvh - var(--batf-mobile-fixed-header-height)) !important;
        transform: translate3d(-50%, 0, 0) !important;
    }

    html.batf-mobile-menu-open,
    html.batf-mobile-menu-open body {
        height: auto !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    html.batf-mobile-menu-open .batf-primary-nav,
    .batf-header:has(.batf-primary-nav.is-open) .batf-primary-nav {
        display: block !important;
    }

    .batf-header-inner {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
        width: calc(100vw - 28px) !important;
        height: var(--batf-mobile-fixed-header-height) !important;
        min-height: var(--batf-mobile-fixed-header-height) !important;
        align-items: center !important;
    }

    .batf-header-inner .batf-header-social,
    .batf-header-inner .batf-header-actions {
        width: 100% !important;
        height: var(--batf-mobile-fixed-header-height) !important;
        min-width: 0 !important;
        align-items: center !important;
    }

    .batf-header-inner .batf-header-social {
        justify-self: stretch !important;
        justify-content: flex-start !important;
    }

    .batf-header-inner .batf-header-actions {
        justify-self: stretch !important;
        justify-content: flex-end !important;
    }

    .batf-header-social a[aria-label="Instagram"],
    .batf-menu-toggle {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        height: var(--batf-mobile-fixed-header-height) !important;
        min-height: var(--batf-mobile-fixed-header-height) !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation !important;
    }

    .batf-header-social a[aria-label="Instagram"]:focus,
    .batf-header-social a[aria-label="Instagram"]:focus-visible,
    .batf-menu-toggle:focus,
    .batf-menu-toggle:focus-visible {
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html,
    body {
        touch-action: pan-x pan-y !important;
    }

    .batf-header-social a[aria-label="Instagram"] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        color: #fff !important;
    }

    .batf-menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        color: #000 !important;
    }

    .batf-header-social a[aria-label="Instagram"] {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        place-items: center start !important;
        line-height: 0 !important;
    }

    .batf-menu-toggle {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 42px !important;
        place-items: center end !important;
    }

    .batf-header-social a[aria-label="Instagram"]::before,
    .batf-menu-toggle::before {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        width: 42px !important;
        height: 42px !important;
        border: 1px solid #000 !important;
        transform: translateY(-50%) !important;
        pointer-events: none !important;
    }

    .batf-header-social a[aria-label="Instagram"]::before {
        left: 0 !important;
        background: #000 !important;
    }

    .batf-menu-toggle::before {
        right: 0 !important;
        background: #fff !important;
    }

    .batf-header-social a[aria-label="Instagram"] svg,
    .batf-header-social a[aria-label="Instagram"] .batf-brand-icon,
    .batf-menu-toggle .batf-menu-lines {
        position: relative !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    .batf-header-social a[aria-label="Instagram"] svg,
    .batf-header-social a[aria-label="Instagram"] .batf-brand-icon {
        grid-column: 1 !important;
        justify-self: center !important;
        align-self: center !important;
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        margin: 0 !important;
        transform: none !important;
    }

    .batf-menu-toggle .batf-menu-lines {
        grid-column: 2 !important;
        justify-self: center !important;
        align-self: center !important;
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        margin: 0 !important;
        transform: none !important;
        color: currentColor !important;
        overflow: visible !important;
    }

    .batf-menu-toggle .batf-menu-lines > span {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        display: block !important;
        width: 16px !important;
        height: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: currentColor !important;
        transform-origin: center !important;
    }

    .batf-menu-toggle .batf-menu-lines > span:first-child {
        transform: translate(-50%, calc(-50% - 5px)) !important;
    }

    .batf-menu-toggle .batf-menu-lines > span:last-child {
        transform: translate(-50%, calc(-50% + 5px)) !important;
    }

    .batf-menu-toggle[aria-expanded="true"] .batf-menu-lines > span:first-child {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    .batf-menu-toggle[aria-expanded="true"] .batf-menu-lines > span:last-child {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    html.batf-mobile-menu-open.batf-nav-on-dark .batf-header::after,
    html.batf-mobile-menu-open body.page-template-page-podcast .batf-header::after,
    html.batf-mobile-menu-open body.single-batf_podcast .batf-header::after,
    html.batf-mobile-menu-open body.post-type-archive-batf_podcast .batf-header::after,
    .batf-nav-on-dark .batf-header:has(.batf-primary-nav.is-open)::after,
    body.page-template-page-podcast .batf-header:has(.batf-primary-nav.is-open)::after,
    body.single-batf_podcast .batf-header:has(.batf-primary-nav.is-open)::after,
    body.post-type-archive-batf_podcast .batf-header:has(.batf-primary-nav.is-open)::after {
        background: #000 !important;
    }

    html.batf-mobile-menu-open.batf-nav-on-dark .batf-header::before,
    html.batf-mobile-menu-open body.page-template-page-podcast .batf-header::before,
    html.batf-mobile-menu-open body.single-batf_podcast .batf-header::before,
    html.batf-mobile-menu-open body.post-type-archive-batf_podcast .batf-header::before {
        background: #000 !important;
    }

    .batf-nav-on-dark .batf-primary-nav.is-open,
    body.page-template-page-podcast .batf-primary-nav.is-open,
    body.single-batf_podcast .batf-primary-nav.is-open,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open {
        background: transparent !important;
        color: #fff !important;
    }

    .batf-nav-on-dark .batf-primary-nav.is-open a,
    .batf-nav-on-dark .batf-primary-nav.is-open .sub-menu a,
    body.page-template-page-podcast .batf-primary-nav.is-open a,
    body.page-template-page-podcast .batf-primary-nav.is-open .sub-menu a,
    body.single-batf_podcast .batf-primary-nav.is-open a,
    body.single-batf_podcast .batf-primary-nav.is-open .sub-menu a,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open a,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open .sub-menu a {
        background: #000 !important;
        color: #fff !important;
        border-color: #fff !important;
    }

    .batf-nav-on-dark .batf-primary-nav.is-open .current-menu-item > a,
    .batf-nav-on-dark .batf-primary-nav.is-open .current-menu-ancestor > a,
    .batf-nav-on-dark .batf-primary-nav.is-open li.menu-item-has-children.is-submenu-open > a,
    body.page-template-page-podcast .batf-primary-nav.is-open .current-menu-item > a,
    body.page-template-page-podcast .batf-primary-nav.is-open .current-menu-ancestor > a,
    body.page-template-page-podcast .batf-primary-nav.is-open li.menu-item-has-children.is-submenu-open > a,
    body.single-batf_podcast .batf-primary-nav.is-open .current-menu-item > a,
    body.single-batf_podcast .batf-primary-nav.is-open .current-menu-ancestor > a,
    body.single-batf_podcast .batf-primary-nav.is-open li.menu-item-has-children.is-submenu-open > a,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open .current-menu-item > a,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open .current-menu-ancestor > a,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open li.menu-item-has-children.is-submenu-open > a {
        background: #fff !important;
        color: #000 !important;
        border-color: #fff !important;
    }

    .batf-nav-on-dark .batf-header-social a[aria-label="Instagram"],
    body.page-template-page-podcast .batf-header-social a[aria-label="Instagram"],
    body.single-batf_podcast .batf-header-social a[aria-label="Instagram"],
    body.post-type-archive-batf_podcast .batf-header-social a[aria-label="Instagram"] {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    .batf-nav-on-dark .batf-header-social a[aria-label="Instagram"]::before,
    body.page-template-page-podcast .batf-header-social a[aria-label="Instagram"]::before,
    body.single-batf_podcast .batf-header-social a[aria-label="Instagram"]::before,
    body.post-type-archive-batf_podcast .batf-header-social a[aria-label="Instagram"]::before {
        background: #fff !important;
        border-color: #fff !important;
    }

    .batf-nav-on-dark .batf-menu-toggle,
    body.page-template-page-podcast .batf-menu-toggle,
    body.single-batf_podcast .batf-menu-toggle,
    body.post-type-archive-batf_podcast .batf-menu-toggle {
        background: transparent !important;
        color: #fff !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    .batf-nav-on-dark .batf-menu-toggle::before,
    body.page-template-page-podcast .batf-menu-toggle::before,
    body.single-batf_podcast .batf-menu-toggle::before,
    body.post-type-archive-batf_podcast .batf-menu-toggle::before {
        background: #000 !important;
        border-color: #fff !important;
    }

    .batf-primary-nav.is-open li.menu-item-has-children > a {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
        gap: 12px !important;
    }

    .batf-menu-link-label {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        max-width: calc(100% - 54px) !important;
        min-height: 26px !important;
        cursor: pointer !important;
        text-decoration: none !important;
    }

    .batf-submenu-mark {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        margin: 0 0 0 14px !important;
        padding: 7px !important;
        box-sizing: border-box !important;
        border: 1px solid currentColor !important;
        border-radius: 4px !important;
        color: currentColor !important;
        line-height: 0 !important;
    }

    .batf-submenu-mark > span {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        display: block !important;
        width: 10px !important;
        height: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: currentColor !important;
        transform-origin: 50% 50% !important;
    }

    .batf-submenu-mark > span:first-child {
        transform: translate(-50%, -50%) !important;
    }

    .batf-submenu-mark > span:last-child {
        transform: translate(-50%, -50%) rotate(90deg) !important;
    }

    .batf-primary-nav.is-open li.menu-item-has-children.is-submenu-open > a .batf-submenu-mark > span:last-child {
        transform: translate(-50%, -50%) rotate(90deg) scaleX(0) !important;
    }

    .batf-nav-on-dark .batf-primary-nav.is-open .sub-menu,
    body.page-template-page-podcast .batf-primary-nav.is-open .sub-menu,
    body.single-batf_podcast .batf-primary-nav.is-open .sub-menu,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open .sub-menu,
    .batf-nav-on-dark .batf-primary-nav.is-open li.menu-item-has-children.is-submenu-open > .sub-menu,
    body.page-template-page-podcast .batf-primary-nav.is-open li.menu-item-has-children.is-submenu-open > .sub-menu,
    body.single-batf_podcast .batf-primary-nav.is-open li.menu-item-has-children.is-submenu-open > .sub-menu,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open li.menu-item-has-children.is-submenu-open > .sub-menu {
        background: #000 !important;
        color: #fff !important;
    }

    .batf-nav-on-dark .batf-primary-nav.is-open .sub-menu a,
    .batf-nav-on-dark .batf-primary-nav.is-open .sub-menu .current-menu-item > a,
    .batf-nav-on-dark .batf-primary-nav.is-open .sub-menu .current-menu-ancestor > a,
    body.page-template-page-podcast .batf-primary-nav.is-open .sub-menu a,
    body.page-template-page-podcast .batf-primary-nav.is-open .sub-menu .current-menu-item > a,
    body.page-template-page-podcast .batf-primary-nav.is-open .sub-menu .current-menu-ancestor > a,
    body.single-batf_podcast .batf-primary-nav.is-open .sub-menu a,
    body.single-batf_podcast .batf-primary-nav.is-open .sub-menu .current-menu-item > a,
    body.single-batf_podcast .batf-primary-nav.is-open .sub-menu .current-menu-ancestor > a,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open .sub-menu a,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open .sub-menu .current-menu-item > a,
    body.post-type-archive-batf_podcast .batf-primary-nav.is-open .sub-menu .current-menu-ancestor > a {
        background: #000 !important;
        color: #fff !important;
        border-color: #fff !important;
    }
}