/*
Theme Name: Real Maestranza - Directorio de Maestrantes
Theme URI: https://harutheme.com/famipress
Author: Cubica Multimedia
Author URI: https://www.cubicamultimedia.com/
Description: Tema hijo para Real Maestranza de Caballería
Template: famipress
Version: 1.0.0
*/

/*---------------------------------
  	Write your css code from here
------------------------------------*/

/* FICHA DEL MIEMBRO*/
.single-member-wrap.single-style-3 .single-member-avatar img {
    width: 100%;
}

.single-member-wrap.single-style-3 .info-item .info-label {
    flex: 0 0 35%;
}

.single-member-wrap.single-style-3 .single-member-top {
    padding-bottom: 0;
    margin-bottom: 0;
}

.single-member-wrap.single-style-3 .member-view-tree {
    margin-bottom: 2%;
}

/* LISTADO DE MIEMBROS */
.member-item.style-3 .member-item__content {
    padding: 0;
}

.member-item.style-3 .member-item__thumbnail {
    border-radius: 0;
    width: 100%;
    display: block;
}

.member-item.style-3 .member-item__thumbnail img {
    position: relative;
}

.member-item.style-3 .member-item__thumbnail a {
    display: block;
    padding-bottom: 0;
}

/* TOOLBAR & VIEW SWITCHER */
#member-list-container.photos-hidden .member-image-container {
    display: none !important;
}

#member-list-container.photos-hidden .member-item {
    margin-bottom: 0 !important;
}

#member-list-container.photos-hidden .member-item .group {
    flex-direction: row;
    align-items: center;
    padding: 0.75rem 1rem;
    height: auto;
    border: none;
    border-bottom: 1px solid #e7e5e4;
    /* stone-200 */
    box-shadow: none;
    transition: background-color 0.2s;
}

#member-list-container.photos-hidden .member-item .group:hover {
    background-color: #fca5a5;
    /* red-200 very light? or just stone-50 */
    background-color: #fafaf9;
}

#member-list-container.photos-hidden .member-item .p-5 {
    padding: 0;
    border: none;
    text-align: left;
    flex-direction: row;
    gap: 0.5rem;
    align-items: baseline;
    justify-content: flex-start;
    flex-grow: 1;
}

#member-list-container.photos-hidden .member-item h3 {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600;
}

#member-list-container.photos-hidden .member-item p {
    font-size: 0.9rem;
    margin-bottom: 0;
    color: #57534e;
    /* stone-600 */
    text-transform: capitalize;
    /* Optional cleanup */
}

/* Autocomplete Sytles */
#member-search-results {
    max-height: 400px;
    overflow-y: auto;
}

/* Force height 100% for member images as requested for Elementor compatibility */
.elementor img.absolute.inset-0.w-full.h-full,
#member-list-container img {
    height: 100% !important;
}