/* custom block css */

/* team slider */
.team-member-item { margin: 0 13px; }
.team-member-item .team-img img { width: 100%; height: auto; min-height: 260px; aspect-ratio: 328 / 340; object-fit: cover; }
.team-member-slider .team-name { font-size: 20px; font-weight: normal; line-height: 26px; margin-bottom: 5px; text-align: center; text-transform: uppercase; }
.team-title { font-family: 'Poiret One', sans-serif; font-size: 18px; font-weight: normal; line-height: 21px; text-align: center; color: #4c0d66; }
.team-member-meta > .team-title { margin: 0; }
.team-member-meta { padding: 35px 20px 35px; transition: .3s ease-in; background: #e4e4e4; }
.team-member-hover { position: relative; overflow: hidden; }
.team-member-hover .team-cta, .slider-item .slider-hover .slide-cta { position: absolute; z-index: 1; top: 0; right: 0; left: 0; display: block; width: 100%; height: 100%; cursor: pointer; }
.team-member-hover .team-cta:hover + .team-img + .team-member-meta { transition: .3s ease-out; background: var(--ast-global-color-0); }
.team-member-hover .team-cta:hover + .team-img + .team-member-meta h3, .team-member-hover .team-cta:hover + .team-img + .team-member-meta p { color: #fff; }
.bio-flex { display: flex; flex-wrap: nowrap; column-gap: 1.4em; row-gap: 1.4em; }
.bio-flex .bio-left { width: 100%; text-align: center; flex: 0 0 30%; }
.team-modal .team-bio p:not(:last-child) { margin-bottom: 15px; }
.team-modal .team-bio p:last-child { margin-bottom: 0; }
.bio-flex .bio-right { width: 100%; flex: 1 1 auto; }
.bio-right .team-title { font-size: 20px; text-align: left; }
.bio-intro .team-name { margin-bottom: 10px; text-transform: uppercase; }
.no-posts { width: 100%; max-width: 800px; padding: 5px; border: 4px solid var(--ast-global-color-1); }
.no-posts .no-posts-wrap { display: flex; padding: 20px; border: 4px solid var(--ast-global-color-1); background: rgba(255, 255, 255, .7); justify-content: center; align-items: center; }
.no-posts .no-posts-wrap h4 { font-family: 'Kodchasan', sans-serif; font-size: 1.5em; font-weight: 700; font-style: normal; margin: 0; letter-spacing: 2px; text-transform: uppercase; }
.bio-flex .bio-img img { width: 100%; max-width: 256px; height: auto; border-radius: 50%; aspect-ratio: 1 / 1; object-fit: cover; }
.team-bio { font-size: 19px; }
.team-member-wrap > .team-title { margin-bottom: 0; }
@media screen and (max-width:976px) { }

/* slick */
.team-member-slider .slick-dots { bottom: -104px; }
.slider-gallery-sc .slick-dots { bottom: -90px; }
.team-member-slider .slick-dots li button::before, .slider-gallery-sc .slick-dots li button::before { content: none; }
.team-member-slider .slick-dots li button, .slider-gallery-sc .slick-dots li button { width: 50px; height: 9px; color: #f6f0e2; border-radius: 0; background: #f6f0e2; }
.team-member-slider .slick-dots li.slick-active button, .slider-gallery-sc .slick-dots li.slick-active button { background: #bc6e38; }
.team-member-slider .slick-dots li, .slider-gallery-sc .slick-dots li { width: auto; height: auto; }

/* gallery slider */
.slider-item .slider-hover { position: relative; overflow: hidden; }
.slider-item img { width: 100%; max-width: 411px; height: auto; min-height: 160px; margin: 0 auto; aspect-ratio: 391 / 274; object-fit: cover; }
.aya-slider-item.slick-slide { margin-right: 25px; margin-left: 25px; padding-top: 55px; transition: .3s ease; transform: scale(1); }
@media screen and (min-width:768px) {
    .aya-slider-item.slick-slide.slick-current.slick-active + .aya-slider-item.slick-slide.slick-active { z-index: 2; transition: .3s ease; transform: scale(1.2) translate(0, -15px); }
    .aya-slider-item.slick-slide.slick-current.slick-active + .aya-slider-item.slick-slide.slick-active img { aspect-ratio: 547 / 420; object-fit: cover; }
}
@media screen and (max-width:976px) {
    .team-member-slider .slick-dots, .slider-gallery-sc .slick-dots { bottom: -60px; }
    .team-member-slider .slick-dots li button, .slider-gallery-sc .slick-dots li button { width: 40px; }
}
@media screen and (max-width:767px) {
    .aya-slider-item.slick-slide { margin-right: 10px; margin-left: 10px; padding-top: 0; transition: .3s ease; transform: scale(1); }
    .slider-item img { max-width: 100%; }
}
@media screen and (max-width:680px) {
    .aya-slider-item.slick-slide { margin-right: auto; margin-left: auto; }
}
@media screen and (max-width:640px) {
    .team-member-slider .slick-dots li button, .slider-gallery-sc .slick-dots li button { width: 25px; }
}

/* lightbox */
.team-modal.fancybox__content { overflow: auto; overflow-y: auto; width: 100%; max-width: 1024px; max-height: 80vh; padding: 25px; -webkit-overflow-scrolling: touch; }
.fancybox-slide--html .fancybox-close-small { transition: .3s ease-out; opacity: 1; color: #fff; background: #000; }
.fancybox-slide--html .fancybox-close-small:hover, .fancybox-slide--html .fancybox-close-small:focus { transition: .3s ease-out; opacity: 1; color: #fff; background: var(--ast-global-color-0); }
.fancybox__thumbs .carousel__slide .fancybox__thumb::after { border-width: 3px; border-color: #bc6e38; border-radius: 0; }
.fancybox__content > .carousel__button.is-close { top: 0; right: 0; transition: .3s ease-out; color: #fff; border-radius: 0; background: #500072; box-shadow: none !important; }
.fancybox__content > .carousel__button.is-close:hover, .fancybox__content > .carousel__button.is-close:focus { transition: .3s ease-out; color: #fff; background: #7c22a2; box-shadow: none !important; }
@media screen and (max-width:1024px) {
    .team-modal.fancybox__content { max-width: 90%; margin-right: auto; margin-left: auto; }
}
@media screen and (max-width:921px) {
    .bio-flex { flex-direction: column; }
    .bio-intro .team-name, .bio-right .team-title { text-align: center; }
}

/* scrollbars */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 100%; border-radius: 8px; background-color: #7c22a2; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #500072; }
.mCSB_dragger .mCSB_draggerRail { display: none; width: 10px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; }
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url('/wp-content/plugins/awd-blocks/images/mCSB_buttons.png') !important; }
.mCSB_scrollTools.mCS-dark-thick.mCSB_scrollTools_vertical { width: 10px; border-radius: 8px; background: #e4e4e4; }