/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../webfonts/fa-solid-900.eot);
    src: url(../webfonts/fa-solid-900.eot#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg) format("svg")
}

.fa, .fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}


.tner-container {
    color: #282828;
    font-size: 14px;
    line-height: 1.2;
}

    .tner-container .tner-secondary {
        color: #5f5f5f;
    }

    .tner-container .tner-btn,
    .tner-container .tner-row,
    .tner-container .tner-filter-title,
    .tner-container .tner-more {
        transition: .3s color, .3s background-color, .3s border-color;
    }
    .tner-container ul {
        padding:0;
    }
    .tner-container ul:not(.tner-filters) {
        list-style: none;
        margin: 0 !important;
    }

    .tner-container li {
        list-style: none;
        margin: 0;
    }

    .tner-container * {
        box-sizing: border-box;
    }

    .tner-container a,
    .tner-container a:hover {
        text-decoration: none;
        color: inherit;
    }

    .tner-container .tner-list-container {
        min-height: 300px;
        position: relative;
    }

        .tner-container .tner-list-container::after {
            top: 90px;
            left: 0;
            right: 0;
            margin: 0 auto;
            position: absolute;
            content: "\f110";
            font-family: "Font Awesome 5 Free";
            animation: fa-spin .8s infinite steps(8);
            transition: opacity .3s;
            z-index: 2;
            display: flex;
            width: 60px;
            text-align: center;
            height: 60px;
            justify-content: center;
            flex-direction: column;
            font-size: 40px;
            color: gray;
        }

        .tner-container .tner-list-container.loaded::after {
            opacity: 0;
            pointer-events: none;
        }

    .tner-container .tner-list {
        transition: opacity .3s;
    }

    .tner-container .tner-list-container:not(.loaded) .tner-list {
        opacity: .5;
    }

    .tner-container .tner-block {
        border-radius: 2px;
        background-color: #ffffff;
        border-width: 1px;
        border-color: #dedede;
        outline: 0;
        border-style: solid;
    }

    .tner-container .tner-row {
        display: flex;
        position: relative;
        justify-content: space-between;
        align-items: center;
        border-style: solid;
        padding: 20px;
        margin-bottom: -1px;
    }

        .tner-container .tner-row:hover {
            background-color: #efefef;
        }

    .tner-container .tner-btn {
        cursor: pointer;
        color: white;
        font-weight: bold;
        border-style: solid;
        background-color: #0077ff;
        border-radius: 6px;
        border-width: 0;
    }

    .tner-container .tner-cell {
        display: flex;
    }

    .tner-container .tner-row-link {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

    .tner-container .tner-full-date {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .tner-container .tner-name,
    .tner-container .tner-date {
        font-size: 18px;
    }

    .tner-container .tner-date {
        width: 100%;
    }

    .tner-container .tner-day,
    .tner-container .tner-month,
    .tner-container .tner-year {
        display: inline-flex;
    }

    .tner-container .tner-location,
    .tner-container .tner-day,
    .tner-container .tner-time {
        font-size: 16px;
    }

        .tner-container .tner-day::after {
            content: '\00a0';
        }

    .tner-container .tner-details {
        flex-direction: column;
        flex-grow: 1;
    }

    .tner-container .tner-spacer {
        width: 8%;
        min-width: 10px;
        flex-shrink: 2;
    }

    .tner-container .tner-event {
        display: flex;
        flex-direction: column;
    }

    .tner-container .tner-categories {
        text-transform: capitalize;
    }

    .tner-container .tner-city::after {
        content: ', ';
    }


    .tner-container .tner-btn:hover,
    .tner-container .tner-row:hover .tner-btn {
        background-color: #0050e6;
    }

    .tner-container .tner-cta {
        flex-direction: column;
        align-self: stretch;
        justify-content: space-between;
        align-items: flex-end;
        font-size: 15px;
    }
    .tner-container .tner-cta-btn {
        width: auto;
    }
    .tner-container .tner-cta-btn::after {
        content: '\f105';
        font-family: "Font Awesome 5 Free";
    }

    .tner-container .tner-price-num::after {
        content: ",";
    }

    .tner-container .tner-ticket-count::before {
        display: none;
    }

    .tner-container .tner-ticket-count {
        margin-left: 6px;
    }

    .tner-container .tner-meta {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        font-size: 14px;
        line-height: 1.4;
    }

    .tner-container .tner-ticket-count,
    .tner-container .tner-price-num {
        white-space: nowrap;
    }

        .tner-container .tner-ticket-count::after,
        .tner-container .tner-price::before,
        .tner-container .tner-price::after {
            content: '';
            display: none;
        }

    .tner-container .tner-ticket-count-num::after {
        content: 'tickets left';
    }

    .tner-container .tner-price-num::before {
        content: 'Starting at $';
    }

    .tner-container .tner-more {
        display: block;
        text-align: center;
        padding: 12px 20px;
        font-size: 16px;
        color: inherit;
        border-radius: 2px;
        font-weight: bold;
        margin-top: 4px;
        background-color: #fff;
    }
    .tner-container .tner-more-text {
        pointer-events:none;
    }
        .tner-container .tner-more::after {
            font-family: "Font Awesome 5 Free";
            content: "\f107";
            font-size: 20px;
            margin-left: 8px;
            position: relative;
            top: 1px;
            pointer-events: none;
        }





@media only screen and (min-width: 992px) {
    .tner-container .tner-date,
    .tner-container .tner-name {
        padding-bottom: 10px;
    }

    .tner-container .tner-full-date {
        min-width: 160px;
        width: 160px;
    }

    .tner-container .tner-cta {
        min-width: 160px;
        width: 240px;
    }

    .tner-container .tner-date-num::after {
        content: ', '
    }

    .tner-container .tner-date {
        order: -1;
    }

    .tner-container .tner-venue::after {
        content: ' - ';
    }

    .tner-container .tner-cta-btn {
        margin-bottom: 10px;
        padding: 8px 12px;
    }

        .tner-container .tner-cta-btn::after {
            padding-left: 12px;
        }

    .tner-container .tner-cta-text {
        display: inline-block;
    }

    .tner-container .tner-cta-btn-text::after {
        content: 'Tickets';
    }
}

@media only screen and (max-width: 991px) {
    .tner-container .tner-cta-text,
    .tner-container .tner-day-full,
    .tner-container .tner-meta,
    .tner-container .tner-year,
    .tner-container .tner-date-num::after {
        display: none;
    }

    .tner-container .tner-full-date {
        min-width: 60px;
        width: 60px;
    }

    .tner-container .tner-cta {
        min-width: initial;
        width: 12px;
        justify-content: center;
    }

    .tner-container .tner-cta-btn,
    .tner-container .tner-cta-btn:hover {
        background-color: transparent !important;
        color: #0077ff;
    }

        .tner-container .tner-cta-btn::after {
            font-size: 30px;
        }

    .tner-container .tner-details {
        max-width: calc(100% - 74px)
    }

    .tner-container .tner-location {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .tner-locale span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .tner-container .tner-venue,
    .tner-container .tner-day {
        padding: 4px 0;
    }

    .tner-container .tner-date {
        order: -1;
    }

    .tner-container .tner-cta-btn-text::after {
        display: none;
        content: '';
    }
}


/* FILTERS */

.tner-filters-container {
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}

.tner-container .tner-filters {
    display: flex;
    margin: 0 -5px;
    list-style: none;
}

.tner-container .tner-filter-tab {
    display: inline-block;
    color: inherit;
    width: calc(100% / 3 - .01px);
    margin: 0 5px;
}

.tner-container .tner-filter-title {
    color: inherit;
    padding: 0 15px;
    position: relative;
    font-weight: 600;
    width: 100%;
    height: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}

    .tner-container .tner-filter-title::after {
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        font-size: 20px;
        text-align: center;
        float: right;
        vertical-align: middle;
        line-height: 36px;
    }

.tner-container .open .tner-filter-title::after {
    transform: rotate(-180deg);
}

.tner-container .open .tner-filter-title::before {
    display: block;
    content: '';
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    filter: drop-shadow(0px -1px 0px #ededed);
    z-index: 9998;
}

.tner-container .tner-filter-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    text-align: left;
    overflow: hidden;
    margin-top: 10px;
    border-style: solid;
    border-width: 0;
}

.tner-container .open .tner-filter-dropdown {
    display: block;
    z-index: 9997;
}

.tner-container .tner-filter-form {
    border-style: solid;
    transition: .3s transform;
    transform: translateY(-100%);
}

.tner-container .open .tner-filter-form {
    transform: translateY(0);
}

.tner-container .tner-filter-spacer {
    transition: .3s height;
    box-shadow: none;
}

.tner-container .tner-filter-tab .tner-filter-dropdown {
    overflow: hidden;
}

.tner-container .tner-filter-heading {
    padding: 0 20px 10px;
    display: block;
    font-weight: bold;
}

.tner-container .tner-filter-options {
    max-height: calc(50vh - 88px);
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    margin: 0;
}

.tner-container .tner-col-3 {
    display: flex;
    margin-left: -5px;
}

    .tner-container .tner-col-3 > * {
        width: calc(100% / 4 - .01px);
        min-width: 200px;
        flex-grow: 1;
    }

.tner-container .tner-filter-item {
    white-space: nowrap;
    position: relative;
    padding: 5px 25px;
    display: flex;
}

.tner-container .tner-filter-label {
    padding-left: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tner-container .tner-option-count {
    margin-left: auto;
}

    .tner-container .tner-option-count::before {
        content: '(';
    }

    .tner-container .tner-option-count::after {
        content: ')';
    }

.tner-container .tner-filter-control {
    padding: 15px 15px 10px;
    text-align: right;
    margin-left: auto;
}

.tner-container .tner-filter-control-btn {
    width: 140px;
    font-size: 14px;
    padding: 10px 12px;
}

.tner-container .tner-apply-filters {
    margin-left: 15px;
}

.tner-container .tner-date-filter-range li {
    width: 200px;
}

.tner-container .tner-date-option {
    position: relative;
}

    .tner-container .tner-date-input {
        padding: 8px 12px;
        border: 1px solid gray;
        width:100%;
    }

    .tner-container .tner-date-option form.tner-filter-dropdown {
        padding: 15px;
    }

    .tner-container .tner-date-option::after {
        display: block;
        font-family: "Font Awesome 5 Free";
        content: "\f073";
        font-size: 16px;
        text-align: center;
        position: absolute;
        right: 36px;
        top: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: gray;
        pointer-events:none;

    }

.tner-container .tner-date_weekday .tner-filter-label,
.tner-filter-tag[data-filtertype="date-day"] .tner-filter-tag-text,
.tner-container .tner-time_of_day .tner-filter-label {
    font-size: 0;
}

    .tner-container .tner-date_weekday .tner-filter-label::before,
    .tner-filter-tag[data-filtertype="date-day"] .tner-filter-tag-text::before,
    .tner-container .tner-time_of_day .tner-filter-label::before {
        font-size: 14px;
    }

.tner-date_weekday input[value='1'] + .tner-filter-label::before {
    content: 'Sun'
}

.tner-date_weekday input[value='2'] + .tner-filter-label::before {
    content: 'Mon'
}

.tner-date_weekday input[value='3'] + .tner-filter-label::before {
    content: 'Tue'
}

.tner-date_weekday input[value='4'] + .tner-filter-label::before {
    content: 'Wed'
}

.tner-date_weekday input[value='5'] + .tner-filter-label::before {
    content: 'Thu'
}

.tner-date_weekday input[value='6'] + .tner-filter-label::before {
    content: 'Fri'
}

.tner-date_weekday input[value='7'] + .tner-filter-label::before {
    content: 'Sat'
}

.tner-time_of_day input[value='after_6pm'] + .tner-filter-label::before {
    content: 'After 6pm'
}

.tner-time_of_day input[value='before_6pm'] + .tner-filter-label::before {
    content: 'Before 6pm'
}

.tner-filter-tag-text[data-value='1']::before {
    content: 'Sunday'
}

.tner-filter-tag-text[data-value='2']::before {
    content: 'Monday'
}

.tner-filter-tag-text[data-value='3']::before {
    content: 'Tuesday'
}

.tner-filter-tag-text[data-value='4']::before {
    content: 'Wednesday'
}

.tner-filter-tag-text[data-value='5']::before {
    content: 'Thursday'
}

.tner-filter-tag-text[data-value='6']::before {
    content: 'Friday'
}

.tner-filter-tag-text[data-value='7']::before {
    content: 'Saturday'
}

.tner-filter-dates .tner-filter-options span:first-child {
    margin-right: 15px;
}

.tner-container .tner-option-count {
    opacity: .65;
    filter: alpha(opacity=65);
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
}

.tner-container .tner-filter-title::after {
    content: "\f107";
}

.tner-container .active .tner-filter-title::after {
    content: "\f0e2";
}
/* RESPONSIVE */

@media screen and (min-width: 992px) {
    .tner-container .tner-filter-title span::before {
        content: 'Filter By ';
        display: inline;
    }

    .tner-container .active .tner-filter-title span::before {
        content: 'Filtering By ';
    }
}



/* FILTER TAGS */
.tner-filter-tags-container {
    position: relative;
    z-index: 9999;
}

    .tner-filter-tags-container .tner-filter-tags {
        display: flex;
        margin: 0 -5px;
        flex-wrap: wrap;
    }

    .tner-filter-tags-container .tner-filter-tag {
        display: flex;
        margin: 10px 5px 0;
    }

    .tner-filter-tags-container .tner-filter-tag-text,
    .tner-filter-tags-container .tner-filter-tag-close {
        display: block;
        padding: 10px;
        color: inherit;
    }

    .tner-filter-tags-container .tner-clear-filters {
        background-color: #333;
    }

        .tner-filter-tags-container .tner-clear-filters:hover {
            background-color: #111;
        }

    .tner-filter-tags-container .tner-filter-tag-text {
        border-right: 1px solid rgba(255,255,255,.6);
        white-space: nowrap;
    }

    .tner-filter-tags-container .tner-filter-tag-close:hover {
        color: white;
    }

[data-filtertype="date-filter-start"] span::before {
    content: 'From: ';
}

[data-filtertype="date-filter-end"] span::before {
    content: 'To: ';
}