.page-site .cart-ts-tile a:focus-visible,
.page-site .cart-ts a:focus-visible {
    outline: 2px solid #121212 !important;
}
.page-site .cart-ts-tile .btn-default:focus,
.page-site .cart-ts-tile .btn-default.focus,
.page-site .cart-ts .btn-default:focus,
.page-site .cart-ts .btn-default.focus {
    outline: 2px solid #121212 !important;
}

@keyframes blinkEventCardDate {
    0%{
        opacity: 1;
        background:#fafafa;
    }
    50%{
        opacity: 0.7;
        background:#D8D8D8;
    }
    100%{
        opacity: 1;
        background:#fafafa;
    }
}
@-webkit-keyframes blinkEventCardDate {
    0%{
        opacity: 1;
        background:#fafafa;
    }
    50%{
        opacity: 0.7;
        background:#D8D8D8;
    }
    100%{
        opacity: 1;
        background:#fafafa;
    }
}

.card-clicked {
    animation: blinkEventCard 0.25s forwards;
    -webkit-animation-name: blinkEventCard;
    -webkit-animation-duration: 0.25s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
        @keyframes blinkEventCard {
            0%{
                opacity: 1;
                background:#fff;
            }
            50%{
                opacity: 0.7;
                background:#D8D8D8;
            }
            100%{
                opacity: 1;
                background:#fff;
            }
        }
        @-webkit-keyframes blinkEventCard {
            0%{
                opacity: 1;
                background:#fff;
            }
            50%{
                opacity: 0.7;
                background:#D8D8D8;
            }
            100%{
                opacity: 1;
                background:#fff;
            }
        }



.flex-d{display: flex; }

.cart-ts{margin: 0 0 8px 0; border-radius: 4px; border-bottom: 1px solid #d9d9d9;width: 100%;}
.cart-ts:hover{ -webkit-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05);
    box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05) !important;}

.cart-ts:last-child{margin-bottom: 0;}

.cart-ts > .flex-d{width: 100%;}
.cart-ts p{margin-bottom: 0;}

.cart-ts .date{align-items: center; border-radius: 4px 0 0 4px;
    flex: 0 0 100px; max-width: 100px;width: 100px; padding: 4px 8px 4px 16px;}
.cart-ts .date time{flex-direction: column;align-items: center; text-align: left;margin-bottom: 2px;}
.cart-ts .date p{text-align: left;width: 100%; margin-bottom: 4px;}
.cart-ts .date p:last-child{margin-bottom: 0;}

.cart-ts .date p.mj{white-space: nowrap; color: #121212; font-size: 1.8em; line-height: 1.2em;  font-family: montserratlight, sans-serif;}
.cart-ts .date p.mjy{white-space:break-spaces;}
.cart-ts .date p.pm{color: #2e2e2e;font-size: 1.1em;  line-height: 1.2em;  font-family: montserratregular, sans-serif;}

.cart-ts .description{flex-direction: row; flex-grow:1; align-items: center;padding: 14px 16px 14px 16px;
    border-left: 1px solid #EEEEEE;}

.cart-ts .description .full-info{flex-direction: column; flex-grow:1; padding-right: 16px; }

.cart-ts .description .full-info p{text-align: left;width: 100%; }
.cart-ts .description .full-info p.title{font-size: 1.8em;  line-height: 1.2em; margin: 0 0 4px 0;
    font-family: montserratregular, sans-serif;color: #121212;}
.cart-ts .description .full-info p.title a{color: #121212;}

.cart-ts .description .full-info p.subtitle{font-size: 1.4em; line-height: 1.4em; color: #2e2e2e;
    font-family: montserratlight, sans-serif;}
.cart-ts .description .full-info p.subtitle a{color: #2e2e2e; text-decoration: underline;}

.cart-ts .description .button{width: 120px; flex: 0 0 120px; max-width: 120px;
    align-items: center;  justify-content: center; }
.cart-ts .description .button p, .cart-ts .description .button p a{width: 100%}
.cart-ts .description .button p .btn { padding: 10px 16px; font-family: montserratmedium, sans-serif;}

/* --- Pricing fallback (Find Tickets in treatment variant) */
.cart-ts .description .pricing-fallback{width: 130px; flex: 0 0 130px; max-width: 130px;}

/* --- Pricing CTA */
.cart-ts .description .pricing-cta{width: 130px; flex: 0 0 130px; max-width: 130px;
    flex-direction: column; align-items: flex-end; justify-content: center;}
.cart-ts .description .pricing-cta .for-desktop{text-align: right; width: 100%;}
.cart-ts .description .pricing-cta .for-desktop .btn{white-space: nowrap; width: 100%;
    box-sizing: border-box; text-align: center; padding: 10px 16px; font-family: montserratmedium, sans-serif;
    background-color: #C00728; border-color: #C00728; color: #fff;}

/* --- Performer message - fast-event  */
.cart-ts .description .fast{display: flex; align-items: center; margin: 8px 0 0 0;}
.cart-ts .description .fast span{font-family: montserratregular, sans-serif; font-size: 1.2em; line-height: 1.2em;color: #D63E53;}
.cart-ts .description .fast svg{height: 16px; width: 16px; margin-right: 0;position: relative; top:-2px; left: -2px}



@media (max-width: 767px) {

    .cart-ts{box-shadow: none; padding: 0;cursor: pointer; border-radius: 0; border-bottom: 1px solid #D9D9D9;}

    .cart-ts .date{flex: 0 0 86px; max-width: 86px;width: 86px;padding: 14px 4px 14px 12px; background: #F9F9F9; align-self: stretch;}
    .cart-ts .date p{margin-bottom: 2px;}
    .cart-ts .date p.mj{color: #121212; font-size: 1.4em; font-family: montserratmedium, sans-serif;}
    .cart-ts .date p.mjy{}
    .cart-ts .date p.pm{color: #2e2e2e;font-size: 12px; line-height: 14px; font-family: montserratregular, sans-serif;}

    .cart-ts .date time{margin-bottom: 0;}

    .cart-ts .description{padding: 12px 4px 12px 12px; border-left: none;}
    .cart-ts .description .full-info p.title{font-size: 1.4em; font-family: montserratsemibold, sans-serif;}
    .cart-ts .description .full-info p.subtitle{font-size: 1.2em; line-height: 1.2em; color: #2e2e2e;
        font-family: montserratregular, sans-serif;}

    .cart-ts .description .full-info { padding-right: 4px;}

    .cart-ts .description .button{width: 40px; flex: 0 0 40px; max-width: 40px;}
    .cart-ts .description .button p .btn {padding: 4px 8px;}

    /* --- Pricing fallback mobile */
    .cart-ts .description .pricing-fallback{width: 40px; flex: 0 0 40px; max-width: 40px;}

    /* --- Pricing CTA mobile */
    .cart-ts .description .pricing-cta{flex: 0 0 auto; width: auto; max-width: none;
        justify-content: center; align-items: flex-end; padding-right: 8px;}
    .cart-ts .description .pricing-cta .for-mobile{text-align: right;}
    .cart-ts .description .pricing-cta .for-mobile a{text-decoration: none; display: flex;
        flex-direction: column; align-items: flex-end;}
    .cart-ts .description .pricing-cta .price-from{font-family: montserratregular, sans-serif;
        font-size: 1em; line-height: 1.2em; color: #4d4d4d;}
    .cart-ts .description .pricing-cta .price-amount{font-family: montserratbold, sans-serif;
        font-size: 1.4em; line-height: 1.2em; color: #C00728; white-space: nowrap;}

    /* --- Performer message - fast-event  */
    .cart-ts .description .fast span{font-size: 1em; line-height: 1.2em;}
    .cart-ts .description .fast svg{height: 14px; width: 14px;}

}




/* V-2 --- Cards are arranged in tiles - HOME - REGION  */

    /* width Cards - REGION  */
    .category .w-80{margin: 0 10%;}
    @media (max-width: 767px) {
        .category .w-80 {margin: 0; width: 100%; }
    }

    /* button all events HOME - REGION  */
    .all-events-list {width: 100%; float: left; text-align: center; margin: 16px 0 0 0;}
    .all-events-list .btn{background: #C00728; color: #fff;padding: 12px 30px;  }


.all-events-list img.ajax-loader {height: 64px; width: 64px; margin: 20px auto;}




.page-event-card{display: block; float: left; width: 100%; padding: 24px 0 0 0;}

.cart-ts-tile {transition-property: none !important; width: 18.6%;  margin: 0 0.6%; float: left;}

.cart-ts-tile .cart-ts-tile-bg{flex-direction: column; padding:16px; margin-bottom: 24px;
    background: #fff; border-radius: 4px; width: 100%; position:relative;}

.cart-ts-tile .cart-ts-tile-bg:hover{ -webkit-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05);
    box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05) !important;}

.cart-ts-tile .description{flex-direction: column;}
.cart-ts-tile .description .full-info{flex-direction: column;}

.cart-ts-tile .description .full-info p{text-align: left;width: 100%; }
.cart-ts-tile .description .full-info p.title{font-size: 1.6em;  line-height: 1.2em; margin: 0 0 8px 0;
    font-family: montserratsemibold, Verdana, sans-serif;color: #121212;}
.cart-ts-tile .description .full-info p.title a{color: #121212;}

.cart-ts-tile .description .full-info p.time { color: #2e2e2e; font-size: 1.3em;
    line-height: 1.2em; margin: 0 0 4px 0;  padding: 0;}

.cart-ts-tile .description .full-info p.venue { font-size: 1.3em; line-height: 1.2em;  margin: 0 0 16px 0;  padding: 0;}
.cart-ts-tile .description .full-info p.venue a{color: #2e2e2e; text-decoration: underline;}

.cart-ts-tile .description .button{width: 100%; flex: 0 0 100%; max-width: 100%;
    align-items: center;  justify-content: center; }
.cart-ts-tile .description .button p, .cart-ts .description .button p a{width: 100%; margin: 0;}
.cart-ts-tile .description .button p .btn { padding: 10px 16px; font-family: montserratmedium, sans-serif;width: 100%;}

.cart-ts-tile .description .pricing-cta{flex-direction: column; align-items: flex-end;}
.cart-ts-tile .description .pricing-cta .for-desktop{text-align: right; width: 100%;}
.cart-ts-tile .description .pricing-cta .for-desktop .btn{width: 100%; white-space: nowrap;
    box-sizing: border-box; text-align: center; padding: 10px 16px; font-family: montserratmedium, sans-serif;
    background-color: #C00728; border-color: #C00728; color: #fff;}

@media (max-width: 1080px) {
    .cart-ts-tile {  width: 29%;  margin: 0 2%;  float: left; }
}

@media (max-width: 767px) {

    .page-event-card { padding: 0;}

    .cart-ts-tile .cart-ts-tile-bg{border: none; border-bottom: 1px solid #D9D9D9; margin-bottom: 8px;
        box-shadow: none; padding: 0;cursor: pointer; border-radius: 0;}

    .cart-ts-tile .cart-ts-tile-bg, .cart-ts-tile .description{flex-direction: row;}

    .cart-ts-tile { width: 100%; margin: 0; }

    .cart-ts-tile .date{flex: 0 0 86px; max-width: 86px;width: 86px;padding: 14px 4px 14px 12px; background: #F9F9F9;
        align-items: center; align-self: stretch; border-radius: 0;}
    .cart-ts-tile .date time{flex-direction: column;align-items: center; text-align: left;margin-bottom: 2px;}
    .cart-ts-tile .date p{text-align: left;width: 100%; margin-bottom: 2px;}
    .cart-ts-tile .date p:last-child{margin-bottom: 0;}

    .cart-ts-tile .date p.mj{color: #121212; font-size: 1.4em; font-family: montserratmedium, sans-serif; white-space: nowrap; line-height: 1.2em;}
    .cart-ts-tile .date p.mjy{white-space:break-spaces;}
    .cart-ts-tile .date p.pm{color: #2e2e2e; font-size: 12px; font-family: montserratregular, sans-serif;line-height: 14px;}

    .cart-ts-tile .description {  padding: 12px 4px 12px 12px; flex-direction: row; flex-grow: 1;  align-items: center;
        border-left: none; }
    .cart-ts-tile .description .full-info { flex-direction: column; flex-grow: 1; padding-right: 4px; }

    .cart-ts-tile .description .full-info p.title { font-size: 1.4em; font-family: montserratsemibold, sans-serif;
        margin: 0 0 4px 0; color: #121212; }

    .cart-ts-tile .description .full-info p.venue {  margin-bottom: 0;
        font-size: 1.2em;  color: #2e2e2e; font-family: montserratregular, sans-serif; }


    .cart-ts-tile .description .button {  width: 40px; flex: 0 0 40px; max-width: 40px; }

    /* --- Pricing fallback mobile */
    .cart-ts-tile .description .pricing-fallback{width: 40px; flex: 0 0 40px; max-width: 40px;}

    /* --- Pricing CTA mobile */
    .cart-ts-tile .description .pricing-cta{flex: 0 0 auto; width: auto; max-width: none;
        justify-content: center; align-items: flex-end; padding-right: 8px;}
    .cart-ts-tile .description .pricing-cta .for-mobile{text-align: right;}
    .cart-ts-tile .description .pricing-cta .for-mobile a{text-decoration: none; display: flex;
        flex-direction: column; align-items: flex-end;}
    .cart-ts-tile .description .pricing-cta .price-from{font-family: montserratregular, sans-serif;
        font-size: 1em; line-height: 1.2em; color: #4d4d4d;}
    .cart-ts-tile .description .pricing-cta .price-amount{font-family: montserratbold, sans-serif;
        font-size: 1.4em; line-height: 1.2em; color: #C00728; white-space: nowrap;}


}