ul.megaMenu {
    display: flex;
    flex-flow: column;
    position: absolute;
    left: -100vw;
    /* top: 74px; */
    width: 100%;
    /* height: calc(100vh - 74px); */
    margin-top: 0;
    /* background-color: #ffffff; */
    background-color: black;
    /* z-index: 1; */
    list-style: none;
    transition: left 0.3s ease-out, top 0.3s ease-out;
    overflow: scroll;

    top: 0;
    height: 100vh;
    padding-top: 6rem;
}

ul.megaMenu.open {
    left: 0;
}

.megaMenu_item {
    order: 1;
    display: block;
    line-height: 1.2;
    cursor: pointer;
    border-top: solid 1px rgba(0,0,0,0.2);
}

.megaMenu_item.search {
    order: 0;
}

.megaMenu_item > a {
    padding-top: 1em;
    padding-bottom: 1em;
    width: 100%;
}

.megaMenu_item > a.button {
    padding: 0.5em 1.25em 0.5em;
    width: 100%;
}

.megaMenu_trigger {
    position: relative;
    z-index: 1;
    padding-right: 0;
}

@media (min-width: 72em) {
    .megaMenu_trigger:hover {
        border-bottom: 2px solid #1a8668;
    }
}

.megaMenu_trigger:focus {
    outline: none;
}

/* .megaMenu_trigger::after {
    content: ' \276F';
} */

.megaMenu_trigger.search {
    height: 26px;
}

.megaMenu_trigger.search.icon-white::after {
    content: url("/assets/svg/search-icon-white.svg");
}
.megaMenu_trigger.search.icon-black::after {
    content: url("/assets/svg/search-icon-black.svg");
}
.megaMenu_trigger.search:hover::after {
    content: url("/assets/svg/search-icon-green.svg");
}

.megaMenu_button, .logo {
    position: relative;
    z-index: 2;
}

.megaMenu_submenu {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100vw;
    /* top: 0; */
    z-index: 2;
    transition: left 0.3s ease;

    top: 6rem;
}

.megaMenu > .megaMenu_item.open .megaMenu_submenu {
    left: 0;
}

.megaMenu > .megaMenu_item.open .megaMenu_trigger {
    position: absolute;
    z-index: 5;
    /* top: 0; */
    opacity: 0;
    width: 60px;
    padding-top: 0;
    padding-bottom: 0;

    top: 6rem;
}

@media screen and (min-width: 72em) {
    ul.megaMenu {
        flex-flow: row;
        align-items: flex-start;
        position: static;
        left: 0;
        top: 0;
        height: auto;
        padding: 4px 0 0;
        margin: 0;
        overflow: hidden;
        background-color: transparent;
    }

    .megaMenu_item {
        display: inline-block;
        padding: 0 0.5em;
        border-top: none;
    }

    .megaMenu_item.search {
        order: 1;
    }

    .megaMenu_item > a {
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
    }

    .megaMenu_item > a.button {
        padding: 0.3em 1.25em 0.2em;
        width: 100%;
    }

    /* .megaMenu_trigger {
        padding-right: 16px;
    } */

    /* .megaMenu_trigger::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
        position: absolute;
        right: 0;
        width: 10px;
        height: 1em;
        transition: transform .2s ease;
    } */

    .megaMenu_button {
        display: none;
    }

    .megaMenu_submenu {
        visibility: hidden;
        top: -50em;
        left: 0;
        transition: top 0.4s ease-out;
        z-index: -1;
        height: auto;
    }

    .cbp-af-header .megaMenu_item.open .megaMenu_submenu {
        /* top: 129px; */
        top: 0;
        padding-top: 10rem;
    }

    .cbp-af-header.cbp-af-header-shrink  .megaMenu_item.open .megaMenu_submenu {
        top: 74px;
    }

    .megaMenu > .megaMenu_item.open .megaMenu_trigger {
        position: relative;
        z-index: auto;
        top: auto;
        height: auto;
        opacity: 1;
        width: auto;
    }

    .megaMenu > .megaMenu_item.open .megaMenu_trigger:not(.search)::after {
        transform: rotate(180deg);
    }
}

#mainNav {
    background-color: transparent;
    transition: all 0.5s;
}

#mainNav.scrolled {
    background-color: black;
}

#mainNav.scrolled .hamburger-inner.black, #mainNav.scrolled .hamburger-inner.black::before, #mainNav.scrolled .hamburger-inner.black::after {
    background-color: white;
  }

@media screen and (min-width: 60em) {
    ul.megaMenu {
        transition: margin 0.5s;
    }
    #mainNav.scrolled .megaMenu {
        margin-top: 40px;
    }
}

.megaMenu_trigger.black {
    transition: color 0.5s;
}

.megaMenu_trigger.black:hover {
    transition: color 0s;
}

@media screen and (max-width: 71.99em) {
    .megaMenu_trigger.black {
        color: white;
    }
    .megaMenu_trigger.search.icon-black::after {
        content: url("/assets/svg/search-icon-white.svg");
    }
    .megaMenu_trigger.search.icon-black:hover::after {
        content: url("/assets/svg/search-icon-green.svg");
    }

    #mainNav.scrolled #blackTextWrapper path {
        fill: white;
    } 
}

#blackTextWrapper path {
    transition: fill 0.5s;
}

@media screen and (min-width: 72em) {
    #mainNav.scrolled {
        margin-top: -35px;
    }
    
    #mainNav.scrolled .logo {
        width: 200px;
    }

    #mainNav.scrolled .megaMenu_item.open .megaMenu_submenu {
        top: -60px;
    }

    #mainNav.scrolled .megaMenu_trigger.black {
        color: white;
    }
    #mainNav.scrolled .megaMenu_trigger.black:hover {
        color:#1a8668;
    }

    #mainNav.scrolled #blackTextWrapper path {
        fill: white;
    }

    #mainNav.scrolled .megaMenu_trigger.search.icon-black::after {
        content: url("/assets/svg/search-icon-white.svg");
    }

    #mainNav.scrolled .megaMenu_trigger.search.icon-black:hover::after {
        content: url("/assets/svg/search-icon-green.svg");
    }
}

.megaMenu.megamenu-open .megaMenu_trigger.black {
    color: white;
}

.megaMenu.megamenu-open .megaMenu_trigger.search.icon-black::after {
    content: url("/assets/svg/search-icon-white.svg");
}

.megaMenu.megamenu-open .megaMenu_trigger.search.icon-black:hover::after {
    content: url("/assets/svg/search-icon-green.svg");
}

.megaMenu.megamenu-open .megaMenu_trigger.black:hover {
    color: #1a8668;
}

.nav-utility-wrapper ul {
    position: relative;
    z-index: 2;
}

#submenu-concerts .fc-unthemed .fc-list-heading td, #submenu-concerts .fc-unthemed .fc-list-item:hover td {
    background-color: #1a8668;
}

.logo-black-text.white-text #blackTextWrapper path {
    fill: white;
}