/* common */
body {
    background-color: #F1FFFC;
}

.mobile-show {
    display: none;
}

:root {
    --white: #fff;
    --main: #eaedf0;
    --accent: #0041ff;
    --accent-2: #ebedf0;
    --main-green: #158470;
}

a{
    text-decoration: none;
}


/*  */


/* header */
.header-container {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    background-color: white;
    z-index: 1;
}

.top-bar {
    background-color: #fff;
    display: flex;
    width: 100%;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 23px 28px;
    z-index: 16;
}

.logo-container {
    display: flex;
}

.logo-image {
    object-fit: contain;
    object-position: center;
    width: 20vw;
}

html[lang='tc'] .logo-image,
html[lang='sc'] .logo-image
{
    width: 10vw;
}

.logo-text {
    aspect-ratio: 5.49;
    object-fit: contain;
    object-position: center;
    width: 231px;
    align-self: start;
}

.secondary-logo {
    aspect-ratio: 3.15;
    object-fit: contain;
    object-position: center;
	width: 10vw;
    max-width: 100%;
}

.nav-bar {
    background-color: #f6f6f6;
    display: flex;
    margin-top: 13px;
    width: 100%;
    padding: 0 41px 0 0;
    gap: 20px;
    font-family: ITC Avant Garde Gothic Std, -apple-system, Roboto, Helvetica, sans-serif;
    font-weight: 700;
    flex-wrap: wrap;
    justify-content: space-between;
}

.language-selector {
    display: flex;
    gap: 17px;
    width: 30%;
}

.gov-hk-link {
    display: flex;
    flex-direction: column;
    position: relative;
    aspect-ratio: 5.278;
    font-size: 14px;
    color: #534946;
    white-space: nowrap;
    padding: 12px 35px 12px 20px;
}

.gov-hk-background {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    background: #BDECE1;
    padding-right: 5%;
}

.gov-hk-text {
    position: relative;
}

.font-size-selector {
    color: #555555;
    font-size: 17px;
    margin: auto 0;
    width: 30%;
    width: -webkit-fill-available;
}

.font-size-selector>span {
    margin-left: 3%;
}

.nav-actions {
    display: flex;
    gap: 20px;
    font-size: 14px;
    margin: auto 0;
}

.contact-us {
    margin: auto 0;
    color: #555555;
}

.social-icon {
    aspect-ratio: 1.08;
    object-fit: contain;
    object-position: center;
    width: 26px;
}

.search-container {
    border-radius: 20px;
    background-color: #ececec;
    align-self: center;
    display: flex;
    gap: 5px;
    color: #a3a3a3;
    white-space: nowrap;
    letter-spacing: -0.12px;
    padding: 4px 7px;
    font-weight: 400;
    font-size: 12px;
    min-width: 130px;
}

.search-container:hover{
    color: #a3a3a3;
}

.search-icon {
    aspect-ratio: 1.07;
    object-fit: contain;
    object-position: center;
    width: 16px;
    align-self: center;
}

.search-text {
    flex-basis: auto;
    background: transparent;
    border: 0;
}

.subscribe-button {
    border-radius: 20px;
    align-self: center;
    white-space: nowrap;
    padding: 2px 30px;
    border: 1px solid #555555;
    color: #555555;
    font-weight: 700;
}

.main-menu {
    background-color: #D6F6EF;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    color: #7b4300;
    padding: 27px 70px 0;
    font: 700 19px ITC Avant Garde Gothic Std, -apple-system, Roboto, Helvetica, sans-serif;
}

.menu-container {
    /*display: flex;
    width: 100%;
    max-width: 1400px;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;*/
	display: flex;
    max-width: 1400px;
    align-items: start;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.menu-left {
    align-self: stretch;
    display: flex;
    align-items: start;
	gap: 73px;
}

.home-container {
    display: flex;
    flex-direction: column;
    font-size: 17px;
    white-space: nowrap;
}

.home-link {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.home-text {
    z-index: 10;
    margin: auto 0;
    padding: 1px;
}

/* .dropdown-icon {
    aspect-ratio: 0.05;
    object-fit: contain;
    object-position: center;
    width: 1px;
} */

.home-underline {
    background-color: #fff;
    display: flex;
    margin-top: 26px;
    width: 46px;
    height: 3px;
}

.music-link {
    width: 50px;
    gap: 6px;
}

.dance-link {
    align-self: stretch;
}

.menu-center {
    /*display: flex;
    gap: 64px;
    width: 25%;*/
	display: flex;
    margin: 0 4%;
    width: 20%;
}

.chinese-opera-container {
    /*display: flex;*/
    align-items: end;
    justify-content: start;
}

.chinese-opera-link {
    align-self: stretch;
    width: 144px;
}

.multi-arts-link {
    /* align-self: stretch; */
}

.menu-right {
    display: flex;
	gap: 47px 90px;
    font-size: 17px;
}


.theatre-link {
    align-self: stretch;
    font-size: 19px;
}

.family-entertainment-link {
    z-index: 10;
    margin: auto 0;
    padding: 1px 0;
}

.click-for-arts-link {
    z-index: 10;
    align-self: start;
    padding: 1px 0;
}


.header-menu a {
    color: #555555;
	font-size: 20px;
}

/* header */

/* footer */

.footer-container {
    display: flex;
    flex-direction: column;
}

.footer-content {
    background-color: #158470;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 37px 80px;
}

.footer-links-wrapper {
    display: flex;
    width: 100%;
    max-width: 1400px;
    gap: 40px 100px;
    flex-wrap: wrap;
}

.footer-links {
    margin: auto 0;
    font: 600 20px DM Sans, sans-serif;
    list-style-type: none;
    padding-left: unset;
}

.footer-links li {
    padding-bottom: 15px;
}

.footer-links a,
.footer-policies a {
    color: #fff;
}

.footer-policies a {
    margin-right: 20px;
}

.social-media-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 40px 57px;
    flex: 1;
    justify-content: end;
}

.social-media-icon {
    object-fit: contain;
    object-position: center;
    margin-top: 8px;
}

.follow-us-text {
    color: #fff;
    font: 700 40px DM Sans, sans-serif;
}

.social-icons-container {
    display: flex;
    margin-top: 20px;
    align-items: flex-start;
    gap: 20px;
    justify-content: space-between;

}

#footer-div .social-icon {
    aspect-ratio: 1.08;
    object-fit: contain;
    object-position: center;
    width: 51px;
}

.social-icon-youtube {
    aspect-ratio: 1.06;
    align-self: stretch;
}

.footer-banner {
    object-fit: contain;
    object-position: center;
    width: 100%;
    align-self: center;
    margin-top: 33px;
    max-width: 1400px;
}

.footer-bottom {
    display: flex;
    margin-top: 22px;
    width: 100%;
    max-width: 1400px;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-info {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-weight: 400;
}

.footer-policies {
    font-size: 18px;
}

.revision-date {
    font-size: 16px;
    align-self: flex-start;
    margin-top: 10px;
}

.footer-logos {
    display: flex;
    margin-top: 4px;
    gap: 40px 42px;
}

.logo-brand {
    aspect-ratio: 2.86;
    object-fit: contain;
    object-position: center;
    width: 123px;
    align-self: flex-start;
    max-width: 100%;
}

.logo-web {
    aspect-ratio: 1.89;
    object-fit: contain;
    object-position: center;
    width: 87px;
}


.mobile-footer-menu {
    padding: 5% 0%;
    width: 100%;
}

.mobile-footer-menu a,
.mobile-footer-menu p {
    color: white;
}

/* footer end */

/* highlights */

.event-container {
    box-shadow: 0px 4px 20px 0px rgba(160, 197, 197, 0.5);
    padding: 3%;
    background-color: white;
    height: 100%;
}

.event-content {
    display: flex;
    gap: 20px;
}

.event-image {
    width: 68%;
}

.event-details {
    width: 45%;
}

.event-img {
    aspect-ratio: 1.53;
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: transform .2s;
}

.event-img:hover {
    transform: scale(1.5);
}

.event-info {
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: DM Sans, sans-serif;
    font-weight: 700;
}

.date-range {
    display: flex;
    width: 116px;
    max-width: 100%;
    gap: 5px;
    white-space: nowrap;
}

.event-type {
    background-color: #158470;
    font-size: 13px;
    color: #FFF;
    padding: 2px 10px;
    text-align-last: center;
    width: fit-content;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
}

.event-type.Dance{
    background-color: #D64000;
}

.date-range.Dance .date-box{
    border-color: #D64000;
}

.event-type.Chinese-Opera, .event-type.chinese_opera{
    background-color: #A85508;
}

.date-range.Chinese-Opera .date-box{
    border-color: #A85508;
}

.event-type.Theatre{
    background-color: #4E00F4;
}

.date-range.Theatre .date-box{
    border-color: #4E00F4;
}

.event-type.Multi-Arts{
    background-color: #0071C2;
}

.date-range.Multi-Arts .date-box{
    border-color: #0071C2;
}


.date-container {
    display: flex;
    margin-top: 14px;
    gap: 10px;
    color: #000;
}

.date-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 4px 9px 4px 9px;
    border: 1px solid #158470;
    align-items: center;
}

.month {
    font-size: 13px;
    text-transform: uppercase;
    color: black;
}

.day {
    font-size: 20px;
    text-transform: uppercase;
    color: black;
}

.date-separator {
    font-size: 13px;
    margin: auto 0;
}

.end-date {
    align-self: flex-end;
    padding: 4px 9px 4px 9px;
}

.event-title {
    color: #000;
    font-size: 18px;
    align-self: stretch;
    margin-top: 17px;
}

.event-title:hover{
    color: #000;
}

.event-description {
    color: #000;
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    text-align: justify;
}

.highights-div {
    position: relative;
}

.highights-div .inner {
    max-width: 1400px;
    padding-bottom: 5%;
}

h1.title-div {
    font-size: calc(1.375rem + 2vw);
}

.title-div {
    position: relative;
}

.title-div::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 7px;
    background-color: #67CFB6;
    bottom: -15px;
    left: 0;
}

.box-underline {
    width: 100%;
    border-bottom: 1px #A7E5DA solid;
}

/* highlights end */

.fringe-activities-div .inner {
    max-width: 1400px;
    padding-bottom: 5%;
    width: 100%;
}

/* Fringe Activities */


.fringe-activities-main-div {
    gap: 20px;
    display: flex;
}

.column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 67%;
    margin-left: 0px;
}

.div-2 {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.img {
    aspect-ratio: 1.4;
    object-fit: contain;
    object-position: center;
    width: 100%;
    z-index: 10;
}

.div-3 {
    background-color: rgba(242, 242, 242, 1);
    display: flex;
    flex-direction: column;
    padding: 17px 19px;
}

.great-music-2024 {
    color: rgba(7, 7, 7, 1);
    align-self: start;
    font: 700 16px DM Sans, sans-serif;
}

.sizhu-is-associated-with-the-civil-category-of-music-and-chuida-the-militaristic-sizhu-is-of-equal-importance-with-chuida-musical-instruments-of-both-categories-have-been-employed-on-the-traditional-theatre-stage-for-a-long-time-sizhu-is-associated-with-the-civil-category-of-music-and-chuida-the-militaristic-sizhu-is-of-equal-importance-with-chuida-musical-instruments-of-both-categories-have-been-employed-on-the-traditional-theatre-stage-for-a-long-time-musical-instruments-of-both-categories-have-been-employed-on-the-traditional-theatre-stage-for-a {
    color: rgba(0, 0, 0, 1);
    margin-top: 11px;
    font-weight: 400;
    font-size: 14px;
}

.div-4 {
    margin-top: 22px;
}

.column-2 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 50%;
    margin-left: 0px;
}

.img-2 {
    aspect-ratio: 0.56;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.column-3 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 50%;
    margin-left: 20px;
}


.div-5 {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.img-3 {
    aspect-ratio: 1.8;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.div-6 {
    background-color: rgba(242, 242, 242, 1);
    display: flex;
    flex-direction: column;
    padding: 9px 19px 32px;
}

.sizhu-is-associated-with-the-civil-category-of-music-and-chuida-the-militaristic-sizhu-is-of-equal-importance-with-chuida-sizhu-is-associated-with-the-civil-category-of-music-and-chuida-the-militaristic-sizhu-is-of-equal-importance-with-chuida-sizhu-is-associated-with-the-civil-category-of-music-and-chuida-the-militaristic-sizhu-is-of-equal-importance-with-chuida-the-militaristic-sizhu-is-of-equal-importance-with-chuida-sizhu-is-associated-with-the-civil-category-of-music-and-chuida-the-militaristic-sizhu-is-of-equal-importance-with-chuida {
    color: rgba(0, 0, 0, 1);
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
}

.img-4 {
    aspect-ratio: 1.81;
    object-fit: contain;
    object-position: center;
    width: 100%;
    margin-top: 23px;
}

.div-7 {
    background-color: rgba(242, 242, 242, 1);
    display: flex;
    flex-direction: column;
    padding: 9px 19px 15px;
}

.fringe-activities-para {
    color: rgba(0, 0, 0, 1);
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
}

.column-4 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 33%;
    margin-left: 20px;
}

.div-8 {
    display: flex;
    flex-direction: column;
}

.img-5 {
    /* aspect-ratio: 1.79; */
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.div-9 {
    background-color: rgba(242, 242, 242, 1);
    display: flex;
    flex-direction: column;
    padding: 9px 19px 32px;
}

.img-6 {
    aspect-ratio: 1.77;
    object-fit: contain;
    object-position: center;
    width: 100%;
    margin-top: 21px;
}

.div-10 {
    background-color: rgba(242, 242, 242, 1);
    display: flex;
    flex-direction: column;
    padding: 9px 19px 32px;
    margin-bottom: 10px;
}

.img-7 {
    aspect-ratio: 0.76;
    object-fit: contain;
    object-position: center;
    width: 100%;
    margin-top: 22px;
}

.cu-swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
	/*left: 50%;
    transform: translate(-50%, 50%);
    width: 40%;*/
}

.cu-swiper.position-relative.mobile .swiper-pagination.fringe-activities-swiper-pagination {
    width: 40vw;
    margin: auto;
    position: relative;
}

.fb-post {
    background-color: white;
}

.fb-post > span{
	max-width: 455px;
}

.fb-post > span > iframe{
	max-width: 100%;
}

iframe.instagram-media{
	max-height: 400px;
	overflow: hidden;
	transition: max-height 0.5s ease-in-out;
}

iframe.instagram-media.expanded {
  max-height: 100%;
}

/* Fringe Activities end */

/* newsletter */

.newsletter-section {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.newsletter-section .inner {
    max-width: 1400px;
    align-self: center;
    position: relative;
    width: 100%;
}

.newsletter-container {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 533px;
    width: 100%;
}

.background-image {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.content-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 63px 80px;
    background: linear-gradient(100.42deg, rgba(176, 232, 218, 0.7) 6.48%, rgba(227, 249, 242, 0.7) 38.89%, rgba(227, 249, 242, 0.7) 71.29%, rgba(176, 232, 218, 0.7) 103.7%);

}

.content-row {
    gap: 20px;
    display: flex;
    justify-content: space-between;
}

.title-column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 45%;
}

.title-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.title-content {
    gap: 20px;
    display: flex;
}

.icon-column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 19%;
}

.newsletter-icon {
    aspect-ratio: 0.91;
    object-fit: contain;
    object-position: center;
    width: 79px;
    margin-top: 13px;
    flex-grow: 1;
}

.title-text-column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 81%;
    margin-left: 20px;
}

.newsletter-title {
    color: rgba(70, 70, 70, 1);
    font: 700 50px DM Sans, sans-serif;
}

.title-underline {
    background-color: rgba(246, 147, 15, 1);
    width: 80px;
    height: 7px;
    margin: 48px 0 0 91px;
}

.form-column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 41%;
    margin-left: 20px;
}

.form-wrapper {
    display: flex;
    margin-top: 15px;
    width: 100%;
    flex-direction: column;
    align-items: start;
}

.newsletter-description {
    color: #000;
    align-self: stretch;
    font-weight: 400;
    font-size: 18px;
}

.email-input-wrapper {
    background-color: #fff;
    display: flex;
    margin-top: 28px;
    width: 500px;
    max-width: 100%;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 0 27px;
    border: 1px solid #e9e9e9;
}

.email-placeholder {
    color: #dcdcdc;
    margin: auto 0;
    font: 400 20px Inter, sans-serif;
    border: 0;
    width: 60%;
}

.submit-button {
    background-color: #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    padding: 0 13px;
    border: 1px solid #dadada;
}

.submit-icon {
    aspect-ratio: 0.59;
    object-fit: contain;
    object-position: center;
    width: 13px;
}

.view-newsletter-link {
    border-radius: 20px;
    margin-top: 23px;
    color: #158470;
    padding: 10px 22px;
    font-weight: 700;
    font-size: 16px;
    border: 1px solid #158470;
}

.related-links-wrapper {
    display: flex;
    width: 100%;
    gap: 40px 100px;
    flex-wrap: wrap;
    margin: 23px 11px 0 0;
}

.related-links-title {
    color: #000;
    flex-grow: 1;
    margin: auto 0;
    font: 600 22px DM Sans, sans-serif;
}

.related-links-logos {
    display: flex;
    align-items: center;
    gap: 46px;
    flex-wrap: wrap;
    padding-left: 9%;
}

.logo {
    object-fit: contain;
    object-position: center;
    align-self: stretch;
    max-width: 100%;
}

.logo-1 {
    aspect-ratio: 3.83;
    width: 234px;
}

.logo-2 {
    aspect-ratio: 1.51;
    width: 152px;
}

.logo-3 {
    aspect-ratio: 2.38;
    width: 145px;
}

.logo-4 {
    aspect-ratio: 1.89;
    width: 115px;
}

.logo-5 {
    aspect-ratio: 0.92;
    width: 56px;
}

.additional-logos {
    align-self: center;
    display: flex;
    width: 632px;
    max-width: 100%;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 13px 0 0 94px;
}

.additional-logo {
    object-fit: contain;
    object-position: center;
    max-width: 100%;
}

.additional-logo-1 {
    aspect-ratio: 2.11;
    width: 129px;
}

.additional-logo-2 {
    aspect-ratio: 2.48;
    width: 151px;
}

.additional-logo-3 {
    aspect-ratio: 2.26;
    width: 138px;
}

.additional-logo-4 {
    aspect-ratio: 1.18;
    width: 80px;
    align-self: stretch;
}

.prdculture-logo-eng {
    aspect-ratio: 5.53;
    width: 248px;
}

.prdculture-logo-sc {
    aspect-ratio: 3.63;
    width: 158px;
}



/* newsletter end */

.event-calendar-container {
    font-family: DM Sans, sans-serif;
    color: #000;
    font-weight: 700;
    position: relative;
    height: 100%;
}

.event-calendar-title {
    font-size: 50px;
    font-weight: 700;
    align-self: flex-start;
}

/* calendar */

.calendar-container {
	position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 35px;
    color: #000;
    text-align: center;
    flex-wrap: wrap;
    font-weight: 700;
    font-size: 20px;
}

.calendar-icon {
    aspect-ratio: 0.55;
    object-fit: contain;
    object-position: center;
    width: 12px;
}

.calendar-days,
.calendar-days-mobile{
    align-self: stretch;
    flex-basis: auto;
    letter-spacing: 2px;
    width: 90%;
    overflow-y: scroll;
    max-width: 100%;
    height: 60px;
    white-space: nowrap;
    align-content: center;
    overflow-y: scroll;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
}


.calendar-days::-webkit-scrollbar ,
.calendar-days-mobile::-webkit-scrollbar{
    display: none; /* for Chrome, Safari, and Opera */
}

.calendar-days span,
.calendar-days-mobile span{
    padding: 7px;
}

.calendar-days .highlighted,
.calendar-days-mobile .highlighted{
    color: #fff;
    background: #158470;
    border-radius: 35px;
    padding: 10px;
    position: relative;
}

.calendar-days .highlighted::after ,
.calendar-days-mobile .highlighted::after{
    position: absolute;
    content: ' ';
    width: 7px;
    height: 7px;
    background-color: white;
    border-radius: 35px;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: auto;
}

.calendar-days .has-event ,
.calendar-days-mobile .has-event ,
.popup-cal-container .has-event{
    position: relative;
}

.calendar-days .has-event::after ,
.calendar-days-mobile .has-event::after ,
.popup-cal-container .has-event::after {
    position: absolute;
    content: ' ';
    width: 7px;
    height: 7px;
    background-color: #158470;
    border-radius: 35px;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: auto;
}

.arrow-icon {
    aspect-ratio: 0.59;
    object-fit: contain;
    object-position: center;
    width: 13px;
    cursor: pointer;
}

/* calendar end */

.event-card {
    background-color: #fff;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    padding: 22px 19px;
    border: 1px solid #158470;
}

.event-image {
    aspect-ratio: 1.54;
    object-fit: contain;
    object-position: center;
    width: 100%;
    overflow: hidden;
}

.event-date {
    background-color: #158470;
    align-self: start;
    margin-top: 11px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 4px 10px;
}

.event-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    text-align: justify;
}

.event-location {
    align-self: start;
    display: flex;
    margin-top: 13px;
    gap: 9px;
    font-weight: 400;
    font-size: 16px;
}

.location-icon {
    aspect-ratio: 1.09;
    object-fit: contain;
    object-position: center;
    width: 25px;
    align-self: start;
}

.location-text {
    flex-grow: 1;
    color: black;
}

.event-cal-div {
    background-color: #f9f9f9;
    padding-top: 5em;
    padding-bottom: 20em;
    position: relative;
}

.event-cal-div .inner-main {
    position: relative;
    z-index: 1;
}

.event-cal-div .inner {
    max-width: 1400px;
    padding-bottom: 5%;
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
}

/* programme */

.prog-main-div {
    padding: 5%;
    position: relative;
}


.prog-concert-ticket {
    background-color: #fff;
    box-shadow: 0 4px 16px rgba(42, 197, 187, 0.prog-3);
    max-width: 296px;
    padding: 33px 34px;
    border: 1px solid #5e9288;
}

.prog-event-details {
    display: flex;
    gap: 17px;
}

.prog-icon-column {
    display: flex;
    flex-direction: column;
    margin: auto 0;
}

.prog-icon {
    aspect-ratio: 1;
    object-fit: contain;
    width: 24px;
}

.prog-icon.cal-icon {
    margin-top: 18px;
}

.prog-icon-tall {
    aspect-ratio: 0.73;
    width: 22px;
    margin-top: 21px;
}

.prog-event-info {
    display: flex;
    flex-direction: column;
    font-family: 'DM Sans', sans-serif;
    color: #000;
}

.prog-date-container {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    white-space: nowrap;
}

.prog-day {
    font-size: 48px;
    font-weight: 500;
    flex-grow: 0.1;
}

.prog-month-year {
    display: flex;
    flex-direction: column;
}

.prog-month {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

.prog-year {
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
}

.prog-time {
    font-size: 16px;
    font-weight: 500;
}

.prog-price {
    font-size: 16px;
    font-weight: 500;
}

.prog-venue {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.prog-divider {
    width: 100%;
    margin: 41px 0 0 11px;
}

.prog-second-event {
    display: flex;
    margin-top: 25px;
    width: 100%;
    max-width: 218px;
    gap: 16px;
}

.prog-buy-ticket-button {
    border-radius: 50px;
    background-color: #158470;
    display: flex;
    margin-top: 46px;
    gap: 7px;
    color: #fff;
    padding: 8px 42px;
    font: 700 18px 'ITC Avant Garde Gothic Std', -apple-system, Roboto, Helvetica, sans-serif;
    border: 1px solid #158470;
    cursor: pointer;
}

.prog-ticket-icon {
    aspect-ratio: 1.prog-41;
    object-fit: contain;
    width: 45px;
}

.prog-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* ... */
.prog-ticket-div {
    box-shadow: 0px 4px 15.6px 0px rgba(42, 197, 187, 0.3);
    border: 1px solid rgba(94, 146, 136, 1);
    padding: 17px 34px 33px 34px;
    background-color: white;
}

.prog-ticket-div>table tr {
    vertical-align: top;
}

.prog-ticket-div>table tr td:first-child {
    padding-right: 10px;
}

.tickets-underline {
    width: 100%;
    height: 1px;
    border-bottom: 0.4px solid rgba(210, 210, 210, 1);
    margin-top: 2%;
    margin-bottom: 5%;
}

.prog-title-tag {
    color: white;
    background-color: #158470;
    padding: 2px 14px;
    /* width: min-content; */
}

.prog-tags {
    padding: 1px 40px;
    margin-right: 3%;
    border: 1px solid #000;
    border-radius: 20px;
    min-width: 130px;
    text-align: center;
    display: inline-block;
    margin-bottom: 1%;
    cursor: pointer;
}

.about .prog-tags {
    padding: 1px 20px;
    margin-right: 1.5%;
}

.prog-tags.arts {
    min-width: 100px;
    padding: 1px 24px;
}

.prog-tags.active {
    color: white;
    border: unset;
    background-color: #158470;
}

.prog-info {
    padding: 1%;
    margin-top: 5%;
    margin-bottom: 3%;
}

.prog-info iframe{
    min-width: 100%;
    min-height: 600px;
}

.sessions-details-div {
    margin-top: 3.5%;
}

.icon-title {
    color: #158470;
}

.sessions-items {
    padding-right: 20px;
    padding-top: 15px;
}

table.sessions-details-div,
table.sessions-details-div-mobile {
    vertical-align: top;
}

table.sessions-details-div tr td:first-child {
    width: 15%;
}

table.sessions-details-div tr td {
    width: 33%;
    vertical-align: top;
}

table.sessions-details-div tr td:nth-child(-n + 2) {
    border-right: 0.4px #D2D2D2 solid;
}

table.sessions-details-div tr td:nth-last-child(-n + 2) {
    padding-left: 20px;
}

table.sessions-details-div-mobile tr td {
    vertical-align: top;
}

table.sessions-details-div-mobile tr td:first-child {
    width: 33%;
}


.buy-now-btn {
    color: white;
    font-weight: bold;
    border-radius: 35px;
    background-color: #158470;
    padding: 14px 28px;
    width: max-content;
}

.buy-now-btn:hover{
    color: white;
}

.more-info-btn{
    color: #158470;
    font-weight: bold;
    border-radius: 35px;
    background-color: transparent;
    padding: 14px 28px;
    width: max-content;
    border: 1px #158470 solid;
}

.prog-para {
    margin-top: 7%;
}

.session-underline {
    border-bottom: 0.4px solid #D2D2D2;
}

.buy-ticket-btn img {
    width: 45px;
    margin-right: 10px;
}

.buy-ticket-btn, .house-prog-btn{
    background-color: #158470;
    color: white;
    border-radius: 35px;
    justify-content: center;
    align-items: center;
    padding: 10px 28px;
    cursor: pointer;
}

.house-prog-btn{
    margin-top: 10px;
}

.house-prog-btn:hover{
    color: white;
}

.highlight-green {
    color: #158470;
}

.sub-bg {
    position: absolute;
    left: -5%;
    bottom: -16%;
    width: 20em;
    min-width: 130px;
}


/* programme end */

.main-banner {
    position: relative;
}

.banner-flow-div {
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    padding: 5px;
    border-radius: 35px;
    background-color: white;
    width: fit-content;
    margin: auto;
    min-width: 20%;
    justify-content: space-around;
    text-align: center;
    font-weight: bold;
    z-index: 1;
}

.banner-buy-now-btn {
    color: #158470;
    padding: 10px;
}

.banner-buy-now-btn > a{
    color: #158470;
}

.banner-read-more-btn > a{
    color: white;
}

.banner-read-more-btn {
    border-radius: 35px;
    color: white;
    background-color: #158470;
    padding: 10px;
    align-self: center;
}

.highights-main-div {
    position: relative;
    z-index: 1;
}

.highlight-bg-04 {
    position: absolute;
    right: 0;
    top: 3em;
}

.highlight-bg-03 {
    position: absolute;
    left: 0;
    bottom: 0;
}

.page-title-div .highlight-bg-03{
    position: absolute;
    right: 0;
    bottom: 0;
    left: unset;
}

.fix-items {
    position: fixed;
    right: 0;
    bottom: 15%;
    border: 1px solid #158470;
    min-width: 90px;
    color: #158470;
    font-weight: bold;
    z-index: 99;
}

.event-item.event-underline.fix-news-div{
	display: none !important;
}

.fix-items .event-item {
    padding: 7px;
    text-align: center;
    background-color: white;
    line-height: 1;
    width: 100%;
}

.event-underline {
    border-bottom: 1px solid #158470;
}

.mobile-evnet-title-div {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
}

.cal-underline {
    border-bottom: 1px solid #BABABA;
    height: 75%;
}

.event-calendar-year {
    font-size: 50px;
}

.event-calendar-year-month {
    position: absolute;
    bottom: 0;
    right: 0;
}

.event-calendar-month {
    font-size: 34px;
}

.cu-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -2.5em;
    top: unset;
}

.cu-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 16px);
}

.cu-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
}

.cu-swiper .swiper-pagination-bullet-active {
    background: #61C2B7;
}

.cu-swiper .swiper-button-prev,
.cu-swiper .swiper-button-next {
    top: unset;
    bottom: -4em;
    background-repeat: no-repeat;
    background-position: center;
    width: 5em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='74' height='13' viewBox='0 0 74 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67 1L72 6.5L67 12' stroke='%2338B597' stroke-width='2'/%3E%3Cpath d='M72 7H0' stroke='%2338B597' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
    transform: rotate(180deg);
    z-index: 11;

}

.cu-swiper.mobile .swiper-button-prev,
.cu-swiper.mobile .swiper-button-next {
    bottom: -3em;
}

.cu-swiper.mobile .swiper-wrapper {
    align-items: center;
}

.cu-swiper.mobile .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -2.5em;
}

.cu-swiper .swiper-button-next.swiper-button-disabled,
.cu-swiper .swiper-button-prev.swiper-button-disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='74' height='13' viewBox='0 0 62 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55.6156 10.1309L59.766 5.56546L55.6156 1' stroke='%23DADADA' stroke-width='2'/%3E%3Cpath d='M59.766 5.15042L-5.72205e-06 5.15042' stroke='%23DADADA' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
}

.cu-swiper .swiper-button-next.swiper-button-disabled {
    transform: unset;
}

.cu-swiper .swiper-button-next:not(.swiper-button-disabled) {
    transform: rotate(360deg);
}

.cu-swiper .swiper-button-prev {
    left: 3%;
}

.cu-swiper .swiper-button-next {
    right: 3%;
}

.cu-swiper .swiper-button-next::after,
.cu-swiper .swiper-button-prev::after {
    content: "";
}

.cu-swiper {
    margin-bottom: 8%;
}

.cu-swiper .swiper-button-next.category-swiper-button-next,
.cu-swiper .swiper-button-prev.category-swiper-button-prev{
    bottom: 5%;
}

.cu-swiper .swiper-button-next.category-swiper-button-next{
    right: 3%;
}

.cu-swiper .swiper-button-prev.category-swiper-button-prev{
    left: unset;
    right: 12%;
    bottom: 4.8%;
}

.swiper-play-action {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='7' height='17' fill='%23327B79'/%3E%3Crect x='12' width='7' height='17' fill='%23327B79'/%3E%3C/svg%3E%0A") !important;
    position: absolute;
    right: 40%;
    bottom: -3.3em;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: contain;
}

.swiper-play-action.stop{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='16px' height='16px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:0.827' fill='%23327B79' d='M 2.5,0.5 C 15.89,3.86571 16.5566,8.53238 4.5,14.5C 3.55805,14.3918 2.72472,14.0585 2,13.5C 1.23158,9.08043 1.39825,4.74709 2.5,0.5 Z'/%3E%3C/g%3E%3C/svg%3E%0A") !important;

}

/* calendar */

.popup-cal-container {
    display: inline-block;
    background-color: var(--white);
    border-radius: 35px;
    padding: 0 1em;
    margin-top: 2em;
    width: 100%;
    background-color: transparent;
}

.popup-cal-header {
    margin: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.popup-cal-header-display {
    display: flex;
    align-items: center;
}

.popup-cal-header-display p {
    color: black;
    margin: 5px;
    font-size: 1.6rem;
    word-spacing: 0.5rem;
    font-weight: 700;
}

.popup-cal-pre {
    padding: 10px;
    margin: 0;
    cursor: pointer;
    font-size: 1.2rem;
    color: var(--accent);
}

.popup-cal-days,
.popup-cal-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin: auto;
    padding: 0 20px;
    justify-content: space-between;
}

.popup-cal-week div,
.popup-cal-days div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 3em;
    border-radius: 100%;
}

.popup-cal-days div:hover {
    background: #158470;
    color: white;
    cursor: pointer;
}

.popup-cal-week div {
    opacity: 0.5;
}

.popup-cal-current-date {
    background-color: var(--accent);
    color: var(--white);
}

.popup-cal-display-selected {
    margin-bottom: 10px;
    padding: 20px 20px;
    text-align: center;
}

.cal-arrow {
    width: 24px;
    height: 24px;
}

.cal-arrow.right {
    transform: rotate(180deg);
}

.modal-body,
.modal-content {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 35px;
}

.event-calendar-bg-02 {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* calendar end */

.header-text-border-right{
    position: relative;
}

.header-text-border-right:after{
    content: '';
    position: absolute;
	right: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 100%;
    border: 1px solid #7B4300;
}

.category-div{
    position: relative;
    display: flex;
    justify-content: center;
}

.category-div .inner{
    max-width: 1440px;
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    z-index: 1;
}

.category-swiper-items{
    background-color: white;
    border: 1px solid rgba(94, 146, 136, 1);
    padding: 2%;
    margin-bottom: 1%;
    margin-right: 1%;
    margin-top: 8%;
    position: relative;
    box-shadow: 0px 4px 15.6px 0px #2AC5BB4D;
}

.category-swiper-items .inner-infos{
    display: flex;
    justify-content: space-between;
    padding: 2%;
}

.category-swiper-items .inner-infos.arts{
    height: 100%;
    align-items: center;
}

.category-swiper-items .inner-infos.arts .swiper-items-title{
    margin-bottom: 0;
}

.category-swiper-items .inner-infos .swiper-items-title{
    font-size: 20px;
    font-weight: 700;
}

.category-swiper-items .inner-infos .more-details-btn{
    text-align: center;
    color: white;
    background-color: var(--main-green);
    border-radius: 35px;
    padding: 7px 30px;
    width: fit-content;
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px;
}

.category-div .event-items-div{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10%;
}

.category-div .event-items-div > .row{
    width: 100%;
    max-width: 1184px;
}

.category-div .event-items-div .date-range{
    float: right;
}

.category-div .event-items-div .mobile-evnet-title-div{
    margin-top: 1em;
}

.category-swiper-outer{
    /* margin-top: 2%; */
}

.cate-tags{
    color: white;
    background-color: var(--main-green);
    padding: 3px 5px;
    position: absolute;
    top: 0;
    transform: translate(-2%, -100%);
    left: 0;
}

.event-items-div.series{
    margin-top: 10%;
}

.arts-arrow{
    width: 72px;
    height: 11px;
    object-fit: contain;
}

.arts-items{
    margin-bottom: 3%;
}

.arts-tags-div{
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.page-title-div{
    position: relative;
    min-height: 253px;
    background: linear-gradient(100.42deg, rgba(176, 232, 218, 0.7) 6.48%, rgba(227, 249, 242, 0.7) 38.89%, rgba(227, 249, 242, 0.7) 71.29%, rgba(176, 232, 218, 0.7) 103.7%);
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.page-title-div .inner {
    max-width: 1440px;
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    z-index: 1;
}

.page-title{
    font-weight: 700;
    font-size: 50px;
    margin-top: 4.5%;
}

.cu-swiper .swiper-pagination-bullets.swiper-pagination-horizontal.bannerSwiper-swiper-pagination{
    /*left: -3%;*/
}

.cu-swiper .swiper-pagination-bullets.swiper-pagination-horizontal.bannerSwiper-swiper-pagination.swiper-pagination-bullets-dynamic{
    bottom: -45px;
}

.cu-swiper .home-banner-video{
	height: 40em;
}

.search-input-div{
    padding: 2%;
    background: white;
    width: 100%;
    border-radius: 35px;
    box-shadow: 0px 4px 20px 0px rgba(42, 197, 187, 0.25);
    margin-bottom: 2%;
}

.search-input-div{
    padding: 2% 4%;
}

.search-input-div select {
    width: 100%;
    border: 0;
    color: #747474;
    background: url("data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2L9.42105 9L17 2' stroke='%23158470' stroke-width='3'/%3E%3C/svg%3E%0A") no-repeat 100% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.search-div{
    margin-top: 5%;
    margin-bottom: 10%;
}

.search-icons{
    width: 31px;
}

.search-icons.arrow{
    width: 16px;
}

.search-input-div input{
    border: 0;
    margin-left: 2%;
    width: 90%;
}

.search-btn-div{
    margin-top: 1%;
    text-align: -webkit-right;
}


.search-btn{
    color: white;
    font-weight: bold;
    border-radius: 35px;
    background-color: var(--main-green);
    padding: 8px 40px;
    width: max-content;
    border: 1px var(--main-green) solid;
    cursor: pointer;
}

.search-input-div span{
    color: #747474;
}

.para-infos-main {
    margin-top: 5%;
    margin-bottom: 10%;
}

.para-infos-main.link-div .link-title {
    font-size: 16px;
    font-weight: 700;
}

.para-infos-main.link-div a {
    text-decoration: none;
    color: var(--main-green);
    font-size: 14px;
}

.para-infos-main.link-div a:hover {
    color: var(--main-green);
}

.para-infos-main.news {
    margin-top: 0;
}

.news-infos-items {
    padding-top: 3em;
    padding-bottom: 1em;
    text-align: justify;
    transition: all .5s .25s ease-in;
}

.news-infos-items:not(:first-child) {
    border-top: 1px solid #A7E5DA;
}

.news-items-arrow {
    cursor: pointer;
    transition: all .2s ease-in;
}

.news-infos-items.roll{
    padding-bottom: 4em;
}

.news-infos-items.roll .news-items-arrow {
    transform: rotate(180deg);
}

.news-infos-para .wrapper{
    display: flex;
}

.news-infos-para-main{
    width: 85%;
}

.news-infos-para {
    width: 85%;

    /* transition: opacity .25s,
        font-size .5s .25s,
        margin .5s .25s,
        padding .5s .25s; */

    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s ease-out;
}

.news-infos-para .an-inner{
    overflow: hidden;
}


.news-infos-items.roll .news-infos-para {
    grid-template-rows: 1fr;
    /* max-height: 100%; */
    /* font-size: 0;
    margin: 0;
    opacity: 0;
    padding: 0; */
}

.archive .para-infos-main a{
    padding: 3px 15px;
    margin-right: 1%;
    border: 1px solid var(--main-green);
    border-radius: 20px;
    min-width: 130px;
    text-align: center;
    display: inline-block;
    margin-bottom: 1%;
    cursor: pointer;
    text-decoration: none;
    color: var(--main-green);
    font-weight: 700;
}

.archive .para-infos-main a:hover {
    color: var(--main-green);
    opacity: 0.5;
}

.archive-year-select {
    border: 0;
    background-color: transparent;
    color: var(--main-green);
    font-size: 30px;
    font-weight: 600;
    padding-right: 1%;
}

.archive-year-div .year-span {
    font-weight: 600;
    font: 16px;
}

.search-msg-div {
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 24px;
    color: #7E7E7E;
    width: 100%;
    display: none;
}

.search-msg-div.active {
    flex: none;
    display: flex;
}


.link-div .link-grp {
    margin-bottom: 3em;
}


.cp-logo{
    width: 11vw;
}

.loading-cp-logo {
	-webkit-animation: loading-logo 1000ms ease-in infinite both;
	animation: loading-logo 1000ms ease-in infinite both;
}

@-webkit-keyframes loading-logo {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
}
  
@keyframes loading-logo {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
}

.custom-overlay{
    background-color: #fff;
    opacity: 1;
    display: none;
    z-index: 9999 !important;
}

.menu-bar1, .menu-bar2, .menu-bar3 {
    width: 40px;
    height: 4px;
    background-color: var(--main-green);
    margin: 9px 0;
    transition: 0.4s;
}

.menu-div{
    align-self: center;
}


/* .open-menu .menu-bar1, 
.open-menu .menu-bar2, 
.open-menu .menu-bar3 {
    background-color: black;
} */

.open-menu .menu-bar1 {
    transform: translate(0, 13px) rotate(-45deg);
}
  
.open-menu .menu-bar2 {
    opacity: 0;
}

.open-menu .menu-bar3 {
    transform: translate(0, 0) rotate(45deg);
}

.menu-overlay {
    height: 0%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 15; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #F1FFFC; /* Black fallback color */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

#main-menu.active{
    height: 100vh;
}

.overlay-content{
    padding: 12vh 10% 5% 10%;
    height: 100%;
}

.menu-items{
    display: grid;
    padding-top: 1em;
}

.menu-items.center{
    border-top: .3px solid rgba(123, 67, 0, .3);
    border-bottom: .3px solid rgba(123, 67, 0, .3);
}

.menu-items a{
    text-decoration: none;
    color: #7B4300;
    margin-bottom: 1em;
}

.menu-items a:hover{
    color: #7B4300;
}

.menu-function-p1{
    width: 100%;
    display: flex;
    justify-content: space-around;
    color: #7B4300;
    padding: 0% 6em;
    margin-top: 6%;
    padding-bottom: 6%;
    align-items: center;
}

.menu-function-p2{
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding-bottom: 3em;
    padding-top: 2em;
}

.menu-function-p2 img{
    width: 51px;
    height: 48px;
    filter: sepia(1) saturate(10000%) hue-rotate(300deg) brightness(0.75);
}

.menu-bg-04{
    position: absolute;
    right: 0;
    top: 2em;
    z-index: -1;
    width: 100%;
}

.yt-iframe-div{
    width: 100%;
    min-height: 290px;
}

.web-lists .inner-images{
    min-height: 240px;
    object-fit: cover;
}

.list-video-cover-div{
    position: relative;
}

.list-video-cover-div .video-play-btn{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAzCAYAAAA0CE5FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGMzdCMjY4QTU2RDExRTY5Mzg2OTA5M0E3MjcyMDNGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGMzdCMjY5QTU2RDExRTY5Mzg2OTA5M0E3MjcyMDNGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0YzN0IyNjZBNTZEMTFFNjkzODY5MDkzQTcyNzIwM0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0YzN0IyNjdBNTZEMTFFNjkzODY5MDkzQTcyNzIwM0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5zWqwgAAAF80lEQVR42uxba2gUVxT+ZnZmH3Gzm6yuMWk0pEqhBiuUgn0FoQj+LoFCCxbpD4vFX23Bf4UiFKk1qYLB0qL4oNQWalKtaKS21RZMH7+KLamJmsZ048Y83GzMujs7t+fM3o2zm6410ExWMx98cyczO3Mn35577jln5yp/NT0GOxTF2kKZPmBtq4hLabea2iByLR8LSQaIPmIFUSf6iV6577Ud80nqNnpkqxKFrVfezxCzss3zjuQU0SCmJflcSra35We4TRITxHHJCZFr48SRfI9CboUokAMaSuNx4ma6Zj21TSyMwEMFFriH+CPxEPHnf/uQUsKCdtPmTSwsHCEL2kIWlLqXBfFw+JY++CwWHjYR1xFfIA6WEugcKbgQxcmDh9NF4qPSl0EV0kERXyM+Z/t7obKe+G7+b+Xa6mkfNESsgQtI6+HZOZW3oOddcQqgkyavCMsH5Sb+l4QrSjFaiAc0KUyzq8cMsCY+FmgJ7ax19ZiBSuJqGmJonE4oXBRjFVtQ1NWhJBo0IUS9U70puo7sCOWHRgZadClENlvuAi1jC6p1qjczOQFvUxOyExOY6v4FvvpaKKFQOQsVUckHRZwKUdP911HRvB4NXd+g6u23cGdyEunfeyCmKD9UPeUYVldzoBh2rD+aCowbN6CR1dTv+gDLv78A7+ZXkb55E5k/emCm0xAeTzlpFGaBKp3q0IKqTttveM0TaDx4CNHTXVBbXiTx4jB6yKIyBoSqloNAQXbSi5wa0By0CxTG7FxOrGluRiVx5MwZ3N7fjuypUxCmCU9DAxRNs/bnCRVsQSGnvhHTbknFT0Ks27gR0eOdqPj0M+gbNsDouwrj2rXcNcq8WFSAew073nMJsDVFiNGWFoS+7EDw8GHo656GcbkPxsCAjGcVJ5/VyxYUKANtCsBjPuL1IrRpE4IdnQh9tB/a2rXIXO5FNhbL+SdFceJ5dZX8gmL5Bico/dD9wEuzWYTio6DfD/+W1xE++TXC7e1QV65C+s/LyMaHpSNX5vKZaWDffXSH7GcWhRUSKRQIoCqZhEYW49u6FYu7ulC1cyeUJREY/f10O1NmknPyzEKdj+lztvAFg4hWVyNAMZRJQlVu34663isIbtsGY/gmTA4L5uhZNeFgpWw2Q2xmIqcgXFNDMwowMjaGxIkTyPT2QSEL43Nz9X9oTlYS/49oZvzYMcTb2pDs7oZOluWprZO5nJgjgR6QWutYRweGWtuQuHAeHk2Hj5w1m41pGHPar5bLkBwcYrO85tbZsyRMK8ZPn7Z8sb+x0UpXhOlIBUBhCxJOCnS/vSXOnUNs716Md3Zal/hX2NKOrGOph2AfNFVOFpTs/gmxtlaMHPucfJaAv345VJ/P8jPzkJNluCadcLLHUj7v9qVLiO1uxfCRo8gaafjr6qFSkAgWxpi3glqaLSjh6BAzCxVKXbmC2Id7ED9wEJnJCfhrauFbtChnMfNfaUyRQCLp5DTvqQ7nvprBQQy+vwtxSkjT42PwL46ioobr1CbMrIEywSQ76QmnevNQUJcZHUVsXzsGduxA6sYQfFURVDSutGYl0yi72nSSX39JODWN6cvqMPrVSQx98jG0yrAlDCyLKduifYItaMwxH8TTs67D+8gKKFx7Nsr+Z59RdtJ/OzqFyZq0eDBC+FGuSV+Hi1KI89c57OpQEv08xK66OpRELztptqDfiGtcPQpjIOKlfD3ogivQDPxgRdIyOfqC+IarSQGO8yZvQd+B1y0Ai11dprOiozmB7oYj7xD3udpY2CN9EJTztSvsJ34lPrnAxeFJqwGyTqYWnVwvRVqo4N+3n4GtiFgsUJKG3FPE3VyKdewX1/LgcSLP5H12QYqH2HTFj/Tht19fRu59YX5NuPYhsxYhxeAQ57BiTVSKXA52F/daUMcR9nvyVrwisI5Jd12K3LvV+RWH/OaKfbVhQN7XK6nJ87yfX11oX22oFbXWGhI5k2Rlm7G1+VWG3OZXH+ZXIvLxlOSUbNnZcs3rFiefdONRuT9MvQz8l4r/CDAAy7EFw/WauxkAAAAASUVORK5CYII=");
    width: 5em;
    height: 3em;
    background-repeat: no-repeat;
    filter: grayscale(100%);
}

.list-video-cover-div .video-play-btn:hover{
    filter: grayscale(0%);   
}

#videoPopupModal .modal-body, 
#videoPopupModal .modal-content{
    background-color: transparent;
    border: 0;
}

#videoPopupModal iframe{
    min-height: 45vh;
}

.fix-news-div,
.fix-cal-div,
.change-font-btn,
.change-lang{
    cursor: pointer;
}

.ig-read-more,
.ig-read-less{
    display: none;
    cursor: pointer;
}

.ig-read-more.active,
.ig-read-less.active{
    display: block;
}

.event-item {
    display: table;
    width: 70%;
    background: transparent;
    /* border-bottom: 1px solid #FFF; */
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.select-event-block .event-item-group .event-item:first-child, .select-event-block .event-item-group .event-item.tb-head, .select-event-block .event-item-group .event-item.event-sp-title {
    color: var(--main-green);
    background-color: transparent;
}

.event-part {
    display: table-cell;
    width: 60%;
    /* padding-left: 6%; */
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    border-right: 0.4px #D2D2D2 solid;
}

.enter-information-block .full-block{
	position: relative;
}

.enter-information-block .full-block .ticket_remark_popup{
	display: none;
	position: absolute;
    top: 0;
    left: 15%;
    width: 35%;
}
.enter-information-block .full-block .ticket_remark_popup img{
	width: 100%;
}

@media (max-width:992px) { /* smartphones, iPhone, portrait 480x320 phones */
	.enter-information-block .full-block .ticket_remark_popup{
		width: 80%;
		top: 10%;
	}
}

.select-event-block .event-item-group .event-item.event-sp-title{
	width: 100%;
}

.select-event-block .event-item-group .event-item.event-sp-title .event-part{
	border-right: 0;
	width: 100%;
}

.seat-part {
    display: table-cell;
    width: 40%;
    text-align: center;
    /* border-left: 1px solid #FFF; */
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.event-item:first-child .seat-part{
    text-align: left;
}

.block_ticket .row {
    display: table;
    width: 100%;
}

.block_ticket .desktop .cell_block:nth-child(1) {
    width: 15%;
}

.block_ticket .row .title_block {
    background: transparent;
    color: var(--main-green);
}
.block_ticket .cell_block {
    display: table-cell;
    vertical-align: middle;
    /* border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF; */
}

.block_ticket .desktop .center_block {
    margin-left: 1px;
    margin-right: 1px;
}

.block_ticket .desktop .cell_block {
    width: 33%;
    padding: 0% 2% 2% 2%;
}

.block_ticket .cell_block {
    display: table-cell;
    vertical-align: middle;
    /* border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF; */
}
.block_ticket .cell_block {
    /* background: #F2F2F2; */
    /* color: #626262; */
    /* font-size: .8em; */
}

.block_ticket .content2 {
    position: relative;
}

.block_ticket .table_block {
    display: table;
    width: 100%;
}

.block_ticket .content2 .str_block {
    width: 85%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.block_ticket .content2 .img_block {
    width: 15%;
    display: table-cell;
    vertical-align: middle;
}

.block_ticket .desktop .cell_block:nth-child(3) {
    width: 38%;
}

.block_ticket .desktop .content3 .str_block {
    /* width: 36%; */
    /* padding-top: 7%;
    padding-bottom: 5%; */
    vertical-align: middle;
    display: table-cell;
    text-align: left;
}

.block_ticket .desktop .content3 .button_block ,
.block_ticket .tablet_and_mobile .button_block{
    color: white;
    font-weight: bold;
    border-radius: 35px;
    background-color: #158470;
    padding: 14px 28px;
    width: max-content;
}

.block_ticket .desktop .content3 .button_block{
    float: right;
}

.block_ticket .desktop .content3 .button_block a,
.block_ticket .tablet_and_mobile .button_block a{
    color: #FFF;
}

.block_ticket .tablet_and_mobile{
	display:none;
    margin-bottom: 5%;
}
.block_ticket .tablet_and_mobile .content{
	/* text-align:center; */
}
.block_ticket .tablet_and_mobile .content2 .str_block{
	/* padding-left:2%;
	padding-right:2%; */
	/* text-align:center; */
}

.block_ticket .tablet_and_mobile .content2 .str_block a{
    color: black;
}

.block_ticket .tablet_and_mobile .row .title_block{
	padding-left:4%;
}
.block_ticket .tablet_and_mobile .row .cell_block:last-child{
	border-right:0;
}


.block_ticket .tablet_and_mobile .cell_block{
	width:50%;
	padding:3% 0;
}

.block_ticket .tablet_and_mobile .cell_block:first-child{
    width: 33%;
}



.clear::after {
    display: table;
    content: " ";
    clear: both;
}

#inside_ticket .desktop{
    margin-top: 3%;
}


.block_ticket .desktop .cell_block:nth-child(1),
.block_ticket .desktop .cell_block:nth-child(2){
    border-right: 0.4px #D2D2D2 solid;
}

.prog-bg-04{
    position: absolute;
    right: 0;
    top: 4em;
    z-index: -1;
    width: auto;
}

#news-popup-modal .modal-body{
    padding: 5%;
}

#news-popup-modal .news_item_block{
	border-bottom: 1px solid #A7E5DA;
}

#news-popup-modal .news_item_block .title{
	font-size: 1.4em;
	padding-top: 2%;
	padding-bottom: 1%;
	font-weight: 800;
}

#news-popup-modal .news_item_block a{
	color: #0000EE; 
}

#news-popup-modal .news_item_block .content{
	font-size: 1em;
	padding: 1% 0;
	font-weight: 200;
}

#news-popup-modal .news_item_block .date{
	font-size: .9em;
	font-weight: 100;
}

#news-popup-modal .news_item_block .detail{
	font-size: 1em;
	padding-bottom: 2%;
	font-weight: 200;
	word-wrap: break-word;
}

#news-popup-modal .news_item_block .detail a,
#news-popup-modal .news_item_block .detail a:visited,
#news-popup-modal .news_item_block .detail a:focus{
	color:#0000EE;
}

#news-popup-modal .news_item_block td,
#news-popup-modal .news_item_block th {
    border-width: unset;
}

#news-popup-modal .header-title{
    font-size:2.4em;
}

.subscribe-bg-03 {
    width: 100%;
    opacity: 25%;
    position: absolute;
    left: 0;
    right: 0px;
    bottom: 5%;
    margin: 0 auto;
}

#news-popup-modal .btn-close{
    float: right;
}

.prog-info .paragraph table{
    border: 0;
}

.prog-info .paragraph table td, .prog-info .paragraph table th{
    border-width: unset
}

.prog-info .paragraph table p{
    line-height: 1.4em;
    letter-spacing: 0.6px;
    margin-top: 1em;
}

.button-group .button-div-block{
    color: white;
    font-weight: bold;
    border-radius: 35px;
    background-color: #158470;
    padding: 14px 28px;
    width: max-content;
    cursor: pointer;
    margin-bottom: 2%;
}

.confirm-ticket-block .button-group .button-div-block{
    margin-bottom: 2%;
}

.d_none{
	display:none !important;
}

.item-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-mask p{
    color: white;
    height: fit-content;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
}

.confirm-ticket-block .button-group{
    display: flex;
    width: 70%;
    justify-content: space-evenly;
}

.content-only .prog-ticket-div-order {
    display: none;
}