/* The Events Calendar v6 list view, matching the original BALANCE overview.
   Scoped to our list template so single events and other calendar views are unaffected. */
#wrap .tribe-events.balance-events-overview .tribe-events-l-container {
    max-width: 1200px;
    padding: 40px 15px 40px;
    font: 14px/22px Hind, Helvetica, Arial, sans-serif;
    color: #424242;
}
#wrap .balance-events-overview .tribe-events-calendar-list {
    max-width: 1096px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
#wrap .balance-events-overview .balance-events-header { display: block; margin: 0 0 35px; padding: 0; }
#wrap .balance-events-overview .tribe-events-calendar-list-nav { border: 0; padding: 0; margin: 20px 0; }
#wrap .balance-events-overview .balance-events-header .tribe-events-calendar-list-nav { margin: 10px 0 0; width: 100%; }
#wrap .balance-events-overview .tribe-events-c-nav__today,
#wrap .balance-events-overview .tribe-events-c-nav__prev:disabled,
#wrap .balance-events-overview .tribe-events-c-nav__next:disabled { display: none; }
#wrap .balance-events-overview .tribe-events-c-nav__prev,
#wrap .balance-events-overview .tribe-events-c-nav__next {
    border: 1px solid #00385b;
    padding: 11px 20px;
    color: #00385b;
    font: 14px/22px Hind, Helvetica, Arial, sans-serif;
}
#wrap .balance-events-overview .tribe-events-calendar-list__month-separator {
    display: block;
    border-top: 1px solid #e8e8e8;
    margin: 0 0 12px;
    padding: 0;
}
#wrap .balance-events-overview .tribe-events-calendar-list__month-separator:after { display: none; }
#wrap .balance-events-overview .tribe-events-calendar-list__month-separator h3 { margin: 0; padding: 0; }
#wrap .balance-events-overview .tribe-events-calendar-list__month-separator-text {
    display: block;
    padding: 12px 10px 0 1px;
    color: #00385b;
    font: 400 28px/32px Montserrat, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#wrap .balance-events-overview .balance-event-row { display: block; list-style: none; margin: 0 0 10px; padding: 0; }
#wrap .balance-events-overview .balance-event { position: relative; padding: 20px 0 0; }
#wrap .balance-events-overview .balance-event-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2.12fr) minmax(0, 1fr);
    gap: 30px;
}
#wrap .balance-events-overview .balance-event-cost {
    position: absolute;
    right: 0;
    top: -5px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    font: 700 14px/14px Hind, Helvetica, Arial, sans-serif;
}
#wrap .balance-events-overview .event-cat {
    width: 150px;
    max-width: 100%;
    padding-left: 10px;
    color: #fff;
    background: #00375b;
    font: 400 10px/20px Montserrat, sans-serif;
    text-transform: uppercase;
}
#wrap .balance-events-overview .tribe-events-event-image { border: 6px solid #e3e3e3; margin: 0; width: 100%; float: none; }
#wrap .balance-events-overview .tribe-events-event-image img { display: block; width: 100%; height: auto; }
#wrap .balance-events-overview .balance-event-title {
    margin: 3px 0 12px;
    font: 600 24px/31.2px Montserrat, sans-serif;
}
#wrap .balance-events-overview .balance-event-title a {
    color: #0a0a0a;
    font: 700 18px/18px Montserrat, sans-serif;
    text-transform: uppercase;
    border: 0;
}
#wrap .balance-events-overview .balance-event-title a:hover { color: #00385b; }
#wrap .balance-events-overview .balance-event-description,
#wrap .balance-events-overview .balance-event-description p {
    color: #5a5a5a;
    font: 400 15px/25.5px Hind, 'Open Sans', Helvetica, Arial, sans-serif;
}
#wrap .balance-events-overview .balance-event-description p { margin: 0 0 10px; }
#wrap .balance-events-overview .balance-event-description .button { color: #fff; }
#wrap .balance-events-overview .balance-event-meta {
    background: url('../../balance/images/list-events1.jpg') no-repeat bottom right / cover;
    border-top: 2px solid #00385b;
    padding: 30px 18px;
    color: #616161;
}
#wrap .balance-events-overview .balance-event-venue,
#wrap .balance-events-overview .balance-event-date { display: flex; gap: 15px; align-items: baseline; }
#wrap .balance-events-overview .balance-event-venue { font: 600 15px/22.5px Hind, Helvetica, Arial, sans-serif; margin-bottom: 15px; }
#wrap .balance-events-overview .balance-event-venue .tribe-address { display: inline; }
#wrap .balance-events-overview .balance-event-venue a { display: none; }
#wrap .balance-events-overview .balance-event-venue i,
#wrap .balance-events-overview .balance-event-date i { flex: 0 0 15px; text-align: center; font-size: 15px; }
#wrap .balance-events-overview .balance-event-date { font: 300 14px/16.8px Montserrat, Arial, sans-serif; text-transform: uppercase; }
#wrap .balance-events-overview .balance-event-booking {
    display: block;
    margin-top: 6px;
    padding: 11px 12px;
    background: #00385b;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 600 13px/22px Hind, Helvetica, Arial, sans-serif;
}
#wrap .balance-events-overview .balance-event-booking:hover { background: #333; color: #fff; }
#wrap .balance-events-overview .balance-event-sharing { display: flex; list-style: none; padding: 10px 0; margin: 14px 0 0; }
#wrap .balance-events-overview .balance-event-sharing > li { position: relative; list-style: none; margin: 0; border: 1px solid #efefef; }
#wrap .balance-events-overview .balance-event-sharing a,
#wrap .balance-events-overview .balance-event-sharing button {
    display: flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; padding: 0; margin: 0; border: 0;
    background: transparent; color: #767676; cursor: pointer;
}
#wrap .balance-events-overview .balance-event-sharing a:hover,
#wrap .balance-events-overview .balance-event-sharing button:hover { background: #00385b; color: #fff; }
#wrap .balance-events-overview .balance-event-social { display: none; position: absolute; left: 0; bottom: 100%; padding: 0; margin: 0; list-style: none; background: #00385b; }
#wrap .balance-events-overview .balance-event-social li { margin: 0; list-style: none; }
#wrap .balance-events-overview .balance-event-social a { color: #fff; }
#wrap .balance-events-overview .balance-event-share:hover .balance-event-social,
#wrap .balance-events-overview .balance-event-share:focus-within .balance-event-social { display: flex; }
@media (max-width: 991px) {
    #wrap .tribe-events.balance-events-overview .tribe-events-l-container { padding: 45px 30px 30px; }
    #wrap .balance-events-overview .balance-event-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 25px; }
    #wrap .balance-events-overview .balance-event-sidebar { grid-column: 2; }
}
@media (max-width: 600px) {
    #wrap .tribe-events.balance-events-overview .tribe-events-l-container { padding: 35px 20px; }
    #wrap .balance-events-overview .balance-event-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    #wrap .balance-events-overview .balance-event-sidebar { grid-column: auto; }
    #wrap .balance-events-overview .balance-event-media { max-width: 300px; }
    #wrap .balance-events-overview .tribe-events-calendar-list__month-separator-text { font-size: 23px; }
    #wrap .balance-events-overview .balance-event-title { margin-top: 0; }
    #wrap .balance-events-overview .tribe-events-c-nav__prev,
    #wrap .balance-events-overview .tribe-events-c-nav__next { padding: 10px; font-size: 12px; }
    #wrap .balance-events-overview .tribe-events-c-nav__prev-label-plural,
    #wrap .balance-events-overview .tribe-events-c-nav__next-label-plural { position: static !important; clip: auto; width: auto; height: auto; overflow: visible; }
}

#wrap .balance-events-overview .tribe-events-c-nav__list-item--today { display: none; }
#wrap .balance-events-overview .tribe-events-c-nav__list-item--prev { margin-right: auto; }
#wrap .balance-events-overview .tribe-events-c-nav__list-item--next { margin-left: auto; }

#wrap .balance-events-overview .tribe-events-calendar-list__month-separator:first-child { margin-bottom: 32px; }
#wrap .balance-events-overview .balance-event-venue > div,
#wrap .balance-events-overview .balance-event-date > div { min-width: 0; overflow-wrap: anywhere; }
#wrap .balance-events-overview .balance-event-venue .tribe-address { white-space: normal; }