﻿/* Section Header Image */
.sectionHeaderImage { padding-bottom: unset; }
.sectionHeaderImage { overflow: hidden; }
.sectionHeaderImage .header-image { width: 100%; height: 100vh; }
.sectionHeaderImage .header-image { animation: zoom-in 2s; }
.sectionHeaderImage .header-image .content-wrapper .title { animation: zoom-in 3s; }
.sectionHeaderImage .header-image .content-wrapper .subtitle { animation: zoom-in 3.5s; }
.sectionHeaderImage .header-image { width: 100%; height: 100vh; }
.sectionHeaderImage .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; }
.sectionHeaderImage .overlay { background-image: linear-gradient(to bottom, transparent 0%, transparent 45%, rgba(0,0,0,0.8) 75%, rgba(0,0,0,0.7) 100%); }
.sectionHeaderImage .content-wrapper { position: absolute; bottom: 10%; left: 10%; right: 10%; width: 80%; padding: unset; z-index: 1200; text-align: right; }
.sectionHeaderImage .content-wrapper { color: #fff; font-size: 1.6em; text-transform: capitalize; }
.sectionHeaderImage .title { font-size: 1.8em; font-family: "Roboto Slab", sans-serif; color: #f1b545; text-shadow: 3px 3px 5px rgba(189,142,54,0.6); }
.sectionHeaderImage .subtitle { font-size: 2.2em; font-family: "Roboto Slab", sans-serif; text-transform: uppercase; text-shadow: 4px 4px 15px rgba(255,255,255,0.7);}
.sectionHeaderImage .abstract { font-size: 1.2em; color:#e9c47e;  padding-bottom: 20px; }
.sectionHeaderImage .button.ticket-button { margin-top: 20px; }

@media(max-width:992px){
    .sectionHeaderImage { overflow: unset; }
    .sectionHeaderImage .content-wrapper { top: 65%; bottom: unset; left: 50%; right: unset; transform: translate(-50%, -50%); width: 90%; text-align: center; }
    .sectionHeaderImage .overlay { background-image: linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(0,0,0,0.8) 65%, rgba(0,0,0,0.7) 100%); }
}
@media(max-width:576px){
    .sectionHeaderImage .content-wrapper { top: 57%; width: 95%; }
    .sectionHeaderImage .overlay { background-image: linear-gradient(to bottom, transparent 0%, transparent 25%, rgba(0,0,0,0.8) 55%, rgba(0,0,0,0.7) 100%); }
    .sectionHeaderImage .title { font-size: 1.4em; }
    .sectionHeaderImage .subtitle { font-size: 1.5em; }
    .sectionHeaderImage .abstract { font-size: 1em; }
}

/* Section Event Details */
.finished-event { color:#cf7e04 !important; font-weight: bold; }
.sectionSchedule .location.finished-event { color: #a6bda9!important; font-weight: unset!important; }

.sectionSchedule .schedule .column { border-left: unset!important; }
.sectionSchedule .schedule .title-font-type { padding-top: 20px; padding-bottom:20px; }
.sectionSchedule .ticket-price { border-top: unset!important; padding-top: unset!important; }
.sectionSchedule .column-event-details { font-size: 0.8em; line-height: 1.6em; padding: 0 20px; }
.sectionSchedule .column-event-details div[class^="col-"]:first-of-type { padding-top: 0; }
.sectionSchedule .column-event-details div[class^="col-"] { padding-top: 10px; display: flex; }
.sectionSchedule .column-event-details div[class^="col-"] > div { display: flex; align-items: center; }
.sectionSchedule .column-event-details div[class^="col-"].no-flex { display: unset!important; }
.sectionSchedule .column-event-details i { font-size: 1.4em; padding-right: 20px; }
.sectionSchedule .column-event-details div[class^="col-"].finished-event { padding-top: 0; }
.sectionSchedule .column-event-details div[class^="col-"].finished-event i { color: transparent; }

/* Section Event Price Tickets */
.sectionSchedule .column-event-desc .desc-panel { padding: 20px; }
.sectionSchedule .column-event-desc .title { color: #302A78; font-size: 1.2em; line-height: 1.2em; font-weight: bold; padding-bottom: 20px; }
.sectionSchedule .column-event-desc .details { font-size: 0.8em; line-height: 1.4em; max-width: 100%; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: pre-line; }
.sectionSchedule .column-event-desc .link-text { font-size: 0.9em; }

@media(max-width:768px){
    /* .row-eq-height { display: flex!important; } */
    .sectionSchedule .column-event-details { display: inline-block; }
    .sectionSchedule .schedule { border-top: 1px solid #999!important; }
}

/* Events Tickets CSS */
.tc-heading { font-size: 1.1em; font-weight: bold; color: #666; padding-top: 50px; }
.event-tickets-tcs { font-size: 0.8em; }
.event-tickets-tcs .title { font-size: 1.8em!important; line-height: 2.2em; text-decoration: underline; }
.event-tickets-tcs p { line-height: 1.2em; }
@media(max-width:576px){
    .event-tickets-tcs p { line-height: 1.6em; }
}