/**
 * People Listing Block Styles
 * 
 * Additional styles for the People Listing block.
 * Most styling is handled via Tailwind classes.
 */

/* Block-specific styles can be added here if needed */

.people-listing-grid,
.section-people-search-results-container {
    position: relative;
}

.people-listing:has(.typeahead__container.cancel.result) .people-listing-grid::after,
.people-listing:has(.typeahead__container.cancel.result) .section-people-search-results-container::after,
.people-listing:has(.section-people-search-filters-bar .dropdown-menu.show) .section-people-search-results-container::after,
.people-listing:has(.section-people-search-filters-bar .dropdown-menu.show) .people-listing-grid::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    pointer-events: none;
    z-index: 1;
}

.alm-listing {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 33px;
    row-gap: 47px;
    color: #fff;
    @media (max-width: 768px) {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}
.alm-item {
    border-bottom: 20px solid #00E2C1;
    color: #000042;
    padding: 30px 24px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.alm-item a {
  height: 100%;
}
.alm-item .profile-title {
    font-size: 24px;
    font-family: MWE Arizona Plus Variable;
    line-height: 110%;
    letter-spacing: -0.48px;
}
.btn.btn-filter {
    display: inline-block;
    background-color: #E2E8FF;
    color: #000042;
    padding: 16px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 12px;
    font-weight: 450;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 20px;
    font-variation-settings: "SRFF" 0;
    @media (max-width: 768px) {
        padding: 12px 20px;
        margin-bottom: 24px;
    }
}