/* Section Header Image */
.sectionHeaderImage { overflow: hidden; }
.sectionHeaderImage .header-image, .sectionHeaderImage .header-banner { width: 100%; height: 100vh; }
body { overflow-x: hidden!important; }
.sectionHeaderImage .header-image { animation: zoom-in 2s; }
.sectionHeaderImage .header-banner .video-banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; overflow: hidden; z-index: 10; }
.sectionHeaderImage .header-banner .video-banner.full { display: block; }
.sectionHeaderImage .header-banner .video-banner.mobile { display: none; }
.sectionHeaderImage .header-banner .content-wrapper .title { animation: zoom-in 3s; }
.sectionHeaderImage .header-banner .content-wrapper .city { animation: zoom-in 3.5s; }
.sectionHeaderImage .header-banner .content-wrapper .date { animation: zoom-in 4s; }
.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 35%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0.8) 65%, 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: 1.2em; color: #beb496; text-shadow: 4px 4px 15px rgba(255,255,255,0.7); }
.sectionHeaderImage .abstract { font-size: 0.8em; color: #ebd48f; text-shadow: 4px 4px 15px rgba(255,255,255,0.7);  }
.sectionHeaderImage .city { font-size: 3em; font-family: "Roboto Slab", sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: 4px 4px 15px rgba(255,255,255,0.7);}
.sectionHeaderImage .date { font-size: 1.2em; color:#e9c47e;  padding-bottom: 20px; }
.sectionHeaderImage .button { min-width: 300px; }
.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%); }
    .sectionHeaderImage .title { font-size: 1.6em; }
    .sectionHeaderImage .city { font-size: 1.8em; }
    .sectionHeaderImage .date { font-size: 1em; }
}
@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: 1em; }
    .sectionHeaderImage .abstract { font-size: 0.6em; }
    .sectionHeaderImage .city { font-size: 1.5em; }
    .sectionHeaderImage .date { font-size: 1em; }
}

/* Section Event Details */
.finished-event { color:#cf7e04 !important; font-weight: bold; }
.sectionSchedule { padding-bottom: 20px!important;}
.sectionSchedule .column-event-details { font-size: 0.8em; line-height: 1.6em; }
.sectionSchedule .column-event-details div[class^="col-"]:first-of-type { padding-top: 0; }
.sectionSchedule .column-event-details div[class^="col-"] { padding-top: 20px; 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-"].event-date { font-weight: bold; }
.sectionSchedule .column-event-details div[class^="col-"].date-exception { padding-top: 0; color: #b80d73; font-weight: bold; }
.sectionSchedule .column-event-details div[class^="col-"].date-exception i { color: transparent; }
.sectionSchedule .column-event-details div[class^="col-"].schedule-remark { color: #c76e02; }
.sectionSchedule .column-event-details div[class^="col-"].schedule-important-notice { color: #cc0014; font-weight: bold; }
.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; }

/* Section Location */
.sectionLocation { padding-bottom: 0!important; }
.sectionLocation .title { font-size: 2em; padding-bottom: 20px; }
.sectionLocation .title, section#location .subtitle { padding-bottom: 20px; }
.sectionLocation .title { font-size: 2em; }
.sectionLocation .subtitle { font-size: 1.6em; }
.sectionLocation .map img { width: 100%;}

/* Section Notice */
.sectionNotice .map img{ width: 60%;}
.notice-list > li { margin: 20px auto; word-wrap: break-word; white-space: normal; }

@media(max-width:576px){
    .sectionLocation .title { font-size: 1.8em; }
    .sectionNotice .map img{ width: 100%;}
}

.city-info .city-details .content { line-height: 2em; padding-bottom: 20px; text-align: justify; }
.city-info .city-details .content br { display: block; margin: 40px 0; content: ""; }
.city-info .city-details .location-map { text-align: center; margin: auto; }
.city-info .city-details .location-map img { max-width: 500px; }

@media(max-width: 576px){
    .city-info .city-details .location-map img { max-width: 100%; }
}

@media(max-width: 1024px) {
    /*.sectionSchedule .tour-select-box { padding: unset; min-height: unset; background: #eee; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }*/
    .col-lg-2-5 { width: 20%; float: left; }
    /* section#tourSlides .tour-select-box.selected { background: #e5eb50 } */
}

/* Section Gallery CSS */
.sectionGallery { padding: 30px 0!important;  }
.sectionGallery .grid-wrapper { padding: unset!important; }
.sectionGallery .title { font-size: 3em; font-weight: bold; color: #a36d52; }
.sectionGallery .title > span { font-size: 0.6em; font-weight: normal; margin: auto 20px;}
.sectionGallery .content-wrapper .description { font-size: 1.2em; }

@media (max-width: 1024px){
    .sectionGallery .title > span { font-size: 0.5em;}
    .sectionGallery .grid-wrapper { padding: 40px 0; }
    .sectionGallery .grid-wrapper > div:nth-of-type(4) { grid-column: span 2; }
    .sectionGallery .grid-wrapper > div:nth-of-type(5) { grid-column: span 1; }
}
@media (max-width:576px){
    .sectionGallery .title > span { display: block; margin: unset; font-size: 0.4em; }
}