.elementor-kit-20{--e-global-color-primary:#8BC2EB;--e-global-color-secondary:#868485;--e-global-color-text:#868485;--e-global-color-accent:#B3DBF1;--e-global-color-c403af1:#FFFBFB;}.elementor-kit-20 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Make all columns equal width across the two rows */
.family-row .elementor-column {
    flex: 1 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Make all plaque backgrounds scale identical */
.plaque-wrap {
    max-width: 360px; /* adjust if needed */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Remove all unwanted spacing inside plaques */
.plaque-wrap .elementor-widget-heading {
    margin: 0 !important;
    padding: 0 !important;
}

/* Uniform gap between name and job title */
.plaque-wrap .elementor-widget-heading + .elementor-widget-heading {
    margin-top: 6px !important;
}

/* ------------------------------ */
/* MOBILE FIX FOR FRAMES + PLAQUES */
/* ------------------------------ */

@media (max-width: 767px) {

    /* --- Stack columns vertically --- */
    .family-row .elementor-container,
    .family-row .elementor-row {
        display: block !important;
    }

    .family-row .elementor-column {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 auto 40px auto !important;
    }

    /* --- Fix frame sizing (taller container) --- */
    .family-row .elementor-widget-image {
        height: 520px !important; /* ADJUSTED */
        display: flex !important;
        justify-content: center;
        align-items: center;
        overflow: hidden !important;
    }

    /* --- Stop image zoom from cropping top/bottom --- */
    .family-row .elementor-widget-image img {
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* --- Show plaques properly --- */
    .plaque-wrap {
        max-width: 260px !important;
        width: 100% !important;
        margin: 10px auto 40px auto !important;
        padding: 20px 20px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        display: block !important;
    }

    /* --- Text spacing inside plaques --- */
    .plaque-wrap .elementor-widget-heading {
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .plaque-wrap .elementor-widget-heading + .elementor-widget-heading {
        margin-top: 4px !important;
    }

    /* --- Pull plaque section upward (increased offset) --- */
    .family-row + .family-row {
        margin-top: -120px !important;
    }
}/* End custom CSS */