/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1730184791
Updated: 2024-10-29 06:53:11

*/

.teamMemberDescription {
    max-height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.teamMemberDescriptionReadMore {
    border-bottom: 1px solid;
    width: fit-content;
    color: #C00000 !important;
    cursor: pointer;
}

.teamMemberWrapper {
    position: relative;
    z-index: 1;
    transition: z-index 0.3s ease;
}

.teamMemberWrapper.expanded {
    position: relative;
    z-index: 999;
}

.teamMemberDescriptionFull {
    position: relative;
    z-index: 999;
    background: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
}

/* Accordion z-index fixes */
.custom-accordion {
    position: relative;
    z-index: 1;
    transition: z-index 0.3s ease;
}

.custom-accordion.expanded {
    position: relative;
    z-index: 9999 !important;
}

.custom-accordion .accordion-content {
    position: relative;
    z-index: 9999;
    margin-top: 10px;
}

.custom-accordion .accordion-content.open {
    z-index: 9999 !important;
}

.twae-slider-container {
    position: relative;
    z-index: 1;
}

/* Ensure timeline content doesn't interfere */
.twae-story {
    position: relative;
    z-index: 1;
}

.twae-story.expanded-slide {
    z-index: 9999 !important;
    position: relative;
}

.twae-story:has(.custom-accordion.expanded) {
    z-index: 9999 !important;
    position: relative;
}

ul.current-post-taxonomy-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}

ul.current-post-taxonomy-flex li a {
    pointer-events: none;
    color: #fff !important;
    font-size: 16px;
}

ul.current-post-taxonomy-flex li {
    display: flex;
    width: calc(100% / 4);
    align-content: center;
    align-items: center;
    margin-bottom: 30px;
}

/*** NEW MEDIA QUERIES ***/
@media screen and (min-width: 1200px) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}

@media screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }

    ul.current-post-taxonomy-flex li {
        display: flex;
        width: calc(100% / 2);
        align-content: center;
        align-items: center;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .desktop-only {
        display: none !important;
    }

    ul.current-post-taxonomy-flex li {
        display: flex;
        width: calc(100% / 2);
        align-content: center;
        align-items: center;
    }

    .mobile-only {
        display: block !important;
    }
}