@import url('https://fonts.googleapis.com/css2?family=Literata:ital,wght@0,600;1,600&family=Montserrat:wght@800&display=swap');


/* =====================================
   YYO CENTERED MAIN NAVIGATION
   ===================================== */

/* Center the entire navigation container */
.WaGadgetMenuHorizontal {
    width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Main green navigation area */
.WaGadgetMenuHorizontal .menuInner {
    width: 100% !important;
    background: #006747 !important;
    box-sizing: border-box !important;
}

/* Center all menu items */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Individual menu items */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li {
    float: none !important;
}

/* Menu links */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 800 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}


/* =========================================
   YYO MOBILE NAVIGATION - FORCED TWO ROWS
   ========================================= */

@media screen and (max-width: 480px) {

    .WaGadgetMenuHorizontal .menuInner ul.firstLevel {
        display: grid !important;
        grid-template-columns: repeat(20, 1fr) !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 4px !important;
        box-sizing: border-box !important;
    }

    /* First five items: 5 equal columns */
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:nth-child(-n+5) {
        grid-column: span 4 !important;
        width: auto !important;
        float: none !important;
    }

    /* Last four items: 4 equal columns */
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:nth-child(n+6) {
        grid-column: span 5 !important;
        width: auto !important;
        float: none !important;
    }

    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item {
        width: 100% !important;
        display: block !important;
    }

    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-height: 28px !important;
        padding: 5px 2px !important;

        font-family: 'Montserrat', Arial, sans-serif !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;

        color: #FFFFFF !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: nowrap !important;

        box-sizing: border-box !important;
    }

    /* HOME pink */
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child > .item > a {
        color: #E87DA2 !important;
    }
}


 <!-- COPYRIGHT BAR -->
    <div class="yyo-footer-copyright" style="
        width:100%;
        background:#E87DA2;
        padding:12px 20px;
        box-sizing:border-box;
        text-align:center;
    ">

        <div class="yyo-footer-copyright-text" style="
            max-width:1100px;
            margin:0 auto;
            font-family:'Literata',Georgia,serif;
            font-size:10px;
            line-height:1.5;
            font-weight:600;
            color:#FFFFFF;
        ">

            © 2026 Alpha Kappa Alpha Sorority, Incorporated® —
            Upsilon Upsilon Omega Chapter. All Rights Reserved.

            <br>

            <span style="font-style:italic;">
                Alpha Kappa Alpha Sorority, Incorporated® is not responsible
                for the design or content of this website.
            </span>

        </div>
         YYO MOBILE NAVIGATION
   Keeps desktop navigation unchanged
   ========================================= */

@media screen and (max-width: 480px) {

    /* Navigation container */
    .WaGadgetMenuHorizontal {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    /* Green navigation bar */
    .WaGadgetMenuHorizontal .menuInner {
        width: 100% !important;
        background: #006747 !important;
        padding: 5px 6px !important;
        box-sizing: border-box !important;
    }

    /* Allow menu items to form multiple rows */
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;

        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    /* Individual menu items */
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li {
        float: none !important;
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Mobile menu links */
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
        display: block !important;

        font-family: 'Montserrat', Arial, sans-serif !important;
        font-weight: 800 !important;
        font-size: 10px !important;
        line-height: 1.2 !important;

        color: #FFFFFF !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: nowrap !important;

        padding: 7px 9px !important;
        box-sizing: border-box !important;
    }

    /* Keep HOME pink */
    .WaGadgetMenuHorizontal
    .menuInner
    ul.firstLevel
    > li:first-child
    > .item
    > a {
        color: #E87DA2 !important;
    }

}
        /* =========================================
  

 /* =========================================
   YYO HOMEPAGE UPCOMING EVENTS
   ========================================= */

#yyoUpcomingEvents {
    background: #FFF5F7 !important;
    margin: 0 !important;
    padding: 4px 20px 22px !important;
    border: none !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Remove WildApricot's gadget spacing/borders */
#yyoUpcomingEvents .gadgetStyleBody,
#yyoUpcomingEvents .gadgetContentEditableArea {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* No-events message */
#yyoUpcomingEvents .gadgetStyleBody {
    font-family: 'Literata', Georgia, serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
    text-align: center !important;
}

/* Mobile */
@media screen and (max-width: 480px) {

    #yyoUpcomingEvents {
        padding: 4px 15px 18px !important;
    }

    #yyoUpcomingEvents .gadgetStyleBody {
        font-size: 11px !important;
    }
}


/* Connect custom Events section to WildApricot event gadget */
#yyoUpcomingEvents {
    margin-top: -6px !important;
    border-top: none !important;
}

/* Remove spacing WildApricot may place above the gadget */
#yyoUpcomingEvents .gadgetStyleBody {
    margin-top: 0 !important;
    border-top: none !important;
}


/* =========================================================
   YYO FINAL MOBILE RESPONSIVE CHECK
   Applies only to phones
   ========================================================= */

@media screen and (max-width: 480px) {

    /* -----------------------------------------
       1. PREVENT HORIZONTAL OVERFLOW
       ----------------------------------------- */

    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }


    /* -----------------------------------------
       2. MAIN NAVIGATION
       Keep the existing two-row mobile layout
       ----------------------------------------- */

    .WaGadgetMenuHorizontal {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .WaGadgetMenuHorizontal .menuInner {
        width: 100% !important;
        background: #006747 !important;
    }

    .WaGadgetMenuHorizontal .menuInner ul.firstLevel {
        display: grid !important;
        grid-template-columns: repeat(20, 1fr) !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 3px !important;
        box-sizing: border-box !important;
    }

    /* First five navigation items */
    .WaGadgetMenuHorizontal
    .menuInner
    ul.firstLevel > li:nth-child(-n+5) {
        grid-column: span 4 !important;
        width: auto !important;
        float: none !important;
    }

    /* Last four navigation items */
    .WaGadgetMenuHorizontal
    .menuInner
    ul.firstLevel > li:nth-child(n+6) {
        grid-column: span 5 !important;
        width: auto !important;
        float: none !important;
    }

    .WaGadgetMenuHorizontal
    .menuInner
    ul.firstLevel > li > .item > a {

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 27px !important;

        padding: 4px 1px !important;

        font-family: 'Montserrat', Arial, sans-serif !important;
        font-weight: 800 !important;
        font-size: 8px !important;
        line-height: 1.15 !important;

        text-align: center !important;
        white-space: nowrap !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       3. YYO IN ACTION
       ----------------------------------------- */

    .yyo-action-section {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 26px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;

        box-sizing: border-box !important;
    }


    /* Stack the three cards vertically */
    .yyo-action-cards {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        gap: 14px !important;
    }


    .yyo-action-card {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;

        margin: 0 auto !important;
    }


    /* All YYO images */
    .yyo-action-card img {
        max-width: 100% !important;
    }


    /* -----------------------------------------
       4. YYO CARD TYPOGRAPHY
       ----------------------------------------- */

    .yyo-action-card div {
        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       5. UPCOMING EVENTS
       ----------------------------------------- */

    #yyoUpcomingEvents {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 30px !important;
        padding: 8px 15px 18px !important;

        background: #FFF5F7 !important;

        box-sizing: border-box !important;
        text-align: center !important;
    }


    #yyoUpcomingEvents .gadgetStyleBody,
    #yyoUpcomingEvents .gadgetContentEditableArea {

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;

        box-sizing: border-box !important;
    }


    #yyoUpcomingEvents .gadgetStyleBody {

        font-family: 'Literata', Georgia, serif !important;
        font-weight: 600 !important;

        font-size: 11px !important;
        line-height: 1.5 !important;

        color: #333333 !important;
        text-align: center !important;
    }


    /* -----------------------------------------
       6. FOOTER
       ----------------------------------------- */

    .yyo-footer {

        width: 100% !important;
        max-width: 100% !important;

        padding: 24px 16px 0 !important;

        text-align: center !important;
        box-sizing: border-box !important;
    }


    .yyo-footer-top {

        display: flex !important;
        flex-direction: column !important;

        justify-content: center !important;
        align-items: center !important;

        gap: 10px !important;
    }


    .yyo-footer-logo {

        width: 65px !important;
        max-width: 65px !important;

        height: auto !important;

        margin: 0 auto !important;
    }


    .yyo-footer h2,
    .yyo-footer-title {

        font-family: 'Montserrat', Arial, sans-serif !important;
        font-weight: 800 !important;

        font-size: 18px !important;
        line-height: 1.2 !important;

        text-align: center !important;

        margin: 4px 0 !important;
    }


    .yyo-footer-org {

        font-family: 'Montserrat', Arial, sans-serif !important;
        font-weight: 800 !important;

        font-size: 10px !important;
        line-height: 1.3 !important;

        text-align: center !important;
    }


    .yyo-footer-tagline {

        font-family: 'Literata', Georgia, serif !important;

        font-weight: 600 !important;
        font-style: italic !important;

        font-size: 12px !important;
        line-height: 1.4 !important;

        margin-top: 4px !important;
    }


    /* -----------------------------------------
       FOOTER NAVIGATION
       ----------------------------------------- */

    .yyo-footer-nav {

        display: flex !important;
        flex-wrap: wrap !important;

        justify-content: center !important;
        align-items: center !important;

        gap: 7px 12px !important;

        margin: 18px auto 14px !important;
        padding: 0 !important;
    }


    .yyo-footer-nav a {

        font-family: 'Montserrat', Arial, sans-serif !important;
        font-weight: 800 !important;

        font-size: 9px !important;
        line-height: 1.3 !important;

        color: #FFFFFF !important;

        text-decoration: none !important;
        white-space: nowrap !important;
    }


    /* Remove desktop separators */
    .yyo-footer-nav .divider,
    .yyo-footer-nav .separator {

        display: none !important;
    }


    /* -----------------------------------------
       FOOTER DIVIDER
       ----------------------------------------- */

    .yyo-footer-divider {

        width: 90% !important;
        height: 1px !important;

        background: #E87DA2 !important;

        margin: 14px auto !important;
    }


    /* -----------------------------------------
       SECONDARY FOOTER LINKS
       ----------------------------------------- */

    .yyo-footer-secondary {

        display: flex !important;
        flex-wrap: wrap !important;

        justify-content: center !important;

        gap: 6px 12px !important;

        margin: 10px auto !important;
    }


    .yyo-footer-secondary a {

        font-family: 'Literata', Georgia, serif !important;
        font-weight: 600 !important;

        font-size: 10px !important;

        color: #FFFFFF !important;

        text-decoration: none !important;
    }


    /* -----------------------------------------
       SOCIAL ICONS
       ----------------------------------------- */

    .yyo-footer-social {

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        gap: 10px !important;

        margin: 12px auto !important;
    }


    .yyo-footer-social a {

        width: 32px !important;
        height: 32px !important;

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        border-radius: 50% !important;

        background: #E87DA2 !important;
        color: #006747 !important;

        text-decoration: none !important;

        font-size: 14px !important;
        font-weight: 800 !important;
    }


    /* -----------------------------------------
       FOOTER DISCLAIMER
       ----------------------------------------- */

    .yyo-footer-disclaimer {

        max-width: 350px !important;

        margin: 12px auto !important;
        padding: 0 8px !important;

        font-family: 'Literata', Georgia, serif !important;
        font-weight: 600 !important;

        font-size: 8px !important;
        line-height: 1.45 !important;

        text-align: center !important;
    }


    /* -----------------------------------------
       COPYRIGHT
       ----------------------------------------- */

    .yyo-footer-copyright {

        padding: 9px 10px !important;

        font-family: 'Literata', Georgia, serif !important;
        font-weight: 600 !important;

        font-size: 8px !important;
        line-height: 1.4 !important;

        text-align: center !important;
    }

}


/* ========================================
   YYO FINAL MOBILE POLISH
   ======================================== */

@media screen and (max-width: 480px) {

    /* Keep YYO cards in 3 columns */
    .yyo-action-cards {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: stretch !important;
    }

    .yyo-action-card {
        flex: 1 1 0 !important;
        width: 33.333% !important;
        min-width: 0 !important;
    }

    /* Card titles */
    .yyo-action-card div {
        overflow-wrap: normal !important;
    }


    /* Automatic Upcoming Events area */
    #yyoUpcomingEvents {
        padding-top: 8px !important;
        padding-bottom: 18px !important;
        margin-bottom: 30px !important;
    }

    #yyoUpcomingEvents .gadgetStyleBody {
        font-size: 10px !important;
        line-height: 1.5 !important;
    }


    /* Give footer a clean transition */
    .yyo-footer {
        margin-top: 0 !important;
    }
}


/* MAILING ADDRESS */

.yyo-mailing-address {
    margin: 22px auto 0;
    padding-top: 18px;
    max-width: 420px;
    border-top: 1px solid rgba(255,255,255,.45);
    text-align: center;
}

.yyo-mailing-address span {
    display: block;

    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;

    color: #F4A1BC;

    margin-bottom: 6px;
}

.yyo-mailing-address p {
    font-family: 'Literata', Georgia, serif;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;

    color: #FFFFFF;

    margin: 0;
}


/* MOBILE */

@media screen and (max-width: 480px) {

    .yyo-mailing-address {
        margin-top: 17px;
        padding-top: 15px;
        max-width: 300px;
    }

    .yyo-mailing-address span {
        font-size: 8px;
        letter-spacing: 1.5px;
    }

    .yyo-mailing-address p {
        font-size: 11px;
        line-height: 1.55;
    }

}


/* =========================================
   FINAL CONTACT PAGE MOBILE POLISH
   Add at the VERY BOTTOM of existing CSS
   ========================================= */

@media screen and (max-width: 480px) {

    /* 1. More breathing room after CONTACT US section */
    .yyo-contact-section-heading {
        margin-top: 28px !important;
        margin-bottom: 22px !important;
    }


    /* 2. Give contact cards more breathing room */
    .yyo-contact-card {
        padding: 22px 18px !important;
        min-height: 175px;
    }

    .yyo-contact-card p {
        margin-top: 7px !important;
        margin-bottom: 16px !important;
        line-height: 1.6 !important;
    }


    /* 3. Make Send Us a Message more prominent */
    .yyo-contact-message h2 {
        font-size: 23px !important;
        line-height: 1.2 !important;
        margin-bottom: 10px !important;
    }


    /* 4. Make Google contact form button easier to see/tap */
    .yyo-contact-form-button {
        font-size: 10px !important;
        padding: 11px 20px !important;
        margin-top: 3px !important;
    }


    /* 5. Keep mailing address comfortably separated */
    .yyo-mailing-address {
        margin-top: 24px !important;
        padding-top: 17px !important;
    }


    /* 6. Slightly improve Stay Connected spacing */
    .yyo-contact-connect {
        padding-top: 26px !important;
        padding-bottom: 27px !important;
    }


    /* 7. Create clean separation before footer */
    .yyo-contact-content {
        margin-bottom: 30px !important;
    }

}


@media screen and (max-width: 480px) {

    .yyo-contact-content {
        margin-bottom: 20px !important;
    }

}


/* =========================================================
   YYO STORY - FINAL MOBILE OPTIMIZATION
   ========================================================= */

@media screen and (max-width: 480px) {

    /* Prevent horizontal overflow */
    .yyo-story {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }


    /* =========================
       OUR STORY HERO
       ========================= */

    .yyo-story-hero {
        padding: 28px 15px 25px !important;
    }

    .yyo-story-hero h1 {
        font-size: 36px !important;
        line-height: 1.1 !important;
    }

    .yyo-story-eyebrow {
        font-size: 8px !important;
        letter-spacing: 1.8px !important;
    }

    .yyo-story-values {
        max-width: 320px !important;
        margin: 0 auto !important;
        font-size: 8px !important;
        letter-spacing: .8px !important;
        line-height: 1.7 !important;
    }


    /* =========================
       HISTORY / TIMELINE
       ========================= */

    .yyo-story-history {
        display: block !important;
        padding: 28px 18px 30px !important;
    }

    .yyo-story-timeline::before {
        left: 24px !important;
        top: 28px !important;
        bottom: 25px !important;
    }

    .yyo-story-milestone {
        padding-left: 68px !important;
        margin-bottom: 34px !important;
    }

    .yyo-story-year {
        width: 49px !important;
        height: 49px !important;
        font-size: 13px !important;
    }

    .yyo-story-milestone h2 {
        font-size: 21px !important;
        margin-bottom: 8px !important;
    }

    .yyo-story-milestone p {
        font-size: 11px !important;
        line-height: 1.6 !important;
        margin-bottom: 11px !important;
    }


    /* =========================
       HISTORICAL PHOTOS
       ========================= */

    .yyo-story-images {
        width: 100% !important;
        max-width: 100% !important;
        margin: 25px auto 0 !important;
        gap: 18px !important;
    }

    .yyo-story-chartering {
        width: 100% !important;
        padding: 8px !important;
    }

    .yyo-story-photo-title {
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    .yyo-story-chartering img {
        width: 100% !important;
        height: auto !important;
    }


    /* Keep banner intentionally smaller */

    .yyo-story-banner-wrap {
        width: 42% !important;
        max-width: 150px !important;
        padding: 6px !important;
        margin: 0 auto !important;
    }


    /* =========================
       CHARTER MEMBERS
       ========================= */

    .yyo-charter-members {
        padding: 28px 17px 32px !important;
    }

    .yyo-charter-heading {
        gap: 8px !important;
    }

    .yyo-charter-heading h2 {
        font-size: 25px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    .yyo-charter-heading::before,
    .yyo-charter-heading::after {
        width: 28px !important;
    }

    .yyo-charter-intro {
        max-width: 300px !important;
        margin: 8px auto 20px !important;
        font-size: 10px !important;
        line-height: 1.55 !important;
    }


    /* Convert desktop 3-column list into one mobile list */

    .yyo-charter-grid {
        display: block !important;
        width: 100% !important;
    }

    .yyo-charter-column {
        width: 100% !important;
        padding: 0 22px !important;
        border: 0 !important;
    }

    .yyo-charter-column:first-child {
        padding-top: 20px !important;
    }

    .yyo-charter-column:last-child {
        padding-bottom: 20px !important;
    }

    .yyo-charter-name {
        padding-left: 18px !important;
        margin-bottom: 12px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .yyo-charter-name::before {
        font-size: 7px !important;
    }

    .yyo-charter-position {
        margin-top: 2px !important;
        font-size: 9px !important;
        line-height: 1.3 !important;
    }


    /* =========================
       OUR LEGACY CONTINUES
       ========================= */

    .yyo-story-legacy {
        padding: 30px 18px 34px !important;
    }

    .yyo-story-legacy h2 {
        font-size: 27px !important;
        line-height: 1.2 !important;
    }

    .yyo-legacy-line {
        margin: 11px auto 14px !important;
    }

    .yyo-legacy-intro {
        max-width: 330px !important;
        margin: 0 auto 18px !important;
        font-size: 11px !important;
        line-height: 1.6 !important;
    }


    /* Stack the three principles */

    .yyo-legacy-values {
        display: block !important;
        width: 100% !important;
        max-width: 290px !important;
        margin: 0 auto 20px !important;
    }

    .yyo-legacy-value {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;

        width: 100% !important;
        max-width: none !important;

        padding: 13px 8px !important;
        margin: 0 !important;
    }

    .yyo-legacy-value + .yyo-legacy-value {
        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,.35) !important;
    }

    .yyo-legacy-icon {
        flex: 0 0 48px !important;
        width: 48px !important;
        height: 48px !important;
        font-size: 19px !important;
    }

    .yyo-legacy-value h3 {
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    .yyo-legacy-closing {
        max-width: 330px !important;
        margin: 0 auto !important;
        font-size: 10px !important;
        line-height: 1.65 !important;
    }
}


/* =========================================================
   AKA STORY — FINAL DESKTOP REFINEMENTS
   Add this at the VERY BOTTOM of the existing CSS
   ========================================================= */


/* 1. FOUNDING SECTION
   Tighten the columns and reduce excess vertical space */

.aka-founding {
    grid-template-columns: 1fr .95fr !important;
    gap: 38px !important;
    padding: 52px 60px 48px !important;
}


/* 2. FOUNDING BODY COPY
   Slightly larger for easier reading */

.aka-founding-copy p {
    font-size: 17px !important;
    line-height: 1.68 !important;
}


/* 3. MONUMENT CARD
   Reduce overall size so it balances better with the text */

.aka-founders-photo {
    max-width: 520px !important;
    padding: 26px 28px 22px !important;
}


/* Keep the monument itself appropriately sized */

.aka-founders-monument-image {
    max-width: 345px !important;
}


/* Slightly refine the monument caption */

.aka-founders-caption {
    max-width: 390px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

.aka-founders-caption span {
    font-size: 9px !important;
}


/* 4. TIGHTER TRANSITION INTO LEGACY SECTION
   Reduces the white gap seen in the screenshot */

.aka-founding {
    margin-bottom: 0 !important;
}

.aka-enduring-legacy {
    margin-top: 0 !important;
}


/* 5. LEGACY SECTION
   Improve paragraph readability */

.aka-legacy-copy {
    font-size: 17px !important;
    line-height: 1.7 !important;
}


/* Keep the legacy section from becoming unnecessarily tall */

.aka-enduring-legacy {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 900px) {

    .aka-founding {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        padding: 42px 38px !important;
    }

    .aka-founding-copy p {
        font-size: 15px !important;
    }

    .aka-founders-photo {
        max-width: 520px !important;
        margin: 0 auto !important;
    }

    .aka-legacy-copy {
        font-size: 15px !important;
    }
}


/* =========================================================
   MOBILE
   Preserve the mobile layout while improving readability
   ========================================================= */

@media screen and (max-width: 480px) {

    /* Keep founding text first and monument second */

    .aka-founding {
        display: flex !important;
        flex-direction: column !important;
        gap: 25px !important;

        padding: 30px 18px 32px !important;
    }


    /* Improve founding copy readability */

    .aka-founding-copy p {
        font-size: 12px !important;
        line-height: 1.65 !important;
    }


    /* Prevent monument card from becoming oversized */

    .aka-founders-photo {
        width: 100% !important;
        max-width: 340px !important;

        margin: 0 auto !important;
        padding: 20px 16px 17px !important;
    }

    .aka-founders-monument-image {
        width: 72% !important;
        max-width: 215px !important;
    }


    /* Legacy text readability */

    .aka-legacy-copy {
        font-size: 12px !important;
        line-height: 1.65 !important;
    }

    .aka-enduring-legacy {
        padding: 34px 18px 36px !important;
    }
}


<style>
/* Reduce space between Member Login page and site footer */
.yyo-member-page {
    margin-bottom: 6px !important;
}

/* Remove unnecessary space below the final Member Login section */
.yyo-member-bottom {
    margin-bottom: 0 !important;
}

/* Prevent Wild Apricot content area from adding extra bottom spacing */
.yyo-member-page + br,
.yyo-member-page + p {
    margin: 0 !important;
    padding: 0 !important;
}
</style>