:root { --main-color: #47959f; --secondary-color-bg: #e5f4f5; --secondary-color-text: #E65C51; --gray-color: #dfdfdf; --black: #000; --light-black: #4D4D4D; --light-blue: #25B6DD; --drak-grey: #8B8B8B; --light-grey: #fafafa; --grey-2: #f8f8f8; --grey: #e8e8e8; --pink: #EB0677; --red: #EB0500; --gradient_horizontal: linear-gradient(to left, #83BE2A, #25B6DD, #EB0677, #FFC101); --font-size: clamp(0.9rem,0.938vw,100rem); --FirstFont: 'AlmoniRegular'; --SecFont: 'AlmoniTzaBold' }

@media(max-width:1024px) {
    :root { --font-size: 0.85rem; }
}
/* General */
html { font-size: 62.5%; overflow-x: clip; zoom: 1 !important; }
body { direction: rtl; font-family: var(--FirstFont); overflow: clip; transition: opacity 0.35s ease; font-size: var(--font-size); line-height: 1.3; letter-spacing: 0.18px; color: var(--black); }
body.modal-open { padding: 0 !important; }
.extra-padding {padding-right:2px;}

.form-control:focus { border: 1px solid #000; box-shadow: none }
.none-system-selection #SiteSystemContainer { display: none; }

a { transition: all 0.35s ease; }
a:hover { color: inherit; text-decoration: underline; }

@media(max-width:1024px) {
    .Header-Inner a.header-logo svg { height: 45px; width: 45px; }
    .search-btn.mobile { width: 30px }
}

#SiteGrid { direction: rtl; max-width: 100%; margin: 0 9.45vw; overflow: hidden; }

@media(min-width:1025px) {
    .lobby-page #SiteGrid { overflow: visible; padding-top: 0.05vw; }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; }
.with-dot { display: flex; align-items: center; gap: 0.417vw; }
.with-dot::before { content: ''; display: inline-block; width: 0.521vw; min-width: 10px; height: 0.521vw; min-height: 10px; border-radius: 50%; background-color: #57BE2A; }
.geryTitle { color: var(--dark-grey, #8B8B8B); }


.margin-inline-130 { margin-inline: 6.771vw; }
.margin-inline-260 { max-width: 53.125vw; margin-inline: auto; }
.margin-inline-581 { max-width: 39.479vw; margin-inline: auto; }
.flex-column { flex-direction: column; }
.allShareButtons { display: flex; position: absolute; left: -30%; opacity: 0; top: 50%; transform: translateY(-50%); transition: all 0.55s ease; width: auto; height: 36px; gap: 5px; }
.allShareButtons.shareOpen { right: unset; left: 2.25vw; opacity: 1; }
.allShareButtons a { display: flex; height: 100%; width: 39px; border: 1px solid var(--grey); border-radius: 50%; justify-content: center; align-items: center; }
.allShareButtons a svg { object-fit: contain; max-width: 50%; }

.general-button { font-family: var(--SecFont); font-size: 20px; line-height: 85%; letter-spacing: 0.2px; }


.load-more-wrapper { display: flex; justify-content: center; margin: 64px auto 0; }
.load-more-wrapper a.load-more { display: flex; width: 184px; height: 45px; justify-content: center; align-items: center; border-radius: 2px; border: 1px solid var(--grey, #E8E8E8); background: var(--light-grey, #FAFAFA); }

@media(min-width:1025px) and (max-width:1366px) {
    .margin-inline-130 { margin-inline: 8.558vw; }
}

@media(max-width:1024px) {
    body { line-height: 1.3; letter-spacing: 0.15px; }
    #SiteHeaderContainer { z-index: 4; position: fixed; width: 100%; display: flex; align-items: center; justify-content: center; top: 0; }
    #SiteHeaderContainer:has(.nav-open) { z-index: 20; }
    #SiteHeader { position: unset; }

    #SiteGrid { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: var(--headerHeight) 0 0; }
    #SiteGrid:has(.page-banner) { margin: 0; }
    .margin-inline-130 { margin: 0 }

    #headline { padding-inline: 20px; width: 100%; }
}

p { margin: 0; }

@media(min-width:1025px) {
    .mobile { display: none; }
    .gap-10 { gap: 0.521vw; display: flex }
    .gap-14 { gap: 0.729vw; display: flex }
    .gap-16 { gap: 0.57vw; display: flex; }
    .gap-24 { gap: 1.1vw; display: flex; }
    .gap-32 { gap: 1.406vw; display: flex; }
    .gap-40 { gap: 1.823vw; display: flex; }
    .gap-48 { gap: 2.188vw; display: flex; }
    .gap-56 { gap: 2.604vw; display: flex; }
    .gap-64 { gap: 2.917vw; display: flex; }
    .gap-77 { gap: 3.6vw; display: flex; }
    .gap-80 { gap: 3.75vw; display: flex; }
}

@media(max-width:1024px) {
    /*    .gap-10-m { gap: 3px; display: flex }
    .gap-24-m { gap: 15px; display: flex }
    .gap-28-m { gap: 23px; display: flex }
    .gap-32-m { gap: 24px; display: flex }
    .gap-40-m { gap: 32px; display: flex }
    .gap-64-m { gap: 56px; display: flex }*/

    .desktop { display: none; }
    .gap-mobile { padding-inline: 20px; }
    .gap-10-m { gap: 10px; display: flex }
    .gap-12-m { gap: 12px; display: flex }
    .gap-14-m { gap: 14px; display: flex }
    .gap-16-m { gap: 16px; display: flex; }
    .gap-24-m { gap: 24px; display: flex }
    .gap-28-m { gap: 28px; display: flex }
    .gap-32-m { gap: 32px; display: flex }
    .gap-40-m { gap: 40px; display: flex }
    .gap-64-m { gap: 64px; display: flex }
    .gap-77-m { gap: 77px; display: flex }
}

.vertical-line-seperator { background: var(--grey, #E8E8E8); width: 1px; }

#WritersLobby { flex-direction: column; }
.writer-lobby { gap: 2.083vw }
.split-header h1 { flex-shrink: 0; }

.breadcrumb { margin-block: 1.25vw 2.344vw; }
.breadcrumb > li + li:before { content: ">"; }
.breadcrumb-item + .breadcrumb-item { padding: 0; }
.breadcrumb-item a { color: var(--drak-grey); }
.breadcrumb > *:last-child { color: #000; }
.breadcrumb-item + .breadcrumb-item::before { float: right; padding: 0 6px; }

@media(max-width:1024px) {
    .breadcrumbs { width: 100%; }
    .breadcrumb { margin: 20px 20px 30px; }
}



@media(max-width:1024px) {
    #SiteHeader { background: transparent; box-shadow: none; }
}

.general-button { display: flex; width: 9.583vw; min-width: 150px; height: 2.344vw; min-height: 35px; justify-content: center; align-items: center; background: #000; color: #fff; border-radius: 2px; border: 0; outline: 0; }
.general-button:hover { color: #000; background: #fff; border: 1px solid #000; text-decoration: none; }

.with-dot.pink::before { background-color: var(--pink); }
.with-dot.red::before { background-color: var(--red); }
.with-dot.light-blue::before { background-color: var(--light-blue); }
.general-boxes-wrapper, .tags-series-wrapper { justify-content: flex-start; }

@media(min-width:1025px) {
    .general-boxes-wrapper, .tags-series-wrapper { gap: 3vw 3.42vw; }
}

@media(max-width:1024px) {
    .general-button { border-radius: 4px; height: 47px; }
}





/*----------------------/*

     font sizes

/*---------------------*/
@media(min-width:1025px) {
    /*h1 - 60px*/
    .asH1, .home-page .big-contents-wrapper .section-title h2 { font-family: var(--SecFont); font-size: clamp(2.5rem,3.125vw,100rem); line-height: 85%; letter-spacing: 0.6px; margin-bottom: 0; }

    /*h2.5 - 40px*/
    .asH2-5 { font-family: var(--SecFont); font-size: clamp(1.6rem,2.083vw,100rem); line-height: 95%; letter-spacing: 0.4px; color: #000 }

    /*h2 - 32px*/
    .asH2, .article-content h3 { font-family: var(--SecFont); font-size: clamp(1rem,1.667vw,100rem); line-height: 85%; letter-spacing: 0.013vw; margin-bottom: 0; }

    /*h3 - 24px*/
    .asH3 { font-family: var(--SecFont); font-size: clamp(1rem,1.25vw,100rem); line-height: 85%; letter-spacing: 0.24px; }

    /**/
    .newsletter-text p { font-size: clamp(0.9rem,1vw,100rem); line-height: 95%; letter-spacing: 0.18px; }

    /*15px*/
    .breadcrumb, .info-wrapper .box-summary, .tag-label a { font-size: clamp(0.65rem, 0.78vw, 100rem); line-height: 1.3; letter-spacing: 0.15px; }

    /*link*/
    .link, .content-row-wrapper a { font-family: var(--SecFont); font-size: clamp(0.8rem,1.042vw,100rem); line-height: 0.85; letter-spacing: 0.2px; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
}

@media(max-width:1024px) {
    /*h1 - 50px*/
    .asH1-m, .home-page .big-contents-wrapper .section-title h2 { font-family: var(--SecFont); font-size: 2.5rem; line-height: 85%; }

    /*h2 - 40px*/
    .asH2-m { font-family: var(--SecFont); font-size: 2rem; line-height: 85%; color: #000 }

    /*h3 - 32px*/
    .asH3-m { font-family: var(--SecFont); font-size: 1.6rem; line-height: 95%; }

    /*h4 - 24px*/
    .asH4-m, .article-content h3, .grid-qoute p, .lobby-page .lobby-content-container .posts-wrapper .box .box-title { font-family: var(--SecFont); font-size: 1.2rem; line-height: 95%; letter-spacing: 0.24px; }

    /*h5 - 20px*/
    .asH5-m { font-family: var(--SecFont); font-size: 1rem; line-height: 95%; letter-spacing: 0.2px; }

    /*title_small - 20px*/
    .title_small-m { font-family: var(--SecFont); font-size: 0.9rem; line-height: 95%; letter-spacing: 0.18px; }

    /*18px*/
    .newsletter-text p { font-size: 1rem; line-height: 95%; letter-spacing: 0.18px; }

    /*15px*/
    .body-text-m { font-size: 0.95rem; line-height: 1.3; letter-spacing: 0.15px; }

    /*13px*/
    .small-text-m { font-size: 0.65rem; line-height: 1; letter-spacing: 0.26px; }

    .link, .content-row-wrapper a { font-family: var(--SecFont); font-size: 0.9rem; line-height: 0.95; letter-spacing: 0.18px; text-decoration: underline; cursor: pointer; }


    .title-small { font-family: var(--SecFont); font-size: 0.9rem; line-height: 95%; letter-spacing: 0.18px; }
}

.modal { padding-right: 0 !important; }
.modal .close { background: transparent; border: none; padding: 0; }
.modal .close svg { width: 38px; }
.modal-body { padding: 0; margin-top: 20px; text-align: center; }
.modal-content { padding: 15px; max-height: calc(100vh - 200px); overflow-y: auto; direction: rtl; }
.modal .modal-body h3 { margin: 0; }
.modal .modal-body p { margin-bottom: 10px; }
.modal-body *:last-child { margin-bottom: 0; }
.modal.show .modal-dialog { max-width: 880px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }


#SiteGridContainer { min-height: calc(100vh - 100px); margin-top: var(--headerHeight); }
#SiteSystemContainer { background: var(--grey-2, #F8F8F8); padding: clamp(48px, 4.167vw, 100rem) 0; text-align: center; margin-top: 4.167vw; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 1.823vw; }
#SiteSystemContainer .posts-wrapper { margin-inline: 22.5vw; width: auto; }
#SiteSystemContainer .posts-wrapper .box-inner { width: 100%; }
#SiteSystemContainer .posts-wrapper .box-inner .tags-bottom { display: none; }
#SiteSystemContainer .posts-wrapper .box-inner .share-link { display: none; }

@media(max-width:1024px) {
    #SiteGridContainer { margin-top: unset; }
    #SiteSystemContainer { margin-top: 64px; padding: 32px 20px; align-items: flex-start; gap: 24px; }
    #SiteSystemContainer h2 { font-size: 2rem; }
    #SiteSystemContainer .posts-wrapper { margin: 0; width: 100%; gap: 28px; }
    #SiteSystemContainer .posts-wrapper .box-inner { flex-direction: row; gap: 16px; align-items: center; }
    #SiteSystemContainer .posts-wrapper .box-inner::after { content: ''; position: absolute; width: 100%; height: 1px; top: calc(100% + 14px); background: var(--grey, #E8E8E8); }
    #SiteSystemContainer .posts-wrapper .box-inner a.image { height: 130px; width: 130px; min-height: auto; }
    #SiteSystemContainer .posts-wrapper .box-inner a.image img.box-image { height: 100%; }
    #SiteSystemContainer .posts-wrapper .box-inner a.image .box-label { display: none; }
    #SiteSystemContainer .posts-wrapper .box-inner .info-wrapper { width: calc(100% - 146px); }
    #SiteSystemContainer .posts-wrapper .box .box-title { font-size: 1rem; line-height: 0.95; letter-spacing: 0.2px; }
}

/*home-page*/
.home-page #SiteGrid { overflow: visible; }
.home-page .breadcrumbs { display: none; }
.home-page .titles-wrapper { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; }
.home-page .section-title h2 span { color: var(--drak-grey); }
.sections-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-block: 4.2vw 3.9vw; }
.home-page #SiteSystemContainer { display: none }
.section-lobby-link { display: none; }
.home-page .section-lobby-link { display: inline-flex; }

/*article.box.slick-slide { width: 12.344vw; }*/
article.box.slick-slide { padding-inline: 0.52vw; }
/*article.box:not(.box-shot).slick-slide { min-width: 281px; }*/
/*.posts-wrapper.slick-initialized.slick-slider { direction: ltr; }*/
.slick-arrow svg { height: 1.667vw; min-height: 27px; width: 1vw; min-width: 17px; }
.slick-prev, .slick-next { height: 32px; display: flex; transform: scaleX(-1); }
.slick-next { left: -50px; right: auto; }
.slick-prev { right: -50px; left: auto; }
.slick-prev:before, .slick-next:before { content: ''; }
.posts-wrapper.slick-wrapper:not(:has(.box-short)) .slick-arrow { top: 35%; }

@media(min-width:1025px) and (max-width:1366px) {
    .home-page .tags-series-wrapper .general-box:last-of-type { display: none }
    .posts-wrapper.slick-wrapper:not(:has(.box-short)) .slick-arrow { top: 30%; }
}

@media(min-width:1025px) {
    .contents-wrapper { display: flex; width: 100%; }
    .home-page .big-contents-wrapper .contents-wrapper-inner:has(.shorts-wrapper) { order: -1; }
}

@media(max-width:1024px) {
    .home-page .lobby-content-container { gap: 20px; }
    .home-page .titles-wrapper { padding-inline: 20px; }
    .home-page .section-lobby-link a.link { font-size: 0.9rem; white-space: nowrap; margin-bottom: 6px; }
    .home-page .sections-wrapper { width: 100vw; gap: 54px; padding-block: 32px 64px; }
    .home-page .contents-wrapper-inner { width: 100%; }
    .home-page .big-contents-wrapper { width: 100%; gap:34px;}
    .home-page .big-contents-wrapper .section-title h2 { padding: 0; width: 100%; }
    .home-page .big-contents-wrapper .section-title { width: 100%;/* padding-inline: 20px; */}
}

/*----------------------/*

     Articles Lobby Page

/*---------------------*/
.lobby-container { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 4.167vw; }
.articles-top { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.tags-series, .tags-hashtags ul { display: flex; justify-content: center; }

.lobby-content-container { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1.667vw; width: 100%; }
.posts-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 2.5vw 1.25vw; width: 100%; }
.posts-wrapper .box, #SiteSystemContainer .posts-wrapper .box { width: calc(25% - 1vw); display: flex; }

.posts-wrapper.reels article.box { width: 16.6%; }
.lobby-content-container .line-seperator { width: 100%; }

.articles-top .asH1 { display: flex; align-items: center; justify-content: flex-start; gap: 0.417vw; }


@media(min-width:1025px) {
    #SiteSystemContainer .posts-wrapper .box { width: 12.344vw }
    .home-page .posts-wrapper { justify-content: space-between; }

    .tags-series.small-items.slick-slider { width: 100%; align-items: center; }
    .tags-series.small-items.slick-slider .slick-arrow { position: unset; }
    .tags-series.small-items.slick-slider .slick-track { display: flex; justify-content: flex-end; align-items: flex-start; gap: 1.719vw; }
    .tags-series.small-items.slick-slider .slick-list { display: flex; justify-content: flex-start; align-items: center; direction: rtl; }
}

@media(max-width:1024px) {
    .articles-top { flex-direction: column; align-items: flex-start; gap: 30px; }
    .with-dot { gap: 8px; }

    .lobby-container { gap: 60px; width: 100%; }
    .lobby-content-container { gap: 40px; }
    .lobby-content-container .line-seperator { display: none; }
    .posts-wrapper { flex-direction: column; gap: 48px; }

    .lobby-page .lobby-content-container article.box:not(.box-short) .box-inner .image { height: 55.467vw; }


    .lobby-page .lobby-content-container .posts-wrapper .box-short .info-wrapper { position: absolute; right: 0; bottom: 0; width: 100%; padding: 16px; }
    .lobby-page .lobby-content-container .posts-wrapper .box-short .info-wrapper .article-top-info { color: #fff; }
    .lobby-page .lobby-content-container .posts-wrapper .box-short .info-wrapper .article-top-info span.dot-seperator { background-color: #fff; }
    .lobby-page .lobby-content-container .posts-wrapper .box-short .info-wrapper a.box-title { color: #fff; }
    .lobby-page .lobby-content-container .posts-wrapper .box-short .info-wrapper a.share-link { background: transparent; }
    .lobby-page .lobby-content-container .posts-wrapper .box-short .info-wrapper a.share-link svg * { fill: #fff; stroke: #fff; }
}
/*----------------------/*

     Article Inner Page

/*---------------------*/
.SplitView { display: flex; justify-content: space-between; align-items: flex-start; gap: 78px; }
.article-inner-page { flex-direction: column; align-items: flex-start; justify-content: center; width: 39.479vw; }
.article-top-grid { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1.1vw; }
.article-inner-page .article-content { flex-direction: column; align-items: flex-start; justify-content: center; }
.article-inner-page .article-content iframe { width: 100%; height: 430px; }
.article-top-info, #SiteSystemContainer .article-top-info,
aside .box .article-top-info { display: flex; align-items: center; gap: 0.313vw; font-size: clamp(0.75rem,0.781vw,100rem); line-height: 110%; letter-spacing: 0.12px; color: var(--black); flex-direction: row; }
.article-inner-page .article-top-info { font-size: clamp(0.85rem,0.938vw,100rem); }
.article-date-time { display: flex; gap: 6px; align-items: center; }

.writer-container { display: flex; justify-content: flex-start; align-items: center; gap: 0.313vw; }
.writer-image { display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; width: 2.5vw; height: 2.5vw; min-width: 38px; min-height: 38px; }
.dot-seperator { display: flex; width: 2px; height: 2px; background-color: var(--black); align-items: center; border-radius: 50%; }
.line-seperator { background: var(--grey, #E8E8E8); height: 1px; }

aside { width: 23.125vw; border-radius: 4px; border: 1px solid var(--grey, #E8E8E8); background: var(--light-grey, #FAFAFA); padding: 1.25vw; flex-direction: column; }
aside .articles-boxes-wrapper { flex-direction: column; }
aside .box .article-top-info,
#SiteSystemContainer .article-top-info { color: var(--dark-grey, #8B8B8B); }
aside .dot-seperator { background-color: var(--dark-grey, #8B8B8B); }
.articles-boxes { flex-direction: column; }
aside .writer-image, aside .tags-bottom { display: none; }
aside .info-wrapper .content-info-wrapper, .box-podcast .info-wrapper .content-info-wrapper { gap: 0.43vw; }
aside .articles-boxes-wrapper a.share-link { display: none; }

.article-bottom { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; gap: 1.667vw; margin-top: 0.521vw; }
.social-links-wrapper { display: flex; align-items: center; justify-content: flex-start; gap: 0.521vw; }
.social-links-wrapper > span { font-size: clamp(0.75rem,0.938vw,100rem); font-family: var(--SecFont); line-height: 0.95; letter-spacing: 0.18px; }
.social-links { display: flex; align-items: center; justify-content: flex-start; gap: 0.73vw; }

.writer-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; overflow: hidden; }
a.share-link { position: relative; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; border-radius: 40px; border: 1px solid var(--grey, #E8E8E8); background: var(--white, #FFF); z-index: 10; }
a.share-link.sticky { position: fixed; left: 20px; bottom: 20px; width: 56px; height: 56px; }
.swiper-slide a.share-link.sticky { position: unset; width: 40px; height: 40px; background: transparent; border: 0; }
.swiper-slide a.share-link.sticky svg * { fill: #fff; stroke:#fff; }
a.share-link svg { width: 12px; height: 16px; }
a.share-link.sticky svg { width: 14px; height: 18px; }

@media(min-width:1025px) {
    aside .box .article-top-info { flex-wrap: wrap; gap: 0 0.313vw; }
}

@media(min-width:1025px) and (max-width:1366px) {
    .article-inner-page { width: 36.41vw; }
    .aside { width: 36.41vw; }
}

@media(max-width:1024px) {
    .page-banner { order: -1; width: 100%; }
    .SplitView { gap: 64px; flex-direction: column; width: 100vw; }
    .article-inner-page { width: 100%; gap: 20px; }
    .article-inner-page .article-top-grid { gap: 15px; }
    .article-inner-page .article-content { width: 100%; }
    .article-inner-page .article-content iframe {  height: 315px;; }
    .article-top-info { gap: 7px; }

    .writer-container { gap: 8px; }

    aside { width: 100%; background: transparent; border: 0; padding: 0; }
    #PostView.gap-mobile aside { width: 100vw; margin-inline: -20px; }
    aside .articles-boxes-wrapper h3 { padding-inline: 20px; }
    aside .articles-boxes-scrolling { width: 100vw; overflow-x: auto; overflow-y: hidden; }
    .articles-boxes { flex-direction: row; gap: 10px; padding-inline: 20px; width: max-content; }
    aside article.box .box-inner .image { width: 74vw; height: 45.867vw; }
    aside .box-inner { flex-direction: column; align-items: flex-start; }
    aside .line-seperator { display: none; }

    .more-articles .articles-boxes { flex-direction: column; width: 100%; gap: 14px; }
    aside .more-articles .line-seperator { display: block; }
    aside .more-articles article.box .box-inner .image { width: 130px; height: 130px; min-height: 0; }
    aside .articles-boxes-wrapper:not(.more-articles) .box-inner { flex-direction: column; align-items: flex-start; }
    aside .articles-boxes-wrapper:not(.more-articles) article.box:is(.box-article,.box-video) { width: 74vw; }
    aside .articles-boxes-wrapper:not(.more-articles) .tags-bottom { display: flex; width: 120%; }
    aside .articles-boxes-wrapper:not(.more-articles) a.share-link { display: block; }
    aside .articles-boxes-wrapper:not(.more-articles) article.box .info-wrapper .content-info-wrapper { width: 80%; }

    .article-bottom { gap: 32px; margin-top: 6px; }
    .article-bottom .tags-bottom { width: 100%; padding-bottom: 8px; border-bottom: 1px solid var(--grey); }
    .social-links-wrapper { gap: 10px; }
    .social-links { gap: 14px; }
    .social-links-wrapper > span { font-size: 0.9rem; }
    article.box a.share-link svg { width: auto; height: auto; }

    .swiper-slide a.share-link.sticky { width: 30px; height: 30px; }
}

/*----------------------/*

     Article Box

/*---------------------*/
.info-wrapper .content-info-wrapper, #SiteSystemContainer .info-wrapper .content-info-wrapper,
aside .box-short .info-wrapper .content-info-wrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; text-align: right; position: unset; z-index: 1; bottom: unset; right: unset; width: 85%; width: 100%; }
.info-wrapper .box-title { font-family: var(--SecFont); }
.info-wrapper .box-title, .info-wrapper .box-summary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.box-inner { /* background: #fff; */ position: relative; transition: all 0.35s ease; display: flex; height: 100%; width: 100%; flex-direction: column; }
.box-image { object-fit: cover; height: 100%; width: 100%; border-radius: 4px; }
.box-inner .image, #SiteSystemContainer .box-inner .image { z-index: 1; background: #fff; height: 10.833vw; min-height: 0; background-size: 100%; position: relative; transition: all 0.35s ease; background-position: center; display: block; color: #000; overflow: hidden; border-radius: 4px; }
.box:not(.box-article) .box-inner .image::after { content: ''; position: absolute; width: 100%; height: 80%; bottom: 0; left: 0; opacity: 0.64; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); }
#SiteSystemContainer .box-inner .image::after { content: none; }
.box-inner .image:hover .box-image, .box-inner .image:focus .box-image { }
.box-inner:hover .box-image { }
aside .box-inner, .box-podcast .box-inner { display: flex; flex-direction: row; gap: 16px; align-items: center; }
aside .box-inner a.image, .box-podcast .box-inner a.image { width: 6.771vw; height: 6.771vw; min-width: 85px; min-height: 85px; flex-shrink: 0; object-fit: cover; border-radius: 4px; }
.box-label { position: absolute; top: 0.417vw; right: 0.417vw; background: #fff; padding: 0.1vw 0.313vw; border-radius: 2px; font-size: clamp(0.7rem,0.781vw,10rem); line-height: 1.3; letter-spacing: 0.15px; color: #000; }
aside .box-label, .box-podcast .box-label { font-size: clamp(0.65rem,0.677vw,10rem); line-height: 1.1; letter-spacing: 0.26px; }

.grid { display: block; width: 100%; }
.grid-text p { color: var(--black, #000); text-align: right; margin-bottom: 0; }

article.box .writer-image,
.posts-wrapper article.box .box-summary { display: none; }
.posts-wrapper .box .box-title, #SiteSystemContainer .posts-wrapper .box .box-title { height: 2.083vw; min-height: 35px; color: var(--black); }

@media(min-width:1025px) {
    #SiteSystemContainer .box-inner .image { height: 12.344vw }
}

@media(max-width:1024px) {
    .posts-wrapper article.box,
    #SiteSystemContainer .posts-wrapper .box { width: 100%; }
    .posts-wrapper article.box, #SiteSystemContainer .posts-wrapper .box-short { overflow: visible; }
    #SiteSystemContainer .posts-wrapper .box:last-child .box-inner:after { content: none; }

    article.box .box-inner { gap: 16px; width: 100%; }
    .info-wrapper { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; }
    .lobby-content-container .posts-wrapper:not(:is(.slick-wrapper)) article.box.box-short .box-inner { gap: 12px; }
    article.box.box-short .box-inner { gap: 10px; }
    article.box .box-inner .image { padding: 0; width: 100%; height: 100%; }
    article.box img.box-image { object-fit: cover; }
    .box-label { border-radius: 3px; padding: 2px 5px; top: 8px; right: 8px; }
    article.box .box-inner a.share-link { position: relative; left: 0px; border: 0; width: auto; height: auto; }

    article.box .info-wrapper .content-info-wrapper { gap: 6px; }
    .contents-wrapper-inner article.box:not(.box-short) .info-wrapper .content-info-wrapper { gap: 9px; }
    .lobby-content-container .posts-wrapper:not(:is(.slick-wrapper)) article.box .info-wrapper .content-info-wrapper { gap: 10px; }
    article.box .article-top-info { gap: 0 7px; flex-wrap: wrap; }
    .posts-wrapper .box .box-title { min-height: auto; height: auto; }
    .posts-wrapper article.box .box-summary { display: -webkit-box; }
    .info-wrapper .box-summary { font-size: 0.75rem; }

    .posts-wrapper article.box .info-wrapper .content-info-wrapper { width: 80%; }
    .posts-wrapper .box .box-title, #SiteSystemContainer .posts-wrapper .box .box-title { height: auto; min-height: 0; }
    .contents-wrapper-inner .posts-wrapper .box .box-title { min-height: 38px; }
}

/*----------------------/*

     Tag Label

/*---------------------*/
.tags-bottom { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: clamp(4px,0.2vw,20px); }
.tag-label { border-radius: 0.781vw; border: 1px solid var(--grey, #E8E8E8); background: var(--grey-2, #F8F8F8); }
.tag-label a { padding: 0 0.26vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: var(--light-black); }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    article.box-article .tags-bottom { margin-top: 2px }
}

@media(max-width:1024px) {
    .contents-wrapper-inner .tags-bottom { width: 120%; }
    .lobby-container .tags-bottom { width: 120%; }
    .tag-label { border-radius: 15px; }
    .tag-label a { font-size: 0.7rem; line-height: 1.1; letter-spacing: 0.12px; padding: 2px 5px 2px 6px; }
}


/*----------------------/*

     Grids

/*---------------------*/
.grid-popup-button { position: relative; font-family: var(--SecFont); font-size: clamp(16px,1.042vw,100rem); }
.grid-popup-button:after { content: ""; position: absolute; background: var(--gradient_horizontal); bottom: 0; height: 1px; width: 100%; right: 0; }
.grid-qoute { background: var(--light-grey, #FAFAFA); text-align: center; padding: clamp(48px,2.5vw,100rem) clamp(100px,5.208vw,100rem); flex-direction: column; align-items: center; }


.grid-normal-gallery { display: block; }
.grid-normal-gallery .slick-dotted.slick-slider { margin-bottom: 13px; }
.grid-normal-gallery .gallery-box-inner { height: 100%; border-radius: 4px; overflow: hidden; }
.grid-normal-gallery .slick-track { display: flex !important; }
.grid-normal-gallery .slick-slide { height: inherit !important; }
.grid-normal-gallery .slick-dots li button { padding: 0; width: 6px; height: 6px; border-radius: 8px; background: var(--black, #000); opacity: 0.4; width: 6px; transition: .3s all ease-in-out; }
.grid-normal-gallery .slick-dots li button:before { display: none; }
.grid-normal-gallery .slick-dots li { margin: 0 6px; width: auto; height: auto; }
.grid-normal-gallery .slick-dots li.slick-active button { opacity: 1; width: 32px; }
.grid-normal-gallery .slick-dots { bottom: -20px; display: flex; }
.grid-normal-gallery .slick-dots li:first-child { margin-right: 0; }
.grid-normal-gallery .slick-slide img { max-width: none; width: 100%; height: 100%; object-fit: cover; }

.grid-main-text { flex-direction: column; }
.grid-text { flex-direction: column; }


#SeriesLobby { flex-direction: column; }
#SeriesView { flex-direction: column; }

@media(max-width:1024px) {
    article.grid:is(.grid-8,.grid-5,.grid-4) { width: 100vw; margin-inline: -20px; }
    .grid .grid-normal-gallery { width: 100%; max-width: 100% !important; }

    .grid-qoute { padding: 48px; }
    .grid-qoute svg { height: 32px; margin-bottom: 20px; }
}

/*----------------------/*

     Series Box

/*---------------------*/
.general-boxes-wrapper, .tags-series-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }

div:is(.general-boxes-wrapper,.tags-series-wrapper) .general-box { display: flex; }
div:is(.general-boxes-wrapper,.tags-series-wrapper) .general-box a { display: flex; flex-direction: column; align-items: center; text-align: center; }
.series-box-img { padding: 0.313vw; width: 10.417vw; height: 10.417vw; border: 1px solid var(--gradient_horizontal); position: relative; }
#WritersLobby article.writer-box .series-box-img { padding: 0; }
.series-box-img img { max-width: none; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; position: relative; z-index: 1; }
.series-box-img-circle { position: absolute; inset: 0; background: var(--gradient_horizontal); border-radius: 50%; }
.series-box-img-circle:after { content: ""; position: absolute; inset: 2px; background: #fff; border-radius: 50%; }
#WritersLobby article.writer-box .asH3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.tags-series.small-items { gap: 1.719vw; }
.small-items .series-box > a { gap: 0.625vw; }
.small-items .series-box-img { width: 4.792vw; min-width: 70px; height: 4.792vw; min-height: 70px; }
.small-items .asH3 { font-family: var(--FirstFont); font-size: inherit; line-height: inherit; letter-spacing: inherit; }

@media(min-width:1025px) {
    #WritersLobby article.writer-box { width: calc(20% - 2.8vw) }
    .lobby-page .tags-series-wrapper { max-width: 62.5vw; justify-content: flex-end; }
}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .small-items .asH3 { line-height: 1; }
    .tags-series.small-items .series-box:last-of-type { display: none; }
}

@media(max-width:1024px) {
    .tags-series-wrapper { padding-inline: 20px; padding-bottom: 3px; width: 100%; overflow: auto; justify-content: flex-start; }

    .series-box-img { padding: 5px; }
    .tags-series.small-items { gap: 10px; width: max-content; }
    .small-items .series-box > a { gap: 3px; }
    .small-items .series-box-img { width: 86px; height: 86px; padding: 5px; }
    .small-items .asH3 { text-align: center; line-height: 1; }
}


/*----------------------/*

     shorts Lobby

/*---------------------*/
article.box.box-short { border-radius: 4px; overflow: hidden; }

@media(min-width:1025px) {
    .posts-wrapper .box-short { width: calc(16.6667% - 1.05vw); }
}

/*----------------------/*

     shorts box

/*---------------------*/
.box-short .info-wrapper .tags-bottom { display: none; }
.short-title { color: #fff; position: absolute; z-index: 2; top: 30px; left: 30px; cursor: pointer; }
.short-title h2 { font-family: var(--SecFont); }
.pop-up-gallery-wrapper .writer-wapper { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }

@media(min-width:1025px) {

    .box-short a.image { height: 22.031vw; min-height: 300px; }
    .box-short a.image::after { content: ''; position: absolute; z-index: 1; width: 100%; height: 65%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%); }
    .box-short .info-wrapper { position: absolute; z-index: 1; bottom: 13px; right: 16px; width: 68%; }
    #SiteSystemContainer .box-short .info-wrapper, aside .box-short .info-wrapper { position: relative; width: 100%; bottom: unset; right: unset; }

    .box-short .info-wrapper a.box-title { color: #fff; }
    aside .box-short .info-wrapper a.box-title { color: var(--black); }
    .box-short .article-top-info { color: #fff; flex-direction: column; align-items: flex-start; gap: 0.15vw 0.313vw; }
    .box-short .article-top-info .dot-seperator { display: none; }
}

@media(max-width:1024px) {
    .box-short .box-inner { width: 100%; }
    .box-short .box-inner .image { height: auto; min-height: 596px; }
    /*.box-short .box-inner .image .box-image { height: 100%; width: auto; min-width: 100%; max-width: unset; object-fit: unset; }*/
    .box-short .box-inner .image .box-image { min-width: 100%; max-width: unset; }
    aside .box-short .box-inner .image .box-image { width: 100%; }
    .posts-wrapper article.box-short .info-wrapper .content-info-wrapper { width: 80%; }

    .short-title { left: 15px; top: 25px; }
    .short-title h2 { line-height: 0.8; }
}
/*----------------------/*

     shorts inner page

/*---------------------*/

.shorts-inner-page { justify-content: flex-start; align-items: flex-start; max-width: 53.125vw; }
.shorts-inner-page .article-inner-page { max-width: calc(100% - 22vw); }
.short-video { width: 19.115vw; min-height: 34vw; border-radius: 4px; overflow: hidden; position: relative; }
.short-video::after, .regular-video::after { content: ''; position: absolute; bottom: 0; left: 0; height: 50%; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.64) 100%); pointer-events: none; }
.video-js { width: 100%; height: 100%; }
.video-js .vjs-tech { position: unset; }
.video-js .vjs-big-play-button { width: 3.333vw; height: 3.333vw; min-width: 64px; min-height: 64px; border: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.44); margin: 0; transform: translate(-50%, -50%); }
span.vjs-icon-placeholder { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before { width: auto; height: auto; position: unset; }
.video-js:not(.vjs-paused) .vjs-big-play-button .vjs-icon-placeholder:before { color: #fff; content: "\f103"; }
.video-js:not(.vjs-paused) .vjs-big-play-button .vjs-icon-placeholder { }
.video-js:not(.vjs-paused) .vjs-big-play-button .vjs-icon-placeholder { pointer-events: none; }
.video-js:not(.vjs-paused) .vjs-big-play-button { pointer-events: none; cursor: pointer; }

@media(max-width:1024px) {
    .regular-video { position: relative; }
    .shorts-inner-page, .shorts-inner-page .article-inner-page { max-width: 100%; }
    .short-video { width: 100%; }
    .page-banner .short-video { height: 100vh; }

    .shorts-page aside .box-short { width: 43.5vw; }
    .shorts-page aside .box-short .box-inner .image { width: 100%; min-height: 77.333vw; }
    .shorts-page aside .box-label { display: none; }
    aside .articles-boxes-wrapper:not(.more-articles) article.box-short .info-wrapper .content-info-wrapper { width: 100% }
    .shorts-page aside .articles-boxes-wrapper:not(.more-articles) article.box .info-wrapper { order: 1; }
    .shorts-page aside .articles-boxes-wrapper:not(.more-articles) a.share-link { position: absolute; top: calc(77.333vw - 7.8vw); right: 12px; z-index: 2; border: 0; background: transparent; width: auto; height: auto; left: auto; }
    .shorts-page aside .articles-boxes-wrapper:not(.more-articles) a.share-link svg { width: 14px; height: 18px; }
    .shorts-page aside .articles-boxes-wrapper:not(.more-articles) a.share-link path { fill: #fff; stroke: #fff; }
    .shorts-page aside .articles-boxes-wrapper:not(.more-articles) .tags-bottom { display: none; }
}

/*----------------------/*

     shorts inner page

/*---------------------*/

.vidoes-inner-page { flex-direction: column; width: 39.583vw; }
.vidoes-inner-page .short-video { width: auto; height: 22.396vw; overflow: hidden; min-height: 0; }
.vidoes-inner-page .short-video .video-js { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.vidoes-inner-page .article-inner-page { max-width: 100%; }

@media(max-width:1024px) {
    .vidoes-inner-page { width: 100%; }
    .videos-page .regular-video { height: 34.85vh; }
}



/*----------------------/*

        About

/*---------------------*/


#SiteGrid:has(#AboutLobby) { overflow: visible; }
.body-text-m { max-width: 26.042vw; }
.article-inner-page .body-text-m { max-width: 100%; }
.grid-row { margin-inline: 8.725vw; padding-inline-end: 3.906vw; }
.content-body { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 4.167vw; margin-top: 2.5vw }
.grid-row { display: flex; align-items: center; justify-content: flex-start; gap: 3.125vw; width: 100%; }
.grid-row.grid-row-odd { direction: ltr; text-align: right; }
.grid-row-odd .content-row-wrapper > * { direction: rtl; }
.grid-row-odd .content-row-wrapper p:has(:is(a[href="https://www.instagram.com/lbrl_il/"],a[href="https://www.tiktok.com/@lbrl"])) { display: inline-flex; margin-top: 1.57vw; margin-left: 1.5vw; }
.content-row-wrapper a { text-decoration-color: var(--gradient_horizontal); position: relative; text-decoration: none; }
.content-row-wrapper a::after { content: ''; position: absolute; width: 100%; height: 2px; background: var(--gradient_horizontal); bottom: 0; right: 0; }
.row-image-wrapper { width: 37.5vw; height: 26.042vw; overflow: hidden; border-radius: 4px; }
.row-image-wrapper img { object-fit: cover; object-position: center; width: 100%; height: auto; }
.content-row-wrapper { width: 22.135vw; display: flex; flex-direction: column; gap: 1.4vw; }
/*.grid-row-odd .content-row-wrapper { padding-inline: 3.906vw 0; }*/

.grid-values { width: 100vw; display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--light-grey, #FAFAFA); padding-block: 3.8vw; }
.values-row { display: flex; justify-content: center; align-items: flex-start; margin-inline: 12.083vw; gap: 3.333vw; }
article.value { max-width: 12.5vw; min-width: 200px }
article.value .value-inner { flex-direction: column; align-items: center; }
article.value .value-inner .image-wrapper { background: var(--gradient_horizontal); padding: 2px; border-radius: 50%; width: 6.25vw; height: 6.25vw; min-width: 110px; min-height: 110px }
article.value .value-inner .image-wrapper-inner { display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 1.875vw; background: var(--light-grey); width: 100%; height: 100%; }
article.value .value-inner .image-wrapper img { width: 2.292vw; height: 2.292vw; min-width: 35px; min-height: 35px; }
article.value .value-inner .contacts-wrapper { flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; }

@media(min-width:1025px) and (max-width:1366px) {
    .body-text-m { max-width: 100%; }
}

@media(max-width:1024px) {
    #AboutLobby .split-header { padding-inline: 20px; }
    #AboutLobby .vertical-line-seperator { width: 100%; height: 1px; margin-block: 10px 15px; }
    #AboutLobby { display: flex; flex-direction: column; gap: 53px; }
    #AboutLobby .line-seperator { display: none; }
    .body-text-m { max-width: 100%; }
    .content-body { gap: 59px; margin: 0; }
    .grid-row { flex-direction: column; padding: 0; gap: 20px; }
    .row-image-wrapper { width: 100%; height: auto; }
    .content-row-wrapper, .grid-row-odd .content-row-wrapper { width: 100%; padding-inline: 20px; gap: 15px; }

    .grid-values { padding: 68px 20px; gap: 35px; }
    .grid-values h2.asH1-m { max-width: 80%; text-align: center; }
    .values-row { flex-direction: column; margin-inline: 68px; gap: 50px; }
    article.value { max-width: 100%; min-width: auto; }
    article.value .value-inner { gap: 14px; }
    article.value .value-inner img { width: 120px; height: 120px; }
    article.value .value-inner .contacts-wrapper { gap: 10px; }

    .grid-values + .grid-row.grid-row-odd { margin-top: -59px; }
    .grid-row-odd .content-row-wrapper p:has(:is(a[href="https://www.instagram.com/lbrl_il/"],a[href="https://www.tiktok.com/@lbrl"])) { margin-top: 15px; margin-left: 24px; }
}




/*----------------------/*

      Contact Page

/*---------------------*/
.contact-page #SiteGridContainer { min-height: auto; }
.contact-page #SiteFooterContainer { margin-top: 4.167vw; }

#ContactPage { display: flex; align-items: flex-start; justify-content: space-between; margin-inline: auto; }
section.info-section { max-width: 15.938vw; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
ul.servies { padding: 0; list-style: none; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 1.25vw; margin: 0; }
.servie-inner { display: flex; justify-content: flex-start; align-items: center; gap: 0.833vw; }
.servie-image-wrapper { width: 2.5vw; height: 2.5vw; min-width: 40px; min-height: 40px; }
.servie-contacts-wrapper { flex-direction: column; }
.servie-contacts-wrapper h2 { color: var(--dark-gery); }
p.servie-title { color: var(--drak-grey); }

@media(min-width:1025px) {
    #ContactPage .info-section .section-description { margin-top: -0.52vw; }
    #ContactPage .info-section .line-seperator { width: 100%; }
}

@media(max-width:1024px) {
    #ContactPage, section.info-section { width: 100%; max-width: 100%; }
    #ContactPage { padding-inline: 20px; flex-direction: column; gap: 58px; }
    section.info-section { display: flex; gap: 12px; }
    #ContactPage h1 { order: -2; }
    #ContactPage .line-seperator { order: -1; width: 100%; }
    ul.servies { margin: 0; margin-top: 13px; gap: 24px; }
    .servie-contacts-wrapper { gap: 0; }
    .servie-inner { gap: 16px; }
    .servie-image-wrapper { width: 48px; height: 48px; }
}


/*----------------------/*

      General Form

/*---------------------*/
section.form-section-wrapper { width: 28.5vw; }
.general-form-wrapper, .general-form-text { flex-direction: column; }
.general-form-text { gap: 0.75vw; display: flex; }
form.general-form { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2.083vw; }
.general-form-input-wrapper:not(.button) { width: 100%; position: relative; display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #000; }
.general-form-input-wrapper .input, .general-form-input-wrapper .input:focus { width: 100%; padding: 0 0 0.35vw; border: 0; outline: 0; color: var(--drak-grey); }
.general-form-input-wrapper.must::before { content: '*'; top: 0; right: 0; position: relative; display: inline-block; color: var(--drak-grey); }
.general-form-input-wrapper.checkbox-wrapper { display: flex; align-items: flex-start; justify-content: flex-start; gap: clamp(7px,0.365vw,100px); border: 0; margin-top: -1.198vw; }
.general-form-input-wrapper.checkbox-wrapper label { font-size: clamp(0.65rem,0.677vw,100rem); color: var(--drak-grey); line-height: 1.1; letter-spacing: 0.26px; }
.general-form-input-wrapper.button { margin-top: -0.417vw; }

label.fromLabel { position: absolute; z-index: -1; right: 1vw; }

@media(max-width:1024px) {
    section.form-section-wrapper { width: 100%; }
    .general-form-text { display: flex; gap: 10px; }
    #ContactPage .form-section-wrapper .line-seperator { order: unset; margin-bottom: 4px; }
    .general-form-wrapper { gap: 35px; display: flex; }
    .general-form-input-wrapper .input { padding-bottom: 10px; }
    form.general-form { gap: 29px; }
    .general-form-input-wrapper.button { margin-top: 0; width: 100%; }
    .general-form-input-wrapper.checkbox-wrapper { margin-top: -13px; }
    button.newsletter-submit.form-submit { width: 100%; }
    .contact-page #SiteFooterContainer { margin: 0; }
    .general-form-input-wrapper.checkbox-wrapper label { line-height: 1; }

    .general-form-input-wrapper .input, .general-form-input-wrapper .input:focus { font-size: 0.75rem; line-height: 1.3; letter-spacing: 0.15px; }
    .general-form-input-wrapper:not(.button) { gap: 2px; }
    label.fromLabel { right: 10px; }
}


/*----------------------/*

    About Page

/*---------------------*/
#AboutLobby { flex-direction: column; }

@media(min-width:1025px) {
    #AboutLobby { margin-bottom: 4.167vw; }
}

/*----------------------/*

    information Page

/*---------------------*/
.information-section { flex-direction: column; margin-bottom: 4.167vw; }
.information-section ol, .information-section ul { padding-inline: 0; margin: 0; list-style-position: inside; }
.information-section ul > li { margin-block: 0.3vw; }
.information-section ul > li:first-of-type { margin-top: 0; }
.information-section ol > li { margin-block: 1.1vw; }
.information-section ol > li:first-of-type { margin-top: 0; }
.information-section ol > li:last-of-type { margin-bottom: 0; }

.information-section ul { list-style: none; padding: 1.15vw 0 0; }
.information-section ul li { position: relative; padding-inline: 20px; }
.information-section ul li::before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 5px; height: 5px; background: #000; border-radius: 50%; }

@media(max-width:1024px) {
    section.information-section.margin-inline-581 { max-width: 100%; padding-inline: 20px; margin-bottom: 0; display: flex; gap: 40px; }
    .information-section ul { padding-top: 40px; }
    .information-section ol > li { margin-block: 40px; }
    .information-section ul > li { margin-bottom: 8px; }
    .information-section .line-seperator { display: none; }
}

/*----------------------/*

    hashtags Page

/*---------------------*/
#WritersLobby.hashtags-lobby { gap: 1.5vw; }
#WritersLobby.hashtags-lobby h1::before { content: '#'; position: relative; display: inline-block; color: var(--drak-grey); }
.general-boxes-wrapper.hashtags-boxes { gap: 0; }
div:is(.general-boxes-wrapper,.tags-series-wrapper) .general-box.tag-box { width: 100%; justify-content: space-between; padding-block: 1.5vw; border-bottom: 1px solid var(--grey); }
div:is(.general-boxes-wrapper,.tags-series-wrapper) .general-box.tag-box:first-of-type { padding-top: 0; }
div:is(.general-boxes-wrapper,.tags-series-wrapper) .general-box.tag-box:last-of-type { border: 0; }
#WritersLobby.hashtags-lobby .load-more-wrapper { margin-top: 0.37vw; }

@media(max-width:1024px) {
    #WritersLobby.hashtags-lobby { gap: 35px; }
    div:is(.general-boxes-wrapper,.tags-series-wrapper) .general-box.tag-box { padding-block: 12px 5px; }
    .tag-title { max-width: 85%; }
    #WritersLobby.hashtags-lobby .load-more-wrapper { margin-top: 25px; }
}

/*----------------------/*

    podcast Page

/*---------------------*/
.short-video.podcast-iframe { display: block; }
.short-video.podcast-iframe::after { opacity: 0; display: none; }
.short-video.podcast-iframe iframe { display: block; }
.podcast-partners-wrapper { align-items: center; }
.podcast-partners { display: flex; list-style: none; padding: 0; margin: 0; }
.podcast-partner { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; }
.podcast-partner svg { max-width: 100%; max-height: 100%; }
.PodcasttView .short-video { min-height: unset; }
.PodcasttView .short-video::after { display: none; }



@media(min-width:1025px) {
    .short-video.podcast-iframe { min-height: 19.115vw; }
}

@media(max-width:1024px) {
    .article-inner-page .article-top-grid .podcast-partners-wrapper { order: -1; }
    .podcast-partner { width: 30px; height: 30px; }
}


.podcast-wrapper { justify-content: space-between; flex-wrap: nowrap; }
.podcast-wrapper .box { width: 100%; }
.podcast-series-box { flex-direction: row; border-radius: 4px; border: 1px solid var(--grey, #E8E8E8); background: var(--light-grey, #FAFAFA); padding: 1.25vw; width: 39.115vw; }
.podcast-series-box-image { width: 18.75vw; height: 18.75vw; min-width: 240px; min-height: 240px; border-radius: 4px; overflow: hidden; }
.podcast-series-box-image img { width: 100%; height: auto; object-fit: cover; }
.podcast-series-box-content { width: calc(100% - 20.5vw); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 1vw; }
.podcast-series-box-text { margin-bottom: 0.4vw; }
.podcast-wrapper aside { padding: 0; background: transparent; border: 0; }


@media(max-width:1024px) {
    .podcasts-lobby .line-seperator { display: block; }
    .podcast-series-box { display: flex; flex-direction: column; width: 100%; padding: 0; gap: 32px; border: 0; background: transparent; }
    .podcast-series-box-image { width: 100%; height: auto; }
    .podcast-series-box-content { width: 100%; gap: 15px; }
    .podcast-series-box-text { margin: 0; }

    .podcasts-lobby aside .articles-boxes-scrolling { width: 100%; overflow: unset; }
    .podcasts-lobby aside .articles-boxes-scrolling .articles-boxes { padding: 0; flex-direction: column; width: 100%; gap: 24px; }
    .podcasts-lobby aside .articles-boxes-scrolling .articles-boxes article.box-podcast { }
    aside .articles-boxes-wrapper:not(.more-articles) .box-podcast .box-inner { flex-direction: row; align-items: center; }
    aside article.box-podcast .box-inner .image { width: 90px; height: 90px; }

    .podcast-wrapper aside .general-button { width: 100%; }
}

/*----------------------/*

        podcast 

/*---------------------*/
#PodcastsLobby { flex-direction: column; gap: 3.333vw; }
#PodcastsLobby .top-banner { display: flex; align-items: center; justify-content: flex-start; gap: 2.5vw; padding: 1.24vw; border: 1px solid var(--grey, #E8E8E8); background: var(--light-grey, #FAFAFA); }
.top-banner-image { width: 18.75vw; height: 18.75vw; min-width: 300px; min-height: 300px; border-radius: 4px; overflow: hidden; }
.top-banner-image img { width: 100%; height: auto; object-fit: cover; }
.top-banner-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 1.1vw; width: 28.646vw; }

.podcasts-boxes { justify-content: flex-start; gap: 1.25vw 4.479vw; }
.posts-wrapper article.box-podcast { width: 23.75vw; }
#PodcastsLobby .podcasts-boxes .box-podcast { width: calc(33.33% - 4.479vw); }
.box-podcast .tag-label { display: none; }
.box-podcast .article-top-info { flex-wrap: wrap; text-align: right; justify-content: flex-start; }

@media(max-width:1024px) {
    #PodcastsLobby { width: 100%; gap: 30px; }
    #PodcastsLobby .top-banner { flex-direction: column; padding: 0; gap: 30px; background: transparent; border: 0; }
    .top-banner-image { width: 100%; min-width: 0; min-height: 0; height: auto; }
    .top-banner-content { width: 100%; gap: 10px; }
    .top-banner-content .line-seperator { width: 100%; }

    .podcasts-boxes { flex-direction: column; width: 100%; gap: 24px; }
    #PodcastsLobby .podcasts-boxes .box-podcast { width: 100%; }
    .posts-wrapper article.box-podcast { width: 100%; }
    .contents-wrapper-inner .posts-wrapper article.box-podcast { width: auto; }
    .contents-wrapper-inner .posts-wrapper article.box-podcast .info-wrapper { width: 170px; }
    .contents-wrapper-inner .posts-wrapper article.box-podcast .info-wrapper .content-info-wrapper { width: 100%; }
    article.box-podcast .box-inner { gap: 10px; }
    article.box-podcast .box-inner .image { width: 90px; height: 90px; min-width: 0; min-height: 0; }
    article.box-podcast .box-inner a.share-link { display: none; }
    article.box-podcast .info-wrapper .content-info-wrapper { gap: 7px; }

    main#SiteGrid:has(.PodcasttView) .page-banner { order: unset; }
    main#SiteGrid:has(.PodcasttView) { margin-top: var(--headerHeight); }
    .PodcasttView { margin-top: 40px; }
    .PodcasttView .article-inner-page .article-bottom .tags-bottom { border: 0; }
    .PodcasttView .article-inner-page .article-bottom { margin-top: 15px; gap: 27px; }
    .PodcasttView .article-inner-page .article-bottom .social-links-wrapper { display: none; }
    .PodcasttView aside .articles-boxes { flex-direction: column; width: 100%; gap: 24px; }


    .home-page .contents-wrapper .posts-wrapper:has(.box-podcast) { flex-direction: column; width: 100%; gap: 14px; }
    .home-page .contents-wrapper .posts-wrapper:has(.box-podcast) .box-podcast { width: 100%; flex-direction: column; }
    .home-page .contents-wrapper .posts-wrapper:has(.box-podcast) .box-podcast .info-wrapper { width: 100%; }
    .home-page .contents-wrapper .posts-wrapper:has(.box-podcast) .box-podcast::after { content: ''; position: relative; display: block; width: 100%; height: 1px; background: var(--grey); margin-top: 14px; }
}



/*----------------------/*

        footer

/*---------------------*/

footer#SiteFooter { background-color: var(--black); }
.footer-wrapper { display: flex; justify-content: space-between; align-items: flex-start; width: 80.208vw; margin-inline: auto; padding-block: 1.25vw; border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
.footer-right { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: right; width: 28.646vw; gap: 2.084vw; }
.images-wrapper { display: flex; justify-content: flex-start; align-items: center; gap: 2.084vw; }
ul.socials-links-wrapper { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: flex-start; gap: 0.52vw; }
.pages-links-wrapper { width: 100%; }
ul.pages-links { padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: center; gap: 0.833vw; color: #fff; }
li.page-link { display: flex; justify-content: flex-start; align-items: center; gap: 0.833vw; }
.page-link-dot { border-radius: 50%; background-color: #fff; width: 2px; height: 2px; }
ul.pages-links .page-link:last-of-type .page-link-dot { display: none; }
li.social-link svg { width: 2.083vw; height: 2.083vw; min-width: 40px; min-height: 40px; }
.whatsapp-link-wrapper { display: flex; justify-content: flex-start; align-items: center; color: #fff; }
.whatsapp-link-wrapper a { display: flex; align-items: center; justify-content: flex-start; gap: 0.417vw; }
.footer-copyright { padding-block: 1.042vw; text-align: center; width: 100%; font-size: clamp(0.65rem,0.781vw,100rem); line-height: 1.3; letter-spacing: 0.15px; color: var(--drak-grey); display: flex; justify-content: space-between; align-items: center; gap: 10px; }

.newsletter-wrapper { width: 31.771vw; padding: 1.667vw; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-radius: 4px; border: 1px solid var(--grey, #E8E8E8); background: var(--grey-2, #F8F8F8); }
.newsletter-text { display: flex; flex-direction: column; gap: 0.55vw; width: 100%; }
.newsletter-wrapper form { display: flex; justify-content: flex-start; align-items: center; gap: 1.667vw; width: 100%; }
.newsletter-input-wrapper:has(input) { width: 100%; }
.newsletter-input-wrapper input { width: 100%; background-color: transparent; border: 0; border-bottom: 1px solid; font-size: clamp(0.8rem,0.781vw,100rem); color: var(--drak-grey); outline: none; letter-spacing: 0.26px; }
.newsletter-input-wrapper { height: 2.344vw; min-height: 35px; width: 9.583vw; min-width: 150px; position: relative; }
.newsletter-input-wrapper > * { height: 100%; width: 100%; gap: 8px; }

@media(min-width:1025px) {
    .logo-image svg { width: 3.854vw; height: 3.854vw; min-width: 68px; min-height: 68px; }
    .footer-copyright { width: 80.208vw; margin-inline: auto; }
}

@media(max-width:1024px) {
    .whatsapp-link-wrapper a { gap: 8px; }

    .footer-newsletter { background-color: #fff; display: flex; justify-content: center; align-items: center; padding: 64px 20px 24px; }
    .newsletter-wrapper { width: 100%; padding: 40px 20px 20px; align-items: center; text-align: center; gap: 17px; }
    .newsletter-text { gap: 5px; }
    .newsletter-wrapper form { flex-direction: column; gap: 20px; }
    .newsletter-input-wrapper { height: 47px; width: 100%; }
    .newsletter-input-wrapper input { text-align: center; }

    .footer-newsletter { background-color: #fff; display: flex; justify-content: center; align-items: center; padding: 64px 20px 24px; }
    .newsletter-wrapper { width: 100%; padding: 40px 20px 20px; align-items: center; text-align: center; gap: 13px; }
    .newsletter-text { gap: 5px; }
    .newsletter-wrapper form { flex-direction: column; gap: 20px; }
    .footer-wrapper { width: 100%; padding: 24px 50px; }
    .images-wrapper { flex-direction: column-reverse; gap: 27px; width: 100%; }
    .footer-right { width: 100%; gap: 26px; }
    .logo-image svg { width: 70%; height: 75px; margin-inline: auto; }
    ul.socials-links-wrapper { width: 100%; gap: 5px; justify-content: space-between; }
    ul.pages-links { gap: 16px; justify-content: center; }
    li.page-link { gap: 16px; }
    .whatsapp-link-wrapper { display: none; }
    .footer-copyright { padding: 24px 63px; flex-direction: column; justify-content: flex-start; }
    button.newsletter-submit { border-radius: 4px; outline: 0; border: 0; }
    .logo-image { display: flex; }
    .credit-richkid img { max-width: 80px; height: auto; }
}




/*FROM BAC*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
:root { --main-color: #029246; font-size: 20px; }
/*::selection { color: #ffffff; background: #008a55; }*/
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
.overflow-hidden { overflow: hidden; }
html { overflow-x: hidden; }
.scr-reader-only { width: 1px; height: 1px; margin: -1px; padding: 0; display: block; position: absolute; overflow: hidden; clip: rect(0,0,0,0); border: 0; }


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
/*.dl-horizontal dt { white-space: normal; }*/

/* Set width on the form input elements since they're 100% wide by default */


/* GENERAL */
/*    .container { width: 100%; max-width: 1310px; }*/

:root { --vh: 100vh; --vw: 100vw; }

/*html { scroll-behavior: smooth; }
    .anim { -webkit-transition: 1500ms; -o-transition: 1500ms; transition: 1500ms; opacity: 0; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); }
    .anim.shown { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    .loader { opacity: 0; pointer-events: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f1f2f3; z-index: 1000000; display: flex; justify-content: center; transition: .3s all ease-in-out }
    .loading .loader { opacity: 1; pointer-events: auto; }
    .loader img { max-width: 250px; }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .anim { -webkit-transition: 1000ms; -o-transition: 1000ms; transition: 1000ms; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    }

    @media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
        :root { --vh: 125vh; --vw: 125vw; }
    }
*/
@media(min-width:1921px) {
    /*body { zoom: 1; }
    :root { font-size: 30px; --vh: 100vh; --vw: 100vw; }*/
}

.sr-only:not(:focus):not(:active) { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }


.main-flow, .complex-data { width: 70%; }
.blogPostPage .event-data .complex-data { width: 100%; }
credit { line-height: 1.6; letter-spacing: -0.24px; text-align: right; color: #b1afaf; font-size: 0.7rem; margin-top: -10px; display: block; margin-bottom: 10px; }


@media (min-width: 1921px) {
}

@media (max-width: 1400px) {
    .main-flow { width: calc(95% - 256px - 20px); }
}

@media (max-width: 767px) {
    body.popOpen { overflow: hidden; /*height: calc(var(--app-height) * 1 );*/ }
    .main-flow { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 20px; }
    button#INDmenu-btn { bottom: 2% !important; }
}



/* Homepage START */

.main-slider .part-of { max-width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.HomePageLink { position: absolute; inset: 0; }

.slide-info { position: absolute; top: 50%; right: 120px; background: rgba(255, 255, 255, 0.85); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); min-width: 478px; min-height: 75%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 68px 45px 33px; }
.slide-info .title { max-width: 360px; font-weight: 700; font-style: italic; font-size: 2.1rem; }
.slide-info .type { font-weight: 700; font-size: 0.9rem; -ms-flex-item-align: start; align-self: flex-start; position: relative; margin-bottom: 50px; }
.slide-info .subtitle { margin-bottom: 25px; font-size: 24px; }
.slide-info .date { font-size: 0.9rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.slide-info .info-badge { border-radius: 50%; position: absolute; top: -50px; left: 15px; border: 1px solid #000; }
.slide-info .last-tickets { position: absolute; bottom: 33px; left: -17px; font-size: 1rem; color: var(--main-color); background: #fff; padding: 3px 18px; -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }
.slide-info .links a { display: table; font-weight: 700; color: #000; margin-bottom: 10px; position: relative; }
.slide-info .links a:last-of-type { margin: 0; }


.boxes-list .box { padding: 0 12px; width: 33.33333%; margin-bottom: 30px; -webkit-animation: slide-up 0.4s ease; animation: slide-up 0.4s ease; }
.boxes-list.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; }
.boxes-list .box[data-subject-id="6"] { text-align: left; direction: ltr; }
.boxes-list .box[data-subject-id="6"] .box-inner .info-bottom { padding-right: 0; padding-left: 18px; }

.section-heading { text-align: center; font-weight: 700; font-style: italic; font-size: 2.4rem; margin-bottom: 45px; }
.events { padding-top: 30px; padding-bottom: 80px; border-bottom: 1px solid; }




.box-image, .box-inner .image { /* transform: none; */ /* inset: 0; */ /* width: 100%; */ }
.box-inner .image:hover .box-image, .box-inner .image:focus .box-image, .box-inner:hover .box-image { }

.badge-wrapper { position: absolute; top: 15px; right: 15px; }
.badge-wrapper span { position: absolute; top: 52%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 0.85rem; font-weight: 500; }

.box-badge { border-radius: 50%; }
.box-tag { background: #fff; position: absolute; left: 0; bottom: 20px; padding: 3px 15px; min-width: 120px; text-align: center; font-size: 0.75rem; }
.box-inner .info-middle { padding: 20px 18px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 150px; }
.box-heading { margin-top: 0; font-weight: 700; font-style: italic; font-size: 26px; color: #000; font-size: 1.4rem; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; line-height: 1; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
/*.box-num { display: none; }*/
.box-details { font-size: 19px; margin-bottom: 10px; display: block; }

.box-inner .info-bottom { padding-right: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.box-event .box-inner .info-bottom { border-top: 1px solid; }
.box-inner .places { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.7rem; }

.box-place { margin-left: 10px; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.box-place svg { margin-left: 5px; }

.box-time { background: #000; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; padding: 5px 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.box-time .first-line { font-weight: 700; font-size: 1.15rem; line-height: 1.3; }
.box-time .second-line { font-size: 0.7rem; }

/*.box-inner:hover { border-color: #019246; }*/
.box-inner:hover .image { background-size: 105%; }
.box-subject-title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 0.8rem; }

.box-video .lineSeperator { border-left: 1px solid #000; margin: 0 5px; height: 15px; position: relative; top: 3px; }
.box-video .box-inner .info-bottom { height: 52px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.box-video .box-duration { position: relative; opacity: 0; -webkit-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; transition: 1s all ease-in-out; }
.box-video.timeOn .box-duration { opacity: 1; }
.box-video .box-duration::after { content: ""; display: block; height: 12px; width: 1px; display: inline-block; background: #000; margin: 0 5px; margin-bottom: -2px; }
.box-video-time { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 21px; -webkit-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; transition: 1s all ease-in-out; font-size: 0.8rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.box-video .play { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 59px; height: 59px; z-index: 1; }

.canceled-tag { background: #b11f1f; position: absolute; right: 0; top: 10px; padding: 3px 15px; min-width: 110px; text-align: center; color: #fff; }

.boxes-list .box.canceled { opacity: 0.4; pointer-events: none; }


.slide-info .type::after { background: -webkit-gradient( linear, left top, right top, from(transparent), to(rgba(13,152,79,1))); background: -o-linear-gradient( left, transparent 0%, rgba(13,152,79,1) 100%); background: linear-gradient( 90deg, transparent 0%, rgba(13,152,79,1) 100%); content: ""; width: 12px; height: 4px; position: absolute; bottom: -4px; right: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.slide-info .links a::after { background: -webkit-gradient( linear, left top, right top, from(transparent), to(rgba(13,152,79,1))); background: -o-linear-gradient( left, transparent 0%, rgba(13,152,79,1) 100%); background: linear-gradient( 90deg, transparent 0%, rgba(13,152,79,1) 100%); content: ""; width: 25px; height: 4px; position: absolute; bottom: -4px; right: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

.btn { background: #000; border-radius: 0; color: #fff; font-size: 0.95rem; font-weight: 300; padding: 9px 0px; display: block; border: 2px solid #000; -webkit-box-shadow: inset 0 0px 0px #f7f7f6; box-shadow: inset 0 0px 0px #f7f7f6; -webkit-transition: all 0.9s !important; -o-transition: all 0.9s !important; transition: all 0.9s !important; }

.all-events.btn { text-align: center; display: table; margin: 0 auto; margin-top: 50px; padding-inline: 15px; }

@media (max-width: 1200px) {

    .slide-info { padding: 30px; min-height: 65%; }
    .main-slider .slide-info .title { font-size: 1.4rem; max-width: 280px; }
    .main-slider .featuring { margin-bottom: 20px; font-size: 1rem; }
    .main-slider .slide-info .date { margin-bottom: 20px; font-size: 0.7rem; }
    .slide-info .type { margin-bottom: 20px; font-size: 0.7rem; }
    .slide .live-stream { top: 30px; left: 30px; }
    .box-badge { width: 70px; height: 70px; }
    .main-slider .badge-wrapper span { font-size: 0.8rem; }
    .main-slider .badge-wrapper { top: -35px; left: 25px; }

    .body-content { padding: 0 40px; }
    .slide-info { right: 40px; }
}



@media (max-width: 767px) {
    .events .boxes-list .box { width: 100%; min-width: 100%; }
    .section-heading { font-size: 1.7rem; max-width: 95%; margin-left: auto; margin-right: auto; margin-bottom: 25px; }

    .events { padding-bottom: 40px; border-bottom: 0; position: relative; }

    .box-inner .info-bottom { min-height: 50px; }
    .box-badge { width: 60px; height: 60px; }
    .main-slider .badge-wrapper span { font-size: 0.6rem; }
    .main-slider .badge-wrapper { top: -15px; left: 10px; }

    .slide-info { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: unset; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); min-width: 90%; top: auto; bottom: 20px; min-height: 200px; padding: 60px 5px 40px; }
    .main-slider .slide-info .title { margin-left: auto; margin-right: auto; margin-bottom: 10px; text-align: center; }
    .slide-info .type { display: none; }
    .main-slider .links { display: none; }
    .slide-info .part-of { display: none; }
    .slide-info .last-tickets { display: none; }

    .main-slider .slide-info .date { margin-bottom: 10px; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .main-slider .slide-info .date > * { padding: 0 7px; }
    .slide .live-stream { top: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid #ff0000; padding-left: 10px; width: 146px; color: #ff0000; }
    .slide-info::before { background: -webkit-gradient( linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(13,152,79,1))); background: -o-linear-gradient( left, rgba(255,255,255,0) 0%, rgba(13,152,79,1) 100%); background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(13,152,79,1) 100%); content: ""; width: 100%; height: 10px; position: absolute; top: 0; right: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
    .mobile-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .main-slider .link-wrapper { margin-bottom: 0; margin-left: 16px; }
    .main-slider .link-wrapper:last-of-type { margin-left: 0; position: relative; }

    .main-slider .link-wrapper:last-of-type::before { content: ""; display: block; width: 2px; height: 17px; position: absolute; right: -8px; top: 46%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #000; }
    .main-slider .link-wrapper:first-of-type:before { display: none; }
    .main-slider .time { margin-left: 16px; }
    .main-slider .time::after { display: block; width: 2px; height: 17px; position: absolute; left: -8px; top: 46%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #000; content: ""; }

    .main-slider .slide-info .date.desktop { display: none; }
    .type-series-wrapper .type { display: block; margin: 0; font-weight: 400; }
    .type-series-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .part-of-mobile { font-size: 0.7rem; font-weight: 700; margin-right: 16px; position: relative; }
    .part-of-mobile::before { content: ""; display: block; width: 2px; height: 17px; position: absolute; right: -8px; top: 46%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #000; }

    .all-events.btn { margin-top: 35px; }
    main:not(.search-result-page) .events::after { content: ""; display: block; width: calc(100% - 24px); height: 1px; position: absolute; background: #000; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
}

/* Homepage END */

/* Category Page */
.categories { width: calc( var(--vw) * 1 ); position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); background: #fff; border-top: 1px solid; }
.categories-list { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; font-size: 16px; }
.category-link { color: #000; padding: 5px 25px; display: block; }
.category-item::after { content: ""; display: block; height: 20px; width: 1px; background: #000; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.category-item { position: relative; }

li.category-item.active { }

.category-item.active .category-link { color: #119851; }


.category-banner { /*height: 300px;*/ min-height: 300px; background-image: url(https://via.placeholder.com/1280x300); background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: CENTER; -ms-flex-pack: CENTER; justify-content: CENTER; padding: 45px 75px; color: #fff; margin-bottom: 15px; position: relative; text-align: center; }
.category-banner:hover h1, .category-banner:focus h1 { color: #fff; }
.events-page .category-banner { margin-bottom: 0; }
.category-heading { font-weight: 700; font-style: italic; font-size: 74px; margin: 0; margin-bottom: 5px; position: relative; z-index: 2; }
.category-subheading { margin: 0; font-size: 30px; z-index: 3; }
.category-host { margin: 0 0 10px; font-size: 30px; z-index: 3; }
.category-host a, .category-host a:hover { color: #fff; }
.category-banner::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.35; pointer-events: none; z-index: 0; }

.subcategories-list { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; border-bottom: 1px solid #000; padding-bottom: 10px; }
.subcategories-list .subcategory { padding: 0 40px; }
.subcategories-list .subcategory .link { color: #000; }
.subcategories-list .subcategory.active .link { font-weight: 700; color: #009246; }
.subcategory-heading { font-weight: 700; font-style: italic; text-align: center; font-size: 42px; margin: 0 0 30px; }


.main-content { padding-top: 85px; }
.margin-auto { margin: auto; }
.margin-top-none { margin-top: 0px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-45 { margin-top: 45px; }

.btn.load-more { display: table; margin: 0 auto; min-width: 220px; margin-top: 40px; }

.content-relation.withUnderline { display: inline-block; margin-left: 15px; }


@media (max-width: 767px) {
    .main-content { padding-top: 60px; }
    .category-banner-m { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: center; }
}




/* Events Page START */
.subjects { border-bottom: 1px solid #000; margin-bottom: 45px; }
.subjects-list { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 76%; }
.subjects-item { margin-left: 42px; position: relative; }
.subjects-item:last-of-type { margin: 0; }
/*.subjects-item.last-item { margin-left: 0; }*/
.subjects-item::after { content: ""; display: block; width: 1px; height: 20px; background: #000; left: -25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; }
.subject-link { color: #000; }
.subjects-item:nth-last-child(2)::after { display: none; }
.events-page .subjects-item:nth-last-child(2)::after { display: block; }
.filter-by { background: #fff; border: none; border-radius: 0; padding: 4px; margin: 0 18px; font-size: 0.75rem; }
.filter-date { background: none; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 13px 0; font-size: 0.75rem; margin-right: 15px; position: relative; }
.subjects-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.filter-date::before { content: ""; display: block; height: 54px; position: absolute; bottom: 0; right: -15px; background: #000; width: 1px; }
.subjects-item.all { font-weight: 600; }
.subjects-item.active .subject-link { color: var(--main-color); }
.box-featuring { font-size: 1rem; margin-bottom: 5px; }
.box-featuring .name { font-weight: 700; color: #000; }
.box-part-of { font-size: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.box-part-of .name { font-weight: 700; color: #000; }
.filter-by-select .ui-icon { float: left; background-image: url(./assets/v.svg) !important; width: 10px; height: 5px; background-size: cover; float: none; background-position: center; }
.ui-selectmenu-button.ui-button.filter-by-select { text-align: right; width: 130px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 6px 5px 9px; border-radius: 0; border: 1px solid transparent; background: #fff; }
.filter-by-select .ui-selectmenu-text { margin-right: 0; font-family: 'EditorSans'; font-size: 0.75rem; color: #000; }
.filter-by-menu .ui-menu-item-wrapper { padding: 7px 8px; border-right: 4px solid transparent; font-size: 0.75rem; }
.filter-by-menu .ui-widget.ui-widget-content { border: none; font-weight: 600; font-family: 'EditorSans'; font-style: italic; border-radius: 0; }
.filter-by-menu .ui-state-active { border: none; background: #f6f6f6; color: #000; font-weight: 600; border-right: 4px solid var(--main-color); border-radius: 0; margin: 0; }

.btn.rounded { border-radius: 30px; }
.filter-date input::-webkit-input-placeholder { color: #000; }
.filter-date input::-moz-placeholder { color: #000; }
.filter-date input:-ms-input-placeholder { color: #000; }
.filter-date input::-ms-input-placeholder { color: #000; }
.filter-date input::placeholder { color: #000; }
.filter-date input { border-radius: 0; border: none; background: none; padding: 7px 2px; max-width: unset; width: 100%; cursor: pointer; border: 1px solid transparent; }
.filter-date svg { position: absolute; left: 1px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 135px; }
.ui-widget.ui-widget-content { border: none; border-radius: 0; max-width: 240px; -webkit-box-shadow: 5px 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 5px 3px 6px 0 rgba(0, 0, 0, 0.16); }
.ui-datepicker { padding: 11px 22px 32px; }
.ui-widget-header { background: none; border: none; border-bottom: 1px solid var(--main-color); border-radius: 0; }
.ui-datepicker .ui-datepicker-header { padding: 14px 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; background: none; }
.ui-datepicker th { color: #b1afaf; font-family: 'EditorSans'; font-weight: 300; font-size: 0.65rem; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: none; text-align: center; padding: 0; width: 26px; height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.65rem; }
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: var(--main-color); color: #fff; border-radius: 50%; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: none; }
.ui-state-default, .ui-widget-content .ui-state-default { background: none; }
.ui-state-default:hover, .ui-state-default:focus { background: var(--main-color); color: #fff; border-radius: 50%; }
.ui-datepicker table { max-width: 196px; }
.subject-link .icon { display: none; width: 50px; height: 50px; border-radius: 50%; }
.subject-link .icon svg { width: 100%; height: 100%; }
.ui-datepicker .ui-datepicker-prev span::before { content: ""; display: block; width: 7px; height: 14px; background: url(./assets/calendar-arrow-grey.svg); margin-right: auto; background-size: cover; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; top: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.ui-datepicker .ui-datepicker-prev span::after { content: ""; display: block; width: 7px; height: 14px; background: url(./assets/calendar-arrow-green.svg); margin-right: auto; background-size: cover; -webkit-transform: translateY(-50%) scale(-1); -ms-transform: translateY(-50%) scale(-1); transform: translateY(-50%) scale(-1); right: 0; top: 50%; position: absolute; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.ui-datepicker .ui-datepicker-prev span { left: 0; margin-left: 0; }
.ui-datepicker .ui-datepicker-next span { right: 0; margin-right: 0; }
.ui-datepicker .ui-datepicker-next span::before { content: ""; display: block; width: 7px; height: 14px; background: url(./assets/calendar-arrow-grey.svg); margin-right: auto; background-size: cover; -webkit-transform: translateY(-50%) scale(-1); -ms-transform: translateY(-50%) scale(-1); transform: translateY(-50%) scale(-1); position: absolute; left: 0; top: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.ui-datepicker .ui-datepicker-next span::after { content: ""; display: block; width: 7px; height: 14px; background: url(./assets/calendar-arrow-green.svg); margin-right: auto; background-size: cover; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; top: 50%; position: absolute; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.ui-datepicker .ui-datepicker-prev:hover span::after, .ui-datepicker .ui-datepicker-next:hover span::after, .ui-datepicker .ui-datepicker-prev:focus span::after, .ui-datepicker .ui-datepicker-nex:focus span::after { opacity: 1; }
.events-page .page-info { display: none; }
.series-link { display: none; }
.events-page .series-link { display: block; }
.subjects-item.active svg { fill: var(--main-color) !important; }
.ui-selectmenu-button.ui-button.filter-by-select:hover, .ui-selectmenu-button.ui-button.filter-by-select:focus { border: 1px solid #B1AFB0; }
.filter-date input:hover, .filter-date input:focus { outline: none; border: 1px solid #B1AFB0; }

.boxes-list .box .info-wrapper { background: #fff; }


.ui-datepicker .ui-datepicker-title { font-family: 'EditorSans'; }
.events-series .subjects-item.all.active .subject-link { color: #000; }


.clearDateBtn { position: absolute; left: 0; bottom: -30px; text-decoration: underline; opacity: 0; pointer-events: none; transition: .3s all ease-in-out }
.clearDateBtn.active { opacity: 1; pointer-events: auto; }




@-webkit-keyframes moveGradient {
    50% { background-position: 100% 50%; }
}

@keyframes moveGradient {
    50% { background-position: 100% 50%; }
}

@media (max-width: 1300px) and (min-width:768px) {
    .subjects { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
    .subjects-list { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0; }
    .subjects-item { margin-left: 22px; }
    .subjects-item::after { left: -11px; }
}

@media (max-width: 991px) {
    .box-time .first-line { font-size: 1rem; }
    .box-time .second-line { font-size: 0.6rem; }
    .box-time { padding: 2px 10px; }
    .box-inner .places { font-size: 0.56rem; }
}

@media(min-width:768px) {
    .subjects { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 62px; position: relative; }
}

@media (max-width: 767px) {
    .category-banner { padding: 20px; margin: 0; }
    .category-heading { font-size: 2rem; }
    .category-subheading { font-size: 1rem; font-weight: 400; }
    .category-host { font-size: 1rem; font-weight: 400; }
    .subjects { border-bottom: none; margin-bottom: 15px; margin-bottom: 0; }
    .subjects-list { display: block; }
    .subjects-item { margin-left: 30px; }
    .subjects-item::after { left: -15px; }
    .subject-link .icon { display: block; margin-bottom: 5px; }
    .subject-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: calc(var(--vw) * 0.22); font-size: 0.6rem; }
    .subjects-item::after { display: none; }
    .subjects-item { margin: 0; /*padding: 0 10px; min-width: 82px;*/ }
    .subjects-filter { width: 100%; padding-left: 10px; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
    .filter-date svg circle { fill: transparent; }
    .ui-selectmenu-button.ui-button.filter-by-select { margin: 0; background: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
    .filter-date { padding: 5px 0; width: 133px; }
    .filter-by-menu .ui-widget.ui-widget-content { max-width: none; }
    .ui-selectmenu-button.ui-button.filter-by-select { height: 45px; padding: 5px 20px 5px 9px; }
    .filter-by-menu .ui-menu-item-wrapper { padding: 7px 16px 7px 8px; }
    .filter-date::before { height: 45px; }
    .subjects-list { background: #fff; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); padding: 23px 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; scroll-behavior: smooth; }
    .boxes-list .box { width: 100%; margin-bottom: 15px; }
    .boxes-list.row { margin: 0; }
    .box-heading { font-size: 1.1rem; }
    .box-inner .info-middle { padding-top: 15px; min-height: unset; }
    .box-details { font-size: 0.8rem; }
    .box-featuring { font-size: 0.9rem; }
    .box-part-of { font-size: 0.7rem; }
    .box-part-of .name { font-weight: 400; }
    .box-tag { font-size: 0.6rem; padding: 2px 10px 0; min-width: 100px; }
    .box-badge { width: 50px; height: 50px; }
    .box-time .first-line { font-size: 0.8rem; }
    .box-inner .places { font-size: 0.6rem; }
    .box-time .second-line { font-size: 0.6rem; }
    .subjects-list::-webkit-scrollbar { display: none; }
    .subject-link:hover, .subject-link:focus, .subject-link:active { color: var(--main-color); }
    .subject-link:hover .icon, .subject-link:focus .icon, .subject-link:active .icon { background: var(--main-color); }
    .badge-wrapper span { font-size: 0.6rem; }
    .box-image { /*width: 110%; height: auto; height: 110%;*/ }
    .events-page .subjects-item:nth-last-child(2)::after { display: none; }
    .event-more .box, .related-events .box { min-width: 80%; }
    .box .box-heading { margin-bottom: 10px; }
    .clearDateBtn { position: unset; display: block; text-align: left; padding: 0 5px; margin-top: 10px; }
}

/* Events Page END */


.btn.colored { background: var(--main-color); border-color: var(--main-color); -webkit-box-shadow: inset 0 0px 0px #fff; box-shadow: inset 0 0px 0px #fff; }
.btn.colored:hover, .btn.colored:focus { -webkit-box-shadow: inset -430px 0px 0px #fff; box-shadow: inset -430px 0px 0px #fff; color: var(--main-color); }

.events-series .heading { text-align: center; font-size: 1.75rem; font-weight: 700; font-style: italic; margin: 0; margin-bottom: 50px; }


.events-series .past-heading { font-weight: 500; font-style: italic; font-size: 1.25rem; margin-bottom: 25px; display: block; }

.info-wrapper .play { display: none; margin: 0 auto 0 30px; }
.time-wrapper .play { display: none; margin: 0 auto 0 30px; }
.time-wrapper .play.has-video, .info-wrapper .play.has-video { display: block; }
.info-wrapper-video { margin: 0 auto 0 30px; }

.boxes-list.slick-slider .box { padding: 0 4px; }


@media(min-width: 1025px) {
    .boxes-list.notInfinite.row.noSlider { display: flex; justify-content: center; }
    .boxes-list.notInfinite.row.noSlider > .box { width: 25%; }
    .boxes-list.notInfinite.row.noSlider .box-image { width: 100%; }
}

.box.content .box-inner .info-bottom { padding: 0 14px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.box.content .box-time { padding: 0; background: none; color: #000; font-size: 0.6rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.box.content.small .box-time .first-line { font-size: inherit; }
.box.content .box-time .first-line { font-weight: 400; }
.box.content .box-time .duration { position: relative; margin-right: 10px; }
.box.content .box-time .duration::before { content: ""; display: block; height: 12px; width: 1px; position: absolute; right: -6px; top: 44%; background: #000; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.box.content .box-inner .info-bottom { border-top: none; padding: 11px 14px; }
.box.content .box-inner .info-bottom .category-wrapper { font-size: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; }
.box.content .box-inner .info-bottom .category { color: #000; position: relative; }
.box.content .box-inner .info-bottom .type { position: relative; margin-right: 10px; }
.box.content .box-inner .info-bottom .type::before { content: ""; display: block; height: 12px; width: 1px; position: absolute; right: -6px; top: 44%; background: #000; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.box.content .box-inner .info-bottom .category::before { background: -webkit-gradient( linear, left top, right top, from(rgba(255,255,255,1)), to(rgba(13,152,79,1))); background: -o-linear-gradient( left, rgba(255,255,255,1) 0%, rgba(13,152,79,1) 100%); background: linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(13,152,79,1) 100%); content: ""; width: 10px; height: 4px; position: absolute; bottom: 0; right: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.box.content .box-inner .info-bottom .category:hover::before, .box.content .box-inner .info-bottom .category:focus::before { width: 100%; }

.addthis_inline_share_toolbox { display: none; margin-top: 10px; }
.box .content-type { position: relative; margin-right: 10px; }
.box .content-type::before { content: ""; display: block; width: 1px; height: 10px; position: absolute; top: 50%; right: -6px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #000; }
.box-inner .info-middle *:nth-last-child(2) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; }
.box-inner .info-middle .box-summary { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px; }
.iframe-wrapper iframe { width: 100%; border: none; }
.iframe-wrapper { margin-bottom: 50px; }
.subjects-item.series-link::after { display: none; }

.details.fixed { position: fixed; top: 20px; left: calc(var(--vw) * 0.083); margin-top: 0; width: calc(var(--vw) * 0.166); margin-bottom: 50px; }
.details.fixed.bottom { position: absolute; bottom: 0; left: 0; top: auto; width: calc(100% * 0.2); }
#SiteHeader:not(.hide) + .body-content .details.fixed { top: 183px; }
#SiteHeader:not(.hide) + .body-content .details.fixed.bottom { top: auto; }

.calender-items.links-items { background: #fff; width: 186px; padding: 4px 0; margin-top: 2px; }
.calender-items.links-items a { padding: 7px 7px 6px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 3px solid transparent; }
.calender-items.links-items a:hover, .calender-items.links-items a:focus { background: #f6f6f6; border-right: 3px solid var(--main-color); }
.calender-items.links-items a img { margin-left: 5px; }

.calender-items.links-items img { width: 20px; }
.calender-items.links-items a:Last-of-type img { width: 18px; margin-left: 7px; margin-right: 1px; }


@media(min-width:1025px) {
    .info-wrapper-video { display: flex; }
    .info-wrapper-general { width: 700px; }
}



@media (max-width: 1200px) {
    .details.fixed { width: 256px; left: 40px; }
    #SiteHeader:not(.hide) + .body-content .details.fixed { top: 163px; }
    .details.fixed.bottom { width: 256px; }
}



@media (max-width: 767px) {
    .events-series .heading { margin-bottom: 20px; font-size: 1.25rem; text-align: right; }
 
    .events-series .past-heading { font-weight: 600; margin-bottom: 20px; }
    .related-video .heading { text-align: right; font-size: 1.25rem; margin-bottom: 20px; font-weight: 600; }
    .related-events .heading { font-size: 1.25rem; text-align: right; margin-bottom: 20px; font-weight: 600; }
    .related-events { padding: 0 20px; margin-bottom: 40px; }
    .related-events .boxes-list.row, .event-more .boxes-list.row { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: calc( var(--vw) * 1 ); position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); }
    
    .related-events .boxes-list.row::-webkit-scrollbar, .event-more .boxes-list.row::-webkit-scrollbar { display: none; }


    .series-list .basic-info .toggle.open::after { -webkit-transform: translate(-50%, -45%) rotate(90deg); -ms-transform: translate(-50%, -45%) rotate(90deg); transform: translate(-50%, -45%) rotate(90deg); }


    .series-list.past .basic-info .name { max-width: 100%; }
    .related-events .box .box-inner .box-image { width: 100%; }
    .details.fixed { position: static; width: 100%; margin-top: -65px; }
}


/* Event Page END */
/* Series Page START*/
.category-banner.series { margin-bottom: 40px; }
.page-info .desc { font-size: 0.9rem; max-width: 900px; margin-bottom: 28px; }
.event-series-page .page-info .desc p, .event-series-page .page-info .desc div { text-align: right !important; margin-bottom: 0; }
.page-info .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.page-info .link svg { margin-left: 5px; }
.page-info .link { color: #000; font-size: 0.9rem; margin-left: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.page-info .link::after { content: ""; display: inline-block; height: 18px; width: 1px; position: absolute; background: #000; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; }
.page-info .link:last-of-type::after { display: none; }
.page-info .links.share-wrapper { align-items: flex-start; }
.past-events { border-top: 1px solid #000; margin-top: 30px; padding-top: 40px; }
.past-events-title { font-size: 1.75rem; font-weight: 600; font-style: italic; text-align: center; margin: 0 0 40px; }
.past-events .box { opacity: 0.6; }
.page-info .desc img { float: none !important; width: auto; height: auto; }
.event-series-page .page-info { margin-bottom: 35px; }
#SiteHeader .subjects-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.page-info .link.share svg { width: 15px; height: 20px; }
.page-info .tags { margin-top: 40px; color: #b1afaf; font-size: 12px; }
.page-info .tag:not(:last-child)::after { content: ','; display: inline-block; margin-left: 3px; }

@media (min-width: 1441px) {
    .page-info .desc { max-width: calc(var(--vw) * 0.6); }
    .page-info .desc ~ #itemIframe { max-width: calc(var(--vw) * 0.6); }
}

@media (max-width: 767px) {
    .page-info { padding: 0 19px; }
    .page-info .desc { font-size: 0.8rem; }
    .category-banner.series { margin-bottom: 25px; }
    .past-events-title { font-size: 1.25rem; margin-bottom: 20px; }

    .page-info .tags { display: flex; flex-wrap: wrap; row-gap: 10px; }
}
/* Series Page END */

/* Location Page START */
.location-page .category-banner { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 40px; }
.location-page .page-info .desc { font-size: 1.25rem; max-width: 992px; }
.location-page .page-info .links { display: none; }

@media (max-width: 767px) {
    .location-page .category-banner { margin-bottom: 25px; }
    .location-page .page-info .desc { font-size: 0.8rem; }
}



/**Video Page**/

.box-video-main .box-inner { background: transparent; margin-bottom: 15px; max-width: 862px; margin-top: 15px; }
.box-video-main .box-video-time { font-size: 0.8rem; color: #A9A9A9; margin-bottom: 30px; }
.box-video-main .box-num { display: inline-block; }
.box-video-main .box-heading { font-size: 2rem; margin-bottom: 10px; }
.box-video-main .box-part-of { font-size: 1.1rem; }
.box-video-main .box-video-time { margin-top: 8px; }
.box-video-main.box-video .box-duration:after { display: none; }
.box-video-main.box-video .box-duration:before { content: ""; height: 12px; width: 1px; display: inline-block; background: #000; margin: 0 5px; margin-bottom: -2px; }
.video-pages .box-featuring { font-size: 1.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 480px; }
.video-pages .featuring-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }
.video-pages .featuring-wrapper > div:nth-of-type(2) { margin-right: 30px; position: relative; }

.video-pages .featuring-wrapper > div:nth-of-type(2)::before { content: ""; display: block; width: 2px; height: 20px; background: #000; position: absolute; top: 5px; right: -15px; }
.box-video-main .box-video-time .box-heb-date::before { content: ""; height: 12px; width: 1px; display: inline-block; background: #000; margin: 0 5px; margin-bottom: -2px; }
.box-video-main .box-video-time .box-heb-date .hebrew-date-start { display: inline; }
.page-info .link:hover, .page-info .link:focus { color: var(--main-color); }
.page-info .link:hover svg, .page-info .link:focus svg { fill: var(--main-color); }
.page-info .link:not(.share):hover svg path, .page-info .link:not(.share):focus svg path { stroke: var(--main-color); }

.video-series .box-video:first-of-type .play { width: 90px; height: 90px; }

.box-video-main .box-inner.playing::before { display: none; }
.box-video-main .box-inner.playing::after { display: none; }
.box-video-main .box-inner.playing iframe { height: 480px; border: none; }
.box-video-main .box-inner.playing.content-relationVideo iframe { width: 100%; }

.box-video-main.box-video .play { width: 112px; height: 112px; opacity: 1; margin: 0; }







/**Video Page END**/

/* Podcast Series Page START */
.podcast-page .podcast-description { font-size: 0.9rem; line-height: 1.67; margin-bottom: 30px; }
.podcast-updates { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 90px; }
.podcast-updates .text { margin-left: 5px; font-size: 0.7rem; }
.podcast-updates .link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 5px; }
.podcast-items-list .podcast-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 43px 32px 26px; -webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 37px; -webkit-animation: slide-up 0.4s ease; animation: slide-up 0.4s ease; }
.podcast-item .image { width: 193px; height: 193px; position: relative; }
.podcast-item .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 193px); padding-right: 35px; }
.podcast-item .image .player-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; width: 59px; height: 59px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: none; border: none; padding: 0; }
.podcast-item .image .play, .podcast-item .image .pause { width: 59px; height: 59px; }
.podcast-item .title { margin: 0 0 20px; font-size: 1.75rem; font-weight: 700; font-style: italic; }
.podcast-item .date-wrapper { color: #8b8b8b; font-size: 0.7rem; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.podcast-item .date-wrapper .length { position: relative; margin-right: 10px; }
.podcast-item .date-wrapper .length::before { content: ""; display: block; width: 3px; height: 3px; position: absolute; top: 50%; right: -6px; background: #8b8b8b; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; }
.podcast-item .desciption { max-width: 850px; font-size: 1rem; line-height: 1.48; margin-bottom: 15px; }
.podcast-item .read-more { margin-bottom: 48px; -ms-flex-item-align: start; align-self: flex-start; color: #8b8b8b; }
.podcast-item .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.podcast-item .share { font-size: 0.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.podcast-item .share svg { margin-left: 5px; }
.podcast-item .platform { margin-right: 15px; }
.podcast-item .image.mobile { display: none; }
.podcast-page .mobile-read-more { display: none; }
.podcast-page .category-banner.series { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.podcast-page .page-info .links { display: none; }
.podcast-items-list .podcast-item audio { display: none; }
.share-items { margin-top: 10px; display: none; min-width: 85px; }
.calender-items { font-size: 0.6rem; background-color: #f7f7f7; z-index: 1; width: 200px; margin-top: 5px; }
.calender-items a img { width: 12px; display: inline-block; }
.calender-items a { display: block; line-height: 1.2; }
.links-items { position: absolute; display: none; }
.calender-items.active { max-height: 100px; }

.podcast-item .image .pause { display: none; }
.podcast-item.playing .play { display: none; }
.podcast-item.playing .pause { display: block; }
.podcast-item .image .player-btn:hover svg, .podcast-item .image .player-btn:focus svg { fill: #fff; }
.podcast-item .image .player-btn svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.podcast-updates .link:hover svg, .podcast-updates .link:focus svg { fill: var(--main-color); }
.podcast-item .image .player-btn:hover svg path, .podcast-item .image .player-btn:focus svg path { fill: #000 !important; }
.podcast-items-list .podcast-item img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.podcast-items-list .podcast-item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1) }
.podcast-item .image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; max-width: 250%; }
.podcast-items-list .podcast-item:hover .title { color: var(--main-color); }
.podcast-items-list .podcast-item .title { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.podcast-items-list .podcast-item .link:hover .title, .podcast-items-list .podcast-item .link:focus .title { color: var(--main-color); }
.podcast-item .share:hover, .podcast-item .share:focus { color: var(--main-color); }
.podcast-item .share:hover svg, .podcast-item .share:focus svg { fill: var(--main-color); }
.share-item:hover svg, .share-item:focus svg { fill: var(--main-color); }
.platform:hover svg, .platform:focus svg { fill: var(--main-color); }
body .podcast-item .green-audio-player { position: relative; }
.podcast-page .top-section { margin-top: 40px; }
.podcast-item .image .image-wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; max-width: 250%; position: relative; overflow: hidden; border-radius: 50%; }
.podcast-items-list .podcast-item.playing .audio-wrapper { display: flex !important; }

@media (max-width: 767px) {
    .podcast-item .image.mobile { display: block; }
    .podcast-item .image.desktop { display: none; }
    .podcast-page .podcast-description { margin-bottom: 10px; }
    .podcast-updates { margin-bottom: 40px; }
    .podcast-items-list .podcast-item { width: calc(100% - 40px); margin-left: auto; margin-right: auto; margin-bottom: 20px; padding: 20px 20px 15px; }
    .podcast-item .info { width: 100%; padding: 0; }
    .podcast-item .info-top { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; }
    .podcast-item .image { width: 90px; height: 90px; min-width: 90px; }
    .podcast-item .image .play, .podcast-item .image .pause { width: 40px; }
    .podcast-item .top-wrapper { padding-right: 15px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .podcast-item .title { font-size: 1.1rem; margin-top: 10px; }
    .podcast-item .date-wrapper { margin-bottom: 0; }
    .podcast-updates .link svg { width: 47px; height: auto; max-height: 20px; max-width: 23px; fill: var(--main-color); }
    .podcast-updates .link { margin-left: 20px; position: relative; }
    .podcast-updates .link:first-of-type::before { content: ""; display: block; width: 1px; height: 20px; background: #000; position: absolute; top: 55%; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .podcast-item .platform svg { fill: var(--main-color); }
    .podcast-item .share svg { fill: var(--main-color); }
    .podcast-item .platform { position: relative; margin-right: 20px; }
    .podcast-item .platform:first-of-type::before { content: ""; display: block; width: 1px; height: 20px; background: #000; position: absolute; top: 10%; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .podcast-item .desciption { font-size: 0.8rem; }
    .podcast-item .read-more { font-size: 0.7rem; }
    .podcast-page .mobile-read-more { display: block; margin-bottom: 30px; }
    .podcast-page .top-section { padding: 0 20px; }
    .links-items { position: static; }
    body .podcast-item .green-audio-player { transform: none; position: static; margin-bottom: 20px; width: 100%; }
}
/* Podcast Series Page END */

/* Podcast Inner Page START */
.podcast-inner-page .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; }
.podcast-inner-page .links .podcast-updates { margin-bottom: 0; }
.podcast-inner-page .links .right-side { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.podcast-inner-page .links .podcast-updates { margin-left: 20px; position: relative; }
.podcast-inner-page .links .podcast-updates::after { content: ""; display: block; width: 1px; height: 18px; position: absolute; top: 1px; left: -9px; background: #000; }
.podcast-inner-page .podcast-updates .link { margin-left: 10px; }
.podcast-inner-page .share-wrapper .share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.podcast-inner-page .share-wrapper .share svg { margin-left: 5px; }
.podcast-inner-page .platform { margin-right: 15px; }
.podcast-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 35px; }
.podcast-content .image { position: relative; }
.podcast-content .image .image-wrap { border-radius: 50%; overflow: hidden; width: 193px; height: 193px; max-width: 193px; position: relative; }
.podcast-content .data { padding-right: 85px; width: calc(100% - 193px ); }
.podcast-content .image .player-btn { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; background: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; width: 59px; height: 59px; }
.podcast-content .image .player-btn svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.podcast-content .data .title { margin: 0 0 30px; font-size: 2.25rem; font-style: italic; font-weight: 600; }
.podcast-content.playing .play { display: none; }
.podcast-content .pause { display: none; width: 100%; height: 100%; }
.podcast-content.playing .pause { display: block; }
.podcast-content audio { display: none; }
.podcast-content .data .speaker-wrapper { font-size: 1.2rem; color: #313131; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; }
.podcast-content .data .speaker { position: relative; margin-left: 30px; }
.podcast-content .data .speaker::before { content: ""; display: block; width: 2px; height: 24px; position: absolute; background: #313131; left: -15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.podcast-content .data .date-wrapper { font-size: 0.7rem; color: #898989; margin-bottom: 35px; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; }
.podcast-content .data .date { position: relative; margin-left: 12px; }
.podcast-content .data .date::before { content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background: #898989; position: absolute; left: -8px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.podcast-content .data .description { max-width: 850px; font-size: 1rem; margin-bottom: 30px; }
.share-items svg { max-width: 20px; max-height: 20px; }
.share-item { margin-left: 5px; }
.podcast-inner-page .tags, .podcast-inner-page .tags .title { font-size: 0.6rem; font-weight: 300; color: #b1afaf; }
.podcast-inner-page .tags .tag:hover, .podcast-inner-page .tags .tag:focus { color: #b1afaf; }
.podcast-inner-page .series.event-more { padding-top: 0; border: 0; }
.podcast-content .image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; max-width: unset; max-height: 100%; }
.podcast-content .image:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
.podcast-content .image .player-btn:hover .play, .podcast-content .image .player-btn:focus .play { fill: #fff; }
.podcast-content .image .player-btn:hover .play path, .podcast-content .image .player-btn:focus .play path { fill: #000 !important; }
.podcast-content .image .player-btn:hover .pause g > path, .podcast-content .image .player-btn:focus .pause g > path { fill: #fff; }
.podcast-content .image .player-btn:hover .pause g g path, .podcast-content .image .player-btn:focus .pause g g path { stroke: #000 !important; }
.podcast-content .image .player-btn .pause g > path, .podcast-content .image .player-btn .pause g g path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.podcast-name.withUnderline::before { height: 6px; }
.series.event-more .box-podcast .box-part-of { display: none; }
.box-podcast .date-wrapper { font-size: 0.8rem; color: #000; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.box-podcast .date-wrapper .length { position: relative; display: block; margin-right: 13px; }
.box-podcast .date-wrapper .length::before { margin-right: 12px; }
.box-podcast .date-wrapper .length::after { content: ""; display: block; position: absolute; top: 50%; right: -9px; width: 3px; height: 3px; background: #898989; border-radius: 50%; -webkit-transform: translateY(-96%); -ms-transform: translateY(-96%); transform: translateY(-96%); }
.box-podcast .info-bottom { padding-left: 14px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 52px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.podcast-inner-page .share-wrapper .share:hover, .podcast-inner-page .share-wrapper .share:focus { color: var(--main-color); }
.podcast-inner-page .share-wrapper .share:hover svg, .podcast-inner-page .share-wrapper .share:focus svg { fill: var(--main-color); }
body .green-audio-player { direction: ltr; max-width: 193px; min-width: unset; margin-top: 20px; padding: 0 10px; height: 40px; display: none !important; }
.podcast-content.playing .green-audio-player { display: flex !important; }
body .green-audio-player .volume { display: none; }
body .green-audio-player .controls { margin: 0; font-size: 13px; display: flex; }
body .green-audio-player .holder .play-pause-btn { display: none; }
body .green-audio-player .controls span { line-height: 1; }

@media (max-width: 991px) {
    .podcast-content .data { padding-right: 50px; width: calc(100% - 118px); }
    .podcast-content .image .image-wrap { width: 118px; height: 118px; margin: 0 auto; }
}

@media (max-width: 767px) {
    .podcast-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; margin-bottom: 40px; }
    .podcast-content .data { padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }
    .podcast-content .image { max-width: unset; border-radius: 0; margin-bottom: 30px; width: 100%; height: calc(var(--vw) * 1); }
    .podcast-content .data .title { font-size: 1.2rem; margin-bottom: 14px; }
    .podcast-content .data .speaker-wrapper { font-size: 0.8rem; }
    .podcast-content .data .speaker::before { height: 15px; left: -10px; }
    .podcast-content .data .speaker { margin-left: 20px; }
    .podcast-content .data .description { font-size: 0.8rem; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
    .podcast-inner-page .podcast-updates .link { margin-left: 20px; }
    .podcast-inner-page .links { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 20px; }
    .podcast-inner-page .tags { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
    .podcast-inner-page .tags .title { font-size: 0.6rem; }
    .podcast-inner-page .event-more .subcategory-heading { font-size: 1.25rem; }
    .podcast-inner-page .podcast-updates { margin-bottom: 0; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
    .podcast-inner-page .share-wrapper .share svg { fill: var(--main-color); }
    .podcast-inner-page .platform svg { fill: var(--main-color); }
    .podcast-inner-page .platform:last-of-type { position: relative; height: auto; }
    .podcast-inner-page .platform:last-of-type::before { content: ""; display: block; width: 1px; height: 20px; background: #000; position: absolute; bottom: 5px; right: -10px; }
    .podcast-inner-page .share-wrapper .share-items .share-item { display: inline; }
    .podcast-content .image .image-wrap { max-width: unset; border-radius: 0; margin-bottom: 30px; width: 100%; height: calc(var(--vw) * 1); }
    body .green-audio-player { position: absolute; bottom: 30px; margin: 0; left: 50%; transform: translateX(-50%); max-width: 310px; width: 70%; }
}
/* Podcast Inner Page END */

/* Blog Page START */
.blog-page .subjects-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.blog-page .page-info { display: none; }
.blog-page .category-banner { margin-bottom: 0; }
.blog-page .subjects { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.box-blog .info-bottom { height: 52px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.box-blog .box-heading { margin-bottom: 10px; width: 100%; /*overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;*/ }
.box-blog .box-inner .info-middle *:nth-last-child(2) { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
.box-blog .writer-wrapper { font-size: 0.75rem; }
.box-blog .writer-wrapper .from { font-weight: 700; }
.blog-text .side-content .btn { padding: 4px 15px; width: auto; font-size: 0.8rem; margin-top: 30px; }

@media (min-width: 1600px) {
    .blog-page .subjects-item { margin-left: 52px; }
}

@media (max-width: 767px) {
    .blog-page .subjects-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
}
/* Blog Page END */

/* Blog Inner Page START */
.blog-post-banner .writer-wrapper { font-size: 1.1rem; font-weight: 300; }
.blog-text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; padding: 0 40px 0 80px; }
.blog-text .side-content { width: 34.5%; position: relative; padding-left: 40px; }
.blog-text .main-text { width: calc(100% - 34.5%); font-size: 0.9rem; line-height: 1.67; /*max-width: 840px;*/ max-width: 60%; font-weight: 300; }
.blog-post-banner { margin-bottom: 60px; }
.blog-text .subtitle { margin: 0 0 27px; font-size: 1.3rem; line-height: 1.15; font-style: italic; font-weight: 600; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; max-width: 293px; }
.blog-text .main-text * { float: none !important; max-width: 100% !important; }
.blog-text .main-text p { margin: 0 0 15px; }
.blog-text .main-text img { height: auto !important; width: auto; margin: 15px 0px; max-width: 80% !important; }
.blog-text .main-text table strong { line-height: 2.42; letter-spacing: -0.24px; text-align: right; color: #b1afaf; font-size: 0.6rem; font-weight: normal; display: block; }
.blog-post-page .share-wrapper { font-size: 0.7rem; }
.blog-post-page .share-wrapper .share { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.blog-post-page .share-wrapper .share svg { margin-left: 5px; fill: #029246; }
.tags.common-style { color: #b1afaf; font-size: 0.6rem; }
.tags.common-style .tag { position: relative; color: #b1afaf; }
.tags.common-style .tag::after { content: ","; }
.tags.common-style .tag:last-of-type::after { display: none; }
/*.tags.common-style .tag::before { background: -webkit-gradient( linear, left top, right top, from(rgba(255,255,255,1)), to(rgba(13,152,79,1))); background: -o-linear-gradient( left, rgba(255,255,255,1) 0%, rgba(13,152,79,1) 100%); background: linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(13,152,79,1) 100%); content: ""; width: 10px; height: 4px; position: absolute; bottom: -4px; right: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }*/
.tags.common-style .tag:hover::before, .tags.common-style .tag:focus::before { width: 100%; }
.blog-post-page .tags { margin-top: 40px; }
.event-banner.blog-post-banner .info *:nth-last-child(2) { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
.event-banner.blog-post-banner .info .writer-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.blog-post-banner .date-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.blog-text .subtitle.fixed { position: fixed; top: 20px; margin-top: 0; width: 100%; max-width: 293px; }
#SiteHeader:not(.hide) + .body-content .blog-text .subtitle.fixed { top: 183px; }
.blog-text .subtitle.fixed.bottom { position: absolute; bottom: 0; right: 0; top: auto; margin-bottom: 0; }

.share-wrapper .share:hover, .share-wrapper .share:focus { color: var(--main-color); }
.share-wrapper .share:hover svg, .share-wrapper .share:focus svg { fill: var(--main-color) }

.blog-text .main-text iframe { width: 100%; border: none; }
.blog-text .main-text iframe:not(.exception) { height: calc(var(--vw) * 0.27); }
.blog-text iframe[src*="buzzsprout"] { height: calc(var(--vw) * 0.11); }

@media (min-width: 1921px) {
    /*.blog-text .side-content { width: calc(var(--vw) * 0.15261); }*/
    .blog-text .main-text { width: calc(100% - calc(var(--vw) * 0.15261)); }
    /*.blog-text .subtitle.fixed { width: calc(var(--vw) * 0.15261); }*/
    .blog-text .subtitle { max-width: 383px; }
    .blog-text .subtitle.fixed { max-width: 383px; }
}

@media (max-width: 1200px) {
    #SiteHeader:not(.hide) + .body-content .blog-text .subtitle.fixed { top: 163px; }
}

@media (max-width: 767px) {
    .blog-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 20px; }
    .blog-post-banner { margin-bottom: 30px; }
    .blog-text .side-content { width: 100%; margin-bottom: 25px; }
    .blog-text .main-text { width: 100%; padding: 0; font-size: 0.8rem; max-width: 100%; }
    .blog-text .subtitle { font-size: 0.8rem; line-height: 1.56; }
    .tags.common-style { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; }
    .tags.common-style .tag { width: auto !important; }
    .tags.common-style .title { width: auto !important; }
    .blog-post-banner .date-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; }
    .event-banner.blog-post-banner .info .writer-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; font-size: 0.8rem; position: relative; margin-left: 20px; }
    .event-banner.blog-post-banner .info { padding-bottom: 20px; }
    .event-banner.blog-post-banner .info .writer-wrapper::before { content: ""; display: block; height: 16px; width: 2px; position: absolute; left: -10px; top: 50%; background: #000; -webkit-transform: translateY(-57%); -ms-transform: translateY(-57%); transform: translateY(-57%); }
    .blog-post-page .share-wrapper .share-items .share-item { display: inline; }
}



/* exhibition Start */

.ui-selectmenu-button.ui-button.search-filter-select .ui-icon { border: 1px solid transparent; margin-left: 8px; background-image: url(/Content/assets/filter-arrow.svg) !important; background-size: 11px 7px !important; background-position: center !important; }
.ui-selectmenu-button.ui-button.search-filter-select:hover, .ui-selectmenu-button.ui-button.search-filter-select:focus { border-color: #ededed; }
.ui-selectmenu-button.ui-button.search-filter-select::before { content: ""; display: block; width: 13px; height: 7px; position: absolute; bottom: -13px; right: 13px; border: 7px solid transparent; border-top-color: #fff; -webkit-filter: drop-shadow(0 1px 2px #cfcfcf); filter: drop-shadow(0 1px 2px #cfcfcf); z-index: -1; }
.ui-selectmenu-button.ui-button.search-filter-select:hover, .ui-selectmenu-button.ui-button.search-filter-select:focus { border-color: #ededed; }

.ui-selectmenu-button.ui-button.search-filter-select::before { content: ""; display: block; width: 13px; height: 7px; position: absolute; bottom: -13px; right: 13px; border: 7px solid transparent; border-top-color: #fff; -webkit-filter: drop-shadow(0 1px 2px #cfcfcf); filter: drop-shadow(0 1px 2px #cfcfcf); z-index: -1; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: none; background: #f6f6f6; color: #000; font-weight: 600; border-right: 4px solid var(--main-color); border-radius: 0; margin: 0; }
.ui-menu-item-wrapper { padding: 7px 8px; border-right: 4px solid transparent; font-size: 0.75rem; }
.ui-widget.ui-widget-content { border: none; font-weight: 600; font-family: 'EditorSans'; font-style: italic; border-radius: 0; }



.pop-up-gallery-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; opacity: 0; pointer-events: none; }
.pop-up-gallery-wrapper.active { opacity: 1; pointer-events: auto; }
.pop-up-gallery-wrapper .close-gallery { position: absolute; z-index: 2; top: 30px; right: 30px; cursor: pointer; }
.pop-up-gallery-wrapper .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.pop-up-gallery-wrapper .slick-arrow.slick-prev { z-index: 1; left: 35px; }
.pop-up-gallery-wrapper .slick-arrow.slick-next { right: 35px; }
.pop-up-gallery-wrapper .slick-slider { height: 100%; background: #fff; }




#blueimp-gallery.blueimp-gallery > .close,
#blueimp-gallery.blueimp-gallery > .close-gallery { position: absolute; top: 40px; right: 50px !important; cursor: pointer; }
#blueimp-gallery.blueimp-gallery > .next { right: 35px; }
#blueimp-gallery.blueimp-gallery > .prev { left: 35px; }
#blueimp-gallery.blueimp-gallery > .next, #blueimp-gallery.blueimp-gallery > .prev { width: 40px; height: 33px; display: flex !important; align-items: center; justify-content: center; padding: 0; }
#blueimp-gallery.blueimp-gallery > .next svg, #blueimp-gallery.blueimp-gallery > .prev svg { width: 13px; height: 26px; }


@media(max-width: 767px) {
    .pop-up-gallery-wrapper .slick-slider { overflow-y: auto; }
    .pop-up-gallery-wrapper .slick-arrow { display: none !important; }
    #blueimp-gallery.blueimp-gallery > .close { right: 30px !important; }
    #blueimp-gallery.blueimp-gallery > .next, #blueimp-gallery.blueimp-gallery > .prev { display: none !important; }
}

/* exhibition END */

/* Search Results START */

.ui-selectmenu-button.ui-button.search-filter-select { margin: 0; text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16); border-radius: 0; background: #fff; height: 29px; border: 1px solid transparent; }
.ui-selectmenu-button.ui-button.search-filter-select .ui-selectmenu-text { font-size: 0.75rem; margin-right: 8px; padding-bottom: 2px; font-style: italic; }

.year + .ui-selectmenu-button.ui-button.search-filter-select { width: 114px; }
.subject + .ui-selectmenu-button.ui-button.search-filter-select { width: 168px; }
/*.search-box { padding: 0 15px; margin-bottom: 20px; }
.search-box .inner { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); display: flex; }

.search-box .title { font-size: 1.4rem; line-height: 0.96; font-style: italic; font-weight: 700; margin-bottom: 20px; display: block; }
.search-box .top-section { flex-grow: 1; }
.search-box .bottom-section { display: flex; align-items: center; justify-content: space-between; font-size: 0.7rem; color: #8e8e8e; }*/

.box-place svg { max-height: 12px; }




@media (max-width: 991px) {

    .subject + .ui-selectmenu-button.ui-button.search-filter-select { width: 150px; }
}

@media (max-width: 767px) {

    .ui-selectmenu-button.ui-button.search-filter-select::before { display: none; }
    .subject + .ui-selectmenu-button.ui-button.search-filter-select { width: 100%; }
    .year + .ui-selectmenu-button.ui-button.search-filter-select { width: 100%; }

    .ui-selectmenu-button.ui-button.search-filter-select { height: 46px; }
    .ui-selectmenu-button.ui-button.search-filter-select .ui-selectmenu-text { margin-right: 10%; }
    .ui-selectmenu-button.ui-button.search-filter-select .ui-icon { margin-left: 5%; }
    .search-list.row { margin: 0; margin-top: -1px; }
    .box-place svg { fill: #8e8e8e; }
}

/* Search Results END */

/* About Page END */


/* Not Found Page START */
.not-found-page h1 { text-align: center; font-weight: 700; color: #fff; margin-top: 0; font-size: 9.15rem; margin-bottom: 0; }
.not-found-page { padding: 0; background: #050404; min-height: calc( var(--app-height) - 160px ); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.not-found-page + #SiteFooter { margin-top: 0; }
.not-found-page .content-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 20px; }
.not-found-page .subtitle { color: #fff; font-weight: 500; font-size: 1.4rem; margin-bottom: 40px; }
.not-found-page .buttons-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.not-found-page .buttons-wrapper a { margin: 0 10px; border: 1px solid #fff; font-weight: 500; }
.btn.white { background: #fff; color: #000; }
.not-found-page .gif { max-width: 100%; height: auto; }
.not-found-page .buttons-wrapper a:hover, .not-found-page .buttons-wrapper a:focus { border-color: #fff; -webkit-box-shadow: inset -430px 0px 0px #050404; box-shadow: inset -430px 0px 0px #050404; color: #fff; }

@media (max-width: 767px) {
    .not-found-page h1 { font-size: 6rem; }
    .not-found-page .subtitle { font-size: 1rem; }
    .not-found-page .buttons-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .not-found-page .buttons-wrapper a { margin-bottom: 14px; }
    .body-content.not-found-page { margin-bottom: 10px; padding: 20px 0; }
}
/* Not Found Page END */




/* General Media START */
@media (min-width: 1921px) {
    :root { font-size: 26px; }
}

@media (max-width: 767px) { /* TEMP START */
    .body-content { overflow: hidden; }
    /* TEMP END */

    main { padding: 0; }
    .breadcrumb { padding: 0; }
    .body-content { padding: 0; }
    .btn { font-size: 0.7rem; padding: 8px 30px 6px; }
    .btn.load-more { min-width: 180px; }
}
/* General Media END */

.box-chapter { position: relative; }
.box-video .box-chapter::before { content: ""; display: block; height: 12px; width: 1px; display: inline-block; background: #000; margin: 0 5px; margin-bottom: -2px; }


.dialog { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; }
.dialog, .dialog__overlay { width: 100%; height: 100%; top: 0; left: 0; position: fixed; }
.dialog.dialog--open { z-index: 9999; pointer-events: auto; display: -ms-flexbox; display: -webkit-box; display: flex; }
.dialog__content { background: transparent; padding: 0; text-align: center; position: relative; z-index: 5; opacity: 0; pointer-events: none; z-index: 0; }
.dialog--open .dialog__content { pointer-events: auto; z-index: 5; }
.dialog.dialog--open .dialog__content, .dialog.dialog--close .dialog__content { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.dialog.dialog--open .dialog__content { -webkit-animation-name: anim-open; animation-name: anim-open; }
#catalog-pop .dialog__content iframe { width: 85vw; height: 48vw; max-height: 670px; border: none; background-color: transparent; max-width: 1190px; }
#catalog-pop .dialog__content { /*opacity: 1;*/ }
.catalog-pop-content { width: 85vw; height: 48vw; max-height: 670px; border: none; background-color: #cdcdcd; max-width: 1190px; }
.dialog__overlay { position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.9); opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.dialog--open .dialog__overlay { opacity: 1; pointer-events: auto; }
.video-pop-close { position: absolute; right: 0; top: -50px; background: no-repeat; border: none; width: 40px; height: 40px; }
.video-pop-close .xIcon { display: block; }
.video-pop-close .xIcon svg { width: 100%; height: 100% }
.event-more .box-video-time { font-size: 0.6rem; }
.event-more .box-subject-title { font-size: 0.6rem; }

.catalog-pop-close { position: absolute; right: 0; top: -50px; background: no-repeat; border: none; width: 40px; height: 40px; }
.catalog-pop-close .xIcon { display: block; }
.catalog-pop-close .xIcon svg { width: 100%; height: 100% }

@media(max-width:991px) {
    .dialog__content iframe { width: 95vw; height: 52vw }
}

@-webkit-keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}

@keyframes anim-close {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}


.newsletterPage #SiteFooter { margin-top: 40px; }

.split-screen { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.split { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }
.split-inner { width: 100%; }
.text-on-split { color: #fff; font-size: 2.2rem; text-align: center; font-weight: 600; }
.split-inner h1 { font-size: 2.1rem; font-weight: 700; font-style: italic; margin-bottom: 0; margin-top: 0; line-height: 1.14; letter-spacing: -0.42px; }
.split-inner h2 { font-style: italic; font-size: 1rem; font-weight: normal; line-height: 1.6; margin-top: 0px; margin-bottom: 15px; }
.split-inner h3 { font-size: 0.8rem; font-weight: 600; font-style: italic; width: 100%; padding-right: 19px; margin-bottom: 5px; }


@media(min-width:992px) {
    .split-inner { max-width: 530px; }
    .split-1 { width: 55%; padding-top: 30px; }
    .split-2 { height: calc(calc(var(--vh) * 1) - 160px); width: 45%; }
}

@media (max-height: 800px) and (min-width:992px) {
    .split-2 { height: auto; }
}

@media(max-width:991px) {
    .split-inner h1 { text-align: center; margin-top: 50px; }
    .split-inner h2 { text-align: center; }
    .split-1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
    .split-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: calc(var(--vw) * 0.4 ); }
    .split-inner { padding: 0 45px; }
}

@media(max-width:767px) {
    .split-inner { padding: 25px; }
    .split-1 .split-inner { max-width: calc(100% - 30px); -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); margin-top: 15px; }
    .split-2 { height: calc(var(--vw) * 0.55); }
    .split-inner h1 { margin-top: 0; font-size: 1.5rem; }
    .split-inner h2 { font-size: 0.8rem; line-height: 1.1; margin-top: 10px; margin-bottom: 0; }
    .text-on-split { font-size: 1.8rem; line-height: normal; }
}

.article-more { overflow-y: auto; max-width: calc(var(--vw) * 1); margin-top: 79px; }

.boxes-list.none-carousel { display: flex; justify-content: center; }
.article-more.active .box-article { pointer-events: none; }

.photo-item { width: 25%; padding-bottom: 25%; position: relative; }
.photo-item-inner { background-size: cover; top: 4px; bottom: 4px; right: 4px; left: 4px; position: absolute; }

.ytp-play-button { fill: #fff; opacity: 0.85; position: absolute; bottom: 20px; left: 20px; padding: 0; width: 50px; height: 50px; border: none; background: none; }
.ytp-play-button:hover { cursor: pointer; opacity: 1; }

/* Other */

.box.past { opacity: 0.6; }
.event-banner .featuring .name:hover, .event-banner .featuring .name:focus { color: #018a55; }

.event-banner.blog-post-banner .info .writer-wrapper .name:hover, .event-banner.blog-post-banner .info .writer-wrapper .name:focus { color: var(--main-color); }
.lang-ltr .general-form .fromLabel { right: auto; left: 22px; }
.box.fake-box .writer-wrapper .name { font-weight: 700; }
.box.box-podcast .content-type::before { display: none; }
.box.box-podcast .content-type { margin: 0; }

.fake-box .box-inner .info-middle *:nth-last-child(2) { flex-grow: 0; }
.fake-box .box-heading { margin-bottom: 10px; }

.series .slide-info .links a.tickets { margin-right: 12px; position: relative; }
.series .slide-info .links a.tickets::before { content: ""; display: block; width: 2px; height: 14px; position: absolute; top: 50%; right: -8px; transform: translateY(-50%); background: #000; }

.slide-info .description { max-width: 350px; }
.input-wrapper.upload-wrapper.cv { position: relative; min-height: 50px; }
.input-wrapper.upload-wrapper.cv input { opacity: 0; position: absolute; left: 0; top: 0; }
.upload-wrapper .file-name { font-size: 0.9rem; position: relative; top: 8px; }
.general-form.contact-form .input-wrapper.cv-added .fromLabel { right: 29px; top: -20px; font-size: 85%; }

.main-slider .project .slide-info .date, .main-slider .podcast .slide-info .date { margin-bottom: 0; }
.blog .slide-info .description p { text-align: right !important; }
.blog .slide-info .description { margin-bottom: 33px; font-size: 1.25rem; display: none; }
.blog .slide-info .description strong { font-weight: 400; }
.main-slider .blog .featuring .name { font-weight: 400; }


.input-wrapper.upload-wrapper.cv svg { position: absolute; left: 36px; width: 20px; top: 34%; transform: translateY(-50%); }

.blog-post-page .event-banner .title { max-width: 450px; margin-bottom: 10%; }

.ContentRelations { margin-bottom: 20px; display: flex; justify-content: flex-start; }
.attachedContents { margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; }
.attachedContents > .horizontalLine:last-of-type { display: none; }

@media (min-width: 1921px) {
    .event-banner .image { height: calc(var(--vw) * 0.264); }
}



@media (max-width: 767px) {
    .main-slider .featuring { text-align: center; }
    #SiteHeader .subjects-list { justify-content: flex-start; }
    body { overflow: hidden; }
    main.video-pages.video-lobby, main.video-pages.video-subject { margin-top: 116px; }
    .complex-layout-view main.video-pages.video-lobby { margin-top: 0; }
    .general-form.contact-form .input-wrapper.cv-added .fromLabel { right: 13px; }
    .blog .slide-info .description p { text-align: center !important; font-size: 1rem; }
    .blog .slide-info .description { margin-bottom: 0; }
    .input-wrapper.upload-wrapper.cv svg { left: 20px; }
    .blog-text .main-text iframe:not(.exception) { height: calc(var(--vw) * 0.5); }
    .page-info .desc iframe { max-width: 100% !important; border: none; }
    .blog-text iframe[src*="buzzsprout"] { height: calc(var(--vw) * 0.55); }
    .attachedContents { row-gap: 10px; }
}

.desc p a { font-weight: bold; text-decoration: underline; }

#lightbox-gallery .masoneryGallery.row { display: none; }
#lightbox-gallery .masoneryGallery.row { display: block; }

.masoneryGallery:not(.active) { opacity: 0 }
.tags { display: none !important; }