/* Header Banner */
/* Header Banner CSS */
.sectionHeaderBanner { padding-bottom: 0; height: 100vh; }
.sectionHeaderBanner .header-banner { width: 100%; height: 100vh; }
.sectionHeaderBanner .header-banner-slides { width: 100%; height: 100%; }

.sectionHeaderBanner .header-banner .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; }
.sectionHeaderBanner .header-banner .overlay { background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.7) 100%); }
/* .sectionHeaderBanner .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; } */
.sectionHeaderBanner .header-banner .video-banner { position: absolute; left: 0; width: 100%; object-fit: cover; object-position: top; overflow: hidden; z-index: 10; }
.sectionHeaderBanner .header-banner .video-banner { top: 50px; height: calc(100% - 50px);  }
.sectionHeaderBanner .header-banner .video-banner.full { display: block; }
.sectionHeaderBanner .header-banner .video-banner.mobile { display: none; }
.sectionHeaderBanner .header-banner .content-wrapper { position: absolute; bottom: 10%; left: 10%; width: 98%; padding: unset; z-index: 1200; }
.sectionHeaderBanner .header-banner .content-wrapper { color: #fff; font-size: 1.6em; text-transform: capitalize; }
.sectionHeaderBanner .header-banner .title { font-size: 2.4em; font-family: "Roboto Slab", sans-serif; font-weight: bold; text-transform: uppercase; color: #f1b545; text-shadow: 3px 3px 5px rgba(189,142,54,0.6); }
.sectionHeaderBanner .header-banner .subtitle { font-size: 1.6em; color: #beb496; text-shadow: 4px 4px 15px rgba(255,255,255,0.7); }
.sectionHeaderBanner .header-banner .abstract { font-size: 1.2em; color: #fff; text-shadow: 4px 4px 15px rgba(255,255,255,0.7);  }
.sectionHeaderBanner .header-banner .button.ticket-button { margin-top: 20px; }

@media(max-width: 1024px) {
    .sectionHeaderBanner .header-banner .content-wrapper { width: 90%; left: 50%; transform: translateX(-50%); text-align: center; word-break: break-word;  }
}
@media(max-width: 992px){
    .sectionHeaderBanner { height: unset; }
    .sectionHeaderBanner .header-banner-slides { height: calc(100vh - 60px); }
    .sectionHeaderBanner .header-banner .title { font-size: 2em; }
    .sectionHeaderBanner .header-banner .subtitle { font-size: 1.2em; }
    .sectionHeaderBanner .header-banner .abstract { font-size: 0.8em; }
}
@media(max-width:576px){
    .sectionHeaderBanner .header-banner .overlay { background-image: linear-gradient(to bottom, transparent 0%, transparent 35%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.7) 100%); }
    .sectionHeaderBanner .header-banner .content-wrapper { top: 55%; bottom: unset; transform: translate(-50%, -50%); }
}
/* Section Overview */
/* .sectionOverview { background: url('/images/website-intro-image-1.png'); background-repeat: no-repeat !important; background-position: top center; background-size: 80% !important; } */
/* .sectionOverview .content-wrapper { padding-top: 240px; } */
.sectionOverview .content-wrapper { padding-top: 80px; }
.sectionOverview .content-panel { padding-bottom: 20px; } 
.sectionOverview .title-font-type img { width: 90%; margin: auto;}
.sectionOverview .title-font-type .title { color: #a36d52; padding-bottom: 60px; transform: scaleY(1.3); }
.sectionOverview .video { width: 100%; }
.sectionOverview .video.youtube { height: 600px; }
.sectionOverview .title { font-size: 3em; line-height: 1.4em; color: #302a78; font-weight: 900; }
.sectionOverview .title-date { font-size: 1.4em; line-height: 1.6em; letter-spacing: 2px; color: #6F6F6F; padding-top: 10px; }

@media(max-width: 1024px) {
    .sectionOverview .content-wrapper { padding-top: 100px; }
    .sectionOverview .title-font-type img { max-width: 300px; }
    .sectionOverview .title-font-type .left-image { display: none; }
    .sectionOverview .title-font-type .title { padding-bottom: 20px; }
}
@media(max-width: 768px) {
    .sectionOverview .content-wrapper { padding-top: 0px; }
    .sectionOverview .video.youtube { height: 400px; }
}
@media(max-width: 576px){
    .sectionOverview { padding-bottom: 30px; }
    .sectionOverview .title-date { padding-bottom: 30px;  }
    .sectionOverview .video.youtube { height: 300px; }
}

/* Section Opening */
.sectionOpening .heading { font-size: 1.2em; letter-spacing: 2px; color: #6F6F6F; padding-bottom: 40px; padding-left: 20px; text-transform: uppercase; }
.sectionOpening .title { font-size: 2.2em; letter-spacing: 2px; color: #0a5c11; padding-bottom: 20px; font-weight: bold; }
.sectionOpening .subtitle { color: #a36d52; font-size: 1.4em; font-weight: bold; padding-bottom: 10px; }
.sectionOpening .section-image-1 { min-height: 580px; }

@media(max-width: 768px){
    .sectionOpening .title { font-size: 2em; text-align:center; font-weight: bold; }
    .sectionOpening .subtitle { font-size: 1.7em; text-align:center }
    .sectionOpening .contentTopRow .info-wrapper { padding 20px 0;}
}

.sectionOpening .contentTopRow .info-wrapper { padding: 20px 50px; }
.sectionOpening .contentTopRow .content { font-size: 1em; line-height: 2em; text-align: justify; }
.sectionOpening .contentTopRow .content > br { content: ""; margin: 1em; display: block; }

/* .sectionOpening .content-block > div { width: 50%; } */
.sectionOpening .content-block > .content-image { width: 60%; min-height: 430px; }
.sectionOpening .content-block > .info-wrapper { width: 40%; }
.sectionOpening .contentTopRow .content-block > .content-image, .sectionOpening .contentTopRow .content-block > .info-wrapper { width: 50%; min-height: unset; }
.sectionOpening .info-wrapper { padding: 0 20px; }
.sectionOpening .content-image { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; height: 100%; }
/* .sectionOpening .contentInfo .info-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } */
.sectionOpening .content-block { display: flex; align-items: center; min-height: 300px; }
.sectionOpening .contentInfo .info-wrapper { padding: 20px;}
.sectionOpening .contentInfo .content-block:nth-of-type(even) { text-align: left; }
.sectionOpening .contentInfo .content-block:nth-of-type(odd) { flex-direction: row-reverse; text-align: right; }
.sectionOpening .contentInfo .content { font-size: 0.8em; line-height: 1.8em; }
.sectionOpening .contentInfo .content > br { content: ""; margin: 1.2em; display: block; }

@media(max-width: 1024px){
    .sectionOpening .contentInfo .info-wrapper, .sectionOpening .contentTopRow .info-wrapper { padding: 20px 30px; }
    .sectionOpening .subtitle { font-family: "Roboto Slab", sans-serif; }
    .sectionOpening .contentInfo .content { font-size: 1em; line-height: 2em; }
    .sectionOpening .content-block > .content-image, .sectionOpening .content-block > .info-wrapper { width: 50%; }
    .sectionOpening .contentInfo .content-block:nth-of-type(even), .sectionOpening .contentInfo .content-block:nth-of-type(odd) { text-align: unset; flex-direction: unset; }
    .sectionOpening .contentInfo .content-block.flex-reverse { flex-direction: row-reverse; text-align: center; }
}

@media(max-width: 768px){
    .sectionOpening .contentInfo .info-wrapper, .sectionOpening .contentTopRow .info-wrapper { padding: 20px 0px; }
    .sectionOpening .row-eq-height { display: unset!important; }
    .sectionOpening .content-block { display: block; }
    /* .sectionOpening .content-block > div { width: 100%; } */
    .sectionOpening .contentTopRow .content-block > .content-image, .sectionOpening .contentTopRow .content-block > .info-wrapper { width: 100%; }
    .sectionOpening .content-block > .content-image, .sectionOpening .content-block > .info-wrapper { width: 100%; }
    .sectionOpening .content-block .content-image { height: 300px; }
    .sectionOpening .contentInfo .content { text-align: justify; }
}

/* Section Tour CSS*/
.sectionTourSlides .tour-slides { width: 100%; height: 100vh; max-height: 543px; }
.sectionTourSlides .content-wrapper { padding-bottom: 20px; }
.sectionTourSlides .title { font-size: 4em; font-weight: bold; color: #0a5c11; }
.sectionTourSlides .subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #a36d52; transform: scale(1,1.5) }
.sectionTourSlides .subtitle { position: absolute; bottom: 0; right: 0;  }

@media (max-width: 1024px){
    .sectionTourSlides .title { font-size: 2.8em; }
    .sectionTourSlides .subtitle { font-size: 1em; }
    .sectionTourSlides { padding-bottom: 0; }
}

@media(max-width: 768px){
    .sectionTourSlides .tour-slides { height: 50vh; }
    .sectionTourSlides .title { text-align: center; }
    .sectionTourSlides .subtitle { position: unset; line-height: 1em; padding-bottom: 40px; }
    .sectionTourSlides .subtitle  { transform: scale(1,1.2); }
}

@media(max-width: 576px){
    .sectionTourSlides .tour-slides { height: 40vh; }
}

/* Section Schedule CSS */
.sectionSchedule .tour-select-box.selected { background: #0a5c11; }
.sectionSchedule .tour-select-box.selected .tour-date { color: #91cf96; }
.sectionSchedule .tour-select-box.selected .tour-location { color: #fff; }
.sectionSchedule .tour-select-box.finished-event { background: #cecece; }
.sectionSchedule .tour-select-box.finished-event .tour-date, .sectionSchedule .tour-select-box.finished-event .tour-location { color: #a6bda9; }
.sectionSchedule .location.finished-event { color: #a6bda9!important; font-weight: unset!important; }

@media(max-width: 1024px){
    /* .sectionSchedule .column-event-details { float: unset!important; display: flex; order: unset!important; } */
}

/* Section Gallery CSS */
.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; }
}

@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 } */
}