#wpadminbar {
    position: fixed!important;
}

body:not(.page-template-page-popup) {
    padding-top: 50px;
}

#jb-main-nav{
    position: fixed;
    width: 100%;
    transform: translate3d(0,0,0);
    top: 0;
    z-index: 3000005;
    box-shadow: 0 0 7px rgba(0,0,0,.66);
}

#wpadminbar{
    z-index: 3000015;
}
#wpadminbar .ab-sub-wrapper, #wpadminbar ul, #wpadminbar ul li{
    z-index: 3000010;
}
#query-monitor-main{
    z-index: 3000020 !important
}


#jb-main-nav *:not(i) {
}

body.admin-bar #jb-main-nav {
    top: 46px;
}

@media (min-width: 783px){
    body.admin-bar #jb-main-nav {
        top: 32px;
    }
}



#jb-main-nav #nav-bar-1{
    background: none;
    background-color: var(--jb-blueberry-100)!important;
    border:1px solid var(--jb-blueberry-100)!important;
    margin-top:-1px;
    height:51px;
}


#nav-bar-1-inner{
    display:flex;
    gap:10px;
    width:100%;
    justify-content: space-between;
    align-items:center;
    height:50px;
}

#jb-main-nav .logo-link{
    flex: 0 0;
    display: flex;
    flex-direction:column;
    align-items: center;
}


#jb-main-nav .img-jb-logo {
    flex: 0 0;
    width:140px;
    min-width: 140px;
    height:21px;
    margin: 0 0 -1px 0;
}

@media (min-width: 992px) {

    #jb-main-nav .img-jb-logo {
        width:160px;
        min-width: 160px;
        height:24px;
    }

}


@media (min-width: 1200px) {

    #jb-main-nav .img-jb-logo {
        width:180px;
        min-width: 180px;
        height:27px;
    }
}



#jb-main-nav .img-jb-tagline{
    display:none;
}



#nav-bar-1-items{
    display:flex;
    gap:5px;
    justify-content: space-between;
    align-items:center;
}

#nav-bar-1-items-wide{
    display:none;
}

@media (min-width: 992px) {


    #nav-bar-1-items{
        display:none;
    }

    #nav-bar-1-items-wide{
        display:flex;

        align-items:center;
        gap:15px;
    }
}

@media (min-width: 1200px) {


    #nav-bar-1-items-wide{
        gap:20px;
    }
}


#nav-bar-1-my-jb-nav{
    display:flex;
    flex: 0 0;
    gap:8px;
    white-space:nowrap;
}


#jb-main-nav .my-jb-nav-item{
    font-weight:600;
}

#jb-main-nav .my-jb-nav-item,
#jb-main-nav .my-jb-nav-item-separator{
    color:white;
    font-size:.9em;
}
#jb-main-nav .my-jb-nav-item-separator{
    opacity:.6;
}


#nav-bar-1-buttons{
    display:flex;
    gap:5px;
    font-weight:600;
}



.sidebar-menu-toggle{
    background-color:transparent;
    border:none;
    padding:2px;
    margin:0;
    font-size:20px;
}

.sidebar-menu-toggle,
.sidebar-menu-toggle:hover{
    color:white;
}


@media (min-width: 992px){

    .sidebar-menu-toggle:hover{
        background-color:var(--jb-blueberry-70);
    }

}



#jb-menu-underlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000000010;
    background-color: rgba(0,0,0,0.9);
    transform: translateX(-100%);
}
#jb-menu-underlay.enabled {
    transform: translateX(0);
}


.sidebar-menu-panel{
    position:fixed;
    height: 100vh;
    height: calc(var(--custom_vh, 1vh) * 100);  /* Use the CSS variable here */
    right:0;
    top:0;
    z-index:1000000020;
    display:flex;
    flex-direction:column;
    transform: translateX(100%);
    transition: transform .2s ease-in-out;
    background-color: var(--jb-blueberry-90);
    width:90vw;
    max-width:400px;
}

.sidebar-menu-panel.open{
    transform: translateX(0);
}


#search-sidebar-menu{
    transform22: translateX(100%);
    left22:0;
}

#search-sidebar-menu.open{
    transform: translateX(0%);
    left22:0;
}


.sidebar-menu-panel .sidebar-menu-header{
    background-color: var(--jb-blueberry-100);
    padding:.25em .75em;
    text-align:right;
    height:50px;
    display:flex;
    flex: 0 0 50px;
    align-items: center;
    justify-content: flex-end;
}

.sidebar-menu-panel .btn.html5-geo{
    padding-left:.75em;
    padding-right:.75em;
}


.sidebar-menu-panel .sidebar-menu-section{
    padding:0;
}



#search-sidebar-menu .sidebar-menu-section{
    height:calc(calc(var(--custom_vh, 1vh) * 100) - 50px);
    padding:15px;
}


.sidebar-menu-panel .sidebar-menu-near-wrap{
    background-color: var(--jb-blueberry-90);
    padding:1.25em .75em;
    text-align:center;
}



.sidebar-menu-section .subheading{
    padding:10px 14px;
    background-color: var(--jb-blueberry-70);
    border:none;
    margin:0;
}


.sidebar-menu ul + .subheading{
    padding-top:1.5em;
}

.sidebar-menu-section .subheading span{
    color:white;
    opacity:1;
    font-weight:700;
    font-size:13px;
}


.sidebar-menu-section ul{
    margin:0;
    padding:0;
    list-style-type:none;
}


.sidebar-menu-section a{
    text-decoration: none;
}



.sidebar-menu-section .sidebar-menu-list-item > *{
    padding:14px;
    display:block;
    color:white;
    font-weight:700;
    border-top: 1px solid var(--jb-blueberry-70);
    border-bottom: none;
    background-color: var(--jb-blueberry-90);
}

.sidebar-menu-section.sidebar-menu-section-main-myb .sidebar-menu-list-item > *{
    background-color: var(--jb-blueberry-80);
}

.sidebar-menu-section #sidebar-menu-main-browse-more > li:first-child{
    border-top:none;
}


.sidebar-menu-section .sidebar-menu-list-item:last-of-type > *{
    border-bottom: 1px solid var(--jb-blueberry-70);
}

@media (min-width: 992px) {

    .sidebar-menu-section .sidebar-menu-list-item > a:hover{
        background-color: var(--jb-blueberry-70);
    }

}



.sidebar-menu-section-concert-finder{
    margin-top:0;
}


.sidebar-menu-section-concert-finder .sidebar-menu-list-item > *{
    background-color:var(--jb-warning-bg);
    color: var(--jb-blueberry-90);
}
@media (min-width: 992px) {

    .sidebar-menu-section-concert-finder .sidebar-menu-list-item > a:hover{
        background-color:var(--jb-success-darker);
        color: var(--jb-blueberry-90);
    }

}




.sidebar-menu-panel .new-badge{
    background-color:var(--jb-sunrise-60);
    color: var(--jb-secondary);
    font-size:.75em;
    padding:3px 6px;
    margin-left:5px;
    margin-top:-2px;
    transform: rotate(-0.035turn);
    display: inline-block;
}


.sidebar-menu-more-toggle:hover{
    cursor:pointer;
}


.topbar-menu-list-wrap {

}

.topbar-menu-list-wrap:hover {

}

.topbar-menu-list-wrap::-webkit-scrollbar {

}

#jb-main-nav .topbar-menu-list{
    list-style:none;
    display:flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items:center;
    margin:0;
    padding:0;
    line-height:1;
}

#jb-main-nav .topbar-menu-list-item{
}

#jb-main-nav .topbar-menu-list-item > *{
    display:inline-block;
}

#jb-main-nav .topbar-menu-list-item > .jb-nav-item,
#jb-main-nav .topbar-menu-list-item > .dropdown > a,
#jb-main-nav .topbar-menu-list-more-item > a{
    color: white;
    font-weight: 600;
}

#jb-main-nav .topbar-menu-list-item > .jb-nav-item,
#jb-main-nav .topbar-menu-list-item > .dropdown > a{
    font-size: .9em;
}

#jb-main-nav #nav-bar-1-my-jb-nav > .topbar-menu-list > .topbar-menu-list-item + .topbar-menu-list-item::before,
#jb-main-nav .topbar-menu-list-wrap > .topbar-menu-list > .topbar-menu-list-item + .topbar-menu-list-item::before {
    content: " ";
    margin:0 8px;
    color:white;
    opacity:.6;
}




#jb-main-nav .topbar-menu-list-item.topbar-menu-list-item-no-before:before {
    display: none;
}

#jb-main-nav .topbar-menu-list-item-join_login_modal,
#jb-main-nav .topbar-menu-list-item .sidebar-account-menu-toggle{
    background-color: transparent;
    padding:0;
    border-radius: 0;
}

@media (min-width: 992px) {

    #jb-main-nav .topbar-menu-list-item-join_login_modal,
    #jb-main-nav .topbar-menu-list-item .sidebar-account-menu-toggle{
        margin-left:1em;
    }

}


#jb-main-nav .topbar-menu-list-item-join_login_modal a,
#jb-main-nav .topbar-menu-list-item .sidebar-account-menu-toggle a{
    border:1px solid white;
    padding: 6px 8px;
    border-radius: 0;
}


#jb-main-nav .topbar-menu-list-item-join_login_modal span,
#jb-main-nav .topbar-menu-list-item .sidebar-account-menu-toggle i,
#jb-main-nav .topbar-menu-list-item .sidebar-account-menu-toggle span{
    color: white;
}


#jb-main-nav .dropdown-menu .topbar-menu-list-item > div.active .jb-nav-item-label,
#jb-main-nav .topbar-menu-list-item > div.active .jb-nav-item-label{
    border-bottom: 2px solid white;
}

#jb-main-nav a.active .jb-nav-item-label,
.sidebar-menu-panel a.active .jb-nav-item-label{
    border-bottom: 2px solid var(--jb-blueberry-30);
    transition: border-color 300ms;
}

@media (min-width: 992px) {

    #jb-main-nav a:hover:not(.jb-nav-item-join_login_modal) .jb-nav-item-label{
        border-bottom: 2px solid var(--jb-blueberry-30);
    }
    #jb-main-nav a:hover.btn-my-jb{
        background-color: var(--jb-blueberry-90);
    }
    #jb-main-nav a.active:hover .jb-nav-item-label{
        border-bottom-color: white;
    }

}





#jb-main-nav .topbar-menu-list-item .dropdown.open .dropdown-menu{
    background-color:var(--jb-blueberry-90);
    border: none;
    border-bottom: 1px solid var(--jb-blueberry-70);
    padding: 0;
    top: 33px;
    margin-top:0;
}


#jb-main-nav .topbar-menu-list-item .dropdown .dropdown-menu:before,
#jb-main-nav .topbar-menu-list-item .dropdown .dropdown-menum:after {
    position: absolute;
    display: inline-block;
    right: 13px;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    content: '';
}

#jb-main-nav .topbar-menu-list-item .dropdown .dropdown-menu:before {
    top: -9px;
    border-bottom: 9px solid var(--jb-blueberry-70);
}

#jb-main-nav .topbar-menu-list-item .dropdown .dropdown-menu:after {
    top: -9px;
    border-bottom: 9px solid white;
}


#jb-main-nav .dropdown-menu .topbar-menu-list-item > *.active,
.sidebar-menu-section .sidebar-menu-list-item > *.active{
    background-color222: var(--jb-blueberry-60);
}



#jb-main-nav .dropdown-menu .topbar-menu-list-item > *{
    padding: 10px;
    border-top: 1px solid var(--jb-blueberry-70);
    width:100%;
}



@media (min-width: 992px) {

    #jb-main-nav .dropdown-menu .topbar-menu-list-item > a:hover{
        background-color: var(--jb-blueberry-90);
    }

}




#jb-main-nav .topbar-menu-list-item-finder a{
    display: flex;
    align-items: center;
    gap:4px;
}

#jb-main-nav .topbar-menu-list-item .new-badge{
    background-color:var(--jb-sunrise-60);
    color:var(--jb-blueberry-100);
    font-size:.75em;
    padding:3px 4px 2px;
    margin-left:5px;
    margin-top:-5px;
    transform: rotate(-0.035turn);
    display: inline-block;
    line-height:1;
}



/* Instant Search - Wrapper & Form */

#search-sidebar-menu .sidebar-menu-section{
    padding:0;
}

#search-sidebar-menu #jboss-wrap .jboss-legacy,
#search-sidebar-menu #jboss-wrap .aa-Autocomplete{
    border-top: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(0,0,0,.2);
    background-color: var(--jb-blueberry-60);
    padding: 10px 15px;
}


#jboss-wrap {
    position:relative;
    flex: 1 1;
    width: auto;
    min-width: 0;
    margin-right: 0;
    transition: width 420ms ease, min-width 420ms ease, flex-basis 420ms ease, border-bottom-color 420ms ease;
}



@media (max-width: 767px) {
    #jboss-wrap.wide,
    #jboss-wrap.wide,
    #jboss-wrap.wide {
        width: 100%;
        min-width: 100%;
    }
}


#jboss-wrap .algolia-autocomplete {
    float: none;
}

@media (max-width: 411px) {
    #jboss-wrap .algolia-autocomplete {
        width: calc(100% - 30px)!important;
    }
}


/* Instant Search - Input */


#fake-jboss-input,
#jboss-wrap #jboss-input {
    width: 100%;

    font-size: 16px;
    padding: .3125em .25em;

    height: auto;
    box-shadow: none;

    background-color: rgba(0,0,0,.3334);
    border-radius: 0;
    border: none;
    color: white;
    caret-color: rgba(255,255,255,.8)!important;

    border-right: 1px solid rgba(255,255,255,.16);
    border-top: 1px solid rgba(0,0,0,.175);
    border-left: 1px solid rgba(0,0,0,.175);
    border-bottom: 1px solid rgba(255,255,255,.16);

}


#fake-jboss-input span,
#jboss-wrap #jboss-input {
    font-size: 1em;
    font-weight:500;
}

#nav-bar-1-items-wide #fake-jboss-input{
    width:226px;
    display:flex;
    align-items:center;
    gap:5px;
}

#nav-bar-1-items-wide #fake-jboss-input i,
#nav-bar-1-items-wide #fake-jboss-input span{
    font-size: 16px;
}

#nav-bar-1-items-wide #fake-jboss-input i{
    color:var(--jb-blueberry-20);
}

@media (min-width: 992px) {

    #nav-bar-1-items-wide #fake-jboss-input{
        width:205px;
    }

}

@media (min-width: 1200px) {

    #nav-bar-1-items-wide #fake-jboss-input{
        width:300px;
    }

}



#jboss-wrap #jboss-input::placeholder,
#jboss-wrap #jboss-input::-webkit-input-placeholder{
    color: var(--jb-blueberry-10)!important;
    padding-left: .125em;
}


#jboss-wrap #jboss-input:focus,
#jboss-wrap #jboss-input:active,
#jboss-wrap #jboss-input:focus:active {
    border-bottom: 1px solid white;
}


#jboss-wrap .aa-Label {
    margin:0;
}

#jb-main-nav .aa-InputWrapperPrefix .aa-SubmitButton {
    margin:0;
}

#jboss-wrap #jboss-input ~ .underliner {
    display:none;


    position: absolute;
    bottom: 0;
    left: 1px;
    right: 1px;
    height: 1px;
    background-color: white;
    transform-origin: bottom right;
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

#jboss-wrap #jboss-input:focus ~ .underliner {
    display:none;

    transform-origin: bottom left;
    transform: scaleX(1);
}



/******************************************
*
* Instant Search - Results
*
******************************************/


/* Instant Search : Dropdown Wrapper */

#search-sidebar-menu .ap-dropdown-menu {
    margin-top: 0;
}

#search-sidebar-menu .ap-header,
#search-sidebar-menu .aa-SourceHeader{
    border-radius: 0;
    background-color: white;
    font-size: 15px;
    color: var(--jb-blueberry-80);
    font-weight:600;
    text-transform:none;
    padding: 10px 8px 8px!important;
}

#search-sidebar-menu .aa-SourceHeader{
    border-bottom: 1px solid var(--jb-neutral-accent)!important;
}


#search-sidebar-menu .aa-SourceHeader small,
#search-sidebar-menu .ap-header small{
    font-weight: 400;
    text-transform: none;
}

/* Instant Search : Typography */


#search-sidebar-menu .aa-InputWrapper{
    position222: absolute;
}

#search-sidebar-menu #nav-bar-2{
    position:relative;
}

#search-sidebar-menu #nav-bar-2 .algolia-autocomplete,
#search-sidebar-menu .aa-Panel{
    padding:0;
    border-top: none;
    border-radius: 0;
    max-height: calc(calc(var(--custom_vh, 1vh) * 100) - 125px);
    overflow: hidden auto;
    position222: relative;
    margin-top:15px;
}

#search-sidebar-menu #nav-bar-2 .algolia-autocomplete{
    top:0!important;
    left:0!important;
    width:100%!important;
}



#search-sidebar-menu .aa-Panel ul.aa-List{
    list-style:none;
    padding-left: 0;
}

#search-sidebar-menu .aa-Panel ul.aa-List > li.aa-Item{
    line-height: 1.1;
}


#search-sidebar-menu a.suggestion  {
    overflow: hidden;
    text-align: left;
    color222: #0E4D81;
    width: 100%;
}

#search-sidebar-menu a.suggestion:hover {
    color222: var(--jb-blueberry-60);
}


#search-sidebar-menu .suggestion,
#search-sidebar-menu .suggestion p{
    font-size: 16px;
    margin-bottom: 0;
}

#search-sidebar-menu .suggestionu small{
    font-size: 12px;
}

#search-sidebar-menu .suggestion .post-title-wrap {
    font-weight: 700;
}

#search-sidebar-menu .suggestion .post-title-wrap small {
    font-weight: 400;
    font-size: 13px;
}

#search-sidebar-menu .suggestion .post-meta {
    margin: 3px 0 0;
}

#search-sidebar-menu .suggestion .post-meta > li {
    font-weight: 400;
    font-size: 14px;
}

#search-sidebar-menu .suggestion .post-meta > li small {
    font-size: 13px;
}

#search-sidebar-menu .suggestion .post-meta > li:not(:first-child){
    margin-top: .25em;
}

#search-sidebar-menu .ap-dataset-metros + .ap-dataset-cities > .ap-suggestions > .ap-suggestion{
    background-color: transparent;
}


/* Instant Search : Flex Layouts */


#search-sidebar-menu .suggestion-flex {
    display: flex;
    flex-direction: row-reverse;
}

#search-sidebar-menu .suggestion-flex .col-date,
#search-sidebar-menu .suggestion-flex img {
    flex: 0 0 80px;
    max-width: 80px;
    margin: 0 0 0 10px;
    float: none;
}

#search-sidebar-menu .suggestion-flex img {
    height: 45px;
}
#search-sidebar-menu .suggestion-flex .suggestion-info {
    flex: 1 1;
}


/* Instant Search : Concerts */

@media (max-width: 639px){

    /* Only show 3 upcoming events on mobile */
    #search-sidebar-menu .ap-dataset-upcoming_events  .ap-suggestion:nth-child(n+4) {
        display: none;
    }

}


#search-sidebar-menu .site-search-concert-link .col-date{
    width: 50px;
    min-width: 50px;
    text-align:right;
}




/* Instant Search : Metros */

/*
#search-sidebar-menu .aa-Source[data-autocomplete-source-id="cities"] .aa-SourceHeader,
#search-sidebar-menu .ap-dataset-cities .ap-header{
    background-color: var(--jb-warning-bg);
    color: var(--jb-blueberry-90);
}
*/
#search-sidebar-menu .aa-Source[data-autocomplete-source-id="metros"] .aa-SourceHeader,
#search-sidebar-menu .ap-dataset-metros .ap-header{
    background-color: var(--jb-success);
}

/* OVerride custom metro color if there's a site search promo */
body.is-site-search-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="metros"] .aa-SourceHeader{
    background-color: var(--jb-primary-darker);
}

body.is-site-search-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id$="PromoPlugin"] .aa-List{
    padding-bottom:5px;
    margin-bottom:0;
}

body.is-site-search-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id$="PromoPlugin"] .aa-List p{
    font-weight:400;
    font-size:14px;
    line-height:1.4;
    text-align:center;
}

/* Volume Promo */

body.is-site-search-volume-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="volumePromoPlugin"] .aa-SourceHeader{
    background-color: #ED6C31;
}

body.is-site-search-volume-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="volumePromoPlugin"] .aa-List{
    background-color: #1e1e1e;
}

body.is-site-search-volume-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="volumePromoPlugin"] .aa-List p{
    color:#ED6C31;
}

body.is-site-search-volume-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="volumePromoPlugin"] .btn{
    background-color:#ED6C31;
}

body.is-site-search-volume-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="volumePromoPlugin"] .btn:hover{
    color:white;
    background-color: #FF9C33;
}




/* Sirius Promo */

body.is-site-search-sirius-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="siteSearchPromoPlugin"] .aa-SourceHeader{
    background: #3CB6A1;
    background: -webkit-linear-gradient(left, #3CB6A1, #1A84B6);
    background: -moz-linear-gradient(left, #3CB6A1, #1A84B6);
    background: linear-gradient(to right, #3CB6A1, #1A84B6);
    text-transform: none;
}

body.is-site-search-sirius-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="siteSearchPromoPlugin"] .aa-List{
    background-color: #f1f5fd;
}

body.is-site-search-sirius-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="siteSearchPromoPlugin"] .aa-List p{
    color:#000;
}

body.is-site-search-sirius-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="siteSearchPromoPlugin"] .btn{
    background-color:#0000eb;
}

body.is-site-search-sirius-promo #search-sidebar-menu .aa-Source[data-autocomplete-source-id="siteSearchPromoPlugin"] .btn:hover{
    background-color: white;
    color:#0000eb;
    border-color:#0000eb;
}








#search-sidebar-menu .ap-dataset-metros .ap-header{
    font-size: 17px;
}

#search-sidebar-menu .ap-dataset-metros .suggestion p{
    font-size: 18px;
}
#search-sidebar-menu .ap-dataset-metros .suggestion .post-meta > li{
    font-size: 15px;
}