/* ==========================================================================
   Nigerians in Winnipeg — footer refinements
   Loaded site-wide from resources/views/frontend/partials/header.blade.php.
   Kept separate from the theme CSS so a Fundorex update will not overwrite it.
   ========================================================================== */

/* Footer brand wordmark. AboutUsWidget has no title field and wraps its
   description in <p>, so the heading is carried inside that markup — these
   rules give it the same weight as the other footer widget titles. */
.footer-brand {
    font-family: var(--heading-font);
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
    color: #fff;
    margin: 0 0 18px;
}

/* Even vertical rhythm across the four footer columns. The theme ships with
   uneven widget margins, which showed as ragged column tops. */
.footer-widget-area .widget,
.footer-area .footer-widget {
    margin-bottom: 34px;
}

.footer-area .widget-title,
.footer-widget-area .widget-title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.3;
}

/* Tighten the footer block. The theme's default padding left a large empty
   band, which was very visible once the demo partner-logo strip was removed. */
.footer-area {
    padding-top: 70px;
    padding-bottom: 20px;
}

/* Contact list: consistent spacing and alignment between icon and text. */
.footer-area .contact-info-widget ul li,
.footer-area .widget-ul-wrapper ul li {
    margin-bottom: 12px;
    line-height: 1.6;
}

.footer-area .widget-ul-wrapper ul li a {
    transition: color .2s ease, padding-left .2s ease;
}

.footer-area .widget-ul-wrapper ul li a:hover {
    color: var(--main-color-one);
    padding-left: 4px;
}

/* Newsletter blurb sat tight against the input. */
.footer-area .newsletter-widget p {
    margin-bottom: 18px;
}

/* The CTA band used to be followed by the partner-logo strip, which supplied
   the spacing above the footer. With that strip gone, restore the gap here. */
.cta-area-07 + .footer-area {
    margin-top: 0;
}

@media (max-width: 991px) {
    .footer-area {
        padding-top: 50px;
    }
    .footer-widget-area .widget,
    .footer-area .footer-widget {
        margin-bottom: 28px;
    }
}

/* ==========================================================================
   Leadership / team member portraits
   The theme sets only `width:100%` on .team-single-item .thumb img, so a tall
   portrait gets cropped from the centre by the card — which cut the subject's
   head off on narrow screens. Pin a consistent portrait ratio and anchor the
   crop near the top so the face always stays in frame.
   ========================================================================== */
.team-single-item .thumb {
    overflow: hidden;
    border-radius: 50px;
}

.team-single-item .thumb img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center 12%;
    border-radius: 50px;
}

/* Single-column layout: the card goes full-width, so a slightly taller ratio
   keeps the portrait from becoming a letterbox strip. */
@media (max-width: 767px) {
    .team-single-item .thumb img {
        aspect-ratio: 4 / 5;
        object-position: center 10%;
    }
}

/* Older engines without aspect-ratio support fall back to a bounded height
   rather than an unconstrained one. */
@supports not (aspect-ratio: 3 / 4) {
    .team-single-item .thumb img {
        max-height: 420px;
    }
}