/*
Theme Name: Association of Community Theatre
Theme URI: https://act.com/
Author: Qrolic Technologies
Author URI: https://qrolic.com/
Description: A modern block-based WordPress theme built for the latest WordPress features including Full Site Editing, block styles, and patterns.
Tags: full-site-editing, block-styles, block-patterns, wide-blocks, custom-colors, custom-logo
Version: 1.0.2
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: act
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front end. */

.wp-block-buttons .wp-block-button__link br {
    display: none;
}
body .home-events {
    padding-bottom: 96px !important;
}
.act-membership-form .membership-form label.toggle-switch {
    display: flex;
    align-items: center;
}
.act-membership-form .membership-form label.toggle-switch input {
    margin-bottom: 0;
    margin-top: 0;
    height: auto;
    padding-bottom: 8px;
}
body .act-membership-form .toggle-switch input:checked:before {
    transform: translateX(18px);
}
.act-membership-form .checkbox-group-container{
    margin: 10px 0 25px;
}
.commitee-members .contact-details__box {
    height: 100%;
    text-align: left;
    align-items: flex-start;
}
.commitee-members {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px !important;
}
.commitee-members .contact-details__box .mail-links {
    width: 100%;
}

.event-details__logo img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}


.event-details__box {
    margin-top: 40px;
}
.event-details__box h3 {
    margin-bottom: 28px;
}
.event-details__box .presented-by .event-details__content_left {
    align-items: center;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex
}
.event-details__box .presented-by .event-details__content_left .event-content-info .event-details__content_left--author {
    margin-bottom: 20px;
    gap: 0;
}
.event-details__box .presented-by .event-details__content_left .event-content-info .event-details__content_left--author h4 {
    margin-bottom: 0;
}
.event-details__box .presented-by .event-details__content_left .event-content-info .event-details__content_left--author a {
    color: #4b4b4b;
    overflow-wrap: anywhere;
    transition: all .5s;
}
.event-details__box .presented-by .event-details__content_left .event-content-info .event-details__content_left--author a:hover {
    color: #167a6d;
}
.event-details__box .presented-by .event-details__content_left .event-content-info .event-details__content_left--showtime {
    gap: 0;
}
.event-details__box .presented-by .event-details__content_left .event-content-info .event-details__content_left--showtime h4 {
    margin-bottom: 0;
}
.event-details__box .presented-by .event-details__content_left .event-content-info .event-details__content_left--showtime a {
    color: #4b4b4b;
    overflow-wrap: anywhere;
    transition: all .5s;
}
.event-details__box .presented-by .event-details__content_left .event-content-info .event-details__content_left--showtime a:hover {
    color: #167a6d;
}
.event-details__box .presented-by .event-details__content_left .event-details__logo a {
    display: block;
    margin: auto;
    text-align: center;
}
.event-details__box .presented-by .event-details__content_left .event-details__logo a img {
    aspect-ratio: 4 / 4;
    object-fit: contain;
}
.event-details__box .presented-by .event-details__content_left p{
    text-transform: math-auto;
}


#member-suggestions {
    border: 1px solid #ccc;
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
    max-height: 150px;
    overflow-y: auto;
    display: none;
}

#member-suggestions li {
    padding: 6px 10px;
    cursor: pointer;
}

#member-suggestions li:hover {
    background: #f0f0f0;
}

img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

.random-logo-slider {
  padding-top: 28px;
}
.random-logo-slider .member-logo {
  padding: 28px 20px 0 20px;
  text-align: center;
}
.random-logo-slider .member-logo:hover img {
  filter: inherit;
}


@media(min-width: 768px){
    .home-events .home-events__inner {
        margin-left: 2%;
        margin-right: 2%;
    }
}
@media(max-width: 1439px) {
  .random-logo-slider .member-logo {
    padding: 28px 10px 0 10px;
     
  }
}
@media(max-width: 1199px) and (min-width: 992px){
    .commitee-members{
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media(max-width: 991px){
    .home-hero, .home-hero .splide__track, .home-hero .splide__list, .home-hero .splide__list .home-hero__overlay {
        height: 100% !important;
    }    
    .commitee-members{
        grid-template-columns: 1fr 1fr;
    }
    body .act-membership-form .membership-form h2{
        margin-top: 0;
        margin-bottom: 20px;
    }    
    .header__inner_menu .wp-block-navigation__container li .wp-block-navigation-item__content{
        width: 93%;
    }   
    figure.wp-block-video.common-hero__bg-img video {
        aspect-ratio: auto !important;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        width: auto;
    }

}

@media(max-width: 991px) and (min-width: 768px){
    .section-padding {
        padding: 64px 0px !important;
    }
    body .home-events {
        padding-bottom: 96px !important;
    }
    body .about{
        height: 70vh;
    }
}
@media(max-width: 991px) and (min-width: 576px){
    body .footer .subscribe-form p{
        width: 100%;
    }
}
@media(max-width: 767px){
    .home-events__filters{
        flex-wrap: wrap;
    }
    body .home-events {
        padding-bottom: 44px !important;
    }
    .award-slider .legend-swiper__legend-name {        
        min-width: 150px;
        transform: translate(-50%, -50%);
        left: 50%;
        position: relative;
        bottom: -20px;
        min-height: 34px;
    }
    /* .home-events .home-events__inner .splide__slide {
        padding-left: 0;
        padding-right: 0;
    } */
    body .home-events button.splide__arrow {
        width: 35px !important;
        height: 35px !important;
    }
    .section-padding {
        padding: 44px 20px !important;
    }
    .home-cta__content .wp-block-buttons .home-cta-button a{
        font-size: 15px;
        line-height: 23px;
        padding: 10px 20px;
    }
    .description-primary br {
        display: none;
    }
    .description-primary {
        font-size: 16px !important;
    }
    body .home-hero ul.splide__pagination{
        bottom: 28px;
    }
    .common-hero.form-hero .common-hero__inner::has(.col-lg-4){
        padding-bottom: 0 !important;
    }
    
    body .act-membership-form .membership-form hr {
        margin-bottom: 30px;
    }
    body .introduction__title, body .introduction .launch__title{
        font-size: 18px;
        line-height: 26px;
    }
    body .achievements__cards-description {
        font-size: 18px;
        line-height: 26px;
    }
    body .produced__title{
        font-size: 18px;
        line-height: 26px;
    }
    body .about {
        height: 65vh;
    }
    .common-hero .common-hero__content h3 {
        font-size: 18px;
        line-height: 26px;
    }
    body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
        width: 100%;
        margin: 0 !important;
        display: none;
        transform: none;
        position: static;
    }
    .header__inner_menu .wp-block-navigation__container li:has(button[aria-expanded="true"]) > ul{
        display: block !important;
    }
    .header__inner_menu .wp-block-navigation__container li:has(button[aria-expanded="false"]) > ul{
        display: none !important;
    }
    .header__inner_menu .wp-block-navigation__container li:has(button[aria-expanded="true"]) > ul {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .header__inner_menu .wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-container li:first-child {
        display: none;
    }
    body .news-content__inner {
        transform: translateY(-23px);
    }
}
@media(max-width: 575px){
    .act-membership-form .membership-options{
        flex-direction: column;
    }
    body h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .members-category-filter__bottom{
        flex-direction: column;
    }
    body .membership__title-container{
        justify-content: left;
    }
    body .achievements__cards-description {
        font-size: 16px;
        line-height: 24px;
    }
    .commitee-members{
        grid-template-columns: 1fr;
    }
    .event-details__box .presented-by .event-details__content_left {
        padding: 20px;  
        flex-wrap: wrap;
        justify-content: center;      
    }
    .event-details__box .presented-by .event-details__content_left .event-details__logo {
        text-align: center;
    }
    .event-details__box .presented-by .event-details__content_left .event-content-info {
        text-align: center;
    }
    .event-details__box .presented-by .event-details__content_left .event-details__logo {
        width: 100%;
    }
    body .footer__contact-address, .footer__contact-mail, .footer__contact-call{
        text-align: center;
        font-size: 12px;
    }
}