/* Customer layout refinements developed independently of ticket button changes. */

/* Align the first-level flyout menu with the site's accordion treatment. */
#top #wrap_all #header #av-burger-menu-ul > li:not(#menu-item-search) {
    border-top: 2px solid #000;
    margin: 0 1.5em;
    padding: 0;
}

#top #wrap_all #header #av-burger-menu-ul > li:not(#menu-item-search):last-child {
    border-bottom: 2px solid #000;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li > a {
    font-weight: 700;
    padding: 6px 0 !important;
    position: relative;
}

/* .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li.av-width-submenu.av-show-submenu > a {
    border-bottom: 2px solid #000;
    margin-left: -45px;
    margin-right: -45px;
    padding-left: 45px !important;
    padding-right: 45px !important;
} */

.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li .sub-menu {
    padding: 6px 0 10px;
    margin-bottom: 15px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li .sub-menu a {
    font-size: 22px !important;
    font-weight: 700;
    line-height: 1.2;
    padding: 4px 0 !important;
}

.html_av-overlay-side-classic #top .av-burger-overlay .av-burger-overlay-scroll li li .avia-bullet {
    display: none;
}

.html_av-submenu-hidden #top .av-burger-overlay .av-submenu-indicator:before {
    content: "+";
    font-family: inherit;
    font-size: 29px;
    font-weight: 700;
}

.html_av-submenu-hidden #top .av-burger-overlay .av-show-submenu > a .av-submenu-indicator:before {
    content: "−";
}

.html_av-submenu-hidden #top .av-burger-overlay .av-submenu-indicator,
.html_av-submenu-hidden #top .av-burger-overlay .av-show-submenu > a .av-submenu-indicator {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) !important;
    margin-top: 0;
}

/* .html_av-submenu-hidden #top .av-burger-overlay .av-show-submenu > a .av-submenu-indicator {
    right: 45px;
} */

/* Event navigation belongs to the image; metadata starts below it. */
.event-template-default.single-event #film-detail-still-single {
    margin-bottom: 0;
    position: relative;
}

.event-template-default.single-event #film-detail-still-single .filmnav {
    bottom: 24px;
    height: 40px;
    left: calc(0.5% + 20px);
    margin: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: calc(99% - 40px);
    z-index: 10;
}

.event-template-default.single-event #film-detail-still-single .filmnav a,
.event-template-default.single-event #film-detail-still-single .filmnav a:before {
    height: 40px;
    width: 70px;
}

.event-template-default.single-event .event-detail .event-header {
    margin-top: 0;
}

.event-template-default.single-event .event-detail > .event-header > .sdetail.thetitle {
    padding: 30px 0 18px;
}

.event-template-default.single-event .event-date {
    align-items: baseline;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    font-size: 30px;
    font-weight: 700;
    gap: 0;
    line-height: 1.2;
    margin: 0;
}

#top.event-template-default.single-event #wrap_all .event-date h5,
#top.event-template-default.single-event #wrap_all .event-date h6,
#top.event-template-default.single-event #wrap_all .event-date span {
    color: #000 !important;
    display: inline;
    float: none;
    font-size: inherit !important;
    font-weight: 700 !important;
    line-height: inherit;
    margin: 0;
}

.event-template-default.single-event .event-date .tag {
    margin-right: 8px;
}

.event-template-default.single-event .event-date > h5 + h6 {
    margin-left: 12px !important;
}

.event-template-default.single-event .event-detail > .event-header > .sdetail.thetitle > h6,
.event-template-default.single-event .event-detail > .event-header > .sdetail.thetitle > h7 {
    display: block;
    float: none;
    font-size: 30px !important;
    font-weight: 700;
    line-height: 1.2;
    margin: 5px 0 0;
    width: 100%;
}

.event-template-default.single-event #relatedfilms {
    background-color: #dd977b;
    margin-top: 40px;
}

.event-template-default.single-event #relatedfilms .template-page.content {
    padding: 25px 0 !important;
}

.event-template-default.single-event #relatedfilms h3 {
    margin: 0;
}

.event-template-default.single-event #projects.relatedfilms {
    clear: both;
}

@media only screen and (max-width: 767px) {
    .html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li .sub-menu a {
        font-size: 19px !important;
    }

    .event-template-default.single-event #film-detail-still-single .filmnav {
        bottom: 18px;
        height: 18px;
        left: 20px;
        width: 72px;
    }

    .event-template-default.single-event #film-detail-still-single .filmnav a,
    .event-template-default.single-event #film-detail-still-single .filmnav a:before {
        height: 18px;
        width: 30px;
    }

    .event-template-default.single-event #film-detail-still-single .filmnav a {
        margin-right: 6px;
    }

    .event-template-default.single-event .event-detail > .event-header > .sdetail.thetitle {
        padding: 24px 0 16px;
    }

    .event-template-default.single-event .event-date {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .event-template-default.single-event .event-date .tag {
        margin-right: 5px;
    }

    .event-template-default.single-event .event-date > h5 + h6 {
        margin-left: 8px !important;
    }

    .event-template-default.single-event .event-detail > .event-header > .sdetail.thetitle > h6,
    .event-template-default.single-event .event-detail > .event-header > .sdetail.thetitle > h7 {
        font-size: 22px !important;
    }

    .event-template-default.single-event #relatedfilms {
        margin-top: 30px;
    }
}