/*Generals*/
#SiteGrid { margin-top: 110px; max-width: 100%; width: 100%; }
.section-title { max-width: 600px; padding-bottom: 50px; }
.section-title:before { position: unset; display: block; transform: none; width: 110px; margin: 0 auto 50px; }
.section-title h2 { font-size: 4.5rem; margin: 0; }


/*GridTop*/
.Grid-top { max-width: 100%; height: 480px; position: relative; margin: 0 auto 130px; width: calc(100% - 60px); }
.Grid-top::after { content: ''; position: absolute; top: 0; right: 0; left: 20%; bottom: 0; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0)); z-index: 0; }
.Grid-top .hero_banner { background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.caption-title { position: absolute; transform: translateY(-50%); top: 50%; right: 135px; display: flex; align-items: center; color: #fff; font-size: 6rem; z-index: 1; flex-wrap: wrap; }
.caption-title h2 { display: block; width: 100%; }
.caption-title h1 { font-size: inherit; margin: 0; }
.horizontal-line { height: 44px; width: 8px; background: #408927; display: inline-flex; margin-left: 9px; }
.cpation-text { background: #418928; color: #fff; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; height: 100px; width: calc(100% - 211px); z-index: 1; display: none; }

/*Committee Team*/
.theatre_committee { margin-bottom: 100px; }
.theatre_committee_items { display: flex; gap: 30px; max-width: 930px; margin: auto; flex-wrap: wrap; justify-content: center; }

.committee_upper_boxes { width: 100%; display: flex; justify-content: center; gap: 30px; }
.committee_upper_boxes > .large { width: 260px; }
.committee_upper_boxes > .large .committee_box { height: 260px; }
.committee_upper_boxes > .large .committee_box img { max-width: unset; width: 100%; }

.committee_item_box { width: 210px; height: auto; }
.committee_box { position: relative; margin-bottom: 40px; width: 100%; height: 210px; }
.committee_image-title { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: 40px; font-size: 2.8rem; color: #418928; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); font-family: 'almoni-tzar-aaa-bold'; display: flex; align-items: center; justify-content: center; }

/*people section*/

.person-box { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 100px; }
.person-box:nth-child(odd) { justify-content: flex-end; }
.person-box:nth-child(even) { justify-content: flex-start; }

@media(max-width: 1440px) {
    .person-box:nth-child(odd) { justify-content: flex-start; }
    .person-box:nth-child(odd) .person-repertoire .person-summary { padding-right: 20px; }
    .person-box:nth-child(even) { justify-content: flex-end; }
    .person-box:nth-child(even) .person-repertoire .person-summary { padding-left: 20px; }
}

.person-info { direction: rtl; display: inline-flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: 30px; }
.person-image { background-size: cover; background-repeat: no-repeat; background-position: center center; width: 210px; height: 210px; border-radius: 50%; margin-bottom: 10px; }
.person-name h2 { font-family: 'almoni-tzar-aaa-bold'; font-size: 6rem; margin: 0; line-height: normal; display: flex; align-items: center; }
.person-name h2::before, .person-name h2::after { content: ''; display: inline-block; width: 100px; height: 4px; background: #408927; align-items: center; margin: 0 30px; }
.person-description { direction: ltr; text-align: right; }
.person-description h3 { margin: 0; padding: 0; font-size: 34px; }
.person-description h3::before { content: none; }
.person-contribution h4 { margin: 0; font-size: 40px; color: #408927; }

.person-repertoire { display: inline-flex; align-items: center; width: 100%; padding: 50px 0 120px; position: relative; }
.person-repertoire .slick-list { padding-bottom: 20px; }
.person-repertoire::after { content: ''; position: absolute; background-size: 100% 100%; background-repeat: no-repeat; background-position: left center; background-image: url('../../../000Frames/site/images/person-background.png'); left: 0; top: 0; width: 75%; height: 100%; z-index: -1; }
.person-box:nth-child(even) .person-repertoire { flex-direction: row-reverse; }
.person-box:nth-child(even) .person-repertoire::after { left: auto; right: 0; }
.person-repertoire .person-summary { width: 50%; }
.person-repertoire .person-summary p { max-width: 600px; margin: 0 auto; }
.person-box:nth-child(even) .person-summary p { margin-right: auto; }
.person-repertoire .person-repertoire-gallery { width: 50%; /* direction: ltr; */ }
.person-repertoire .gallery-item-box { width: 330px; }
.person-repertoire .slick-slide img { height: 430px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.person-repertoire .gallery-item-box .gallery-item-image { margin-right: 0; }

button.slick-arrow { width: 50px; height: 50px; border: none; background: #408927; padding: 0; display: flex !important; justify-content: center; align-items: center; position: absolute; bottom: -48px; }
button.slick-next.slick-arrow { left: 60px; }
.person-box:nth-child(odd) button.slick-arrow { right: 60px; }
.person-box:nth-child(odd) button.slick-next.slick-arrow { right: 0px; left: auto; }
.person-summary p > a { height: 42px; min-width: unset; width: 120px; display: inline-flex; align-items: center; justify-content: center; }
.person-summary p > a:hover::before { background: transparent; }
@media(min-width: 1170px) and (max-width: 1330px) { 
    .person-repertoire .person-summary p { padding: 0 15px; }
}

/*faq section*/
.faq_contents { max-width: 960px; margin: 0 auto; padding-bottom: 70px; }
.faq_contents .panel.panel-default { padding: 0; }
.faq_contents .accordion .panel-default > .panel-heading { margin: 0; padding: 0; height: 75px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #c4c3c3; }
.faq_contents .accordion .panel-title > a { font-family: 'almoni-tzar-aaa-bold'; color: #418928; font-size: 2.8rem; }
.faq_contents .accordion .panel-title > a.closed::after, .faq_contents .accordion .panel-title > a.closed::before { content: ''; position: absolute; left: 30px; top: 50%; transform: translateY(-50%) rotate(0deg); background: #418928; transition: all 0.3s linear; opacity: 1; }
.faq_contents .accordion .panel-title > a.closed::after { width: 25px; height: 5px; }
.faq_contents .accordion .panel-title > a.closed::before { width: 5px; height: 25px; left: 40px; }
.faq_contents .accordion .panel-title > a.closed.open::before { transform: translateY(-50%) rotate(90deg); opacity: 0; }
.faq_contents .accordion .panel-collapse { opacity: 0; transition: all 0.35s ease-in-out; }
.faq_contents .accordion .panel-collapse.collapse.in { border-bottom: 1px solid #c4c3c3; margin-right: 0; opacity: 1; }
.faq_contents .accordion .panel-collapse > div { padding: 35px 35px 0 0; max-width: 800px; }
.faq_contents .panel.panel-default div p { font-size: 1.7rem; padding: 0 0 30px; }
.faq_contents .panel.panel-default div p strong { font-family: 'almoni-tzar-aaa-bold'; }
.faq_contents .accordion .panel:nth-child(2n) { background-color: #fff; }

/*new Gallery section*/
.theatre_gallery_section { padding-bottom: 178px; }

.theatre_gallery_wrap button { bottom: -80px; }
.theatre_gallery_wrap button.slick-prev.slick-arrow { left: calc(50% - 55px); }
.theatre_gallery_wrap button.slick-next.slick-arrow { left: calc(50% + 5px); }

.theatre_gallery_wrap .slick-track { padding-bottom: 40px; }

.gallery_item.slick-slide { width: 430px; max-height: 600px; padding: 0 15px; }
.gallery_item.slick-slide img { object-fit: cover; width: 100%; height: 600px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05); }
.gallery_item .gallery_item_name { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 3.4rem; font-family: 'almoni-tzar-aaa-bold'; color: #252525; background: #fff; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05); }
@media(max-width: 767px) {
    /*generals*/
    #SiteGrid { margin-top: 88px; width: 100%; }
    .section-title { padding-bottom: 20px; }
    .section-title h2 { line-height: 1.03; max-width: 90%; margin: auto; }


    /*grid-top*/
    .Grid-top { height: 200px; width: 100%; margin-bottom: 80px; }
    .Grid-top::after { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0)); }
    .caption-title { right: 30px; }
    .cpation-text { width: 90%; }
    .caption-title h2 { font-size: 25px; }
    .caption-title h1 { font-size: 40px; }
    /*people section*/
    .person-name h2 { text-align: center; font-size: 5rem; }
    .person-description { padding: 0 20px; text-align: center; }
    .person-description h3 { font-size: 30px; }
    .person-box { margin-bottom: 130px; }
    .person-info { padding-bottom: 13px; }
    .person-image { width: 190px; height: 190px; }
    .person-name h2::before, .person-name h2::after { width: 50px; margin: 0 10px; }
    .person-repertoire { padding: 0; }
    .person-repertoire, .person-box:nth-child(even) .person-repertoire { flex-direction: column; width: 100%; }
    .person-repertoire .person-summary, .person-repertoire .person-repertoire-gallery { width: 100%; padding: 0 20px 20px; }
    .person-repertoire::after { background-image: url('../../../000Frames/site/images/person-background-M.png'); width: 55%; max-height: 700px; top: auto; bottom: -70px; }
    .person-repertoire .person-repertoire-gallery { padding: 0 12px; }
    .person-box:nth-child(odd) button.slick-next.slick-arrow { right: 12px; }
    button.slick-next.slick-arrow { left: 68px; }
    .person-box:nth-child(odd) button.slick-arrow { right: 68px; }
    .person-repertoire .slick-slide img { height: 400px; object-fit: cover; }
    .person-repertoire .gallery-item-box { width: 280px; }

    /*committee gallery*/
    .theatre_committee { margin-bottom: 50px; }
    .theatre_committee_items { padding: 0 20px; flex-wrap: wrap; gap: 20px; justify-content: flex-end; -webkit-box-orient: horizontal; max-width: 375px; margin: auto; }
    .committee_item_box { width: calc(50% - 10px); }
    .committee_box, .committee_upper_boxes > .large .committee_box { height: 150px; }
    .committee_image-title { font-size: 2rem; width: 125px; height: 35px; }
    .person-repertoire .gallery-item-box .gallery-item-image { margin-right: 10px; }

    /*faq-section*/
    .faq_accordion { padding: 0 20px 30px; }
    .faq_contents .accordion .panel-title > a.closed::after, .faq_contents .accordion .panel-title > a.closed::before { left: 15px; }
    .faq_contents .accordion .panel-title > a.closed::before { left: 25px; }
    .faq_contents .accordion .panel-collapse > div { padding: 15px 15px 0 0px; }

    /*Gallery-sec*/
    .gallery_item.slick-slide { width: 295px; max-height: 400px; padding: 0; }
    .gallery_item.slick-slide img { height: 400px; padding: 0 10px; }
    .gallery_item .gallery_item_name { font-size: 3rem; width: calc(100% - 20px); margin: auto; }
}