/*
Theme Name: AAUW Buffalo Complete
Theme URI: https://aauwbuffalo.org/
Author: AAUW Buffalo Branch
Description: Final responsive WordPress theme stylesheet. WordPress owns editable page content; PHP templates and this CSS own presentation and responsive design.
Version: 28.5.3
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: aauw-buffalo

Validation: CSS syntax checked; braces, parentheses, declarations, and media-rule parsing verified.
*/

/* ========================================================================
   AAUW BUFFALO MASTER STYLESHEET — FINAL SECTION MAP
   ========================================================================

   CONTENT / DESIGN RULE
   ---------------------
   EDIT IN WORDPRESS:
     • Page titles and headings
     • Paragraphs and lists
     • Buttons and links
     • Photos, galleries, PDFs, forms and tables
     • Meeting dates, scholarship details and application instructions
     • Featured Images used by interior-page heroes

   CONTROL WITH PHP + CSS:
     • Header, navigation and footer structure
     • Hero construction and responsive behavior
     • Page widths, grids, cards, spacing and typography
     • Colors, buttons, borders, image treatment and mobile layout

   IMPORTANT PHP REQUIREMENT
   -------------------------
   Every editable page template should output the WordPress editor with:

       <?php the_content(); ?>

   Do not hard-code normal page copy in PHP. PHP should supply only wrappers,
   reusable structural markup, optional fallback images and WordPress loops.

   FINAL PAGE / NAVIGATION ORDER
   -----------------------------
   NOTE: The Programs-Meetings list supplied two different items numbered 4.3.
   To prevent duplicate section numbers, Interest Group pages are nested under
   4.2 (4.2.2 through 4.2.10), while Board Meeting Schedule remains 4.3.
   1. HOME
   2. ABOUT US
      2.1 What is AAUW?
      2.2 Our Leadership
      2.3 Branch Policies and Procedures
      2.4 Buffalo Branch History
      2.5 Community Partnerships
      2.6 Branch Newsletters
   3. MEMBERSHIP
      3.1 Join the Branch!
      3.2 Membership Renewals
   4. PROGRAMS-MEETINGS
      4.1 Branch Programs
      4.2 Interest Groups
          4.2.1 Book Clubs
                4.2.1.1 Dinner By The Book
                4.2.1.2 Clueless Mystery Book Club
          4.2.2 Let's Talk Public Policy!
          4.2.3 Happy Wanderers
          4.2.4 Professional Development Club
          4.2.5 Scrabble Club
          4.2.6 Wine by Zoom
          4.2.7 WNY Culinary Delights – Lunch Bunch
          4.2.8 Coffee Shop Hour
          4.2.9 Music Appreciation
          4.2.10 Mahjong Group
      4.3 Board Meeting Schedule
      4.4 National Webinars & Events
      4.5 AAUW Atlantic Regional Conference
   5. BOOK SALE
   6. SCHOLARSHIPS
      6.1 Women Entering College Scholarships
      6.2 Olga Lindberg Scholarships
      6.3 Catalyst for Change Scholarships
      6.4 Jacquie Walker Scholarships
      6.5 Adult Learners in Transition Scholarships
      6.6 Swift-MacClennan Public Affairs Scholarship
   7. LOANS & GRANTS
      7.1 Chamberlin and Funds for Education Loans and Grants
      7.2 Clarine Radt Mini-Grants
      7.3 Professional Development
   8. CONTACT US

   TEMPLATE FAMILIES
   -----------------
   MEMBERSHIP RENEWALS HERO TEMPLATE:
     About Us, Membership, Programs-Meetings, Book Sale, Contact Us,
     and their normal sub-pages.

   SCHOLARSHIPS TEMPLATE:
     Scholarships and Loans & Grants. Both use the same no-crop hero logic,
     readable card system and responsive content components.

   ======================================================================== */

/* ========================================================================
   GLOBAL A — SITE-WIDE FOUNDATION / VARIABLES
   ========================================================================
   The rules below are site-wide. They are intentionally kept before the
   numbered page sections so Sections 1–8 exactly follow the navigation.
   ======================================================================== */
:root{
  --aauw-blue:#07345f;
  --aauw-blue-dark:#052a4f;
  --aauw-blue-light:#214179;
  --aauw-green:#67873a;
  --aauw-green-dark:#55752f;
  --aauw-green-light:#7d9b4f;
  --aauw-ink:#102f52;
  --aauw-text:#20242a;
  --aauw-muted:#66717d;
  --aauw-border:#dfe4e8;
  --aauw-soft:#f5f6f7;
  --aauw-white:#fff;
  --aauw-shadow:0 10px 30px rgba(8,34,59,.10);
  --aauw-radius:8px;
  --aauw-container:1500px;
  --aauw-gutter:30px;
}

/* ================================================================
   GLOBAL A.1 — RESET / BASE TYPOGRAPHY
   ================================================================ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--aauw-text);
  background:#fff;
  font-family:Montserrat,Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.55;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--aauw-blue);text-decoration:none}
a:hover,a:focus{color:var(--aauw-green)}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.site-container{
  width:min(calc(100% - (var(--aauw-gutter) * 2)),var(--aauw-container));
  margin-inline:auto;
}

/* ================================================================
   GLOBAL A.2 — SHARED CONTENT INDENTATION
   ================================================================
   Use this class in WordPress whenever content below a heading
   should be indented consistently.

   Example:
       <h2>Membership Dues</h2>
       <div class="section-content-indent">
           <p>Content goes here.</p>
       </div>
   ================================================================ */

.section-content-indent{
    margin-left:25px;
}


/* Tablet */
@media (max-width:900px){

    .section-content-indent{
        margin-left:18px;
    }

}


/* Mobile */
@media (max-width:600px){

    .section-content-indent{
        margin-left:10px;
    }

}

/* ================================================================
   GLOBAL A.2.1 — SHARED GUIDELINE / REQUIREMENT LIST
   ================================================================
   Used for:
   • Scholarship guideline pages
   • Loans & Grants guideline pages

   Main items use an AAUW green chevron.
   Nested numbered items remain numbered and indented.
   Nested secondary bullets use a small green dot.
   Bold text remains controlled by the WordPress HTML.
   ================================================================ */
.aauw-guidelines-list{
    list-style:none;
    margin:0;
    padding:0;
}
.aauw-guidelines-list>li{
    position:relative;
    margin:0 0 18px;
    padding:0 0 0 30px;
    color:var(--aauw-text);
    font-size:16px;
    line-height:1.55;
}
.aauw-guidelines-list>li::before{
    content:"❯";
    position:absolute;
    left:0;
    top:0;
    color:var(--aauw-green);
    font-size:19px;
    font-weight:700;
    line-height:1.45;
}
.aauw-guidelines-list>li:last-child{
    margin-bottom:0;
}
.aauw-guidelines-list strong{
    color:#214f7b;
    font-weight:700;
}
.aauw-guidelines-list a{
    color:#214f7b;
    text-decoration:underline;
    text-underline-offset:2px;
}
.aauw-guidelines-list a:hover,
.aauw-guidelines-list a:focus{
    color:var(--aauw-blue-dark);
}

.aauw-guidelines-list>li>ol{
    margin:14px 0 0 18px;
    padding-left:24px;
}
.aauw-guidelines-list>li>ol>li{
    margin:0 0 9px;
    padding-left:4px;
    line-height:1.5;
}
.aauw-guidelines-list>li>ol>li:last-child{
    margin-bottom:0;
}
.aauw-guidelines-list>li>ul{
    margin:12px 0 0 18px;
    padding-left:24px;
}
.aauw-guidelines-list>li>ul>li{
    margin:0 0 7px;
    line-height:1.5;
}
.aauw-guidelines-list>li>ul>li::marker{
    color:var(--aauw-green);
}
@media(max-width:700px){
    .aauw-guidelines-list>li{
        margin-bottom:16px;
        padding-left:25px;
        font-size:15px;
    }
    .aauw-guidelines-list>li::before{
        font-size:17px;
    }
    .aauw-guidelines-list>li>ol,
    .aauw-guidelines-list>li>ul{
        margin-left:8px;
        padding-left:22px;
    }
}

/* ================================================================
   GLOBAL A.2.2 — SCHOLARSHIP INFORMATION NOTE
   ================================================================
   Reusable closing information panel for Scholarship pages.
   ================================================================ */
.aauw-scholarship-note{
    width:100%;
    margin:30px 0 0;
    padding:22px 28px;
    display:grid;
    grid-template-columns:115px minmax(0,1fr);
    gap:34px;
    align-items:center;
    background:#f4f6ee;
    border-radius:80px;
}
.aauw-scholarship-note__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    padding-right:24px;
    border-right:1px solid var(--aauw-green);
}
.aauw-scholarship-note__icon img{
    display:block;
    width:76px;
    height:auto;
}
.aauw-scholarship-note__content{
    min-width:0;
}
.aauw-scholarship-note__content p{
    margin:0;
    color:var(--aauw-text);
    font-size:15px;
    line-height:1.5;
}
.aauw-scholarship-note__content hr{
    width:100%;
    height:1px;
    margin:12px 0;
    padding:0;
    border:0;
    background:var(--aauw-green);
}
@media(max-width:700px){
    .aauw-scholarship-note{
        grid-template-columns:90px minmax(0,1fr);
        gap:16px;
        padding:20px;
    }
    .aauw-scholarship-note__icon{
        padding-right:16px;
        border-right:1px solid var(--aauw-green);
    }
    .aauw-scholarship-note__icon img{
        width:58px;
    }
    .aauw-scholarship-note__content p{
        font-size:14px;
    }
}
@media(max-width:480px){
    .aauw-scholarship-note{
        grid-template-columns:1fr;
        gap:12px;
        text-align:left;
    }
    .aauw-scholarship-note__icon{
        justify-content:flex-start;
        padding-right:0;
        padding-bottom:12px;
        border-right:0;
        border-bottom:1px solid var(--aauw-green);
    }
}


/* ========================================================================
   SCHOLARSHIPS — TEMPORARY APPLICATION UPDATE
   ======================================================================== */
.scholarship-application-update{
    padding:34px 24px;
}
.scholarship-application-update__card{
    max-width:820px;
    margin:0 auto;
    padding:38px 46px;
    text-align:center;
    background:#fff;
    border:1px solid #d7dee5;
    border-radius:8px;
    box-shadow:0 8px 22px rgba(5,42,79,.07);
}
.scholarship-application-update__kicker{
    margin:0 0 10px !important;
    color:#67873a !important;
    font-size:13px !important;
    font-weight:700;
    line-height:1.3 !important;
    letter-spacing:.12em;
}
.scholarship-application-update__card h3{
    margin:0 0 24px;
    color:#052a4f;
    font-family:Georgia,"Times New Roman",serif;
    font-size:26px;
    line-height:1.25;
}
.scholarship-application-update__card p{
    margin:0 0 3px;
    line-height:1.65;
}
.scholarship-application-update__thanks{
    margin-top:16px !important;
    margin-bottom:0 !important;
    color:#052a4f;
    font-weight:600;
}
@media(max-width:700px){
    .scholarship-application-update{
        padding:24px 14px;
    }
    .scholarship-application-update__card{
        padding:28px 22px;
    }
    .scholarship-application-update__card h3{
        font-size:22px;
    }
}

/* ========================================================================
   GLOBAL A.3 — SHARED PRINTABLE INFORMATION DOWNLOAD
   ========================================================================
   Centers printable/download links beneath page images and tables.

   This class can be reused throughout the website for:
   • Printable tables
   • Schedules
   • Forms
   • Images
   • PDF downloads
   ======================================================================== */

.printable-information{
    width:100%;
    margin:20px 0 30px;
    text-align:center;
}

.printable-information p{
    margin:0;
}


/*================================================================ */


/*================================================================ */

.screen-reader-text{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}
.screen-reader-text:focus{
  position:fixed!important;top:10px;left:10px;z-index:99999;width:auto;height:auto;
  padding:12px 16px;background:#fff;color:#000;clip:auto;box-shadow:var(--aauw-shadow)
}

/* ================================================================
   GLOBAL B — TOP ANNOUNCEMENT BAR
   ================================================================ */

/* ================================================================
   TOP ANNOUNCEMENT BAR
   ================================================================

   CURRENT HTML STRUCTURE:

   <div class="topbar-anniversaries"
        aria-label="Anniversary information">

       <span>
           AAUW Buffalo Branch – Honoring 136 Years
           <br>
           AAUW National – Honoring 145 Years
       </span>

   </div>

   This version contains only the two anniversary statements.
   All social-media links and icons are hidden.

   IMPORTANT:
   Replace the complete older top-bar CSS section with this code.
   Do not leave older .topbar-anniversaries media-query rules later
   in style.css, because later rules can still override this section.
   ================================================================ */


/* ------------------------------------------------
   Overall Top Announcement Bar
   ------------------------------------------------

   The bar itself remains full width.

   Height is not fixed. It can become taller when the
   browser narrows, preventing the text from being
   clipped or removed.
   ------------------------------------------------ */

.site-topbar{
    width:100%;
    height:auto;
    min-height:0;

    margin:0;
    padding:0;

    overflow:visible !important;

    background:var(--aauw-blue-dark);
    color:#ffffff;

    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.45;
}


/* ------------------------------------------------
   Inner Top-Bar Container
   ------------------------------------------------

   The container centers the anniversary information.

   height:auto allows the container to expand when the
   text needs additional vertical space.
   ------------------------------------------------ */

.topbar-inner{
    width:min(
        calc(100% - (var(--aauw-gutter) * 2)),
        var(--aauw-container)
    );

    max-width:var(--aauw-container);
    height:auto;
    min-height:54px;

    margin:0 auto;
    padding:8px 0;

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

    overflow:visible !important;

    text-align:center;
}


/* ------------------------------------------------
   Anniversary Information Container
   ------------------------------------------------

   These declarations explicitly keep the anniversary
   group visible.

   display:flex !important overrides older responsive
   rules that may contain display:none.

   The container is allowed to grow vertically.
   ------------------------------------------------ */

.site-topbar .topbar-anniversaries,
.topbar-inner .topbar-anniversaries{
    position:static;

    width:100%;
    max-width:100%;
    height:auto;
    min-height:0;

    margin:0;
    padding:0;

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

    color:#edf4fa;

    font-family:inherit;
    font-size:14px;
    font-weight:400;
    line-height:1.45;

    padding-block: 8px;

    text-align:center;

    white-space:normal !important;
    overflow:visible !important;

    visibility:visible !important;
    opacity:1 !important;

    transform:none !important;
}


/* ------------------------------------------------
   Single Anniversary Text Span
   ------------------------------------------------

   The two statements are already separated by <br>,
   so the browser will always place them on separate
   lines.

   overflow-wrap protects the layout if the available
   width becomes extremely narrow.
   ------------------------------------------------ */

.site-topbar .topbar-anniversaries > span,
.topbar-inner .topbar-anniversaries > span{
    position:static;

    width:100%;
    max-width:100%;
    height:auto;

    margin:0;
    padding:0;

    display:block !important;

    color:inherit;

    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    line-height:1.45;
    letter-spacing:.01em;

    text-align:center;

    white-space:normal !important;
    overflow-wrap:break-word;
    word-break:normal;
    overflow:visible !important;

    visibility:visible !important;
    opacity:1 !important;

    transform:none !important;
}


/* ------------------------------------------------
   Remove Social Media From the Top Bar
   ------------------------------------------------

   This hides social icons even if their HTML remains
   in header.php.

   The selectors are intentionally specific so they
   remove social media only from the top announcement
   bar, not from the footer.
   ------------------------------------------------ */

.site-topbar .top-social,
.site-topbar .social-links,
.site-topbar .social-icons,
.site-topbar [class*="top-social"]{
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;

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

    overflow:hidden !important;

    visibility:hidden !important;
    opacity:0 !important;
}


/* Hide individual social links that might remain in the bar. */
.site-topbar .top-social a,
.site-topbar .social-links a,
.site-topbar .social-icons a{
    display:none !important;
}


/* ================================================================
   TABLET TOP BAR
   Applies at browser widths of 900px and below.
   ================================================================

   The font remains 14px.

   The bar and its inner container are allowed to become
   taller as needed. Nothing is hidden or clipped.
   ================================================================ */

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

    .site-topbar{
        height:auto;
        min-height:0;

        font-size:14px;

        overflow:visible !important;
    }

    .topbar-inner{
        width:calc(100% - 28px);
        height:auto;
        min-height:54px;

        padding:8px 0;

        display:flex !important;

        overflow:visible !important;
    }

    .site-topbar .topbar-anniversaries,
    .topbar-inner .topbar-anniversaries{
        width:100%;
        height:auto;

        display:flex !important;

        font-size:14px;
        line-height:1.45;

        visibility:visible !important;
        opacity:1 !important;
        overflow:visible !important;
    }

    .site-topbar .topbar-anniversaries > span,
    .topbar-inner .topbar-anniversaries > span{
        display:block !important;

        width:100%;

        font-size:14px;
        line-height:1.45;

        white-space:normal !important;

        visibility:visible !important;
        opacity:1 !important;
    }
}


/* ================================================================
   MOBILE TOP BAR
   Applies at browser widths of 600px and below.
   ================================================================

   The font becomes 13px so each line remains readable
   on small phone screens.

   Because the HTML includes a <br>, the two statements
   remain on separate centered lines.
   ================================================================ */

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

    .site-topbar{
        width:100%;
        height:auto;
        min-height:0;

        font-size:13px;
        line-height:1.4;

        display:block !important;

        visibility:visible !important;
        opacity:1 !important;
        overflow:visible !important;
    }

    .topbar-inner{
        width:calc(100% - 20px);
        height:auto;
        min-height:0;

        margin:0 auto;
        padding:9px 0;

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

        visibility:visible !important;
        opacity:1 !important;
        overflow:visible !important;
    }

    .site-topbar .topbar-anniversaries,
    .topbar-inner .topbar-anniversaries{
        position:static;

        width:100%;
        max-width:100%;
        height:auto;

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

        margin:0;
        padding:0;

        font-size:13px;
        line-height:1.4;

        white-space:normal !important;
        overflow:visible !important;

        visibility:visible !important;
        opacity:1 !important;

        transform:none !important;
    }

    .site-topbar .topbar-anniversaries > span,
    .topbar-inner .topbar-anniversaries > span{
        position:static;

        width:100%;
        max-width:100%;
        height:auto;

        display:block !important;

        margin:0;
        padding:0;

        font-size:13px;
        line-height:1.4;

        text-align:center;

        white-space:normal !important;
        overflow-wrap:break-word;
        overflow:visible !important;

        visibility:visible !important;
        opacity:1 !important;

        transform:none !important;
    }

    /* Continue hiding all top-bar social media. */
    .site-topbar .top-social,
    .site-topbar .social-links,
    .site-topbar .social-icons,
    .site-topbar [class*="top-social"]{
        display:none !important;
    }
}


/* ================================================================
   VERY SMALL MOBILE TOP BAR
   Applies at browser widths of 420px and below.
   ================================================================ */

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

    .site-topbar{
        font-size:12px;
    }

    .topbar-inner{
        width:calc(100% - 16px);
        padding:8px 0;
    }

    .site-topbar .topbar-anniversaries,
    .topbar-inner .topbar-anniversaries,
    .site-topbar .topbar-anniversaries > span,
    .topbar-inner .topbar-anniversaries > span{
        font-size:12px;
        line-height:1.4;
    }
}

/* ================================================================
   GLOBAL C — MAIN HEADER / LOGO / DESKTOP NAVIGATION
   ================================================================

   NAVIGATION FONT WEIGHT

   The actual menu in this theme uses these selectors:

       .primary-navigation
       .primary-menu
       .primary-menu > li > a

   It does not use .main-navigation.

   The top-level menu links and dropdown links now use:

       font-weight:400;

   Font-weight reference:
       400 = Regular
       500 = Medium
       600 = Semi-bold
       700 = Bold

   The Donate button remains bold because it is an action button.
   ================================================================ */
.site-header{background:#fff;border-bottom:1px solid #edf0f2;position:relative;z-index:100}


/* ================================================================
   HEADER INNER LAYOUT
   Keeps branding, navigation and Donate moving with site-container
   ================================================================ */

.header-inner{
    min-height:116px;

    display:flex;
    align-items:center;

    gap:24px;

    overflow:visible;
}


/* Branding stays anchored to the left */
.site-branding{
    flex:0 0 auto;
}


/* Navigation + Donate act as one right-side group */
.header-actions{
    display:flex;
    align-items:center;

    flex:1 1 auto;

    min-width:0;

    margin-left:auto;

    gap:20px;

    overflow:visible;
}


/* Navigation uses only the space it needs */
.primary-navigation{
    flex:0 1 auto;

    min-width:0;

    margin-left:auto;

    overflow:visible;
}


/* Donate should never be squeezed */
.header-donate{
    flex:0 0 auto;
}

.primary-menu,.primary-menu ul{list-style:none;margin:0;padding:0}
.primary-menu{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.primary-menu>li{position:relative}
.primary-menu>li>a{
  display:flex;align-items:center;gap:5px;padding:18px 12px;color:#111;
  font-family:var(--aauw-font);font-size:14px;font-weight:400;line-height:1.25;letter-spacing:0;white-space:nowrap
}
.primary-menu>li.menu-item-has-children>a:after{content:'⌄';font-size:12px;margin-top:-3px}
.primary-menu>li>a:hover,
.primary-menu>li.current-menu-item>a,
.primary-menu>li.current-menu-ancestor>a{
  color:var(--aauw-green);
  font-weight:400;
}
.primary-menu .sub-menu{
  position:absolute;left:0;top:100%;min-width:285px;background:#fff;border:1px solid var(--aauw-border);
  box-shadow:var(--aauw-shadow);opacity:0;visibility:hidden;transform:translateY(7px);
  transition:.18s ease;z-index:200;padding:8px
}
.primary-menu .sub-menu li{position:relative}
.primary-menu .sub-menu a{display:block;padding:10px 13px;color:#1f2933;font-family:var(--aauw-font);font-size:13px;font-weight:400;line-height:1.25;border-radius:5px}
.primary-menu .sub-menu a:hover{background:#f1f5ed;color:var(--aauw-green-dark)}
.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.primary-menu .sub-menu .sub-menu{left:100%;top:-8px}
.primary-menu>li:last-child>.sub-menu{left:auto;right:0}
.header-donate{
  display:inline-flex;align-items:center;justify-content:center;min-width:112px;padding:13px 18px;
  border-radius:5px;background:var(--aauw-green);color:#fff;font-weight:700;font-size:14px;
  margin-left:4px;box-shadow:0 5px 12px rgba(75,108,35,.18)
}
.header-donate:hover{background:var(--aauw-green-dark);color:#fff}

/* ================================================================
   GLOBAL C.1 — MOBILE MENU BUTTON
   Keeps ☰ and MENU together whenever mobile navigation is active
   ================================================================ */

.menu-toggle{
    display:none;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin:0;
    padding:8px 10px;

    border:0;
    background:transparent;

    color:#052a4f;

    cursor:pointer;

    white-space:nowrap;
}


/* Hamburger icon */
.menu-toggle__icon{
    display:block !important;

    font-size:28px;
    font-weight:400;
    line-height:1;
}


/* MENU label */
.menu-toggle__text{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    width:auto !important;
    height:auto !important;

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

    overflow:visible !important;

    font-family:Montserrat, Arial, sans-serif;
    font-size:13px;
    font-weight:500;
    line-height:1;

    letter-spacing:.08em;
    text-transform:uppercase;
}


/* Header uses one breakpoint: toggle and dropdown layout switch together. */
@media (max-width:1440px){
  .menu-toggle{display:flex}
  .header-actions{flex:0 0 auto;margin-left:auto;gap:18px}
  .header-donate{margin-left:0}
  .primary-navigation{
    display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--aauw-border);
    box-shadow:var(--aauw-shadow);max-height:calc(100dvh - 130px);overflow:auto;max-width:100%;margin-left:0
  }
  .primary-navigation.is-open{display:block}
  .primary-menu{display:block;padding:12px 22px 22px}
  .primary-menu>li>a{
    padding:12px 6px;
    white-space:normal;overflow-wrap:anywhere;
    border-bottom:1px solid #edf0f2;
    font-weight:400;
  }
  .primary-menu .sub-menu{position:static;display:block;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 5px 18px;min-width:0}
  .primary-menu .sub-menu .sub-menu{position:static}
  .primary-menu .sub-menu a{padding:8px 5px;font-weight:400}
}

/* Added to address the American Association of Universit Woman to the right of the Logo*/

/* ================================================================
   GLOBAL C.4 — HEADER BRANDING — RESPONSIVE

   PURPOSE:
   - Keeps logo, divider, and organization name aligned
   - Prevents divider from moving into the logo
   - Prevents branding from being compressed
   - Keeps organization name thin/not bold
   - Hides divider/name cleanly on smaller screens
   ================================================================ */


/* ================================================================
   GLOBAL C.4.1 — BRANDING CONTAINER
   ================================================================ */

.site-branding{
    display:flex;
    align-items:center;

    gap:10px;

    flex:0 0 auto;

    width:auto;
    min-width:0;

    margin:0;
    padding:0;
}


/* ================================================================
   GLOBAL C.4.2 — LOGO CONTAINER

   Fixed width prevents the divider from sliding over the logo.
   ================================================================ */

.site-branding__logo{
    display:flex;
    align-items:center;

    flex:0 0 180px;

    width:180px;
    min-width:180px;
    max-width:180px;

    margin:0;
    padding:0;
}


/* ================================================================
   GLOBAL C.4.3 — LOGO LINK
   ================================================================ */

.site-branding__logo .site-logo-link{
    display:block;

    width:180px;

    margin:0;
    padding:0;

    line-height:0;
}


/* ================================================================
   GLOBAL C.4.4 — LOGO IMAGE
   ================================================================ */

.site-branding__logo .site-logo-link img{
    display:block;

    width:180px;
    max-width:180px;
    height:auto;

    margin:0;
    padding:0;
}


/* ================================================================
   GLOBAL C.4.5 — VERTICAL DIVIDER
   ================================================================ */

.site-branding__divider{
    display:block;

    width:1px;
    height:58px;

    flex:0 0 1px;

    margin:0 8px 0 0;
    padding:0;

    background-color:#d3d9de;
}


/* ================================================================
   GLOBAL C.4.6 — ORGANIZATION NAME
   ================================================================ */

.site-branding__name{
    display:flex;
    flex-direction:column;

    flex:0 0 auto;

    margin:0;
    padding:0;

    color:#052a4f;

    font-family:Montserrat, Arial, sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.22;

    white-space:nowrap;
}


/* Individual organization-name lines */

.site-branding__name span{
    display:block;

    margin:0;
    padding:0;

    font-weight:400;
}


/* ================================================================
   GLOBAL C.4.7 — TABLET / NARROW DESKTOP
   901px – 1250px

   Slightly reduce the branding group when the normal navigation
   changes to the MENU button.
   ================================================================ */

@media (max-width:1250px){

    .site-branding{
        gap:8px;
    }


    /* Slightly smaller logo */

    .site-branding__logo{
        flex-basis:160px;

        width:160px;
        min-width:160px;
        max-width:160px;
    }


    .site-branding__logo .site-logo-link{
        width:160px;
    }


    .site-branding__logo .site-logo-link img{
        width:160px;
        max-width:160px;
    }


    /* Slightly shorter divider */

    .site-branding__divider{
        height:50px;

        margin-right:6px;
    }


    /* Slightly smaller organization name */

    .site-branding__name{
        font-size:13px;
    }

}


/* ================================================================
   GLOBAL C.4.8 — SMALL TABLET / MOBILE
   900px and below

   Remove the divider and organization name BEFORE there is not
   enough room for them.

   Result:

   [ AAUW LOGO ]                         [ ☰ MENU ] [ Donate ]

   ================================================================ */

@media (max-width:900px){

    .site-branding{
        gap:0;
    }


    /* Hide organization name and divider */

    .site-branding__divider,
    .site-branding__name{
        display:none !important;
    }


    /* Keep logo large enough to remain readable */

    .site-branding__logo{
        flex-basis:165px;

        width:165px;
        min-width:165px;
        max-width:165px;
    }


    .site-branding__logo .site-logo-link{
        width:165px;
    }


    .site-branding__logo .site-logo-link img{
        width:165px;
        max-width:165px;
    }

}


/* ================================================================
   GLOBAL C.4.9 — SMALL MOBILE
   600px and below

   Reduce logo slightly to leave enough room for MENU and Donate.
   ================================================================ */

@media (max-width:600px){

    .site-branding__logo{
        flex-basis:145px;

        width:145px;
        min-width:145px;
        max-width:145px;
    }


    .site-branding__logo .site-logo-link{
        width:145px;
    }


    .site-branding__logo .site-logo-link img{
        width:145px;
        max-width:145px;
    }

}

/* ================================================================
   1.1 HOME — HOMEPAGE HERO — COMPLETE RESPONSIVE REPAIR
   ================================================================

   This section controls:

   • The visible hero-image width
   • The hero height on every device
   • The hero background photograph
   • The position of the complete text group
   • The size of all three text elements
   • Consistent centered text alignment
   • Predictable font reduction as screens become narrower
   • Removal of gray backgrounds and rounded corners

   IMPORTANT:

   Search style.css for every older occurrence of:

       .home-hero
       .home-hero__inner
       .home-hero__copy
       .home-hero h1
       .home-hero p

   Delete those older rules and older hero media queries.

   Keep only this complete hero section. Duplicate rules later in
   style.css can override these settings and cause the layout to
   become inconsistent again.
   ================================================================ */


/* ------------------------------------------------
   Outer Hero Section
   ------------------------------------------------

   The outer wrapper stays full-width and transparent.

   The actual photograph is contained inside
   .home-hero__inner, which is centered within the site.
   ------------------------------------------------ */

.home-hero{
    width:100%;
    max-width:none;

    margin:20px 0;
    padding:0;

    background:transparent !important;
    border:0;
    border-radius:0;
}


/* ------------------------------------------------
   Remove WordPress Group Padding
   ------------------------------------------------

   WordPress may automatically generate an inner
   wrapper around a Group block. This removes any
   unwanted gray background or extra padding.
   ------------------------------------------------ */

.home-hero > .wp-block-group__inner-container{
    width:100%;
    max-width:none;

    margin:0;
    padding:0 !important;

    background:transparent !important;
}


/* ------------------------------------------------
   Visible Hero Image Container — Desktop
   ------------------------------------------------

   Width:
   Aligns the hero with the site's normal content width.

   Height:
   Uses a controlled desktop height of 360px.

   Image:
   The background photo fills the banner and stays
   anchored at the bottom so the people remain visible.
   ------------------------------------------------ */

.home-hero__inner{
    position:relative;

    width:min(
        calc(100% - (var(--aauw-gutter) * 2)),
        var(--aauw-container)
    );

    max-width:var(--aauw-container);

    height:550px;
    min-height:0;

    margin:0 auto;
    padding:30px 28px 20px;

    display:flex;
    align-items:flex-start;
    justify-content:center;

    overflow:hidden;

    background-color:#ffffff;
    background-image:url('assets/images/hero1.png');
    background-repeat:no-repeat;

    /* Keep the whole image width visible */
    background-size:100% auto;

    /* Move the image slightly upward so more skyline shows */
    background-position:center 42%;

    border:0;
    border-radius:0;
}

/* ------------------------------------------------
   Complete Hero Text Group
   ------------------------------------------------

   All three lines are centered through this container.

   The negative translate value moves the complete text
   group slightly higher without moving the photograph.
   ------------------------------------------------ */

.home-hero__copy{
    position:relative;
    z-index:2;

    width:100%;
    max-width:620px;

    margin:0 auto;
    padding:0;

    text-align:center;

    transform:translateY(-4px);
}


/* Ensure every direct text element is centered. */

.home-hero__copy h1,
.home-hero__copy p{
    width:100%;
    text-align:center;
}


/* ------------------------------------------------
   First Line
   "American Association of University Women"
   ------------------------------------------------ */

.home-hero__copy p:first-child{
    margin:0 0 9px;
    padding:0;

    color:#111111;

    font-family:var(--aauw-font);
    font-size:19px;
    font-weight:400;
    line-height:1.25;
}


/* ------------------------------------------------
   Main Heading
   "Empowering Women Since 1890"
   ------------------------------------------------

   Fixed font sizes are used at each breakpoint.

   This prevents the heading from becoming larger while
   the browser becomes narrower.

   Desktop:        36px
   Small laptop:   33px
   Tablet:         30px
   Mobile:         27px
   Small mobile:   24px
   ------------------------------------------------ */

.home-hero h1,
.home-hero__copy h1{
    margin:0;
    padding:0;

    color:var(--aauw-ink);

    font-family:Georgia, "Times New Roman", serif;
    font-size:36px;
    font-weight:700;
    line-height:1;
    letter-spacing:-0.02em;

    text-align:center;
}


/* ------------------------------------------------
   Subtitle
   "Together Making a Difference"
   ------------------------------------------------ */

.home-hero__copy p:last-child{
    margin:11px 0 0;
    padding:0;

    color:#111111;

    font-family:var(--aauw-font);
    font-size:17px;
    font-weight:400;
    line-height:1.3;
}


/* ================================================================
   1.1.5 HOME HERO — SMALL LAPTOP
   Applies at widths of 1200px and below
   ================================================================ */

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

    .home-hero__inner{
        height:330px;
        padding:27px 24px 18px;

        background-size:cover;
        background-position:center bottom;
    }

    .home-hero__copy{
        max-width:560px;
        transform:translateY(-3px);
    }

    .home-hero__copy p:first-child{
        font-size:18px;
    }

    .home-hero h1,
    .home-hero__copy h1{
        font-size:33px;
    }

    .home-hero__copy p:last-child{
        font-size:16px;
    }
}


/* ================================================================
   1.1.6 HOME HERO — TABLET
   Applies at widths of 900px and below
   ================================================================ */

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

    .home-hero{
        margin:16px 0;
    }

    .home-hero__inner{
        width:calc(100% - 32px);

        height:290px;
        min-height:0;

        padding:23px 18px 16px;

        background-image:url('assets/images/hero1.png');
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center bottom;
    }

    .home-hero__copy{
        width:100%;
        max-width:480px;

        transform:none;
    }

    .home-hero__copy p:first-child{
        margin-bottom:8px;
        font-size:17px;
    }

    .home-hero h1,
    .home-hero__copy h1{
        font-size:30px;
        line-height:1;
    }

    .home-hero__copy p:last-child{
        margin-top:10px;
        font-size:15px;
    }
}


/* ================================================================
   1.1.7 HOME HERO — MOBILE
   Applies at widths of 600px and below
   ================================================================

   The hero becomes shorter, while the image remains
   visible behind the centered text.

   The background-image declaration is repeated here
   to protect it from older mobile rules that may have
   used background:none.
   ================================================================ */

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

    .home-hero{
        margin:14px 0;
        padding:0;

        background:transparent !important;
    }

    .home-hero__inner{
        width:calc(100% - 24px);

        height:230px;
        min-height:0;

        margin:0 auto;
        padding:17px 10px 12px;

        display:flex;
        align-items:flex-start;
        justify-content:center;

        background-color:#ffffff;
        background-image:url('assets/images/hero1.png') !important;
        background-repeat:no-repeat !important;
        background-size:cover !important;
        background-position:center bottom !important;

        overflow:hidden;
    }

    .home-hero__copy{
        width:100%;
        max-width:350px;

        margin:0 auto;
        padding:0;

        text-align:center;

        transform:none;
    }

    .home-hero__copy p:first-child{
        width:100%;

        margin:0 0 7px;

        font-size:15px;
        line-height:1.2;

        text-align:center;
    }

    .home-hero h1,
    .home-hero__copy h1{
        width:100%;

        margin:0;

        font-size:27px;
        line-height:1;

        text-align:center;
    }

    .home-hero__copy p:last-child{
        width:100%;

        margin:9px 0 0;

        font-size:14px;
        line-height:1.2;

        text-align:center;
    }
}


/* ================================================================
   1.1.8 HOME HERO — VERY SMALL MOBILE
   Applies at widths of 420px and below
   ================================================================ */

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

    .home-hero__inner{
        width:calc(100% - 18px);

        height:205px;

        padding:14px 8px 10px;

        background-image:url('assets/images/hero1.png') !important;
        background-size:cover !important;
        background-position:center bottom !important;
    }

    .home-hero__copy{
        max-width:310px;
    }

    .home-hero__copy p:first-child{
        margin-bottom:6px;
        font-size:13px;
    }

    .home-hero h1,
    .home-hero__copy h1{
        font-size:24px;
        line-height:1.02;
    }

    .home-hero__copy p:last-child{
        margin-top:8px;
        font-size:13px;
    }
}

/* ================================================================
   1.2 HOME — MISSION STRIP
   ================================================================ */
.mission-strip{background:#fff;border-bottom:1px solid var(--aauw-border)}
.mission-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.mission-item{text-align:center;padding:30px 35px 28px;position:relative}
.mission-item:not(:last-child):after{content:'';position:absolute;right:0;top:60px;height:94px;border-right:1px solid var(--aauw-border)}
.mission-icon{width:72px;height:72px;margin:0 auto 12px}
.mission-icon img{width:72px;height:72px;object-fit:contain;border-radius:50%}
.mission-item h2{margin:0 0 7px;color:#111;font-size:17px;line-height:1.2}
.mission-item p{margin:0 auto;max-width:260px;font-size:13px;line-height:1.55;color:#30363c}

/* ================================================================
   1.3 HOME — SHARED HOMEPAGE SECTION STYLES
   ================================================================ */
.home-section{padding:34px 0;border-bottom:1px solid var(--aauw-border)}
.home-section--soft{background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)}
.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.section-title{margin:0;color:var(--aauw-ink);font-family:Georgia,'Times New Roman',serif;font-size:27px;line-height:1.2}
.section-link{font-size:13px;font-weight:700;color:var(--aauw-green-dark)}
.section-link:after{content:' →'}

/* ================================================================
   1.4 HOME — WHAT WE OFFER + UPCOMING EVENTS
   ================================================================ */
.offer-events-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);gap:38px}
.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.offer-card{
  min-height:290px;padding:22px 17px 18px;background:#fff;border:1px solid #e6eaed;
  border-radius:var(--aauw-radius);text-align:center;box-shadow:0 6px 15px rgba(16,47,82,.05);
  display:flex;flex-direction:column;align-items:center
}
.offer-card img{width:82px;height:82px;object-fit:contain;margin-bottom:13px}
.offer-card h3{margin:0 0 8px;color:#111;font-size:15px;line-height:1.25}
.offer-card p{margin:0 0 16px;font-size:12px;line-height:1.55;color:#30363c;flex:1}
.offer-card a{font-size:12px;font-weight:700;color:var(--aauw-green-dark)}
.offer-card a:after{content:' →'}
.events-list{display:grid;gap:10px}
.event-card{display:grid;grid-template-columns:65px 1fr;gap:14px;background:#fff;border:1px solid #e6eaed;border-radius:6px;padding:13px}
.event-date{background:var(--aauw-green);color:#fff;border-radius:4px;text-align:center;padding:8px 4px;align-self:start}
.event-date strong{display:block;font-size:21px;line-height:1}
.event-date span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.event-content h3{margin:0 0 4px;color:var(--aauw-ink);font-size:14px}
.event-content p{margin:0;color:#3f474f;font-size:12px;line-height:1.45}
.event-content .event-meta{font-weight:700;color:#2d3339;margin-bottom:3px}


/* ================================================================
   1.5 HOME — LEFT FLORAL DECORATION
   Used beside What We Offer and Latest News
   ================================================================ */

.home-floral-left{
    position:relative;
    overflow:hidden;
}


/* Decorative floral artwork */
.home-floral-left::before{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:260px;
    height:520px;

    background-image:url("assets/images/home-images/home-floral-left.png");
    background-repeat:no-repeat;
    background-position:left bottom;
    background-size:contain;

    opacity:.34;

    pointer-events:none;

    z-index:0;
}


/* Keep all page content above the floral artwork */
.home-floral-left > .site-container{
    position:relative;
    z-index:1;
}

/* ================================================================
   1.6 HOME — LATEST NEWS + GET INVOLVED
   ================================================================ */
.news-involved-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:38px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.news-card{background:#fff;border:1px solid #e5e9ec;border-radius:7px;overflow:hidden;box-shadow:0 5px 14px rgba(16,47,82,.05)}
.news-card img{width:100%;height:125px;object-fit:cover}
.news-card__body{padding:14px}
.news-card h3{margin:0 0 8px;color:#111;font-size:14px;line-height:1.25}
.news-card p{margin:0 0 10px;font-size:12px;color:#49515a;line-height:1.5}
.news-card a{font-size:12px;font-weight:700;color:var(--aauw-green-dark)}
.news-card a:after{content:' →'}
.involved-list{display:grid;gap:12px}
.involved-link{
  min-height:58px;display:flex;align-items:center;gap:15px;padding:9px 16px;border:1px solid var(--aauw-green);
  border-radius:5px;color:var(--aauw-green-dark);font-weight:700;background:#fff
}
.involved-link:first-child{background:var(--aauw-green);color:#fff}
.involved-link img{width:38px;height:38px;object-fit:contain;border-radius:50%;background:#fff}
.involved-link:hover{background:#eef4e9;color:var(--aauw-green-dark)}


/* ================================================================
   GLOBAL CLOSING MESSAGE    All Rights Reserved  — ABOVE NEWSLETTER
   ================================================================ */
.site-closing-message{
    width:100%;
    padding:24px 0 22px;
    background:#fff;
    text-align:center;
}
.site-closing-message__tagline{
    margin:0 0 5px;
    color:#052a4f;
    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
    font-weight:700;
    line-height:1.25;
}
.site-closing-message__rights{
    margin:0;
    color:#5f6b76;
    font-family:Montserrat,Arial,sans-serif;
    font-size:13px;
    line-height:1.4;
}



/* ================================================================
   1.7 HOME — NEWSLETTER STRIP
   ================================================================ */
.newsletter-strip{background:linear-gradient(90deg,var(--aauw-green-dark),var(--aauw-green));color:#fff}
.newsletter-inner{display:grid;grid-template-columns:1fr minmax(420px,.9fr);gap:35px;align-items:center;padding-block:20px}
.newsletter-copy{display:flex;align-items:center;gap:18px}
.newsletter-envelope{font-size:42px;line-height:1}
.newsletter-copy h2{margin:0 0 3px;font-size:19px}
.newsletter-copy p{margin:0;font-size:13px;line-height:1.4}
.newsletter-form{display:grid;grid-template-columns:1fr 125px;gap:10px}
.newsletter-form input{min-height:48px;border:0;border-radius:5px;padding:0 15px;background:#fff}
.newsletter-form button{border:0;border-radius:5px;background:var(--aauw-blue-dark);color:#fff;font-weight:700}

/* ================================================================
   GLOBAL D — FOOTER — USED ON EVERY PAGE
   ================================================================ */
.site-footer{background:var(--aauw-blue-dark);color:#fff}
.footer-main{display:grid;grid-template-columns:1.1fr 1fr 1.1fr .8fr;gap:46px;padding-block:38px}
.footer-logo{width:220px;max-width:100%;margin-bottom:14px}
.footer-logo img{height:150px;width:100%;object-fit:contain;object-position:left center}
.footer-brand p{margin:0;color:#d7e4ef;font-size:14px;line-height:1.5}
.footer-column h2{margin:0 0 10px;font-size:16px;color:#fff}
.footer-links{list-style:none;margin:0;padding:0;columns:1}
.footer-links li{margin-bottom:1.5px}
.footer-links a{color:#e4edf5;font-size:13px}
.footer-links a:hover{color:#c7dbac}
.footer-contact p{margin:0 0 7px;color:#ffffff;font-size:13px;line-height:1.5}
.footer-contact a{color:#ffffff;text-decoration:none;}
.footer-social{display:flex;gap:12px}
.footer-social a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #fff;border-radius:4px;color:#fff;font-size:18px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.18)}
.footer-bottom-inner{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#d8e3ec;font-size:12px}
.footer-legal{display:flex;gap:18px;flex-wrap:wrap}
.footer-legal a{color:#d8e3ec}

/* ================================================================
   GLOBAL E — INNER PAGE LAYOUT
   This basic template provides a shared header/footer. Page-specific
   hero headers can be added later without changing the footer.
   ================================================================ */
.inner-page-hero{padding:55px 0;background:linear-gradient(120deg,var(--aauw-blue-dark),var(--aauw-blue-light));color:#fff}
.inner-page-hero h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,5vw,60px)}
.inner-page-content{padding:50px 0 70px}
.entry-content{max-width:1000px;font-size:17px}
.entry-content h2,.entry-content h3{color:var(--aauw-ink);font-family:Georgia,'Times New Roman',serif}
.entry-content a{font-weight:700;text-decoration:underline;text-decoration-thickness:1px}


/* ================================================================
   GLOBAL F — TABLET RESPONSIVE STYLES
   ================================================================

   The previous stylesheet contained:

       .topbar-anniversaries{display:none}

   That rule made the anniversary information disappear when the
   browser became narrower. It has been removed. The top-bar rules
   in Section 3 remain active at every screen width.
   ================================================================ */
@media (max-width:1250px){
  :root{--aauw-gutter:22px}
  .header-inner{min-height:92px}
  .site-logo-link{width:185px;max-width:35vw}
  .site-logo-link img{height:70px}
  .home-hero__inner{height:clamp(270px,32vw,350px);min-height:0}
  .mission-item{padding-inline:20px}
  .offer-events-grid,.news-involved-grid{grid-template-columns:1fr}
  .newsletter-inner{grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1fr 1fr}
}

/* ================================================================
   GLOBAL F.1 — MOBILE RESPONSIVE STYLES
   ================================================================ */
@media (max-width:760px){
  :root{--aauw-gutter:16px}
  .topbar-inner{display:block;text-align:center;padding:10px 0}
  .header-inner{min-height:74px;gap:10px}
  .site-logo-link{width:145px;max-width:55vw}
  .site-logo-link img{height:54px}
  .header-donate{display:none}
  .home-hero{margin:14px 0}
  .home-hero__inner{
    width:calc(100% - (var(--aauw-gutter) * 2));
    height:235px;
    min-height:0;
    padding:18px 12px 10px;
    background-size:cover;
    background-position:center bottom;
    background-color:transparent;
  }
  .mission-grid{grid-template-columns:1fr}
  .mission-item{display:grid;grid-template-columns:50px 1fr;column-gap:14px;text-align:left;padding:13px 4px;border-bottom:1px solid var(--aauw-border)}
  .mission-item:last-child{border-bottom:0}
  .mission-item:not(:last-child):after{display:none}
  .mission-icon,.mission-icon img{width:46px;height:46px;margin:0}
  .mission-item h2{align-self:end;margin-bottom:2px}
  .mission-item p{grid-column:2;max-width:none;font-size:12px}
  .home-section{padding:26px 0}
  .section-title{font-size:23px}
  .offer-grid{grid-template-columns:1fr 1fr}
  .offer-card{min-height:255px;padding:17px 12px}
  .offer-card img{width:68px;height:68px}
  .event-card{grid-template-columns:54px 1fr}
  .news-grid{grid-template-columns:1fr}
  .news-card{display:grid;grid-template-columns:125px 1fr}
  .news-card img{height:100%;min-height:125px}
  .newsletter-inner{grid-template-columns:1fr;gap:16px;padding-block:18px}
  .newsletter-form{grid-template-columns:1fr}
  .newsletter-form button{min-height:46px}
  .footer-main{grid-template-columns:1fr;gap:27px;padding-block:30px}
  .footer-logo{width:190px}
  .footer-bottom-inner{display:block;padding:14px 0;text-align:center}
  .footer-legal{justify-content:center;margin-top:8px}
}

@media (max-width:430px){
  .home-hero__inner{height:215px;padding:15px 9px 8px}
  .offer-grid{grid-template-columns:1fr}
  .offer-card{min-height:0}
}

/* ========================================================================
   G1. ALL INTERIOR PAGE HEROES — SHARED MASTER CONTROL
   ========================================================================
   Controls the common hero appearance for every page except Home.

   CHANGE HERO HEIGHTS, TITLE SIZES, EYEBROW SIZES AND SUMMARY SIZES HERE.

   Page-specific sections should control ONLY:
   • photograph
   • photograph position
   • fade / gradient
   • page-specific decorative treatment
   ======================================================================== */

/* ------------------------------------------------------------------------
   G1.1 SHARED INTERIOR HERO GEOMETRY
   ------------------------------------------------------------------------ */
.aauw-final-about__hero-inner,
.aauw-final-membership__hero-inner,
.aauw-final-booksale__hero-inner,
.aauw-final-scholarships__hero-inner,
.aauw-final-loans__hero-inner,
.aauw-final-contact__hero-inner,
.aauw-programs-meetings .aauw-interior-hero__inner,
.aauw-x1-page .aauw-x1-hero .aauw-x1-container{
    position:relative;
    width:min(calc(100% - (var(--aauw-gutter) * 2)),var(--aauw-container));
    height:170px;
    min-height:170px;
    max-height:170px;
    margin:0 auto;
    overflow:hidden;
}.programs-section-heading .aauw-x1-heading-floral{
    display:block;
    width:auto;
    max-width:300px;
    max-height:125px;
    height:auto;
    margin:0 auto 12px;
    object-fit:contain;
}

/* ------------------------------------------------------------------------
   G1.2 SHARED HERO TITLES
   ------------------------------------------------------------------------ */
.aauw-final-about__hero h1,
.aauw-final-membership__hero h1,
.aauw-final-booksale__hero h1,
.aauw-final-scholarships__hero h1,
.aauw-final-loans__hero h1,
.aauw-final-contact__hero h1,
.aauw-programs-meetings .aauw-interior-hero h1,
.aauw-x1-page .aauw-x1-hero h1{
    margin:0;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:46px;
    font-weight:700;
    line-height:1.05;
    letter-spacing:-.02em;
}

/* ------------------------------------------------------------------------
   G1.3 SHARED HERO EYEBROWS
   ------------------------------------------------------------------------ */
.aauw-final-about__eyebrow,
.aauw-final-membership__eyebrow,
.aauw-final-booksale__eyebrow,
.aauw-final-scholarships__eyebrow,
.aauw-final-loans__eyebrow,
.aauw-final-contact__eyebrow,
.aauw-programs-meetings .aauw-interior-hero__eyebrow,
.aauw-x1-page .aauw-x1-hero__eyebrow{
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.12em;
    text-transform:uppercase;
}

/* ------------------------------------------------------------------------
   G1.4 SHARED HERO SUMMARY / SUBTITLE
   ------------------------------------------------------------------------ */
.aauw-final-about__hero-subtitle,
.aauw-final-membership__hero-subtitle,
.aauw-final-booksale__hero-subtitle,
.aauw-final-scholarships__hero-subtitle,
.aauw-final-loans__hero-subtitle,
.aauw-final-contact__hero-subtitle,
.aauw-programs-meetings .aauw-interior-hero__subtitle,
.aauw-x1-page .aauw-x1-hero__summary{
    font-size:16px;
    line-height:1.45;
}

/* ------------------------------------------------------------------------
   G1.5 TABLET
   ------------------------------------------------------------------------ */
@media(max-width:900px){
    .aauw-final-about__hero-inner,
    .aauw-final-membership__hero-inner,
    .aauw-final-booksale__hero-inner,
    .aauw-final-scholarships__hero-inner,
    .aauw-final-loans__hero-inner,
    .aauw-final-contact__hero-inner,
    .aauw-x1-page .aauw-x1-hero .aauw-x1-container{
        width:100%;
        height:165px;
        min-height:165px;
        max-height:165px;
    }

    .aauw-final-about__hero h1,
    .aauw-final-membership__hero h1,
    .aauw-final-booksale__hero h1,
    .aauw-final-scholarships__hero h1,
    .aauw-final-loans__hero h1,
    .aauw-final-contact__hero h1,
    .aauw-x1-page .aauw-x1-hero h1{
        font-size:40px;
    }
}

/* ------------------------------------------------------------------------
   G1.6 MOBILE
   ------------------------------------------------------------------------ */
@media(max-width:700px){
    .aauw-final-about__hero-inner,
    .aauw-final-membership__hero-inner,
    .aauw-final-booksale__hero-inner,
    .aauw-final-scholarships__hero-inner,
    .aauw-final-loans__hero-inner,
    .aauw-final-contact__hero-inner,
    .aauw-x1-page .aauw-x1-hero .aauw-x1-container{
        height:155px;
        min-height:155px;
        max-height:155px;
    }

    .aauw-final-about__hero h1,
    .aauw-final-membership__hero h1,
    .aauw-final-booksale__hero h1,
    .aauw-final-scholarships__hero h1,
    .aauw-final-loans__hero h1,
    .aauw-final-contact__hero h1,
    .aauw-x1-page .aauw-x1-hero h1{
        font-size:34px;
    }
}

/* ------------------------------------------------------------------------
   G1.7 SMALL MOBILE
   ------------------------------------------------------------------------ */
@media(max-width:480px){
    .aauw-final-about__hero-inner,
    .aauw-final-membership__hero-inner,
    .aauw-final-booksale__hero-inner,
    .aauw-final-scholarships__hero-inner,
    .aauw-final-loans__hero-inner,
    .aauw-final-contact__hero-inner,
    .aauw-x1-page .aauw-x1-hero .aauw-x1-container{
        height:145px;
        min-height:145px;
        max-height:145px;
    }

    .aauw-final-about__hero h1,
    .aauw-final-membership__hero h1,
    .aauw-final-booksale__hero h1,
    .aauw-final-scholarships__hero h1,
    .aauw-final-loans__hero h1,
    .aauw-final-contact__hero h1,
    .aauw-x1-page .aauw-x1-hero h1{
        font-size:30px;
    }
}


/* ========================================================================
   3. MEMBERSHIP — LANDING PAGE RESTORATION
   ========================================================================
   Restores the dedicated Membership main-page design.

   Scoped ONLY to:
       .aauw-final-membership

   G1 controls:
   • Hero height
   • Hero H1 typography
   • Hero eyebrow typography
   • Hero subtitle typography

   This section controls:
   • Membership hero photograph
   • Hero fade and text positioning
   • Main-page spacing
   • Benefit cards
   • Join / Renew cards
   • Optional WordPress editor content
   • Responsive Membership layout

   Membership sub-pages use Default Template → page.php → X1.
   ======================================================================== */


/* ------------------------------------------------------------------------
   3.1 MEMBERSHIP PAGE FOUNDATION
   ------------------------------------------------------------------------ */
.aauw-final-membership{
    --membership-blue:#052a4f;
    --membership-blue-light:#214179;
    --membership-green:#67873a;
    --membership-green-dark:#55752f;
    --membership-text:#20242a;
    --membership-muted:#5f6b76;
    --membership-border:#dfe4e8;
    --membership-soft:#f5f7f8;
    --membership-white:#fff;
    --membership-shadow:0 8px 24px rgba(8,34,59,.09);
    width:100%;
    margin:0;
    padding:0;
    color:var(--membership-text);
    background:#fff;
}
.aauw-final-membership__container{
    width:min(calc(100% - (var(--aauw-gutter) * 2)),var(--aauw-container));
    margin:0 auto;
}


/* ------------------------------------------------------------------------
   3.2 MEMBERSHIP HERO
   Hero dimensions are controlled by G1.
   ------------------------------------------------------------------------ */
.aauw-final-membership__hero{
    width:100%;
    margin:0;
    padding:0;
    background:var(--membership-blue);
    overflow:hidden;
}
.aauw-final-membership__hero-inner{
    background:var(--membership-blue);
}


/* ------------------------------------------------------------------------
   3.3 MEMBERSHIP HERO PHOTOGRAPH
   ------------------------------------------------------------------------ */
.aauw-final-membership__hero-image{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:0;
    width:62%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}


/* ------------------------------------------------------------------------
   3.4 MEMBERSHIP HERO — SOFT BLUE FADE
   Keeps the title readable while preserving the photograph.
   ------------------------------------------------------------------------ */
.aauw-final-membership__hero-blue{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,
        rgba(5,42,79,1) 0%,
        rgba(5,42,79,1) 34%,
        rgba(5,42,79,.98) 43%,
        rgba(5,42,79,.88) 52%,
        rgba(5,42,79,.66) 63%,
        rgba(5,42,79,.38) 73%,
        rgba(5,42,79,.14) 82%,
        rgba(5,42,79,0) 90%);
}


/* ------------------------------------------------------------------------
   3.5 MEMBERSHIP HERO TEXT
   Typography sizes are controlled by G1.
   ------------------------------------------------------------------------ */
.aauw-final-membership__hero-copy{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    z-index:2;
    width:min(52%,720px);
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:left;
}
.aauw-final-membership__eyebrow{
    margin:0 0 9px;
    color:#dce8f2;
    font-family:Montserrat,Arial,sans-serif;
}
.aauw-final-membership__hero-subtitle{
    max-width:590px;
    margin:14px 0 0;
    color:#fff;
    font-family:Montserrat,Arial,sans-serif;
    font-weight:400;
}


/* ------------------------------------------------------------------------
   3.6 OPTIONAL WORDPRESS EDITOR CONTENT
   Only appears when meaningful editor content exists.
   ------------------------------------------------------------------------ */
.aauw-final-membership__editor{
    width:100%;
    padding:38px 0 0;
    background:#fff;
}
.aauw-final-membership__editor .entry-content{
    width:min(calc(100% - (var(--aauw-gutter) * 2)),1000px);
    max-width:1000px;
    margin:0 auto;
    color:var(--membership-text);
    font-family:Montserrat,Arial,sans-serif;
    font-size:16px;
    line-height:1.7;
}
.aauw-final-membership__editor .entry-content h2,
.aauw-final-membership__editor .entry-content h3{
    color:var(--membership-blue);
    font-family:Georgia,"Times New Roman",serif;
}


/* ------------------------------------------------------------------------
   3.7 STANDARD MEMBERSHIP CONTENT SECTION
   ------------------------------------------------------------------------ */
.aauw-final-membership__section{
    width:100%;
    padding:46px 0 56px;
    background:#fff;
}
.aauw-final-membership__section--soft{
    background:linear-gradient(180deg,#f6f8f9 0%,#fff 100%);
}


/* ------------------------------------------------------------------------
   3.8 SECTION HEADINGS
   ------------------------------------------------------------------------ */
.aauw-final-membership__heading{
    width:100%;
    max-width:900px;
    margin:0 auto 26px;
    text-align:center;
}
.aauw-final-membership__section-kicker{
    margin:0 0 8px;
    color:var(--membership-green);
    font-family:Montserrat,Arial,sans-serif;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.aauw-final-membership__heading h2{
    margin:0;
    color:var(--membership-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:28px;
    font-weight:700;
    line-height:1.18;
}


/* ------------------------------------------------------------------------
   3.9 MEMBERSHIP BENEFIT GRID
   Four benefit cards on desktop.
   ------------------------------------------------------------------------ */
.aauw-final-membership__benefit-grid{
    width:100%;
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}


/* ------------------------------------------------------------------------
   3.10 MEMBERSHIP BENEFIT CARD
   ------------------------------------------------------------------------ */
.aauw-final-membership__benefit{
    min-width:0;
    min-height:245px;
    padding:28px 22px 26px;
    display:flex;
    flex-direction:column;
    align-items:center;
    background:#fff;
    border:1px solid var(--membership-border);
    border-radius:6px;
    box-shadow:0 6px 18px rgba(8,34,59,.06);
    text-align:center;
}
.aauw-final-membership__benefit>span{
    width:62px;
    height:62px;
    margin:0 auto 17px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:50%;
    background:#f2f6ee;
    color:var(--membership-green);
}
.aauw-final-membership__benefit>span svg{
    display:block;
    width:30px;
    height:30px;
}
.aauw-final-membership__benefit h3{
    margin:0 0 11px;
    color:var(--membership-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
    font-weight:700;
    line-height:1.2;
}
.aauw-final-membership__benefit p{
    margin:0;
    color:var(--membership-muted);
    font-family:Montserrat,Arial,sans-serif;
    font-size:14px;
    line-height:1.62;
}


/* ------------------------------------------------------------------------
   3.11 JOIN / RENEW OPTION GRID
   ------------------------------------------------------------------------ */
.aauw-final-membership__option-grid{
    width:100%;
    max-width:980px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}


/* ------------------------------------------------------------------------
   3.12 JOIN / RENEW CARDS
   Matches the visual language of Scholarship cards.
   ------------------------------------------------------------------------ */
.aauw-final-membership__option{
    text-decoration:none;
}
.aauw-final-membership__option.aauw-final-membership__option--scholar-card{
    min-width:0;
    min-height:300px;
    padding:30px 28px 26px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    background:#fff;
    border:1px solid #d9e0e5;
    border-radius:6px;
    box-shadow:0 7px 20px rgba(8,34,59,.07);
    color:var(--membership-text);
    text-align:center;
    text-decoration:none;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.aauw-final-membership__option.aauw-final-membership__option--scholar-card:hover,
.aauw-final-membership__option.aauw-final-membership__option--scholar-card:focus-visible{
    transform:translateY(-2px);
    border-color:#c7d4bd;
    box-shadow:0 10px 26px rgba(8,34,59,.12);
    color:var(--membership-text);
}


/* ------------------------------------------------------------------------
   3.13 JOIN / RENEW ICON
   ------------------------------------------------------------------------ */
.aauw-final-membership__option--scholar-card .aauw-final-membership__option-icon{
    width:62px;
    height:62px;
    margin:0 auto 18px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:50%;
    background:var(--membership-green);
    color:#fff;
}
.aauw-final-membership__option--scholar-card .aauw-final-membership__option-icon svg{
    display:block;
    width:30px;
    height:30px;
}


/* ------------------------------------------------------------------------
   3.14 JOIN / RENEW CARD TYPOGRAPHY
   ------------------------------------------------------------------------ */
.aauw-final-membership__option--scholar-card h3{
    margin:0 0 12px;
    color:var(--membership-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    font-weight:700;
    line-height:1.16;
}
.aauw-final-membership__option--scholar-card p{
    max-width:360px;
    margin:0 0 20px;
    color:#4f5b66;
    font-family:Montserrat,Arial,sans-serif;
    font-size:15px;
    line-height:1.62;
}
.aauw-final-membership__option-link{
    margin-top:auto;
    color:var(--membership-green-dark);
    font-size:14px;
    font-weight:700;
    line-height:1.4;
}
.aauw-final-membership__option:hover .aauw-final-membership__option-link,
.aauw-final-membership__option:focus-visible .aauw-final-membership__option-link{
    color:var(--membership-green);
}


/* ------------------------------------------------------------------------
   3.15 TABLET
   ------------------------------------------------------------------------ */
@media(max-width:1100px){
    .aauw-final-membership__benefit-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        max-width:900px;
    }
    .aauw-final-membership__benefit{
        min-height:220px;
    }
}
@media(max-width:900px){
    .aauw-final-membership__hero-image{
        width:68%;
    }
    .aauw-final-membership__hero-blue{
        background:linear-gradient(90deg,
            rgba(5,42,79,1) 0%,
            rgba(5,42,79,1) 36%,
            rgba(5,42,79,.95) 47%,
            rgba(5,42,79,.72) 60%,
            rgba(5,42,79,.40) 72%,
            rgba(5,42,79,.14) 82%,
            rgba(5,42,79,0) 91%);
    }
    .aauw-final-membership__section{
        padding:40px 0 48px;
    }
}


/* ------------------------------------------------------------------------
   3.16 MOBILE
   ------------------------------------------------------------------------ */
@media(max-width:700px){
    .aauw-final-membership__hero-image{
        width:74%;
    }
    .aauw-final-membership__hero-copy{
        left:20px;
        width:64%;
    }
    .aauw-final-membership__hero-blue{
        background:linear-gradient(90deg,
            rgba(5,42,79,1) 0%,
            rgba(5,42,79,1) 40%,
            rgba(5,42,79,.90) 52%,
            rgba(5,42,79,.62) 66%,
            rgba(5,42,79,.28) 78%,
            rgba(5,42,79,0) 91%);
    }
    .aauw-final-membership__section{
        padding:34px 0 42px;
    }
    .aauw-final-membership__heading{
        margin-bottom:22px;
    }
    .aauw-final-membership__heading h2{
        font-size:26px;
    }
    .aauw-final-membership__benefit-grid,
    .aauw-final-membership__option-grid{
        grid-template-columns:1fr;
    }
    .aauw-final-membership__benefit{
        min-height:0;
        padding:25px 22px;
    }
    .aauw-final-membership__option.aauw-final-membership__option--scholar-card{
        min-height:0;
    }
}


/* ------------------------------------------------------------------------
   3.17 SMALL MOBILE
   ------------------------------------------------------------------------ */
@media(max-width:480px){
    .aauw-final-membership__hero-copy{
        left:16px;
        width:68%;
    }
    .aauw-final-membership__hero-subtitle{
        display:none;
    }
    .aauw-final-membership__section{
        padding:30px 0 36px;
    }
    .aauw-final-membership__heading h2{
        font-size:24px;
    }
    .aauw-final-membership__benefit{
        padding:22px 18px;
    }
    .aauw-final-membership__option.aauw-final-membership__option--scholar-card{
        padding:25px 20px 23px;
    }
}

/* ========================================================================
   4. PROGRAMS-MEETINGS — LANDING PAGE RESTORATION
   ========================================================================
   Restores the dedicated Programs-Meetings main landing page.

   Scoped ONLY to:
       .aauw-programs-meetings

   G1 controls:
   • Hero height
   • Hero H1 typography
   • Hero eyebrow typography
   • Hero subtitle typography

   This section controls:
   • Hero photograph
   • Hero fade
   • Hero copy positioning
   • Programs overview cards
   • Interest Group directory
   • Stay Informed panel
   • Responsive Programs layout

   Programs sub-pages use Default Template → page.php → X1.
   ======================================================================== */


/* ------------------------------------------------------------------------
   4.1 PROGRAMS PAGE FOUNDATION
   ------------------------------------------------------------------------ */
.aauw-programs-meetings{
    --programs-blue:#052a4f;
    --programs-green:#67873a;
    --programs-green-dark:#55752f;
    --programs-text:#20242a;
    --programs-muted:#5f6b76;
    --programs-border:#dfe4e8;
    --programs-soft:#f5f7f8;
    --programs-white:#fff;
    --programs-shadow:0 8px 24px rgba(8,34,59,.08);
    width:100%;
    margin:0;
    padding:0;
    color:var(--programs-text);
    background:#fff;
}

.aauw-programs-meetings .programs-main{
    width:min(calc(100% - (var(--aauw-gutter) * 2)),var(--aauw-container));
    margin:0 auto;
}


/* ------------------------------------------------------------------------
   4.2 PROGRAMS HERO
   Hero dimensions are controlled by G1.
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .aauw-interior-hero{
    width:100%;
    margin:0;
    padding:0;
    background:var(--programs-blue);
    overflow:hidden;
}

.aauw-programs-meetings .aauw-interior-hero__inner{
    background:var(--programs-blue);
}


/* ------------------------------------------------------------------------
   4.3 HERO PHOTOGRAPH
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .aauw-interior-hero__image{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:0;
    width:62%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}


/* ------------------------------------------------------------------------
   4.4 HERO BLUE BASE / FADE
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .aauw-interior-hero__blue{
    position:absolute;
    inset:0;
    z-index:1;
    background:var(--programs-blue);
}

.aauw-programs-meetings .aauw-interior-hero__fade{
    position:absolute;
    inset:0;
    z-index:2;
    background:linear-gradient(90deg,
        rgba(5,42,79,1) 0%,
        rgba(5,42,79,1) 34%,
        rgba(5,42,79,.98) 43%,
        rgba(5,42,79,.88) 52%,
        rgba(5,42,79,.66) 63%,
        rgba(5,42,79,.38) 73%,
        rgba(5,42,79,.14) 82%,
        rgba(5,42,79,0) 90%);
}


/* ------------------------------------------------------------------------
   4.5 HERO COPY
   Typography sizes are controlled by G1.
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .aauw-interior-hero__copy{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    z-index:3;
    width:min(52%,720px);
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
}

.aauw-programs-meetings .aauw-interior-hero__copy-inner{
    width:100%;
}

.aauw-programs-meetings .aauw-interior-hero__eyebrow{
    margin:0 0 9px;
    color:#dce8f2;
    font-family:Montserrat,Arial,sans-serif;
}

.aauw-programs-meetings .aauw-interior-hero__subtitle{
    max-width:590px;
    margin:14px 0 0;
    color:#fff;
    font-family:Montserrat,Arial,sans-serif;
    font-weight:400;
}


/* ------------------------------------------------------------------------
   4.6 OPTIONAL WORDPRESS INTRODUCTION
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-intro{
    max-width:1000px;
    margin:0 auto;
    padding:38px 0 0;
}

.aauw-programs-meetings .programs-intro .entry-content{
    max-width:none;
    margin:0;
    font-size:16px;
    line-height:1.7;
}


/* ------------------------------------------------------------------------
   4.7 PROGRAMS OVERVIEW SECTION
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-overview-section{
    width:100%;
    padding:48px 0 58px;
}


/* ------------------------------------------------------------------------
   4.8 SHARED PROGRAMS SECTION HEADING
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-section-heading{
    max-width:900px;
    margin:0 auto 28px;
    text-align:center;
}

.aauw-programs-meetings .programs-section-heading__eyebrow{
    margin:0 0 8px;
    color:var(--programs-green);
    font-family:Montserrat,Arial,sans-serif;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.aauw-programs-meetings .programs-section-heading h2{
    margin:0;
    color:var(--programs-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:28px;
    font-weight:700;
    line-height:1.18;
}

.aauw-programs-meetings .programs-section-heading>p:last-child{
    max-width:720px;
    margin:12px auto 0;
    color:var(--programs-muted);
    font-size:15px;
    line-height:1.6;
}


/* ------------------------------------------------------------------------
   4.9 PROGRAMS OVERVIEW GRID
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-overview-grid{
    width:100%;
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}


/* ------------------------------------------------------------------------
   4.10 PROGRAMS OVERVIEW CARDS
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-overview-card{
    min-width:0;
    min-height:275px;
    padding:28px 22px 24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    background:#fff;
    border:1px solid var(--programs-border);
    border-radius:6px;
    box-shadow:0 6px 18px rgba(8,34,59,.06);
    color:var(--programs-text);
    text-align:center;
    text-decoration:none;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.aauw-programs-meetings .programs-overview-card:hover,
.aauw-programs-meetings .programs-overview-card:focus-visible{
    transform:translateY(-2px);
    border-color:#c7d4bd;
    box-shadow:0 10px 26px rgba(8,34,59,.11);
}


/* ------------------------------------------------------------------------
   4.11 OVERVIEW CARD ICONS
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-overview-card__icon{
    width:62px;
    height:62px;
    margin:0 auto 17px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:50%;
    background:#f2f6ee;
    color:var(--programs-green);
}

.aauw-programs-meetings .programs-overview-card__icon svg{
    display:block;
    width:30px;
    height:30px;
}


/* ------------------------------------------------------------------------
   4.12 OVERVIEW CARD TYPOGRAPHY
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-overview-card h3{
    margin:0 0 11px;
    color:var(--programs-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
    font-weight:700;
    line-height:1.22;
}

.aauw-programs-meetings .programs-overview-card p{
    margin:0 0 18px;
    color:var(--programs-muted);
    font-size:14px;
    line-height:1.62;
}

.aauw-programs-meetings .programs-overview-card__link{
    margin-top:auto;
    color:var(--programs-green-dark);
    font-size:14px;
    font-weight:700;
}

.aauw-programs-meetings .programs-overview-card:hover .programs-overview-card__link,
.aauw-programs-meetings .programs-overview-card:focus-visible .programs-overview-card__link{
    color:var(--programs-green);
}


/* ------------------------------------------------------------------------
   4.13 INTEREST GROUP SECTION
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-interest-section{
    width:100%;
    padding:48px 0 56px;
    background:linear-gradient(180deg,#f6f8f9 0%,#fff 100%);
}

.aauw-programs-meetings .programs-section-heading--divider{
    margin-bottom:26px;
}


/* ------------------------------------------------------------------------
   4.14 INTEREST GROUP GRID
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-interest-grid{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}


/* ------------------------------------------------------------------------
   4.15 INTEREST GROUP CARDS
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-interest-card{
    min-width:0;
    min-height:70px;
    padding:13px 16px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 24px;
    gap:14px;
    align-items:center;
    background:#fff;
    border:1px solid var(--programs-border);
    border-radius:5px;
    box-shadow:0 4px 12px rgba(8,34,59,.04);
    color:var(--programs-blue);
    text-decoration:none;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}

.aauw-programs-meetings .programs-interest-card:hover,
.aauw-programs-meetings .programs-interest-card:focus-visible{
    transform:translateY(-1px);
    border-color:#c7d4bd;
    box-shadow:0 7px 18px rgba(8,34,59,.08);
}


/* ------------------------------------------------------------------------
   4.16 INTEREST GROUP ICON
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-interest-card__icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#f2f6ee;
    color:var(--programs-green);
}

.aauw-programs-meetings .programs-interest-card__icon svg{
    display:block;
    width:22px;
    height:22px;
}


/* ------------------------------------------------------------------------
   4.17 INTEREST GROUP TITLE / ARROW
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-interest-card__title{
    min-width:0;
    color:var(--programs-blue);
    font-size:15px;
    font-weight:700;
    line-height:1.35;
}

.aauw-programs-meetings .programs-interest-card__arrow{
    display:grid;
    place-items:center;
    color:var(--programs-green-dark);
}

.aauw-programs-meetings .programs-interest-card__arrow svg{
    width:18px;
    height:18px;
}


/* ------------------------------------------------------------------------
   4.18 STAY INFORMED PANEL
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-stay-informed{
    width:100%;
    max-width:1100px;
    margin:48px auto 60px;
    padding:24px 28px;
    display:grid;
    grid-template-columns:64px minmax(0,1fr) auto;
    gap:22px;
    align-items:center;
    background:#fff;
    border:1px solid var(--programs-border);
    border-left:5px solid var(--programs-green);
    box-shadow:var(--programs-shadow);
}


/* ------------------------------------------------------------------------
   4.19 STAY INFORMED ICON
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-stay-informed__icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#f2f6ee;
    color:var(--programs-green);
}

.aauw-programs-meetings .programs-stay-informed__icon svg{
    display:block;
    width:28px;
    height:28px;
}


/* ------------------------------------------------------------------------
   4.20 STAY INFORMED COPY
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-stay-informed__copy h2{
    margin:0 0 6px;
    color:var(--programs-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    line-height:1.2;
}

.aauw-programs-meetings .programs-stay-informed__copy p{
    margin:0;
    color:var(--programs-muted);
    font-size:14px;
    line-height:1.55;
}


/* ------------------------------------------------------------------------
   4.21 STAY INFORMED BUTTON
   ------------------------------------------------------------------------ */
.aauw-programs-meetings .programs-stay-informed__button{
    min-width:160px;
    padding:12px 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--programs-green);
    border-radius:5px;
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
}

.aauw-programs-meetings .programs-stay-informed__button:hover,
.aauw-programs-meetings .programs-stay-informed__button:focus-visible{
    background:var(--programs-green-dark);
    color:#fff;
}


/* ------------------------------------------------------------------------
   4.22 TABLET
   ------------------------------------------------------------------------ */
@media(max-width:1100px){
    .aauw-programs-meetings .programs-overview-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        max-width:900px;
    }

    .aauw-programs-meetings .programs-overview-card{
        min-height:235px;
    }
}

@media(max-width:900px){
    .aauw-programs-meetings .aauw-interior-hero__image{
        width:68%;
    }

    .aauw-programs-meetings .aauw-interior-hero__fade{
        background:linear-gradient(90deg,
            rgba(5,42,79,1) 0%,
            rgba(5,42,79,1) 36%,
            rgba(5,42,79,.95) 47%,
            rgba(5,42,79,.72) 60%,
            rgba(5,42,79,.40) 72%,
            rgba(5,42,79,.14) 82%,
            rgba(5,42,79,0) 91%);
    }

    .aauw-programs-meetings .programs-stay-informed{
        grid-template-columns:58px minmax(0,1fr);
    }

    .aauw-programs-meetings .programs-stay-informed__button{
        grid-column:2;
        justify-self:start;
    }
}


/* ------------------------------------------------------------------------
   4.23 MOBILE
   ------------------------------------------------------------------------ */
@media(max-width:700px){
    .aauw-programs-meetings .aauw-interior-hero__image{
        width:74%;
    }

    .aauw-programs-meetings .aauw-interior-hero__copy{
        left:20px;
        width:64%;
    }

    .aauw-programs-meetings .aauw-interior-hero__fade{
        background:linear-gradient(90deg,
            rgba(5,42,79,1) 0%,
            rgba(5,42,79,1) 40%,
            rgba(5,42,79,.90) 52%,
            rgba(5,42,79,.62) 66%,
            rgba(5,42,79,.28) 78%,
            rgba(5,42,79,0) 91%);
    }

    .aauw-programs-meetings .programs-overview-section,
    .aauw-programs-meetings .programs-interest-section{
        padding:36px 0 42px;
    }

    .aauw-programs-meetings .programs-overview-grid,
    .aauw-programs-meetings .programs-interest-grid{
        grid-template-columns:1fr;
    }

    .aauw-programs-meetings .programs-overview-card{
        min-height:0;
        padding:25px 22px;
    }

    .aauw-programs-meetings .programs-stay-informed{
        margin:36px auto 44px;
        padding:22px;
        grid-template-columns:1fr;
        text-align:center;
    }

    .aauw-programs-meetings .programs-stay-informed__icon{
        margin:0 auto;
    }

    .aauw-programs-meetings .programs-stay-informed__button{
        grid-column:auto;
        justify-self:center;
    }
}


/* ------------------------------------------------------------------------
   4.24 SMALL MOBILE
   ------------------------------------------------------------------------ */
@media(max-width:480px){
    .aauw-programs-meetings .aauw-interior-hero__copy{
        left:16px;
        width:68%;
    }

    .aauw-programs-meetings .aauw-interior-hero__subtitle{
        display:none;
    }

    .aauw-programs-meetings .programs-section-heading h2{
        font-size:24px;
    }

    .aauw-programs-meetings .programs-interest-card{
        grid-template-columns:38px minmax(0,1fr) 20px;
        gap:11px;
        padding:12px 13px;
    }

    .aauw-programs-meetings .programs-interest-card__icon{
        width:38px;
        height:38px;
    }
}


/* ========================================================================
   5. BOOK SALE — LANDING PAGE
   ========================================================================
   Template: page-book-sale.php

   DESIGN / EDITING RULE
   ------------------------------------------------------------------------
   PHP controls:
   • Page structure
   • Hero layout
   • Three information columns
   • Four-photo staggered collage
   • Monthly photo grid
   • Closing call-to-action
   • Responsive layout

   WORDPRESS controls:
   • All headings and text
   • Hero Featured Image
   • Buttons and URLs
   • Location / drop-off information
   • Four collage photographs
   • Monthly photographs and labels
   • Closing illustration / photograph

   Scoped only to .aauw-final-booksale.
   ======================================================================== */


/* ------------------------------------------------------------------------
   5.1 BOOK SALE PAGE FOUNDATION
   ------------------------------------------------------------------------ */

.aauw-final-booksale{
    --booksale-blue:#052a4f;
    --booksale-green:#67873a;
    --booksale-green-dark:#55752f;
    --booksale-text:#20242a;
    --booksale-muted:#5f6b76;
    --booksale-border:#dfe4e8;
    --booksale-soft:#f5f7f6;
    --booksale-cream:#f7f7f1;
    --booksale-white:#fff;
    --booksale-gold:#b59a5d;
    --booksale-shadow:0 7px 20px rgba(8,34,59,.10);

    width:100%;
    margin:0;
    padding:0;

    color:var(--booksale-text);
    background:#fff;
}

.aauw-final-booksale *{
    box-sizing:border-box;
}

.aauw-final-booksale__container{
    width:min(
        calc(100% - (var(--aauw-gutter) * 2)),
        var(--aauw-container)
    );

    margin:0 auto;
}


/* ========================================================================
   5.2 BOOK SALE HERO
   ======================================================================== */

.aauw-final-booksale__hero{
    position:relative;

    width:100%;
    min-height:390px;

    margin:0;
    padding:0;

    overflow:hidden;

    background:var(--booksale-cream);
}


/* ------------------------------------------------------------------------
   5.2.1 HERO INNER
   ------------------------------------------------------------------------ */

.aauw-final-booksale__hero-inner{
    position:relative;

    width:100%;
    max-width:none;

    height:390px;
    min-height:390px;
    max-height:none;

    margin:0;
    padding:0;

    overflow:hidden;

    background:var(--booksale-cream);
}


/* ------------------------------------------------------------------------
   5.2.2 HERO PHOTOGRAPH
   Featured Image from WordPress
   ------------------------------------------------------------------------ */

.aauw-final-booksale__hero-image{
    position:absolute;

    top:0;
    right:0;
    bottom:0;

    z-index:0;

    width:67%;
    height:100%;

    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}


/* ------------------------------------------------------------------------
   5.2.3 HERO LIGHT FADE
   The PHP currently calls this element hero-blue.
   It remains named that way for compatibility, but it now creates
   the approved cream/white fade from the selected mockup.
   ------------------------------------------------------------------------ */

.aauw-final-booksale__hero-blue{
    position:absolute;
    inset:0;

    z-index:1;

    background:
        linear-gradient(
            90deg,
            rgba(248,248,243,1) 0%,
            rgba(248,248,243,1) 25%,
            rgba(248,248,243,.97) 33%,
            rgba(248,248,243,.83) 43%,
            rgba(248,248,243,.55) 53%,
            rgba(248,248,243,.22) 64%,
            rgba(248,248,243,0) 75%
        );
}


/* ------------------------------------------------------------------------
   5.2.4 HERO TEXT
   ------------------------------------------------------------------------ */

.aauw-final-booksale__hero-copy{
    position:absolute;

    top:0;
    bottom:0;
    left:max(
        var(--aauw-gutter),
        calc((100% - var(--aauw-container)) / 2)
    );

    z-index:2;

    width:min(45%,610px);

    margin:0;
    padding:34px 0;

    display:flex;
    flex-direction:column;
    justify-content:center;

    text-align:left;
}


/* Eyebrow */

.aauw-final-booksale__eyebrow{
    margin:0 0 13px;

    color:var(--booksale-green-dark);

    font-family:Montserrat,Arial,sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1.25;

    letter-spacing:.20em;
    text-transform:uppercase;
}


/* Main page title */

.aauw-final-booksale__hero h1,
.aauw-final-booksale__hero-copy h1{
    max-width:560px;
    margin:0 0 12px;
    padding:0;
    color:var(--booksale-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-weight:700;
    line-height:1.05;
    letter-spacing:-.02em;
    text-align:left;
}


/* Hero tagline */

.aauw-final-booksale__hero-tagline{
    max-width:530px;

    margin:0 0 10px;

    color:var(--booksale-blue);

    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    font-weight:700;
    line-height:1.25;
}


/* Hero supporting text */

.aauw-final-booksale__hero-subtitle{
    max-width:470px;

    margin:0;

    color:#24364b;

    font-family:Montserrat,Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    line-height:1.5;
}


/* ========================================================================
   5.3 THREE INFORMATION COLUMNS
   Column 1 — Latest Book Sale News
   Column 2 — About Our Book Sale
   Column 3 — Book Sale Location & Drop-Off
   ======================================================================== */

.aauw-final-booksale__info{
    width:100%;

    padding:42px 0 38px;

    background:#fff;
}

.aauw-final-booksale__info-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));

    align-items:stretch;
}


/* ------------------------------------------------------------------------
   5.3.1 INFORMATION CARD
   ------------------------------------------------------------------------ */

.aauw-final-booksale__info-card{
    min-width:0;

    padding:0 42px;

    display:flex;
    flex-direction:column;
    align-items:center;

    text-align:center;
}

.aauw-final-booksale__info-card+
.aauw-final-booksale__info-card{
    border-left:1px solid var(--booksale-border);
}


/* ------------------------------------------------------------------------
   5.3.2 INFORMATION ICON
   ------------------------------------------------------------------------ */

.aauw-final-booksale__info-icon{
    width:64px;
    height:64px;

    margin:0 auto 9px;

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

    color:var(--booksale-green-dark);
}

.aauw-final-booksale__info-icon img,
.aauw-final-booksale__info-icon svg{
    display:block;

    width:58px;
    height:58px;

    object-fit:contain;
}


/* ------------------------------------------------------------------------
   5.3.3 INFORMATION TYPOGRAPHY
   ------------------------------------------------------------------------ */

.aauw-final-booksale__info-card h2{
    margin:0 0 13px;

    color:var(--booksale-blue);

    font-family:Georgia,"Times New Roman",serif;
    font-size:23px;
    font-weight:700;
    line-height:1.2;
}

.aauw-final-booksale__info-card p{
    width:100%;

    margin:0 0 20px;

    color:var(--booksale-text);

    font-size:15px;
    line-height:1.55;

    flex:1;
}


/* ========================================================================
   5.4 BOOK SALE BUTTONS
   ======================================================================== */

.aauw-final-booksale__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:44px;

    margin-top:auto;
    padding:11px 25px;

    border:0;
    border-radius:999px;

    background:var(--booksale-green);

    color:#fff!important;

    font-family:Montserrat,Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1.2;

    text-decoration:none!important;

    transition:
        background .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.aauw-final-booksale__button:hover,
.aauw-final-booksale__button:focus{
    background:var(--booksale-green-dark);

    color:#fff!important;

    box-shadow:0 6px 14px rgba(8,34,59,.14);

    transform:translateY(-1px);
}

.aauw-final-booksale__button--blue{
    background:var(--booksale-blue);
}

.aauw-final-booksale__button--blue:hover,
.aauw-final-booksale__button--blue:focus{
    background:#0a416f;
}


/* ========================================================================
   5.5 BOOK SALE IN PICTURES
   ======================================================================== */

.aauw-final-booksale__pictures{
    width:100%;

    padding:48px 0 56px;

    background:
        linear-gradient(
            180deg,
            #f4f7f6 0%,
            #fafbfa 48%,
            #fff 100%
        );
}

.aauw-final-booksale__pictures-grid{
    display:grid;
    grid-template-columns:240px minmax(0,1fr);

    gap:44px;
    align-items:center;
}


/* ------------------------------------------------------------------------
   5.5.1 COLLAGE INTRO
   ------------------------------------------------------------------------ */

.aauw-final-booksale__pictures-copy{
    min-width:0;
}

.aauw-final-booksale__pictures-copy h2{
    margin:0;

    color:var(--booksale-blue);

    font-family:Georgia,"Times New Roman",serif;
    font-size:40px;
    font-weight:700;
    line-height:1.05;
}

.aauw-final-booksale__section-rule{
    display:block;

    width:52px;

    margin:16px 0 19px;

    border-top:3px solid var(--booksale-green);
}

.aauw-final-booksale__pictures-copy>p{
    margin:0;

    color:var(--booksale-text);

    font-size:16px;
    line-height:1.55;
}


/* Decorative handwritten statement */

.aauw-final-booksale__pictures-accent{
    margin-top:55px!important;

    color:#315b2b!important;

    font-family:"Segoe Script","Brush Script MT",cursive;
    font-size:30px!important;
    line-height:1.3!important;

    transform:rotate(-3deg);
}


/* ========================================================================
   5.6 FOUR-PHOTO STAGGERED COLLAGE
   ========================================================================

   APPROVED ARRANGEMENT

                     PHOTO 2
        PHOTO 1

              PHOTO 3       PHOTO 4

   Photo 1 — landscape upper-left
   Photo 2 — portrait upper-middle/right
   Photo 3 — landscape lower-middle
   Photo 4 — portrait lower-right

   Images automatically fill each frame using object-fit:cover.
   ======================================================================== */

.aauw-final-booksale__collage{
    position:relative;

    width:100%;
    height:525px;

    min-width:0;

    margin:0;
}


/* ------------------------------------------------------------------------
   5.6.1 PHOTO FRAME
   ------------------------------------------------------------------------ */

.aauw-final-booksale__photo{
    position:absolute;

    z-index:1;

    padding:5px 5px 5px 32px;

    overflow:visible;

    background:#fff;

    border:1px solid #cab789;

    box-shadow:
        0 4px 6px rgba(0,0,0,.07),
        0 8px 18px rgba(8,34,59,.13);
}

.aauw-final-booksale__photo:hover{
    z-index:10;
}


/* Photo 1 */

.aauw-final-booksale__photo--1{
    top:38px;
    left:0;

    width:48%;
    height:205px;
}


/* Photo 2 */

.aauw-final-booksale__photo--2{
    top:0;
    left:46%;

    z-index:2;

    width:31%;
    height:280px;
}


/* Photo 3 */

.aauw-final-booksale__photo--3{
    top:235px;
    left:18%;

    z-index:3;

    width:49%;
    height:212px;
}


/* Photo 4 */

.aauw-final-booksale__photo--4{
    top:193px;
    right:0;

    z-index:4;

    width:31%;
    height:288px;
}


/* ------------------------------------------------------------------------
   5.6.2 PHOTO CONTENT
   ------------------------------------------------------------------------ */

.aauw-final-booksale__photo-inner{
    width:100%;
    height:100%;

    overflow:hidden;

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

    background:#eef1ed;
}

.aauw-final-booksale__photo-inner img{
    display:block;

    width:100%;
    height:100%;

    max-width:none;

    object-fit:cover;
    object-position:center;
}


/* ========================================================================
   5.7 DECORATIVE BOOK SPINE FRAMES
   ======================================================================== */

.aauw-final-booksale__book-spine{
    position:absolute;

    top:4px;
    bottom:4px;
    left:4px;

    width:23px;

    overflow:hidden;

    border-right:1px solid #c5aa69;

    background:
        linear-gradient(
            to bottom,
            #284c2b 0,
            #284c2b 8%,
            #bea35f 8%,
            #bea35f 9.5%,
            #476d37 9.5%,
            #476d37 18%,
            #284c2b 18%,
            #284c2b 82%,
            #476d37 82%,
            #476d37 90.5%,
            #bea35f 90.5%,
            #bea35f 92%,
            #284c2b 92%,
            #284c2b 100%
        );
}

.aauw-final-booksale__book-spine::before,
.aauw-final-booksale__book-spine::after{
    content:"";

    position:absolute;

    left:4px;
    right:4px;

    height:1px;

    background:rgba(255,226,157,.80);
}

.aauw-final-booksale__book-spine::before{
    top:29px;
}

.aauw-final-booksale__book-spine::after{
    bottom:29px;
}


/* ------------------------------------------------------------------------
   5.7.1 ALTERNATING BOOK-SPINE COLORS
   ------------------------------------------------------------------------ */

.aauw-final-booksale__photo--1
.aauw-final-booksale__book-spine{
    background:
        linear-gradient(
            to bottom,
            #07345f 0,
            #07345f 8%,
            #c4a661 8%,
            #c4a661 10%,
            #214179 10%,
            #214179 18%,
            #07345f 18%,
            #07345f 82%,
            #214179 82%,
            #214179 90%,
            #c4a661 90%,
            #c4a661 92%,
            #07345f 92%,
            #07345f 100%
        );
}

.aauw-final-booksale__photo--2
.aauw-final-booksale__book-spine{
    background:
        linear-gradient(
            to bottom,
            #31562d 0,
            #31562d 8%,
            #c4a661 8%,
            #c4a661 10%,
            #67873a 10%,
            #67873a 18%,
            #31562d 18%,
            #31562d 82%,
            #67873a 82%,
            #67873a 90%,
            #c4a661 90%,
            #c4a661 92%,
            #31562d 92%,
            #31562d 100%
        );
}

.aauw-final-booksale__photo--3
.aauw-final-booksale__book-spine{
    background:
        linear-gradient(
            to bottom,
            #6e302a 0,
            #6e302a 8%,
            #c9a85b 8%,
            #c9a85b 10%,
            #914c40 10%,
            #914c40 18%,
            #6e302a 18%,
            #6e302a 82%,
            #914c40 82%,
            #914c40 90%,
            #c9a85b 90%,
            #c9a85b 92%,
            #6e302a 92%,
            #6e302a 100%
        );
}

.aauw-final-booksale__photo--4
.aauw-final-booksale__book-spine{
    background:
        linear-gradient(
            to bottom,
            #765527 0,
            #765527 8%,
            #ddc074 8%,
            #ddc074 10%,
            #9c7738 10%,
            #9c7738 18%,
            #765527 18%,
            #765527 82%,
            #9c7738 82%,
            #9c7738 90%,
            #ddc074 90%,
            #ddc074 92%,
            #765527 92%,
            #765527 100%
        );
}


/* ------------------------------------------------------------------------
   5.7.2 EMPTY PHOTO PLACEHOLDER
   ------------------------------------------------------------------------ */

.aauw-final-booksale__photo-placeholder{
    width:100%;
    height:100%;

    padding:20px;

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

    color:#6a737c;

    background:#eef1ed;

    font-size:14px;
    line-height:1.4;

    text-align:center;
}


/* ========================================================================
   5.8 MONTHLY BOOK SALE PHOTOS
   ======================================================================== */

.aauw-final-booksale__monthly{
    width:100%;

    padding:40px 0 47px;

    background:#fff;
}


/* ------------------------------------------------------------------------
   5.8.1 MONTHLY SECTION HEADING
   ------------------------------------------------------------------------ */

.aauw-final-booksale__section-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:24px;
}

.aauw-final-booksale__section-heading h2{
    margin:0;

    color:var(--booksale-blue);

    font-family:Georgia,"Times New Roman",serif;
    font-size:38px;
    font-weight:700;
    line-height:1.1;
}

.aauw-final-booksale__section-heading>a{
    margin-top:10px;

    color:var(--booksale-green-dark);

    font-size:14px;
    font-weight:600;

    text-decoration:none;
}

.aauw-final-booksale__section-heading>a:hover,
.aauw-final-booksale__section-heading>a:focus{
    color:var(--booksale-green);

    text-decoration:underline;
    text-underline-offset:3px;
}


/* Intro */

.aauw-final-booksale__monthly-intro{
    margin:0 0 18px;

    color:var(--booksale-text);

    font-size:15px;
    line-height:1.5;
}


/* ------------------------------------------------------------------------
   5.8.2 MONTHLY PHOTO GRID
   ------------------------------------------------------------------------ */

.aauw-final-booksale__monthly-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:22px;
}

.aauw-final-booksale__monthly-item{
    min-width:0;

    margin:0;

    text-align:center;
}

.aauw-final-booksale__monthly-photo{
    width:100%;

    aspect-ratio:1.55 / 1;

    overflow:hidden;

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

    background:#eef1ed;

    border:1px solid #e0e4e5;
}

.aauw-final-booksale__monthly-photo img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;
}

.aauw-final-booksale__monthly-item figcaption{
    margin-top:8px;

    color:var(--booksale-blue);

    font-size:13px;
    line-height:1.35;
}


/* ========================================================================
   5.9 CLOSING — MORE THAN BOOKS
   ======================================================================== */

.aauw-final-booksale__closing{
    width:100%;

    padding:28px 0;

    background:
        linear-gradient(
            90deg,
            #edf4e7 0%,
            #f6f8ef 60%,
            #f9faf4 100%
        );
}

.aauw-final-booksale__closing-inner{
    display:grid;
    grid-template-columns:240px minmax(0,1fr) auto;

    gap:38px;
    align-items:center;
}


/* ------------------------------------------------------------------------
   5.9.1 CLOSING ART
   ------------------------------------------------------------------------ */

.aauw-final-booksale__closing-art{
    min-width:0;

    display:flex;
    align-items:center;
    justify-content:center;
}

.aauw-final-booksale__closing-art img{
    display:block;

    width:auto;
    max-width:225px;
    height:auto;
    max-height:150px;

    object-fit:contain;
}


/* ------------------------------------------------------------------------
   5.9.2 CLOSING TEXT
   ------------------------------------------------------------------------ */

.aauw-final-booksale__closing-copy{
    min-width:0;
}

.aauw-final-booksale__closing-copy h2{
    margin:0;

    color:#31552b;

    font-family:Georgia,"Times New Roman",serif;
    font-size:33px;
    font-weight:400;
    font-style:italic;
    line-height:1.2;
}

.aauw-final-booksale__closing-copy p{
    margin:9px 0 0;

    color:var(--booksale-text);

    font-family:Georgia,"Times New Roman",serif;
    font-size:17px;
    line-height:1.4;
}

.aauw-final-booksale__closing
.aauw-final-booksale__button{
    margin:0;

    white-space:nowrap;
}


/* ========================================================================
   5.10 WORDPRESS EDITABLE CONTENT
   Optional standard editor content placed by the PHP template.
   ======================================================================== */

.aauw-final-booksale__editable{
    width:100%;

    padding:42px 0;

    background:#fff;
}

.aauw-final-booksale__editable .section-editor-content{
    width:100%;

    margin:0;

    color:var(--booksale-text);

    font-size:16px;
    line-height:1.65;
}

.aauw-final-booksale__editable
.section-editor-content>*:first-child{
    margin-top:0;
}

.aauw-final-booksale__editable
.section-editor-content>*:last-child{
    margin-bottom:0;
}


/* ========================================================================
   5.11 LARGE TABLET
   ======================================================================== */

@media(max-width:1100px){

    .aauw-final-booksale__hero,
    .aauw-final-booksale__hero-inner{
        height:365px;
        min-height:365px;
        max-height:none;
    }

    .aauw-final-booksale__hero-image{
        width:70%;
    }

    .aauw-final-booksale__hero-copy{
        left:30px;

        width:48%;
    }

    .aauw-final-booksale__hero h1,
    .aauw-final-booksale__hero-copy h1{
        font-size:56px;
    }

    .aauw-final-booksale__info-card{
        padding:0 26px;
    }

    .aauw-final-booksale__pictures-grid{
        grid-template-columns:210px minmax(0,1fr);

        gap:30px;
    }

    .aauw-final-booksale__collage{
        height:475px;
    }

    .aauw-final-booksale__photo--1{
        height:185px;
    }

    .aauw-final-booksale__photo--2{
        height:250px;
    }

    .aauw-final-booksale__photo--3{
        top:210px;

        height:192px;
    }

    .aauw-final-booksale__photo--4{
        top:176px;

        height:260px;
    }

    .aauw-final-booksale__closing-inner{
        grid-template-columns:190px minmax(0,1fr) auto;

        gap:25px;
    }

}


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

@media(max-width:900px){

    .aauw-final-booksale__container{
        width:calc(100% - 36px);
    }


    /* Hero */

    .aauw-final-booksale__hero,
    .aauw-final-booksale__hero-inner{
        height:350px;
        min-height:350px;
        max-height:none;
    }

    .aauw-final-booksale__hero-image{
        width:76%;

        background-position:62% center;
    }

    .aauw-final-booksale__hero-blue{
        background:
            linear-gradient(
                90deg,
                rgba(248,248,243,1) 0%,
                rgba(248,248,243,.98) 38%,
                rgba(248,248,243,.77) 52%,
                rgba(248,248,243,.34) 68%,
                rgba(248,248,243,0) 84%
            );
    }

    .aauw-final-booksale__hero-copy{
        left:22px;

        width:52%;

        padding:25px 0;
    }

    .aauw-final-booksale__eyebrow{
        font-size:13px;
    }

    .aauw-final-booksale__hero h1,
    .aauw-final-booksale__hero-copy h1{
        font-size:48px;
    }

    .aauw-final-booksale__hero-tagline{
        font-size:21px;
    }

    .aauw-final-booksale__hero-subtitle{
        font-size:15px;
    }


    /* Information columns stack */

    .aauw-final-booksale__info-grid{
        grid-template-columns:1fr;
    }

    .aauw-final-booksale__info-card{
        padding:28px 20px;
    }

    .aauw-final-booksale__info-card:first-child{
        padding-top:5px;
    }

    .aauw-final-booksale__info-card+
    .aauw-final-booksale__info-card{
        border-top:1px solid var(--booksale-border);
        border-left:0;
    }

    .aauw-final-booksale__info-card p{
        max-width:620px;
    }


    /* Pictures */

    .aauw-final-booksale__pictures-grid{
        grid-template-columns:1fr;

        gap:25px;
    }

    .aauw-final-booksale__pictures-copy{
        max-width:650px;
    }

    .aauw-final-booksale__pictures-accent{
        margin-top:22px!important;
    }


    /* Monthly */

    .aauw-final-booksale__monthly-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }


    /* Closing */

    .aauw-final-booksale__closing-inner{
        grid-template-columns:170px minmax(0,1fr);

        gap:25px;
    }

    .aauw-final-booksale__closing
    .aauw-final-booksale__button{
        grid-column:2;

        justify-self:start;
    }

}


/* ========================================================================
   5.13 MOBILE
   ======================================================================== */

@media(max-width:700px){

    .aauw-final-booksale__container{
        width:calc(100% - 28px);
    }


    /* Hero */

    .aauw-final-booksale__hero,
    .aauw-final-booksale__hero-inner{
        height:375px;
        min-height:375px;
        max-height:none;
    }

    .aauw-final-booksale__hero-image{
        width:100%;

        background-position:68% center;
    }

    .aauw-final-booksale__hero-blue{
        background:
            linear-gradient(
                90deg,
                rgba(248,248,243,.99) 0%,
                rgba(248,248,243,.94) 45%,
                rgba(248,248,243,.76) 65%,
                rgba(248,248,243,.30) 100%
            );
    }

    .aauw-final-booksale__hero-copy{
        left:16px;

        width:70%;

        padding:28px 0;
    }

    .aauw-final-booksale__hero h1,
    .aauw-final-booksale__hero-copy h1{
        font-size:44px;
    }

    .aauw-final-booksale__hero-tagline{
        font-size:20px;
    }

    .aauw-final-booksale__hero-subtitle{
        max-width:390px;

        font-size:14px;
    }


    /* Pictures */

    .aauw-final-booksale__pictures{
        padding:38px 0 42px;
    }

    .aauw-final-booksale__pictures-copy h2{
        font-size:34px;
    }


    /* Collage changes from positioned layout to responsive grid */

    .aauw-final-booksale__collage{
        height:auto;

        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:13px;
    }

    .aauw-final-booksale__photo{
        position:relative!important;

        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        left:auto!important;

        width:auto!important;
        height:auto!important;
    }

    .aauw-final-booksale__photo--1,
    .aauw-final-booksale__photo--3{
        aspect-ratio:1.35 / 1;
    }

    .aauw-final-booksale__photo--2,
    .aauw-final-booksale__photo--4{
        aspect-ratio:.86 / 1;
    }


    /* Monthly */

    .aauw-final-booksale__monthly{
        padding:34px 0 40px;
    }


    /* Closing */

    .aauw-final-booksale__closing-inner{
        grid-template-columns:1fr;

        gap:18px;

        text-align:center;
    }

    .aauw-final-booksale__closing-art{
        display:none;
    }

    .aauw-final-booksale__closing
    .aauw-final-booksale__button{
        grid-column:auto;

        justify-self:center;
    }

}


/* ========================================================================
   5.14 SMALL MOBILE
   ======================================================================== */

@media(max-width:520px){

    /* Hero */

    .aauw-final-booksale__hero,
    .aauw-final-booksale__hero-inner{
        height:350px;
        min-height:350px;
    }

    .aauw-final-booksale__hero-copy{
        width:78%;
    }

    .aauw-final-booksale__eyebrow{
        font-size:11px;

        letter-spacing:.15em;
    }

    .aauw-final-booksale__hero h1,
    .aauw-final-booksale__hero-copy h1{
        font-size:39px;
    }

    .aauw-final-booksale__hero-tagline{
        font-size:18px;
    }

    .aauw-final-booksale__hero-subtitle{
        font-size:13px;
    }


    /* Section headings */

    .aauw-final-booksale__pictures-copy h2,
    .aauw-final-booksale__section-heading h2{
        font-size:31px;
    }


    /* Collage */

    .aauw-final-booksale__collage{
        grid-template-columns:1fr;
    }

    .aauw-final-booksale__photo--1,
    .aauw-final-booksale__photo--2,
    .aauw-final-booksale__photo--3,
    .aauw-final-booksale__photo--4{
        aspect-ratio:1.25 / 1;
    }


    /* Monthly */

    .aauw-final-booksale__section-heading{
        display:block;
    }

    .aauw-final-booksale__section-heading>a{
        display:inline-block;

        margin:12px 0 18px;
    }

    .aauw-final-booksale__monthly-grid{
        grid-template-columns:1fr;
    }


    /* Closing */

    .aauw-final-booksale__closing-copy h2{
        font-size:28px;
    }

}


/* ========================================================================
   END 5. BOOK SALE
   ======================================================================== */


/* ========================================================================
   6. SCHOLARSHIPS — LANDING PAGE RESTORATION
   ========================================================================
   Restores the original custom Scholarship landing-page design.
   Scoped ONLY to .aauw-final-scholarships / .scholarship-landing.
   Does not affect Home, X1 pages, header, footer, or scholarship subpages.
   ======================================================================== */

/* ------------------------------------------------------------------------
   6.1 SCHOLARSHIP PAGE FOUNDATION
   ------------------------------------------------------------------------ */
.aauw-final-scholarships{
    --sch-blue:#052a4f;
    --sch-green:#67873a;
    --sch-green-dark:#55752f;
    --sch-text:#20242a;
    --sch-muted:#5f6b76;
    --sch-border:#dfe4e8;
    --sch-shadow:0 8px 24px rgba(8,34,59,.10);
    width:100%;
    margin:0;
    padding:0;
    color:var(--sch-text);
}
.aauw-final-scholarships__container{
    width:min(calc(100% - (var(--aauw-gutter) * 2)),var(--aauw-container));
    margin:0 auto;
}

/* ------------------------------------------------------------------------
   6.2 SCHOLARSHIP HERO
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__hero{
    width:100%;
    margin:0;
    padding:0;
    background:var(--sch-blue);
    overflow:hidden;
}
.aauw-final-scholarships__hero-inner{
    background:var(--sch-blue);
}


/* ------------------------------------------------------------------------
   6.3 HERO PHOTOGRAPH
   Desktop photo area is intentionally narrower so the complete graduates
   remain visible within the shared G1 hero height.
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__hero-image{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:0;
    width:40%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:right center;
}

/* ------------------------------------------------------------------------
   6.4 SOFT BLUE HERO FADE
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__hero-blue{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,
        rgba(5,42,79,1) 0%,
        rgba(5,42,79,1) 30%,
        rgba(5,42,79,.98) 38%,
        rgba(5,42,79,.92) 46%,
        rgba(5,42,79,.76) 54%,
        rgba(5,42,79,.52) 62%,
        rgba(5,42,79,.28) 70%,
        rgba(5,42,79,.10) 78%,
        rgba(5,42,79,0) 86%);
}

/* ------------------------------------------------------------------------
   6.5 SCHOLARSHIP HERO TEXT
   Typography sizes are controlled by G1.
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__hero-copy{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    z-index:2;
    width:min(48%,680px);
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:left;
}

.aauw-final-scholarships__eyebrow{
    margin:0 0 9px;
    color:#dce8f2;
}

.aauw-final-scholarships__hero-subtitle{
    max-width:570px;
    margin:14px 0 0;
    color:#fff;
}

/* ------------------------------------------------------------------------
   6.6 WORDPRESS EDITABLE CONTENT — USE SHARED X1 SYSTEM
   ------------------------------------------------------------------------
   The Scholarships template now outputs WordPress content directly.

   WordPress may use the shared X1 components already defined later in
   this stylesheet, including:

   .aauw-x1-page-panel
   .aauw-x1-section
   .aauw-x1-section--soft
   .aauw-x1-panel
   .aauw-x1-heading
   .aauw-x1-kicker
   .aauw-x1-heading__description
   .aauw-x1-card

   Do not add a Scholarship-only editor card or intro-card wrapper here.
   The page template carries .aauw-x1-page so the shared X1 selectors
   apply to WordPress-authored content.
   ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
   6.7 SCHOLARSHIP OVERVIEW SECTION
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__section{
    padding:54px 0 64px;
    background:#fff;
}
.aauw-final-scholarships__heading{
    max-width:860px;
    margin:0 auto 32px;
    text-align:center;
}
.aauw-final-scholarships__section-kicker{
    margin:0 0 7px;
    color:var(--sch-green);
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.aauw-final-scholarships__heading h2{
    margin:0;
    color:var(--sch-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(28px,2.4vw,36px);
    line-height:1.1;
}
/* ------------------------------------------------------------------------
   6.7.1 SCHOLARSHIP FLORAL HEADING
   Small decorative floral displayed above the Scholarship overview.
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__floral{
    display:block;
    width:200px;
    max-width:100%;
    height:auto;
    max-height:150px;
    margin:0 auto 18px;
    object-fit:contain;
}


/* ------------------------------------------------------------------------
   6.8 SCHOLARSHIP CARD GRID
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

/* ------------------------------------------------------------------------
   6.9 SCHOLARSHIP CARDS
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__card{
    position:relative;
    z-index:2;
    min-height:390px;
    padding:28px 25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    background:#fff;
    border:1px solid var(--sch-border);
    border-radius:6px;
    box-shadow:var(--sch-shadow);
    color:var(--sch-text);
    text-align:center;
    text-decoration:none;
    transition:transform .2s ease,box-shadow .2s ease;
}
.aauw-final-scholarships__card:hover,
.aauw-final-scholarships__card:focus{
    transform:translateY(-2px);
    box-shadow:0 10px 26px rgba(8,34,59,.12);
    text-decoration:none;
}

/* ------------------------------------------------------------------------
   6.10 CARD ICON
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__icon{
    width:60px;
    height:60px;
    margin:0 auto 14px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:50%;
    background:var(--sch-green);
    color:#fff;
}
.aauw-final-scholarships__icon svg{
    width:31px;
    height:31px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* ------------------------------------------------------------------------
   6.11 CARD TYPOGRAPHY
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__amount{
    margin:16px 0 24px!important;
    padding:0!important;
    color:var(--sch-green)!important;
    font-size:13px!important;
    font-weight:700;
    line-height:1.45!important;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.aauw-final-scholarships__card h3{
    margin:0 0 20px!important;
    color:var(--sch-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    line-height:1.16;
    text-align:center;
}
.aauw-final-scholarships__summary{
    margin:0 0 24px!important;
    color:#4f5b66;
    font-size:15px;
    line-height:1.62;
    text-align:center;
}

/* ------------------------------------------------------------------------
   6.12 CARD DETAIL LIST
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__details{
    width:100%;
    margin:0 0 24px!important;
    padding:0!important;
    border:0!important;
    list-style:none;
    color:#4f5b66;
    font-size:13px;
    line-height:1.5;
    text-align:center;
}
.aauw-final-scholarships__details li{
    margin:0 0 6px;
}
.aauw-final-scholarships__details li::before{
    content:"✓";
    margin-right:6px;
    color:var(--sch-green);
    font-weight:700;
}

/* ------------------------------------------------------------------------
   6.13 CARD LINK
   ------------------------------------------------------------------------ */
.aauw-final-scholarships__link{
    display:block;
    margin-top:auto;
    padding-top:12px;
    color:var(--sch-green-dark);
    font-size:14px;
    font-weight:700;
    text-align:center;
}

/* ------------------------------------------------------------------------
   6.14 TABLET
   ------------------------------------------------------------------------ */
@media(max-width:1100px){
    .aauw-final-scholarships__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .aauw-final-scholarships__hero-image{
        width:52%;
    }
    .aauw-final-scholarships__hero-blue{
        background:linear-gradient(90deg,
            rgba(5,42,79,1) 0%,
            rgba(5,42,79,1) 34%,
            rgba(5,42,79,.94) 46%,
            rgba(5,42,79,.70) 58%,
            rgba(5,42,79,.38) 70%,
            rgba(5,42,79,.12) 80%,
            rgba(5,42,79,0) 90%);
    }
}

/* ------------------------------------------------------------------------
   6.15 MOBILE
   ------------------------------------------------------------------------ */
@media(max-width:700px){
    .aauw-final-scholarships__hero-image{
        width:72%;
    }
    .aauw-final-scholarships__hero-copy{
        left:20px;
        width:62%;
    }
 
    .aauw-final-scholarships__hero-blue{
        background:linear-gradient(90deg,
            rgba(5,42,79,1) 0%,
            rgba(5,42,79,1) 38%,
            rgba(5,42,79,.90) 50%,
            rgba(5,42,79,.62) 64%,
            rgba(5,42,79,.28) 76%,
            rgba(5,42,79,0) 90%);
    }
    .aauw-final-scholarships__grid{
        grid-template-columns:1fr;
    }
    .aauw-final-scholarships__card{
        min-height:0;
    }
}

/* ------------------------------------------------------------------------
   6.16 SMALL MOBILE
   ------------------------------------------------------------------------ */
@media(max-width:480px){
    .aauw-final-scholarships__hero-subtitle{
        display:none;
    }
}


/* ========================================================================
   7. LOANS & GRANTS — LANDING PAGE RESTORATION
   ========================================================================
   Restores the original custom Loans & Grants landing-page design.
   Scoped ONLY to .aauw-final-loans.
   Does not affect Home, Scholarships, X1 pages, header, footer,
   or Loans & Grants subpages.
   ======================================================================== */

/* ------------------------------------------------------------------------
   7.1 LOANS & GRANTS PAGE FOUNDATION
   ------------------------------------------------------------------------ */
.aauw-final-loans{
    --loans-blue:#052a4f;
    --loans-green:#67873a;
    --loans-green-dark:#55752f;
    --loans-text:#20242a;
    --loans-muted:#5f6b76;
    --loans-border:#dfe4e8;
    --loans-shadow:0 8px 24px rgba(8,34,59,.10);
    width:100%;
    margin:0;
    padding:0;
    color:var(--loans-text);
}
.aauw-final-loans__container{
    width:min(calc(100% - (var(--aauw-gutter) * 2)),var(--aauw-container));
    margin:0 auto;
}

/* ------------------------------------------------------------------------
   7.2 LOANS & GRANTS HERO
   ------------------------------------------------------------------------ */
.aauw-final-loans__hero{
    width:100%;
    margin:0;
    padding:0;
    background:var(--loans-blue);
    overflow:hidden;
}
.aauw-final-loans__hero-inner{
    background:var(--loans-blue);
}

/* ------------------------------------------------------------------------
   7.3 LOANS & GRANTS HERO PHOTOGRAPH
   ------------------------------------------------------------------------ */
.aauw-final-loans__hero-image{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:0;
    width:62%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center 60%;
}

/* ------------------------------------------------------------------------
   7.4 SOFT BLUE HERO FADE
   Matches the restored Scholarship landing-page fade.
   ------------------------------------------------------------------------ */
.aauw-final-loans__hero-blue{
    position:absolute;
    inset:0;
    z-index:1;
    clip-path:none;
    background:linear-gradient(90deg,
        rgba(5,42,79,1) 0%,
        rgba(5,42,79,1) 30%,
        rgba(5,42,79,.98) 38%,
        rgba(5,42,79,.92) 46%,
        rgba(5,42,79,.76) 54%,
        rgba(5,42,79,.52) 62%,
        rgba(5,42,79,.28) 70%,
        rgba(5,42,79,.10) 78%,
        rgba(5,42,79,0) 86%);
}

/* ------------------------------------------------------------------------
   7.5 LOANS & GRANTS HERO TEXT
   Typography sizes are controlled by G1.
   ------------------------------------------------------------------------ */
.aauw-final-loans__hero-copy{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    z-index:2;
    width:min(48%,680px);
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:left;
}

.aauw-final-loans__eyebrow{
    margin:0 0 9px;
    color:#dce8f2;
}

.aauw-final-loans__hero-subtitle{
    max-width:570px;
    margin:14px 0 0;
    color:#fff;
}

/* ------------------------------------------------------------------------
   7.6 WORDPRESS INTRODUCTION CONTENT
   Displays optional editable WordPress content when the page editor
   contains meaningful text.
   ------------------------------------------------------------------------ */
.aauw-final-loans__editor{
    padding:42px 0 0;
    background:#fff;
}
.aauw-final-loans__editor .entry-content{
    max-width:980px;
    margin:0 auto;
    font-size:17px;
    line-height:1.7;
}

/* ------------------------------------------------------------------------
   7.7 LOANS & GRANTS FLORAL HEADING
   Decorative floral centered above the Educational Assistance heading.
   Image:
   /assets/images/backgrounds/loans-grants-floral.png
   ------------------------------------------------------------------------ */
.aauw-final-loans__floral{
    display:block;
    width:300px;
    max-width:100%;
    height:auto;
    max-height:150px;
    margin:0 auto 18px;
    object-fit:contain;
}

/* ------------------------------------------------------------------------
   7.8 EDUCATIONAL ASSISTANCE OVERVIEW SECTION
   ------------------------------------------------------------------------ */
.aauw-final-loans__section{
    padding:54px 0 64px;
    background:#fff;
}
.aauw-final-loans__heading{
    max-width:900px;
    margin:0 auto 32px;
    text-align:center;
}
.aauw-final-loans__section-kicker{
    margin:0 0 7px;
    color:var(--loans-green);
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.aauw-final-loans__heading h2{
    margin:0;
    color:var(--loans-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(32px,3vw,46px);
    line-height:1.1;
}
.aauw-final-loans__intro{
    max-width:820px;
    margin:14px auto 0;
    color:var(--loans-muted);
    font-size:16px;
    line-height:1.6;
    text-align:center;
}

/* ------------------------------------------------------------------------
   7.9 LOANS & GRANTS CARD GRID
   Three equal cards on desktop.
   ------------------------------------------------------------------------ */
.aauw-final-loans__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

/* ------------------------------------------------------------------------
   7.10 LOANS & GRANTS CARDS
   ------------------------------------------------------------------------ */
.aauw-final-loans__card{
    position:relative;
    z-index:2;
    min-height:390px;
    padding:30px 28px 26px;
    display:flex;
    flex-direction:column;
    align-items:center;
    background:#fff;
    border:1px solid var(--loans-border);
    border-radius:6px;
    box-shadow:var(--loans-shadow);
    color:var(--loans-text);
    text-align:center;
    text-decoration:none;
    transition:transform .2s ease,box-shadow .2s ease;
}
.aauw-final-loans__card:hover,
.aauw-final-loans__card:focus{
    transform:translateY(-2px);
    box-shadow:0 10px 26px rgba(8,34,59,.12);
    color:var(--loans-text);
    text-decoration:none;
}

/* ------------------------------------------------------------------------
   7.11 LOANS & GRANTS CARD ICONS
   ------------------------------------------------------------------------ */
.aauw-final-loans__icon{
    width:62px;
    height:62px;
    margin:0 auto 20px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:50%;
    background:var(--loans-green);
    color:#fff;
}
.aauw-final-loans__icon svg{
    width:32px;
    height:32px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* ------------------------------------------------------------------------
   7.12 LOANS & GRANTS CARD TYPOGRAPHY
   ------------------------------------------------------------------------ */
.aauw-final-loans__card h3{
    margin:0 0 18px!important;
    color:var(--loans-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    line-height:1.16;
    text-align:center;
}
.aauw-final-loans__summary{
    margin:0 0 14px!important;
    color:#4f5b66!important;
    font-size:15px!important;
    line-height:1.62!important;
    text-align:center;
}
.aauw-final-loans__detail{
    margin:0 0 16px!important;
    color:#4f5b66!important;
    font-size:13px!important;
    line-height:1.55!important;
    text-align:center;
}
.aauw-final-loans__highlight{
    margin:2px 0 16px!important;
    color:var(--loans-green)!important;
    font-size:14px!important;
    font-weight:700;
    line-height:1.45!important;
    text-align:center;
}

/* ------------------------------------------------------------------------
   7.13 CARD LINK + PAGE NOTE
   ------------------------------------------------------------------------ */
.aauw-final-loans__link{
    display:block;
    margin-top:auto;
    padding-top:12px;
    color:var(--loans-green-dark);
    font-size:14px;
    font-weight:700;
    text-align:center;
}
.aauw-final-loans__card:hover .aauw-final-loans__link,
.aauw-final-loans__card:focus .aauw-final-loans__link{
    color:var(--loans-green);
}
.aauw-final-loans__note{
    max-width:780px;
    margin:30px auto 0;
    color:var(--loans-muted);
    font-size:14px;
    line-height:1.6;
    text-align:center;
}

/* ------------------------------------------------------------------------
   7.14 TABLET
   1100px and below: cards become two columns.
   900px and below: hero becomes shorter and fade adjusts.
   ------------------------------------------------------------------------ */
@media(max-width:1100px){
    .aauw-final-loans__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:900px){
    .aauw-final-loans__hero-image{
        width:68%;
    }
    .aauw-final-loans__hero-blue{
        background:linear-gradient(90deg,
            rgba(5,42,79,1) 0%,
            rgba(5,42,79,1) 34%,
            rgba(5,42,79,.94) 46%,
            rgba(5,42,79,.70) 58%,
            rgba(5,42,79,.38) 70%,
            rgba(5,42,79,.12) 80%,
            rgba(5,42,79,0) 90%);
    }
}

/* ------------------------------------------------------------------------
   7.15 MOBILE
   Cards become one column and hero remains readable.
   ------------------------------------------------------------------------ */
@media(max-width:700px){
    .aauw-final-loans__hero-image{
        width:72%;
    }
    .aauw-final-loans__hero-copy{
        left:20px;
        width:62%;
    }

    .aauw-final-loans__hero-blue{
        background:linear-gradient(90deg,
            rgba(5,42,79,1) 0%,
            rgba(5,42,79,1) 38%,
            rgba(5,42,79,.90) 50%,
            rgba(5,42,79,.62) 64%,
            rgba(5,42,79,.28) 76%,
            rgba(5,42,79,0) 90%);
    }
    .aauw-final-loans__grid{
        grid-template-columns:1fr;
    }
    .aauw-final-loans__card{
        min-height:0;
    }
}

/* ------------------------------------------------------------------------
   7.16 VERY SMALL MOBILE
   Shortens the hero and removes the subtitle when horizontal space
   becomes too limited.
   ------------------------------------------------------------------------ */
@media(max-width:480px){
    .aauw-final-loans__hero-subtitle{
        display:none;
    }
}

/* ========================================================================
   8. CONTACT US — LANDING PAGE RESTORATION
   ========================================================================
   Restores the original custom Contact Us page design.
   Scoped ONLY to .aauw-final-contact and .contact-page-content.
   Does not affect Home, Scholarships, Loans & Grants, X1 pages,
   header, navigation, footer, or other interior pages.
   ======================================================================== */

/* ------------------------------------------------------------------------
   8.1 CONTACT PAGE FOUNDATION
   ------------------------------------------------------------------------ */
.aauw-final-contact{
    --contact-blue:#052a4f;
    --contact-green:#67873a;
    --contact-green-dark:#55752f;
    --contact-text:#2d3740;
    --contact-muted:#5f6b73;
    --contact-border:#dce3e7;
    --contact-soft:#f5f8fa;
    --contact-white:#fff;
    --contact-shadow:0 8px 24px rgba(5,42,79,.08);
    width:100%;
    margin:0;
    padding:0;
    color:var(--contact-text);
}
.aauw-final-contact__container{
    width:min(calc(100% - (var(--aauw-gutter) * 2)),var(--aauw-container));
    margin:0 auto;
}

/* ------------------------------------------------------------------------
   8.2 CONTACT HERO
   ------------------------------------------------------------------------ */
.aauw-final-contact__hero{
    width:100%;
    margin:0;
    padding:0;
    background:var(--contact-blue);
    overflow:hidden;
}
.aauw-final-contact__hero-inner{
    background:var(--contact-blue);
}

/* ------------------------------------------------------------------------
   8.3 CONTACT HERO PHOTOGRAPH
   ------------------------------------------------------------------------ */
.aauw-final-contact__hero-image{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:0;
    width:61%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}

/* ------------------------------------------------------------------------
   8.4 CONTACT HERO — BLUE DIAGONAL FADE
   Restores the earlier Contact hero treatment.
   ------------------------------------------------------------------------ */
.aauw-final-contact__hero-blue{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,
        #052a4f 0%,
        #052a4f 43%,
        rgba(5,42,79,.97) 52%,
        rgba(5,42,79,.78) 64%,
        rgba(5,42,79,.28) 80%,
        rgba(5,42,79,0) 100%);
    clip-path:polygon(0 0,76% 0,61% 100%,0 100%);
}

/* ------------------------------------------------------------------------
   8.5 CONTACT HERO TEXT
   Typography sizes are controlled by G1.
   ------------------------------------------------------------------------ */
.aauw-final-contact__hero-copy{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    z-index:2;
    width:min(54%,720px);
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:left;
}

.aauw-final-contact__eyebrow{
    margin:0 0 9px;
    color:#dce8f2;
    font-family:Montserrat,Arial,sans-serif;
}

.aauw-final-contact__hero-subtitle{
    max-width:590px;
    margin:14px 0 0;
    color:#fff;
    font-family:Montserrat,Arial,sans-serif;
    font-weight:400;
}

/* ------------------------------------------------------------------------
   8.6 MAIN CONTACT PAGE LAYOUT
   Restores main WordPress-content column.
   ------------------------------------------------------------------------ */
.aauw-final-contact__layout{
    display:block;
    width:100%;
}
.aauw-final-contact__content{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    font-family:Montserrat,Arial,sans-serif;
    font-size:16px;
    line-height:1.7;
}
.aauw-final-contact__content>.entry-content{
    width:100%;
    max-width:none;
    margin:0;
}


/* ------------------------------------------------------------------------
   8.7 WORDPRESS CONTACT CONTENT FOUNDATION
   Existing Contact Us editor markup begins with .contact-page-content.
   ------------------------------------------------------------------------ */
.aauw-final-contact .contact-page-content{
    --contact-blue:#052a4f;
    --contact-green:#67873a;
    --contact-green-dark:#55752f;
    --contact-text:#2d3740;
    --contact-muted:#5f6b73;
    --contact-border:#dce3e7;
    --contact-soft:#f5f8fa;
    --contact-white:#fff;
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:0;
    color:var(--contact-text);
    font-family:Montserrat,Arial,sans-serif;
    font-size:16px;
    line-height:1.7;
}
.contact-page-content .contact-section{
    margin:0 0 34px;
}
.contact-page-content .contact-section:last-child{
    margin-bottom:0;
}
.contact-page-content h2{
    margin:0 0 18px;
    color:var(--contact-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(1.65rem,2.2vw,2rem);
    font-weight:700;
    line-height:1.25;
}
.contact-page-content h3{
    margin:0 0 10px;
    color:var(--contact-green-dark);
    font-family:Montserrat,Arial,sans-serif;
    font-size:1.08rem;
    font-weight:600;
    line-height:1.35;
}
.contact-page-content p{
    margin:0 0 16px;
    color:var(--contact-text);
}
.contact-page-content p:last-child{
    margin-bottom:0;
}

/* ------------------------------------------------------------------------
   8.8 CONTACT INTRODUCTION
   ------------------------------------------------------------------------ */
.contact-page-content .contact-intro{
    margin-bottom:30px;
}
.contact-page-content .contact-intro h2{
    margin-bottom:12px;
    font-size:clamp(2rem,3vw,2.6rem);
}
.contact-page-content .contact-intro p{
    max-width:800px;
    font-size:1.05rem;
    color:var(--contact-muted);
}

/* ------------------------------------------------------------------------
   8.9 CONTACT OPTIONS CARD
   ------------------------------------------------------------------------ */
.contact-page-content .contact-options{
    padding:24px 26px;
    background:var(--contact-white);
    border:1px solid var(--contact-border);
    border-left:5px solid var(--contact-green);
    box-shadow:0 8px 24px rgba(5,42,79,.07);
}

/* 8.9.1 Contact option links */
.contact-page-content .contact-link-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:36px;
    row-gap:12px;
    margin:0;
    padding:0;
    list-style:none;
}
.contact-page-content .contact-link-list li{
    position:relative;
    display:flex;
    align-items:flex-start;
    min-width:0;
    min-height:0;
    margin:0;
    padding:4px 0 4px 22px;
}
.contact-page-content .contact-link-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--contact-green);
}
.contact-page-content .contact-link-list a{
    display:block;
    width:100%;
    min-width:0;
    color:var(--contact-blue);
    font-size:.96rem;
    font-weight:600;
    line-height:1.45;
    text-decoration:none;
    overflow-wrap:normal;
    word-break:normal;
    transition:color .2s ease,text-decoration-color .2s ease;
}
.contact-page-content .contact-link-list a:hover,
.contact-page-content .contact-link-list a:focus{
    color:var(--contact-green-dark);
    text-decoration:underline;
    text-underline-offset:3px;
}

/* ------------------------------------------------------------------------
   8.10 IMPORTANT BROWSER WARNING
   ------------------------------------------------------------------------ */
.contact-page-content .contact-browser-note{
    position:relative;
    padding:28px 32px 28px 78px;
    background:#f6f8ee;
    border:1px solid #dce4c7;
    border-left:6px solid var(--contact-green);
    box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.contact-page-content .contact-browser-note::before{
    content:"!";
    position:absolute;
    left:28px;
    top:28px;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--contact-green);
    color:#fff;
    font-size:1.2rem;
    font-weight:700;
    line-height:1;
}
.contact-page-content .contact-browser-note h3{
    margin-bottom:8px;
    color:var(--contact-blue);
    font-size:1.2rem;
    text-transform:uppercase;
    letter-spacing:.035em;
}
.contact-page-content .contact-browser-note p{
    max-width:900px;
    color:#38422c;
}

/* ------------------------------------------------------------------------
   8.11 CONTRIBUTIONS / DONATIONS CARD
   ------------------------------------------------------------------------ */
.contact-page-content .contact-donations{
    padding:34px 38px;
    background:var(--contact-soft);
    border:1px solid var(--contact-border);
    box-shadow:0 7px 22px rgba(5,42,79,.05);
}
.contact-page-content .contact-donations h2{
    margin-bottom:22px;
    padding-bottom:12px;
    border-bottom:2px solid rgba(103,135,58,.35);
}
.contact-page-content .contact-donations ul{
    margin:0;
    padding:0;
    list-style:none;
}
.contact-page-content .contact-donations li{
    position:relative;
    margin:0;
    padding:0 0 18px 30px;
}
.contact-page-content .contact-donations li:last-child{
    padding-bottom:0;
}
.contact-page-content .contact-donations li::before{
    content:"";
    position:absolute;
    left:2px;
    top:.68em;
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--contact-green);
}
.contact-page-content .contact-donations li+li{
    padding-top:4px;
}
.contact-page-content .contact-donations strong{
    color:var(--contact-blue);
}

/* ------------------------------------------------------------------------
   8.12 CONTACT INFORMATION CARD
   Restores the dark-blue Voicemail / General Mail card.
   ------------------------------------------------------------------------ */
.contact-page-content .contact-general-info{
    padding:32px 38px;
    background:var(--contact-blue);
    border:1px solid var(--contact-blue);
    border-radius:6px;
    color:#fff;
    box-shadow:0 8px 22px rgba(5,42,79,.12);
}
.contact-page-content .contact-general-info>h2{
    margin:0 0 22px;
    color:#fff!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:1.65rem!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:0!important;
}
.contact-page-content .contact-info-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:28px;
    align-items:center;
    font-family:Montserrat,Arial,sans-serif!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.5!important;
}
.contact-page-content .contact-info-phone,
.contact-page-content .contact-info-mail{
    min-width:0;
}
.contact-page-content .contact-info-phone h3,
.contact-page-content .contact-info-mail h3{
    margin:0 0 8px;
    color:#fff!important;
    font-family:Montserrat,Arial,sans-serif!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.4!important;
}
.contact-page-content .contact-info-phone p,
.contact-page-content .contact-info-mail p,
.contact-page-content .contact-info-mail address{
    margin:0;
    color:#fff!important;
    font-family:Montserrat,Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
    font-style:normal;
    line-height:1.55!important;
}
.contact-page-content .contact-info-phone p strong{
    font-weight:500!important;
}
.contact-page-content .contact-info-phone a,
.contact-page-content .contact-info-phone a strong,
.contact-page-content .contact-general-info a{
    color:#fff!important;
    font-family:Montserrat,Arial,sans-serif!important;
    font-size:15px!important;
    font-weight:600!important;
    text-decoration:underline;
    text-underline-offset:3px;
}
.contact-page-content .contact-info-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:stretch;
}
.contact-page-content .contact-info-divider span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:50%;
    color:#fff!important;
    font-family:Montserrat,Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:500!important;
}

/* ------------------------------------------------------------------------
   8.13 CONTACT FORMS / BUTTONS
   ------------------------------------------------------------------------ */
.aauw-final-contact__content input:not([type="submit"]),
.aauw-final-contact__content textarea,
.aauw-final-contact__content select{
    width:100%;
    padding:12px 13px;
    border:1px solid #bcc7d1;
    border-radius:4px;
    background:#fff;
    font:inherit;
}
.aauw-final-contact__content textarea{
    min-height:160px;
    resize:vertical;
}
.aauw-final-contact__content input[type="submit"],
.aauw-final-contact__content button{
    min-height:44px;
    padding:11px 22px;
    border:0;
    border-radius:4px;
    background:var(--contact-green);
    color:#fff;
    font-weight:700;
    cursor:pointer;
}
.aauw-final-contact__content input[type="submit"]:hover,
.aauw-final-contact__content button:hover{
    background:var(--contact-green-dark);
}

/* ------------------------------------------------------------------------
   8.14 TABLET
   ------------------------------------------------------------------------ */
@media(max-width:900px){
    .aauw-final-contact__hero-image{
        width:67%;
    }
    .aauw-final-contact__hero-blue{
        clip-path:polygon(0 0,75% 0,60% 100%,0 100%);
    }
    .aauw-final-contact__layout{
        grid-template-columns:1fr;
        gap:30px;
    }
    .contact-page-content .contact-link-list{
        column-gap:28px;
    }
}

/* ------------------------------------------------------------------------
   8.15 MOBILE
   ------------------------------------------------------------------------ */
@media(max-width:700px){
    .aauw-final-contact__hero-image{
        width:72%;
    }
    .aauw-final-contact__hero-copy{
        left:20px;
        width:66%;
    }
    .aauw-final-contact__section{
        padding:38px 0 52px;
    }
    .contact-page-content .contact-link-list{
        grid-template-columns:1fr;
        row-gap:8px;
    }
    .contact-page-content .contact-info-grid{
        grid-template-columns:1fr;
        gap:20px;
    }
    .contact-page-content .contact-info-divider{
        min-height:auto;
    }
    .contact-page-content .contact-info-divider span{
        width:40px;
        height:40px;
    }
}

/* ------------------------------------------------------------------------
   8.16 SMALL / VERY SMALL MOBILE
   ------------------------------------------------------------------------ */
@media(max-width:600px){
    .aauw-final-contact__hero-copy{
        left:18px;
        width:68%;
    }
    .contact-page-content{
        font-size:15.5px;
    }
    .contact-page-content .contact-section{
        margin-bottom:26px;
    }
    .contact-page-content .contact-options,
    .contact-page-content .contact-donations,
    .contact-page-content .contact-general-info{
        padding:24px 22px;
    }
    .contact-page-content .contact-browser-note{
        padding:66px 22px 24px;
    }
    .contact-page-content .contact-browser-note::before{
        left:22px;
        top:20px;
        width:32px;
        height:32px;
    }
    .contact-page-content .contact-donations li{
        padding-left:26px;
        padding-bottom:16px;
    }
    .contact-page-content .contact-general-info a[href^="tel:"]{
        display:inline-block;
        margin-top:4px;
        font-size:1.08rem!important;
    }
}
@media(max-width:480px){
    .aauw-final-contact__hero-subtitle{
        display:none;
    }
}
@media(max-width:400px){
    .contact-page-content .contact-options,
    .contact-page-content .contact-donations,
    .contact-page-content .contact-general-info{
        padding-left:19px;
        padding-right:19px;
    }
}



/* ########################################################################
   X1 — CLEAN SHARED INTERIOR PAGE DESIGN SYSTEM
   ########################################################################

   PURPOSE
   ------------------------------------------------------------------------
   This is the NEW reusable component system for AAUW Buffalo INTERIOR pages.

   IMPORTANT
   ------------------------------------------------------------------------
   • The Home page does NOT use any .aauw-x1-* classes.
   • Sections 2–8 from the previous interior-page system have intentionally
     been removed from THIS CLEAN TRANSITION STYLESHEET.
   • Existing interior pages should be migrated to X1 one page at a time.
   • Do not delete your current working style.css until each required page
     has been converted and checked.
   • WordPress owns editable text/content.
   • PHP supplies structural wrappers.
   • CSS supplies presentation and responsive behavior.

   MATCHING TEMPLATE
   ------------------------------------------------------------------------
       page-interior-design-template.php

   X1 SECTION MAP
   ------------------------------------------------------------------------
       X1.1   Optional Floral Heading
       X1.2   Standard Interior Hero
       X1.3   Standard White Content Section / Outer Panel
       X1.4   Soft-Gray Content Section
       X1.5   Narrow Content Card
       X1.6   Two-Column Feature Grid
       X1.7   Three-Column Feature Grid
       X1.8   Standard Buttons
       X1.9   Information Rows
       X1.10  Image + Text
       X1.11  Contact / Address
       X1.12  WordPress Editable Content
       X1.13  Closing
       X1.14  Tablet
       X1.15  Mobile
       X1.16  Very Small Mobile

   ######################################################################## */


/* ========================================================================
   X1.0 PAGE FOUNDATION
   ========================================================================
   Technical foundation only. This does not represent a visual PHP component.
   ======================================================================== */

.aauw-x1-page{
    width:100%;
    margin:0;
    padding:0;

    color:var(--aauw-text);
    background:#ffffff;

    font-family:Montserrat,Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:1.65;
}

.aauw-x1-page,
.aauw-x1-page *{
    box-sizing:border-box;
}

.aauw-x1-page .aauw-x1-container{
    width:min(
        calc(100% - (var(--aauw-gutter) * 2)),
        var(--aauw-container)
    );
    max-width:var(--aauw-container);

    margin-left:auto;
    margin-right:auto;
}

.aauw-x1-page p{
    margin-top:0;
}
.aauw-x1-page p:last-child{
    margin-bottom:0;
}

.aauw-x1-page ul,
.aauw-x1-page ol{
    margin-top:14px;
    margin-bottom:14px;

    padding-left:32px;
}
.aauw-x1-page li{
    margin-bottom:7px;
}

.aauw-x1-page li:last-child{
    margin-bottom:0;
}
.aauw-x1-page a{
    color:var(--aauw-blue-dark);
}
.aauw-x1-page a:hover,
.aauw-x1-page a:focus{
    color:var(--aauw-green-dark);
}

/* ------------------------------------------------------------------------
   X1.0.1 LEFT ALIGN UTILITY
   Reusable utility for content that needs left alignment.
   ------------------------------------------------------------------------ */
.aauw-x1-left{
    text-align:left!important;
}

/* ------------------------------------------------------------------------
   X1.0.2 H10 CONSTRUCTION NOTICE
   Large red temporary notice for pages under construction.
   ------------------------------------------------------------------------ */
.aauw-h10{
    margin:18px auto;
    color:#c62828;
    font-family:Georgia,"Times New Roman",serif;
    font-size:42px;
    font-weight:700;
    line-height:1.1;
    text-align:center;
}



/* ========================================================================
   X1.1 OPTIONAL FLORAL HEADING
   ========================================================================
   PHP looks for:

       /assets/images/backgrounds/interior-heading-floral.png

   When the file is present, the image appears immediately above the
   small green section kicker. If it is absent, no empty image space appears.
   ======================================================================== */
/* ========================================================================
   X1.1 OPTIONAL FLORAL HEADING
   ========================================================================
   Used for the decorative floral image that appears above an X1 section.

   HTML placement:
   The floral image may be placed immediately BEFORE the soft-gray section
   so the floral remains on the white background above the gray panel.

   Image:
   /assets/images/backgrounds/interior-heading-floral.png

   Spacing:
   28px above the floral provides separation from the top of the white
   page container.
   18px below the floral provides separation before the gray section.
   ======================================================================== */

.aauw-x1-page .aauw-x1-heading-floral{
    display:block;
    width:auto;
    max-width:300px;
    height:auto;
    max-height:125px;
    margin:0px auto 18px;
    object-fit:contain;
}



/* ========================================================================
   X1.2 STANDARD INTERIOR HERO — SHARED MASTER PRESENTATION
   ========================================================================
   PURPOSE
   -------
   X1 is the single shared presentation system for interior-page heroes.
   G1 remains the master control for hero height and shared typography.

   PAGE PHP SUPPLIES ONLY:
   • Featured Image / fallback image URL through --aauw-x1-hero-image
   • Eyebrow text
   • H1 title
   • Optional page-specific subtitle
   • Summary text

   X1 CONTROLS:
   • Hero background construction
   • Image placement and crop behavior
   • Navy-to-photo fade
   • Layering
   • Container alignment
   • Copy width / spacing
   • Responsive image/fade behavior

   STANDARD IMAGE:
   • JPG
   • 3600 × 600 px
   • 6:1 aspect ratio
   • No fade baked into the image

   REQUIRED IMAGE-ENABLED MARKUP:
   <section class="aauw-x1-hero aauw-x1-hero--image"
            style="--aauw-x1-hero-image:url('...');">

   IMPORTANT:
   Do not add page-specific hero image/fade/height rules elsewhere.
   ======================================================================== */

/* X1.2.1 HERO FOUNDATION */
.aauw-x1-page .aauw-x1-hero{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    color:#fff;
    background-color:var(--aauw-blue-dark);
    background-image:linear-gradient(90deg,var(--aauw-blue-dark) 0%,var(--aauw-blue-light) 100%);
    background-repeat:no-repeat;
}

/* X1.2.2 IMAGE-ENABLED HERO */
.aauw-x1-page .aauw-x1-hero.aauw-x1-hero--image{
    --aauw-x1-hero-fade:linear-gradient(90deg,
    rgba(5,42,79,1) 0%,
    rgba(5,42,79,1) 28%,
    rgba(5,42,79,.99) 36%,
    rgba(5,42,79,.94) 44%,
    rgba(5,42,79,.82) 52%,
    rgba(5,42,79,.64) 60%,
    rgba(5,42,79,.44) 68%,
    rgba(5,42,79,.25) 76%,
    rgba(5,42,79,.10) 84%,
    rgba(5,42,79,0) 92%);

    background-color:var(--aauw-blue-dark);

    background-image:
        var(--aauw-x1-hero-fade, linear-gradient(90deg, transparent, transparent)),
        var(--aauw-x1-hero-image, none);

background-repeat:no-repeat,no-repeat;
background-position:center center,center 68%;
background-size:100% 100%,cover;
}

/* X1.2.3 HERO CONTAINER — geometry remains in G1 */
.aauw-x1-page .aauw-x1-hero .aauw-x1-container{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
}

/* X1.2.4 HERO COPY */
.aauw-x1-page .aauw-x1-hero__copy{
    width:100%;
    max-width:850px;
    margin:0;
    padding:24px 0 26px;
}

/* X1.2.5 HERO EYEBROW / SUMMARY — font sizes remain in G1 */
.aauw-x1-page .aauw-x1-hero__eyebrow{
    margin:0 0 7px;
    color:#dce8f2;
    font-family:Montserrat,Arial,sans-serif;
}
.aauw-x1-page .aauw-x1-hero__summary{
    max-width:700px;
    margin:15px 0 0;
    color:#f8edf5;
    font-weight:400;
}

/* X1.2.5A TABLET IMAGE / FADE */
@media(max-width:900px){
    .aauw-x1-page .aauw-x1-hero.aauw-x1-hero--image{
        --aauw-x1-hero-fade:linear-gradient(90deg,
            rgba(5,42,79,1) 0%,
            rgba(5,42,79,.99) 38%,
            rgba(5,42,79,.88) 52%,
            rgba(5,42,79,.66) 66%,
            rgba(5,42,79,.36) 80%,
            rgba(5,42,79,.10) 92%,
            rgba(5,42,79,0) 100%);

        background-position:center center,right center;
    }
}

/* X1.2.5B MOBILE IMAGE / FADE */
@media(max-width:700px){
    .aauw-x1-page .aauw-x1-hero.aauw-x1-hero--image{
        --aauw-x1-hero-fade:linear-gradient(90deg,
            rgba(5,42,79,1) 0%,
            rgba(5,42,79,.99) 46%,
            rgba(5,42,79,.86) 62%,
            rgba(5,42,79,.58) 76%,
            rgba(5,42,79,.28) 90%,
            rgba(5,42,79,.08) 100%);

        background-position:center center,right center;
    }
}

/* X1.2.5C SMALL MOBILE IMAGE / FADE */
@media(max-width:480px){
    .aauw-x1-page .aauw-x1-hero.aauw-x1-hero--image{
        --aauw-x1-hero-fade:linear-gradient(90deg,
            rgba(5,42,79,.92) 0%,
            rgba(5,42,79,.88) 58%,
            rgba(5,42,79,.72) 100%);
    }
}

/* ========================================================================
   ------------ END OF X1.2 STANDARD INTERIOR HERO ------------------------
   ======================================================================== */


/* ========================================================================
   X1.2.6 WHITE PAGE PANEL
   ========================================================================
   This is the LARGE outer white page panel located below the hero.

   PHP:
       <div class="aauw-x1-page-panel">

   It contains all normal X1 interior-page sections.

   Layer order:

       White site background
           ↓
       White page panel
           ↓
       Section panel
           ↓
       White content card

   ======================================================================== */

.aauw-x1-page .aauw-x1-page-panel{
    width:min(calc(100% - 80px),1400px);

    margin:18px auto 40px;
    padding:6px 40px 26px;

    background:#ffffff;

    border:1px solid #d7dee3;
    border-radius:6px;

    box-shadow:
        0 10px 32px rgba(5,42,79,.14);

    box-sizing:border-box;
}

/* ========================================================================
   X1.3 STANDARD CONTENT SECTION        box above the kicker
   ========================================================================
   Standard nesting:

       .aauw-x1-page-panel
           .aauw-x1-section (padding from the box to kicker)
               .aauw-x1-panel (area where the kicker sits in)
                   .aauw-x1-heading
                   .aauw-x1-card OR .aauw-x1-grid

   The large .aauw-x1-page-panel is the outer white page shell.
   Each .aauw-x1-section creates a separate content section inside it.
   Each .aauw-x1-panel holds the section heading and card/grid content.
   ======================================================================== */

.aauw-x1-page .aauw-x1-section{
    width:100%;
    margin:0;
    padding:2px 0 10px;
    background:#ffffff;
}



/* ========================================================================
   X1.3.1 STANDARD SECTION PANEL            box that the kicker sits in  (x1-page-panel)
   ========================================================================
   This panel sits inside the large .aauw-x1-page-panel.

   Normal sections remain white.
   Sections using .aauw-x1-section--soft become light gray.
   ======================================================================== */

.aauw-x1-page .aauw-x1-panel{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:18px 40px 30px;
    background:#ffffff;
    border:0;
    border-radius:6px;
    box-shadow:none;
}


/* ========================================================================
   X1.3.2 CENTERED HEADING AREA
   ========================================================================
   Shared section heading treatment used by all X1 interior pages.
   ======================================================================== */

.aauw-x1-page .aauw-x1-heading{
    width:100%;
    max-width:950px;
    margin:0 auto 20px;
    text-align:center;
}


/* X1.3.3 Green kicker */

.aauw-x1-page .aauw-x1-kicker{
    margin:0 0 8px;

    color:var(--aauw-green);

    font-family:Montserrat,Arial,sans-serif;
    font-size:13px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:.12em;
    text-transform:uppercase;
}


/* X1.3.4 Section heading */

.aauw-x1-page .aauw-x1-heading h2{
    margin:0;
    color:var(--aauw-blue-dark);
    font-family:Georgia,"Times New Roman",serif;
    font-size:28px;
    font-weight:700;
    line-height:1.15;
}


/* X1.3.5 Optional heading description */

.aauw-x1-page .aauw-x1-heading__description{
    max-width:760px;
    margin:14px auto 0;
    color:var(--aauw-muted);
    font-size:16px;
    line-height:1.6;
}


/* X1.3.6 Standard inner bordered card */

.aauw-x1-page .aauw-x1-card{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:34px 40px;
    border-radius:var(--aauw-radius);

}


.aauw-x1-page .aauw-x1-card > :first-child{
    margin-top:0;
}


.aauw-x1-page .aauw-x1-card > :last-child{
    margin-bottom:0;
}


.aauw-x1-page .aauw-x1-card h2,
.aauw-x1-page .aauw-x1-card h3{
    color:var(--aauw-blue-dark);
    font-family:Georgia,"Times New Roman",serif;
}


.aauw-x1-page .aauw-x1-card h3{
    margin-top:0;
    font-size:20px;
    line-height:1.25;
}

/* ========================================================================
   X1.3.7 WHITE CONTENT CARD — BORDER + DROP SHADOW  (standard page)
   ========================================================================
   FINAL LAYER 4:
   Every standard white content card has a visible border and its own
   tighter shadow so it appears to sit above the gray/white section panel.
   ======================================================================== */

.aauw-x1-page .aauw-x1-card,
.aauw-x1-page .aauw-x1-feature-card,
.aauw-x1-page .aauw-x1-media-card{
    background:#ffffff;
    border:1px solid #d7dee3;
    box-shadow:
        0 7px 20px rgba(8,34,59,.10);
}



/* ========================================================================
   X1.4 OPTIONAL SOFT-GRAY SECTION PANEL
   ========================================================================
   Only the centered inner section panel becomes gray.
   The surrounding page panel stays white.
   ======================================================================== */

.aauw-x1-page .aauw-x1-section--soft{
    background:transparent;
}

.aauw-x1-page
.aauw-x1-section--soft
.aauw-x1-panel{
    background:#f7f8f8;
    border:0;
    border-radius:6px;
    box-shadow:none;
}



/* ========================================================================
   X1.5 NARROW CONTENT CARD
   ======================================================================== */

.aauw-x1-page .aauw-x1-card--narrow{
    max-width:800px;
}


/* ========================================================================
   X1.6 TWO-COLUMN FEATURE GRID
   ======================================================================== */

.aauw-x1-page .aauw-x1-grid{
    width:100%;
    max-width:1100px;

    margin:0 auto;

    display:grid;

    align-items:start;
}

.aauw-x1-page .aauw-x1-grid--3{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    }
   
.aauw-x1-page .aauw-x1-grid--2{
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:24px;
}

.aauw-x1-page .aauw-x1-grid--2 > .aauw-x1-feature-card{
    height:100%;
}

/* X1.6.1 Standard feature cards (three in a row) */

.aauw-x1-page .aauw-x1-feature-card{
    width:100%;
    min-width:0;
    height:auto;

    padding:20px 22px;

    background:#ffffff;

    border:1px solid var(--aauw-border);
    border-radius:var(--aauw-radius);

    box-shadow:0 4px 14px rgba(8,34,59,.06);
}


/* X1.6.2 Green icon circle */

.aauw-x1-page .aauw-x1-icon{
    width:52px;
    height:52px;

    margin:0 auto 12px;

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

    background:var(--aauw-green);

    border-radius:50%;

    color:#ffffff;

    font-family:Montserrat,Arial,sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:1;
}


/* X1.6.3 Feature title */

.aauw-x1-page .aauw-x1-feature-card h3{
    margin:0 0 10px;
    color:var(--aauw-blue-dark);
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
    text-align:center;
}


/* X1.6.4 Feature text/list */

.aauw-x1-page .aauw-x1-feature-card p,
.aauw-x1-page .aauw-x1-feature-card ul{
    line-height:1.65;
}


/* ========================================================================
   X1.7 THREE-COLUMN FEATURE GRID
   ======================================================================== */

.aauw-x1-page .aauw-x1-grid--3{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    align-items:stretch;
}
.aauw-x1-page .aauw-x1-grid--3 > .aauw-x1-feature-card{
    width:100%;
    height:100%;
    max-width:none;
}

/* ------------------------------------------------------------------------
   X1.7.1 CENTERED FEATURE CARD CONTENT
   Optional modifier for feature-card grids requiring centered content.
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-x1-grid--centered .aauw-x1-feature-card{
    text-align:center;
}
.aauw-x1-page .aauw-x1-grid--centered .aauw-x1-feature-card p{
    text-align:center;
}
.aauw-x1-page .aauw-x1-grid--centered .aauw-x1-feature-card .aauw-x1-kicker{
    text-align:center;
}
.aauw-x1-page .aauw-x1-grid--centered .aauw-x1-button-row{
    justify-content:center;
}

/* ========================================================================
   X1.8 STANDARD BUTTONS
   ======================================================================== */

.aauw-x1-page .aauw-x1-button-intro{
    margin:0 0 22px;
    text-align:center;
}

.aauw-x1-page .aauw-x1-button-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:22px;
    margin-bottom:22px;
}


.aauw-x1-page .aauw-x1-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:11px 20px;
    background:var(--aauw-green);
    border:2px solid var(--aauw-green);
    border-radius:5px;
    color:#ffffff !important;
    font-family:Montserrat,Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1.25;
    text-align:center;
    text-decoration:none !important;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease;
}

.aauw-x1-page .aauw-x1-button:hover,
.aauw-x1-page .aauw-x1-button:focus{
    background:var(--aauw-green-dark);
    border-color:var(--aauw-green-dark);
    color:#ffffff !important;
}

.aauw-x1-page .aauw-x1-button--secondary{
    background:#ffffff;
    border-color:var(--aauw-green);
    color:var(--aauw-green-dark) !important;
}

.aauw-x1-page .aauw-x1-button--secondary:hover,
.aauw-x1-page .aauw-x1-button--secondary:focus{
    background:#eef4e9;
    border-color:var(--aauw-green-dark);
    color:var(--aauw-green-dark) !important;
}

.aauw-x1-page .aauw-x1-center{
    text-align:center;
}


/* ------------------------------------------------------------------------
   X1.8.1 STANDARD CONTENT LINKS
   Makes normal links inside X1 cards clearly visible.
   Does NOT change X1 buttons.
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-x1-card a:not(.aauw-x1-button){
    color:#1769aa;
    font-weight:600;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:2px;
}

.aauw-x1-page .aauw-x1-card a:not(.aauw-x1-button):hover,
.aauw-x1-page .aauw-x1-card a:not(.aauw-x1-button):focus{
    color:#052a4f;
}



/* ========================================================================
   X1.8.1A SHARED DOCUMENT / RESOURCE LIST
   ========================================================================
   Reusable presentation for pages containing policies, forms, newsletters,
   applications, schedules, downloadable documents, or grouped web resources.

   WordPress remains the content source. Add .aauw-x1-resource-list to the
   top-level <ul> in the Page Content Code editor. Nested <ul> lists are styled
   automatically as related documents beneath their parent resource.
   ======================================================================== */
.aauw-x1-page .aauw-x1-resource-list{
    list-style:none;
    width:100%;
    margin:22px 0 0;
    padding:0;
}
.aauw-x1-page .aauw-x1-resource-list>li{
    position:relative;
    margin:0;
    padding:15px 16px 15px 42px;
    border-top:1px solid #e3e8eb;
    color:var(--aauw-text);
    font-size:16px;
    line-height:1.55;
}
.aauw-x1-page .aauw-x1-resource-list>li:first-child{border-top:0}
.aauw-x1-page .aauw-x1-resource-list>li::before{
    content:"";
    position:absolute;
    left:16px;
    top:22px;
    width:9px;
    height:9px;
    border-right:2px solid var(--aauw-green);
    border-bottom:2px solid var(--aauw-green);
    transform:rotate(-45deg);
}
.aauw-x1-page .aauw-x1-resource-list>li>a{
    color:#1769aa;
    font-weight:700;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:2px;
}
.aauw-x1-page .aauw-x1-resource-list>li>a:hover,
.aauw-x1-page .aauw-x1-resource-list>li>a:focus{color:var(--aauw-blue-dark)}
.aauw-x1-page .aauw-x1-resource-list>li>ul{
    list-style:none;
    margin:12px 0 2px;
    padding:0 0 0 12px;
}
.aauw-x1-page .aauw-x1-resource-list>li>ul>li{
    position:relative;
    margin:0;
    padding:7px 0 7px 22px;
    color:#39434d;
    font-size:15px;
    line-height:1.5;
}
.aauw-x1-page .aauw-x1-resource-list>li>ul>li::before{
    content:"";
    position:absolute;
    left:2px;
    top:16px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--aauw-green);
}
.aauw-x1-page .aauw-x1-resource-list>li>ul>li>a{
    color:#1769aa;
    font-weight:600;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:2px;
}
.aauw-x1-page .aauw-x1-resource-list>li>ul>li>a:hover,
.aauw-x1-page .aauw-x1-resource-list>li>ul>li>a:focus{color:var(--aauw-blue-dark)}

/* Optional heading inside a document/resource card. */
.aauw-x1-page .aauw-x1-resource-heading{
    margin:28px 0 8px;
    padding:0 0 9px;
    border-bottom:1px solid #dfe5e9;
    color:var(--aauw-blue-dark);
    font-family:Georgia,"Times New Roman",serif;
    font-size:21px;
    font-weight:700;
    line-height:1.25;
}
.aauw-x1-page .aauw-x1-resource-heading:first-child{margin-top:0}

/* Quiet date / amendment metadata when wrapped in this class. */
.aauw-x1-page .aauw-x1-resource-meta{
    color:var(--aauw-muted);
    font-size:.92em;
    font-weight:400;
}

@media(max-width:700px){
    .aauw-x1-page .aauw-x1-resource-list{margin-top:18px}
    .aauw-x1-page .aauw-x1-resource-list>li{
        padding:13px 10px 13px 34px;
        font-size:15px;
    }
    .aauw-x1-page .aauw-x1-resource-list>li::before{
        left:10px;
        top:20px;
    }
    .aauw-x1-page .aauw-x1-resource-list>li>ul{
        margin-top:9px;
        padding-left:4px;
    }
    .aauw-x1-page .aauw-x1-resource-list>li>ul>li{
        padding-left:20px;
        font-size:14px;
    }
    .aauw-x1-page .aauw-x1-resource-heading{font-size:19px}
}

/* ========================================================================
   X1.8.2 PROFESSIONAL FORM CONTROLS
   Shared styling for forms used inside X1 interior pages.
   ======================================================================== */
.aauw-x1-page .aauw-membership-form{
    width:100%;
    max-width:760px;
    margin:0 auto;
}

.aauw-x1-page--membership-inquiry .aauw-x1-heading{
    margin-bottom:10px;
}

.aauw-x1-page .aauw-form-field{
    margin:0 0 20px;
}
.aauw-x1-page .aauw-form-field label,
.aauw-x1-page .aauw-form-address legend{
    display:block;
    margin:0 0 7px;
    color:var(--aauw-blue-dark);
    font-size:14px;
    font-weight:700;
}
.aauw-x1-page .aauw-form-field input,
.aauw-x1-page .aauw-form-field select,
.aauw-x1-page .aauw-form-field textarea{
    width:100%;
    min-height:46px;
    padding:11px 13px;
    background:#fff;
    border:1px solid #cfd8df;
    border-radius:5px;
    color:var(--aauw-text);
    font-family:Montserrat,Arial,sans-serif;
    font-size:15px;
    line-height:1.4;
}
.aauw-x1-page .aauw-form-field textarea{
    min-height:150px;
    resize:vertical;
}
.aauw-x1-page .aauw-form-field input:focus,
.aauw-x1-page .aauw-form-field select:focus,
.aauw-x1-page .aauw-form-field textarea:focus{
    outline:none;
    border-color:var(--aauw-green);
    box-shadow:0 0 0 3px rgba(103,135,58,.14);
}
.aauw-x1-page .aauw-form-grid{
    display:grid;
    gap:20px;
}
.aauw-x1-page .aauw-form-grid--2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.aauw-x1-page .aauw-form-address{
    margin:4px 0 22px;
    padding:22px 22px 2px;
    border:1px solid #d7dee3;
    border-radius:6px;
    background:#f8f9fa;
}
.aauw-x1-page .aauw-form-address legend{
    padding:0 8px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
}
.aauw-x1-page .aauw-form-required{
    margin:0 0 20px;
    color:var(--aauw-muted);
    font-size:13px;
}
.aauw-x1-page .aauw-membership-form .aauw-x1-button-row{
    justify-content:center;
    margin-top:8px;
}
.aauw-x1-page .aauw-membership-form button.aauw-x1-button{
    min-width:220px;
    border:0;
}
@media(max-width:700px){
    .aauw-x1-page .aauw-form-grid--2{
        grid-template-columns:1fr;
        gap:0;
    }
    .aauw-x1-page .aauw-form-address{
        padding:18px 16px 2px;
    }
}   


/* ========================================================================
   X1.9 INFORMATION ROWS
   ======================================================================== */

/* ========================================================================
   X1.9 INFORMATION ROWS
   ======================================================================== */
.aauw-x1-page .aauw-x1-info-rows{
    width:100%;
    max-width:720px;
    margin:0 auto 24px;
}
.aauw-x1-page .aauw-x1-info-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:30px;
    padding:7px 0;
    align-items:start;
}
.aauw-x1-page .aauw-x1-info-row strong{
    color:var(--aauw-blue-dark);
    text-align:right;
    white-space:nowrap;
}
.aauw-x1-page .aauw-x1-info-row span{
    min-width:0;
    text-align:left;
}

/* ========================================================================
   X1.10 IMAGE + TEXT  (optional image section)
   ======================================================================== */

.aauw-x1-page .aauw-x1-media-card{
    width:100%;
    max-width:1100px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,.95fr)
        minmax(0,1.05fr);

    overflow:hidden;

    background:#dee0e0;

    border:1px solid var(--aauw-border);
    border-radius:var(--aauw-radius);

    box-shadow:0 6px 18px rgba(8,34,59,.06);
}


.aauw-x1-page .aauw-x1-media-card__image{
    min-width:0;
    min-height:300px;

    background:#ffffff;
}


.aauw-x1-page .aauw-x1-image-placeholder{
    width:100%;
    min-height:300px;

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

    color:var(--aauw-muted);

    font-size:14px;
    font-weight:700;

    letter-spacing:.12em;
}


.aauw-x1-page .aauw-x1-media-card__image img{
    width:100%;
    height:100%;
    min-height:300px;

    object-fit:cover;
}


.aauw-x1-page .aauw-x1-media-card__content{
    min-width:0;

    padding:38px 40px;

    align-self:center;
}


.aauw-x1-page .aauw-x1-media-card__content h3{
    margin:0 0 16px;

    color:var(--aauw-blue-dark);

    font-family:Georgia,"Times New Roman",serif;
    font-size:28px;
    line-height:1.2;
}

/* ------------------------------------------------------------------------
   X1.10 BOARD MEETING LOCATION CARDS
   Stacked meeting-location cards with full-height light information panel.
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-x1-location-card + .aauw-x1-location-card{
    margin-top:28px;
}

.aauw-x1-page .aauw-x1-location-card .aauw-x1-media-card__content{
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#fafbfc;
}

.aauw-x1-page .aauw-x1-location-card .aauw-x1-media-card__content p{
    margin:0 0 14px;
}

.aauw-x1-page .aauw-x1-location-card .aauw-x1-media-card__content p:last-child{
    margin-bottom:0;
}
 
/* ========================================================================
   X1.10.1 PROGRAM FLYER CARDS
   Full-width vertical cards for monthly program flyers.
   ======================================================================== */

.aauw-x1-page .aauw-x1-program-card{
    margin-bottom:28px;
    text-align:center;
}

.aauw-x1-page .aauw-x1-program-card:last-child{
    margin-bottom:0;
}

.aauw-x1-page .aauw-x1-program-card h3{
    margin:0 0 20px;
    color:var(--aauw-blue-dark);
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    line-height:1.25;
}

.aauw-x1-page .aauw-x1-program-flyer{
    display:block;
    width:100%;
    max-width:720px;
    height:auto;
    margin:0 auto;
}



/* ------------------------------------------------------------------------
   X1.10.3    RESPONSIVE SCHEDULE TABLE    Multi-column aligned table - no borders
   Used for schedules with dates, times, locations and links.
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-x1-table-wrap{
    width:100%;
    margin:24px auto 0;
    overflow-x:auto;
}
.aauw-x1-page .aauw-x1-schedule-table{
    width:100%;
    border-collapse:collapse;
    font-size:14px;
    line-height:1.45;
}
.aauw-x1-page .aauw-x1-schedule-table th{
    padding:12px 14px;
    background:var(--aauw-blue-dark);
    color:#fff;
    font-family:Montserrat,Arial,sans-serif;
    font-weight:700;
    text-align:left;
    white-space:nowrap;
}
.aauw-x1-page .aauw-x1-schedule-table td{
    padding:12px 14px;
    border-bottom:1px solid #dce3e7;
    text-align:left;
    vertical-align:top;
}
.aauw-x1-page .aauw-x1-schedule-table tbody tr:last-child td{
    border-bottom:0;
}
.aauw-x1-page .aauw-x1-schedule-table td:nth-child(2){
    white-space:nowrap;
}





/* ========================================================================
   X1.11 CONTACT / ADDRESS
   ======================================================================== */

.aauw-x1-page .aauw-x1-card.aauw-x1-center h3{
    margin:0 0 14px;

    color:var(--aauw-blue-dark);

    font-family:Georgia,"Times New Roman",serif;
    font-size:26px;
    line-height:1.25;

    text-align:center;
}




/* ========================================================================
   X1.11.1 REUSABLE FORM SYSTEM
   Shared professional form styling for all X1 interior pages.
   ======================================================================== */

/* ------------------------------------------------------------------------
   X1.11.1A FORM CARD
   Reusable centered form container.
   max-width = overall form width.
   padding = top/bottom and left/right spacing inside the white card.
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-x1-heading + .aauw-x1-form-card{
    margin-top:12px;
}

.aauw-x1-page .aauw-x1-form-card{
    width:100%;
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
    padding:22px 30px;
}

.aauw-x1-page .aauw-x1-form{
    width:100%;
    max-width:100%;
}

/* ------------------------------------------------------------------------
   X1.11.1B WORDPRESS FORMATTING CLEANUP
   WordPress may automatically insert <br> elements into form markup.
   These hidden line breaks can create unwanted vertical spacing.
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-x1-form .aauw-form-field > br,
.aauw-x1-page .aauw-x1-form .aauw-form-grid > br,
.aauw-x1-page .aauw-x1-form .aauw-form-address > br,
.aauw-x1-page .aauw-x1-form > br{
    display:none!important;
}

/* ------------------------------------------------------------------------
   X1.11.1C FORM FIELDS
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-form-field{
    margin:0 0 10px;
}

.aauw-x1-page .aauw-form-field label{
    display:block;
    margin:0 0 4px;
    color:var(--aauw-blue-dark);
    font-family:Montserrat,Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1.35;
}

.aauw-x1-page .aauw-form-field input,
.aauw-x1-page .aauw-form-field select,
.aauw-x1-page .aauw-form-field textarea{
    width:100%;
    min-height:40px;
    margin:0;
    padding:8px 11px;
    background:#fff;
    border:1px solid #cfd8df;
    border-radius:5px;
    color:var(--aauw-text);
    font-family:Montserrat,Arial,sans-serif;
    font-size:14px;
    line-height:1.35;
}

.aauw-x1-page .aauw-form-field textarea{
    min-height:120px;
    resize:vertical;
}

.aauw-x1-page .aauw-form-field input:focus,
.aauw-x1-page .aauw-form-field select:focus,
.aauw-x1-page .aauw-form-field textarea:focus{
    outline:none;
    border-color:var(--aauw-green);
    box-shadow:0 0 0 3px rgba(103,135,58,.14);
}

/* ------------------------------------------------------------------------
   X1.11.1D TWO-COLUMN FORM GRID
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-form-grid{
    display:grid;
    column-gap:20px;
    row-gap:0;
}

.aauw-x1-page .aauw-form-grid--2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

/* ------------------------------------------------------------------------
   X1.11.1E ADDRESS FIELDSET
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-form-address{
    margin:2px 0 12px;
    padding:12px 18px 2px;
    border:1px solid #d7dee3;
    border-radius:6px;
    background:#f8f9fa;
}

.aauw-x1-page .aauw-form-address legend{
    padding:0 8px;
    color:var(--aauw-blue-dark);
    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
    font-weight:700;
    line-height:1.2;
}

/* ------------------------------------------------------------------------
   X1.11.1F REQUIRED FIELD NOTE
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-form-required{
    margin:0 0 14px;
    color:var(--aauw-muted);
    font-size:13px;
    line-height:1.4;
}

/* ------------------------------------------------------------------------
   X1.11.1G FORM BUTTON
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-x1-form .aauw-x1-button-row{
    justify-content:center;
    margin-top:6px;
}

.aauw-x1-page .aauw-x1-form button.aauw-x1-button{
    min-width:220px;
    border:0;
    cursor:pointer;
}

/* ------------------------------------------------------------------------
   X1.11.1H MOBILE FORM LAYOUT
   ------------------------------------------------------------------------ */
@media(max-width:700px){
    .aauw-x1-page .aauw-x1-form-card{
        max-width:100%;
        padding:20px 18px;
    }

    .aauw-x1-page .aauw-form-grid--2{
        grid-template-columns:1fr;
        column-gap:0;
        row-gap:0;
    }

    .aauw-x1-page .aauw-form-address{
        padding:12px 14px 2px;
    }

    .aauw-x1-page .aauw-x1-form button.aauw-x1-button{
        width:100%;
        min-width:0;
    }
}

/* ------------------------------------------------------------------------
   X1.11.1I FORM SECURITY + STATUS MESSAGES
   ------------------------------------------------------------------------ */
.aauw-x1-page .aauw-form-hp{
    position:absolute!important;
    left:-9999px!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
}
.aauw-x1-page .aauw-form-notice{
    width:100%;
    max-width:760px;
    margin:0 auto 16px;
    padding:14px 18px;
    border-radius:6px;
    font-size:14px;
    line-height:1.5;
    text-align:center;
}
.aauw-x1-page .aauw-form-notice--success{
    background:#f2f7eb;
    border:1px solid #b9c99f;
    color:#405723;
}
.aauw-x1-page .aauw-form-notice--error{
    background:#fff4f4;
    border:1px solid #dfb6b6;
    color:#7a2929;
}



/* ========================================================================
   X1.12 WORDPRESS EDITABLE CONTENT
   ========================================================================
   The PHP template places the_content() inside a normal .aauw-x1-card.

   These rules keep standard WordPress-generated elements predictable.
   ======================================================================== */

.aauw-x1-page .aauw-x1-card .wp-block-image{
    margin-top:24px;
    margin-bottom:24px;
}


.aauw-x1-page .aauw-x1-card .wp-block-image img{
    max-width:100%;
    height:auto;
}


.aauw-x1-page .aauw-x1-card .wp-block-table{
    overflow-x:auto;
}


.aauw-x1-page .aauw-x1-card .wp-block-file{
    margin:14px 0;
}


/* ========================================================================
   X1.13 CLOSING - (together making a Dfference)
   ======================================================================== */

.aauw-x1-page .aauw-x1-closing{
    width:100%;

    padding:30px 0 36px;

    background:#ffffff;

    text-align:center;
}


.aauw-x1-page .aauw-x1-closing p{
    margin:3px 0;

    color:var(--aauw-muted);

    font-size:13px;
}


.aauw-x1-page .aauw-x1-closing strong{
    color:var(--aauw-blue-dark);

    font-size:15px;
}

/* ========================================================================
   X1.13.1 EDITORIAL TWO-COLUMN LAYOUT    --asymmetrical/editorial layout--
   ========================================================================
   Used for interior pages that combine:
   • Text-heavy cards
   • Feature cards
   • Wide images
   • Uneven/asymmetrical content groups

   This layout does NOT replace X1.6 or X1.7.
   It provides a flexible editorial arrangement while continuing to use
   existing X1 cards, feature cards, media, headings, icons, and typography.
   ======================================================================== */

.aauw-x1-page .aauw-x1-editorial{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:20px;
    align-items:start;
}

/* X1.13.1.1 Editorial column */

.aauw-x1-page .aauw-x1-editorial-column{
    min-width:0;
    display:grid;
    gap:18px;
    align-content:start;
}

/* X1.13.1.2 Two-card editorial row */

.aauw-x1-page .aauw-x1-editorial-pair{
    min-width:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:start;
}

/* X1.13.1.3 Standard editorial image */

.aauw-x1-page .aauw-x1-editorial-image{
    width:100%;
    overflow:hidden;
    background:#ffffff;
    border:1px solid var(--aauw-border);
    border-radius:var(--aauw-radius);
    box-shadow:0 4px 14px rgba(8,34,59,.05);
}

/* X1.13.1.4 Editorial image itself */

.aauw-x1-page .aauw-x1-editorial-image img{
    display:block;
    width:100%;
    height:190px;
    object-fit:cover;
}

/* X1.13.1.5 Short wide image */

.aauw-x1-page .aauw-x1-editorial-image--wide img{
    height:145px;
}

/* X1.13.1.6 Image + stacked cards */

.aauw-x1-page .aauw-x1-editorial-split{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:14px;
    align-items:stretch;
}

.aauw-x1-page .aauw-x1-editorial-stack{
    min-width:0;
    display:grid;
    gap:14px;
    align-content:start;
}

/* ========================================================================
   X1.13.1 EDITORIAL TWO-COLUMN LAYOUT
   ========================================================================
   Reusable asymmetrical layout for interior pages.

   LEFT COLUMN:
   - Larger text-heavy content
   - Mission / Vision / Values
   - Purpose or other long-form information

   RIGHT COLUMN:
   - Images
   - Compact feature-card combinations
   - Two-card rows
   - Image + content splits

   IMPORTANT:
   WordPress may insert empty paragraph or line-break elements through
   the_content(). X1.13.1.8 removes those empty elements so they do not
   become unwanted grid items.
   ======================================================================== */


/* ========================================================================
   X1.13.1.1 MAIN EDITORIAL GRID
   ======================================================================== */

.aauw-x1-page .aauw-x1-editorial{
    width:100%;
    max-width:1200px;
    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(0,1.1fr);

    gap:24px;

    align-items:start;
}


/* ========================================================================
   X1.13.1.2 EDITORIAL COLUMN
   ======================================================================== */

.aauw-x1-page .aauw-x1-editorial-column{
    width:100%;
    min-width:0;

    display:grid;

    gap:18px;

    align-content:start;
}


/* ========================================================================
   X1.13.1.3 TWO-CARD ROW
   ========================================================================
   Used for paired feature cards such as:

   Branch Programs | Branch Community Programs
   Benefits        | Interest Groups
   Book Sale       | Scholarships
   ======================================================================== */

.aauw-x1-page .aauw-x1-editorial-pair{
    width:100%;
    min-width:0;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    gap:14px;

    align-items:start;
}


/* Allow feature cards to fill their editorial grid column. */

.aauw-x1-page
.aauw-x1-editorial-pair
> .aauw-x1-feature-card{
    width:100%;
    min-width:0;
    max-width:none;

    margin:0;
}


/* ========================================================================
   X1.13.1.4 STANDARD EDITORIAL IMAGE
   ======================================================================== */

.aauw-x1-page .aauw-x1-editorial-image{
    width:100%;
    min-width:0;

    margin:0;

    overflow:hidden;

    background:#ffffff;

    border:1px solid var(--aauw-border);
    border-radius:var(--aauw-radius);

    box-shadow:
        0 4px 14px rgba(8,34,59,.05);
}


/* ========================================================================
   X1.13.1.5 EDITORIAL IMAGE CONTENT
   ======================================================================== */

.aauw-x1-page .aauw-x1-editorial-image img{
    display:block;

    width:100%;
    height:190px;

    object-fit:cover;
}


/* ========================================================================
   X1.13.1.6 SHORT WIDE EDITORIAL IMAGE
   ======================================================================== */

.aauw-x1-page
.aauw-x1-editorial-image--wide
img{
    height:145px;
}


/* ========================================================================
   X1.13.1.7 IMAGE + CONTENT SPLIT
   ========================================================================
   Used for layouts such as:

       IMAGE | GRANTS & LOANS
   ======================================================================== */

.aauw-x1-page .aauw-x1-editorial-split{
    width:100%;
    min-width:0;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    gap:14px;

    align-items:stretch;
}


/* ========================================================================
   X1.13.1.8 STACKED EDITORIAL CONTENT
   ======================================================================== */

.aauw-x1-page .aauw-x1-editorial-stack{
    width:100%;
    min-width:0;

    display:grid;

    gap:14px;

    align-content:start;
}


/* ========================================================================
   X1.13.1.9 WORDPRESS GRID CLEANUP
   ========================================================================
   WordPress the_content() can insert empty paragraph or <br> elements.

   Inside CSS Grid those empty elements can become real grid items and
   push the intended content into the wrong column.

   These rules remove only EMPTY direct children of the editorial grids.
   ======================================================================== */

.aauw-x1-page .aauw-x1-editorial > p:empty,
.aauw-x1-page .aauw-x1-editorial > br,
.aauw-x1-page .aauw-x1-editorial-pair > p:empty,
.aauw-x1-page .aauw-x1-editorial-pair > br,
.aauw-x1-page .aauw-x1-editorial-split > p:empty,
.aauw-x1-page .aauw-x1-editorial-split > br,
.aauw-x1-page .aauw-x1-editorial-stack > p:empty,
.aauw-x1-page .aauw-x1-editorial-stack > br{
    display:none !important;
}


/* Remove margin from any direct paragraph WordPress places
   inside editorial grid containers. */

.aauw-x1-page .aauw-x1-editorial > p,
.aauw-x1-page .aauw-x1-editorial-pair > p,
.aauw-x1-page .aauw-x1-editorial-split > p,
.aauw-x1-page .aauw-x1-editorial-stack > p{
    margin:0;
}

/* ========================================================================
   X1.14 TABLET
   ======================================================================== */

@media screen and (max-width:900px){
    .aauw-x1-page .aauw-x1-hero__copy{
        padding:32px 0;
    }

    /* Separate X1 content sections */
    .aauw-x1-page .aauw-x1-section{
        padding:24px 0 28px;
    }

    /* Individual section panels */
    .aauw-x1-page .aauw-x1-panel{
        padding:28px 34px 32px;
    }

    /* Large outer white page panel */
    .aauw-x1-page .aauw-x1-page-panel{
        width:calc(100% - 40px);
        margin:30px auto 48px;
        padding:30px 24px 40px;
    }

    .aauw-x1-page .aauw-x1-card{
        padding:30px;
    }

     .aauw-x1-page .aauw-x1-grid--3{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:20px;
    }

    .aauw-x1-page .aauw-x1-grid--2{
        gap:20px;
    }

    .aauw-x1-page .aauw-x1-media-card{
        grid-template-columns:1fr 1fr;
    }

    .aauw-x1-page .aauw-x1-media-card__content{
        padding:30px;
    }

    .aauw-x1-page .aauw-x1-editorial{
        grid-template-columns:1fr;
    }

    .aauw-x1-page .aauw-x1-editorial-pair{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .aauw-x1-page .aauw-x1-editorial-split{
        grid-template-columns:1fr 1fr;
    }
}


/* ========================================================================
   X1.15 MOBILE
   ======================================================================== */

@media screen and (max-width:700px){
    .aauw-x1-page .aauw-x1-hero__copy{
        padding:28px 0;
    }

    .aauw-x1-page .aauw-x1-hero__summary{
        margin-top:12px;
    }

    /* Separate X1 content sections */
    .aauw-x1-page .aauw-x1-section{
        padding:20px 0 24px;
    }

    /* Large outer white page panel */
    .aauw-x1-page .aauw-x1-page-panel{
        width:calc(100% - 24px);
        margin:22px auto 36px;
        padding:20px 12px 30px;
    }

    /* Individual X1 section panels */
    .aauw-x1-page .aauw-x1-panel{
        padding:24px 20px 28px;
    }

    .aauw-x1-page .aauw-x1-heading{
        margin-bottom:18px;
    }

    .aauw-x1-page .aauw-x1-heading h2{
        font-size:31px;
    }

    .aauw-x1-page .aauw-x1-heading__description{
        font-size:15px;
    }

    .aauw-x1-page .aauw-x1-card{
        padding:25px 22px;
    }

    .aauw-x1-page .aauw-x1-heading-floral{
        max-width:125px;
        max-height:65px;
        margin-bottom:10px;
    }

    .aauw-x1-page .aauw-x1-grid--2,
    .aauw-x1-page .aauw-x1-grid--3{
        grid-template-columns:1fr;
    }

    .aauw-x1-page .aauw-x1-feature-card{
        padding:25px 22px;
    }

    .aauw-x1-page .aauw-x1-button-row{
        flex-direction:column;
    }

    .aauw-x1-page .aauw-x1-button{
        width:100%;
        max-width:320px;
    }

    .aauw-x1-page .aauw-x1-info-row{
        grid-template-columns:1fr;
        gap:2px;
        padding:9px 0;
    }

    .aauw-x1-page .aauw-x1-info-row strong{
        text-align:left;
    }

    .aauw-x1-page .aauw-x1-media-card{
        grid-template-columns:1fr;
    }

    .aauw-x1-page .aauw-x1-media-card__image,
    .aauw-x1-page .aauw-x1-image-placeholder,
    .aauw-x1-page .aauw-x1-media-card__image img{
        min-height:230px;
    }

    .aauw-x1-page .aauw-x1-media-card__content{
        padding:26px 22px;
    }

    .aauw-x1-page .aauw-x1-editorial-pair,
    .aauw-x1-page .aauw-x1-editorial-split{
        grid-template-columns:1fr;
    }

    .aauw-x1-page .aauw-x1-editorial-image img,
    .aauw-x1-page .aauw-x1-editorial-image--wide img{
        height:180px;
    }
}


/* ========================================================================
   X1.16 VERY SMALL MOBILE
   ======================================================================== */

@media screen and (max-width:430px){
    /* Separate X1 content sections */
    .aauw-x1-page .aauw-x1-section{
        padding:18px 0 22px;
    }

    /* Large outer white page panel */
    .aauw-x1-page .aauw-x1-page-panel{
        width:calc(100% - 16px);
        margin:18px auto 28px;
        padding:14px 8px 24px;
    }

    /* Individual X1 section panels */
    .aauw-x1-page .aauw-x1-panel{
        padding:22px 16px 24px;
    }

    .aauw-x1-page .aauw-x1-heading h2{
        font-size:28px;
    }

    .aauw-x1-page .aauw-x1-card,
    .aauw-x1-page .aauw-x1-feature-card{
        padding:22px 18px;
    }

    .aauw-x1-page .aauw-x1-media-card__content{
        padding:23px 18px;
    }
}

/* ========================================================================
   X1.17 UPCOMING EVENTS — YEARLY CALENDAR
   ======================================================================== */

.aauw-x1-page .aauw-yearly-calendar{
    width:calc(100vw - 80px);
    max-width:1400px;
    margin-left:50%;
    transform:translateX(-50%);
}

.aauw-x1-page .aauw-yearly-calendar__table{
    width:100%;
    min-width:1000px;
}

@media(max-width:900px){
    .aauw-x1-page .aauw-yearly-calendar{
        width:calc(100vw - 40px);
    }
}

@media(max-width:600px){
    .aauw-x1-page .aauw-yearly-calendar{
        width:calc(100vw - 24px);
    }
}

/* ========================================================================
   X1.17.1 UPCOMING EVENTS — SCHEDULE TABLE
   Matches the Lunch Bunch schedule-table appearance.

   STRUCTURE:
   • Floral heading is edited in the WordPress Upcoming Events page.
   • Calendar stays inside the standard X1 content card.
   • Optional reminder is controlled by WordPress.
   • Table scrolls inside the card on smaller screens.
   ======================================================================== */


/* ------------------------------------------------------------------------
   UPCOMING EVENTS CONTENT CARD
   Wider than a normal X1 card for the five-column calendar.
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-x1-card--events{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:30px;
    overflow:hidden;
}


/* ------------------------------------------------------------------------
   OVERALL CALENDAR WIDTH
   Calendar stays completely inside its X1 content card.
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-yearly-calendar{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    transform:none;
}


/* ------------------------------------------------------------------------
   OPTIONAL REMINDER BOX
   Appears only when a reminder has been entered in WordPress.
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-yearly-calendar__reminder{
    width:100%;
    max-width:950px;
    margin:0 auto 30px;
    padding:18px 24px;
    background:#ffffff;
    border:1px solid #d7dee3;
    border-radius:6px;
    box-shadow:0 5px 16px rgba(8,34,59,.07);
    text-align:center;
}

.aauw-x1-page .aauw-yearly-calendar__reminder p{
    margin:0;
    color:var(--aauw-text);
    font-family:Montserrat,Arial,sans-serif;
    font-size:14px;
    line-height:1.6;
}


/* ------------------------------------------------------------------------
   MONTH SECTIONS
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-yearly-calendar__month{
    width:100%;
    margin:0 0 40px;
}

.aauw-x1-page .aauw-yearly-calendar__month:last-child{
    margin-bottom:0;
}


/* ------------------------------------------------------------------------
   MONTH HEADING
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-yearly-calendar__month h2{
    margin:0 0 14px;
    color:var(--aauw-blue-dark);
    font-family:Georgia,"Times New Roman",serif;
    font-size:26px;
    font-weight:700;
    line-height:1.2;
    text-align:center;
}


/* ------------------------------------------------------------------------
   TABLE OUTER CARD
   Horizontal scrolling stays inside this box.
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-yearly-calendar__table-wrap{
    width:100%;
    max-width:100%;
    margin:18px auto 0;
    overflow-x:auto;
    overflow-y:hidden;
    background:#ffffff;
    border:1px solid #d7dee3;
    border-radius:6px;
    box-shadow:0 7px 20px rgba(8,34,59,.10);
    -webkit-overflow-scrolling:touch;
}


/* ------------------------------------------------------------------------
   TABLE
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-yearly-calendar__table{
    width:100%;
    min-width:0;
    table-layout:fixed;
    border-collapse:collapse;
    font-family:Montserrat,Arial,sans-serif;
    font-size:14px;
    line-height:1.45;
}


/* ------------------------------------------------------------------------
   TABLE HEADER
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-yearly-calendar__table th{
    padding:12px 14px;
    background:var(--aauw-blue-dark);
    color:#ffffff;
    font-weight:700;
    text-align:left;
    vertical-align:middle;
    white-space:nowrap;
}


/* ------------------------------------------------------------------------
   TABLE CELLS
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-yearly-calendar__table td{
    padding:12px 14px;
    border-bottom:1px solid #dce3e7;
    color:var(--aauw-text);
    text-align:left;
    vertical-align:top;
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
}

.aauw-x1-page .aauw-yearly-calendar__table tbody tr:last-child td{
    border-bottom:0;
}


/* ------------------------------------------------------------------------
   COLUMN WIDTHS
   Total = 100%
   ------------------------------------------------------------------------ */

/* DATE */
.aauw-x1-page .aauw-yearly-calendar__table th:nth-child(1),
.aauw-x1-page .aauw-yearly-calendar__table td:nth-child(1){
    width:18%;
}

/* TIME */
.aauw-x1-page .aauw-yearly-calendar__table th:nth-child(2),
.aauw-x1-page .aauw-yearly-calendar__table td:nth-child(2){
    width:13%;
}

/* EVENT */
.aauw-x1-page .aauw-yearly-calendar__table th:nth-child(3),
.aauw-x1-page .aauw-yearly-calendar__table td:nth-child(3){
    width:20%;
}

/* LOCATION */
.aauw-x1-page .aauw-yearly-calendar__table th:nth-child(4),
.aauw-x1-page .aauw-yearly-calendar__table td:nth-child(4){
    width:25%;
}

/* ADDRESS */
.aauw-x1-page .aauw-yearly-calendar__table th:nth-child(5),
.aauw-x1-page .aauw-yearly-calendar__table td:nth-child(5){
    width:24%;
}


/* ------------------------------------------------------------------------
   TIME RANGE DISPLAY
   PHP displays:
   9:00 AM
   - 1:00 PM
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-yearly-calendar__table td:nth-child(2){
    white-space:nowrap;
    line-height:1.55;
}


/* ------------------------------------------------------------------------
   LONG EVENT / LOCATION / ADDRESS TEXT
   ------------------------------------------------------------------------ */

.aauw-x1-page .aauw-yearly-calendar__table td:nth-child(3),
.aauw-x1-page .aauw-yearly-calendar__table td:nth-child(4),
.aauw-x1-page .aauw-yearly-calendar__table td:nth-child(5){
    white-space:normal;
    overflow-wrap:anywhere;
}


/* ------------------------------------------------------------------------
   TABLET
   Table scrolls inside the card rather than breaking out of it.
   ------------------------------------------------------------------------ */

@media(max-width:900px){

    .aauw-x1-page .aauw-x1-card--events{
        max-width:100%;
        padding:24px;
    }

    .aauw-x1-page .aauw-yearly-calendar__month h2{
        font-size:24px;
    }

    .aauw-x1-page .aauw-yearly-calendar__table{
        min-width:900px;
    }

}


/* ------------------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------------------ */

@media(max-width:600px){

    .aauw-x1-page .aauw-x1-card--events{
        padding:18px;
    }

    .aauw-x1-page .aauw-yearly-calendar__reminder{
        margin-bottom:26px;
        padding:15px 18px;
    }

    .aauw-x1-page .aauw-yearly-calendar__month h2{
        font-size:22px;
    }

    .aauw-x1-page .aauw-yearly-calendar__table{
        min-width:850px;
        font-size:13px;
    }

    .aauw-x1-page .aauw-yearly-calendar__table th,
    .aauw-x1-page .aauw-yearly-calendar__table td{
        padding:10px 12px;
    }

}





/* ########################################################################
   END X1 — CLEAN SHARED INTERIOR PAGE DESIGN SYSTEM
   ######################################################################## */

/* ########################################################################
   2. ABOUT US — PAGE-SPECIFIC STYLES
   ########################################################################
   About Us uses the shared X1 section, panel, heading, kicker, card,
   grid, feature-card, icon, closing, and responsive components directly.

   Only About Us-specific presentation that X1 does not already provide
   is defined below.
   ######################################################################## */


/* ========================================================================
   2.0 ABOUT US — PAGE FOUNDATION / SCOPE
   ========================================================================
   No general page layout is redefined here. X1 controls:
   • Hero
   • White outer page panel
   • Separate section spacing
   • White and soft-gray section panels
   • Centered kicker + section heading
   • Standard white content cards
   • Feature-card grids
   • Tablet and mobile layout
   ======================================================================== */


/* ========================================================================
   2.1 ABOUT US — WHO WE ARE
   ========================================================================
   X1 controls the section, panel, heading, kicker, and white content card.
   These rules only refine the introductory copy and Mission/Vision/Values.
   ======================================================================== */

.aauw-x1-page--about-us .about-us-intro-copy{
    width:100%;
    max-width:900px;
    margin:0 auto 30px;
}

.aauw-x1-page--about-us .about-us-intro-copy p{
    margin:0 0 14px;
    font-size:17px;
    line-height:1.65;
}

.aauw-x1-page--about-us .about-us-intro-copy p:last-child{
    margin-bottom:0;
}


/* ========================================================================
   2.1.1 ABOUT US — MISSION / VISION / VALUES
   Uses the existing X1 information-row HTML in WordPress.
   Scoped only to the About Us page.
   ======================================================================== */
.aauw-x1-page--about-us .aauw-x1-info-rows{
    width:100%;
    max-width:720px;
    margin:28px auto 24px;
}

.aauw-x1-page--about-us .aauw-x1-info-row{
    display:grid;
    grid-template-columns:140px minmax(0,1fr);
    gap:24px;
    align-items:start;
    padding:7px 0;
}

.aauw-x1-page--about-us .aauw-x1-info-row strong{
    color:var(--aauw-blue-dark);
    text-align:right;
    white-space:nowrap;
}

.aauw-x1-page--about-us .aauw-x1-info-row span{
    min-width:0;
    text-align:left;
}

@media(max-width:700px){
    .aauw-x1-page--about-us .aauw-x1-info-row{
        grid-template-columns:1fr;
        gap:2px;
        padding:9px 0;
    }

    .aauw-x1-page--about-us .aauw-x1-info-row strong{
        text-align:left;
    }
}


/* ========================================================================
   2.2 ABOUT US — OUR PURPOSE
   ========================================================================
   The section uses:
   • .aauw-x1-section--soft for the gray panel
   • .aauw-x1-heading for centered kicker and heading
   • .aauw-x1-card for the white bordered/shadowed content card
   ======================================================================== */

.aauw-x1-page--about-us .about-us-purpose-card ul{
    margin:0;
    padding-left:24px;
}

.aauw-x1-page--about-us .about-us-purpose-card li{
    margin:0 0 14px;
    line-height:1.65;
}

.aauw-x1-page--about-us .about-us-purpose-card li:last-child{
    margin-bottom:0;
}

/* ========================================================================
   2.2.1 NATIONAL MISSION HIGHLIGHT
   ======================================================================== */
.aauw-x1-page--about-us .about-us-mission{
    margin:6px 0 24px;
    padding:16px 20px;
    background:#f5f7f3;
    border-left:4px solid var(--aauw-green);
}
.aauw-x1-page--about-us .about-us-mission__label{
    margin:0 0 5px;
    color:var(--aauw-green);
    font-size:12px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.aauw-x1-page--about-us .about-us-mission__text{
    margin:0;
    color:var(--aauw-blue-dark);
    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
    font-weight:400;
    line-height:1.4;
}
.aauw-x1-page--about-us .about-us-mission .aauw-x1-kicker:not(:first-child){
    margin-top:18px;
}


/* ========================================================================
   2.3 ABOUT US — WHAT WE DO
   ========================================================================
   X1 supplies the three-column grid, feature cards, icons, headings,
   borders, shadows, and responsive column changes.
   ======================================================================== */

.aauw-x1-page--about-us .about-us-card-subheading{
    margin:0 0 8px;
    color:var(--aauw-blue-dark);
    font-weight:700;
    text-align:center;
}

.aauw-x1-page--about-us .about-us-detail{
    display:block;
    margin-top:2px;
    color:var(--aauw-muted);
    font-size:13px;
    line-height:1.4;
}

.aauw-x1-page--about-us .about-us-feature-card--wide{
    grid-column:span 3;
}

/* ========================================================================
   2.3.1 JOIN AAUW CALL TO ACTION
   ======================================================================== */

.aauw-x1-page--about-us .about-us-join-cta{
    margin:24px auto;
    text-align:center;
}

.aauw-x1-page--about-us .about-us-join-cta h3{
    margin:0 0 10px;
}

.aauw-x1-page--about-us .about-us-join-cta p{
    margin:0;
}

/* ========================================================================
   2.4 ABOUT US — RESPONSIVE STYLES
   ========================================================================
   X1 already handles the main responsive layout. Only About Us-specific
   content refinements are included below.
   ======================================================================== */

@media screen and (max-width:900px){
    .aauw-x1-page--about-us .about-us-feature-card--wide{
        grid-column:span 2;
    }
}

@media screen and (max-width:700px){
    .aauw-x1-page--about-us .about-us-intro-copy p{
        font-size:16px;
    }

    .aauw-x1-page--about-us .about-us-mvv-row{
        grid-template-columns:1fr;
        gap:4px;
        padding:15px 0;
    }

    .aauw-x1-page--about-us .about-us-mvv-label,
    .aauw-x1-page--about-us .about-us-mvv-value{
        font-size:16px;
    }

    .aauw-x1-page--about-us .about-us-feature-card--wide{
        grid-column:span 1;
    }
}

@media screen and (max-width:430px){
    .aauw-x1-page--about-us .about-us-mvv{
        margin-top:22px;
    }
}

.aauw-past-presidents table th {
  padding: 12px;
  color: #07345f;
  background: rgba(103, 135, 58, 0.10);
  border-bottom: 2px solid #67873a;
}

.aauw-past-presidents table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(7, 52, 95, 0.12);
  vertical-align: top;
  background: transparent;
}

.aauw-past-presidents table th:last-child,
.aauw-past-presidents table td:last-child {
  text-align: right;
  white-space: nowrap;
}

.aauw-past-presidents table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.4);
}

/* Past Presidents: matching cards in two columns */
.aauw-past-presidents .aauw-x1-heading + div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, 1fr) auto;
  gap: 24px;
  max-width: 1200px !important;
  margin: 0 auto;
  align-items: stretch;
}

.aauw-past-presidents .aauw-x1-heading + div > .aauw-x1-card {
  min-width: 0;
  height: 100%;
  margin-bottom: 0 !important;
  padding: 24px !important;
  box-sizing: border-box;
  text-align: center;
}

.aauw-past-presidents table th,
.aauw-past-presidents table td,
.aauw-past-presidents table th:last-child,
.aauw-past-presidents table td:last-child {
  padding: 8px;
  text-align: center !important;
}

.aauw-past-presidents .aauw-x1-heading + div > p {
  grid-column: 1 / -1;
}

/* Stack cards on smaller screens */
@media (max-width: 800px) {
  .aauw-past-presidents .aauw-x1-heading + div {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .aauw-past-presidents .aauw-x1-heading + div > .aauw-x1-card {
    height: auto;
  }
}
/* Achievement Award Winners */
.aauw-achievement-awards table th {
  padding: 12px;
  text-align: left;
  color: #07345f;
  background: rgba(103, 135, 58, 0.10);
  border-bottom: 2px solid #67873a;
}

.aauw-achievement-awards table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid rgba(7, 52, 95, 0.12);
  vertical-align: top;
  background: transparent;
  overflow-wrap: break-word;
}

.aauw-achievement-awards table th:first-child,
.aauw-achievement-awards table td:first-child {
  width: 75px;
  white-space: nowrap;
  color: #07345f;
}

.aauw-achievement-awards table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.4);
}

@media (max-width: 480px) {
  .aauw-achievement-awards table th,
  .aauw-achievement-awards table td {
    padding: 9px 8px;
  }

  .aauw-achievement-awards table th:first-child,
  .aauw-achievement-awards table td:first-child {
    width: 58px;
  }
}
/* Center Achievement Award card content */
.aauw-achievement-awards .aauw-x1-card {
  text-align: center;
}

.aauw-achievement-awards table th,
.aauw-achievement-awards table td {
  text-align: center;
}
/* Achievement Awards: two cards per row */
.aauw-achievement-awards .aauw-x1-heading + div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  max-width: 1200px !important;
  margin: 0 auto;
  align-items: start;
}

.aauw-achievement-awards .aauw-x1-heading + div > .aauw-x1-card {
  min-width: 0;
  margin-bottom: 0 !important;
  padding: 24px !important;
}

/* Center the final card */
.aauw-achievement-awards .aauw-x1-heading + div > .aauw-x1-card:last-of-type {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 588px;
  justify-self: center;
  box-sizing: border-box;
}

/* Closing message */
.aauw-achievement-awards .aauw-x1-heading + div > p {
  grid-column: 1 / -1;
}

/* More compact table rows */
.aauw-achievement-awards table th,
.aauw-achievement-awards table td {
  padding: 8px;
}

/* Stack cards on smaller screens */
@media (max-width: 800px) {
  .aauw-achievement-awards .aauw-x1-heading + div {
    grid-template-columns: 1fr;
  }

  .aauw-achievement-awards .aauw-x1-heading + div > .aauw-x1-card:last-of-type {
    max-width: none;
  }
}
/* Match all Achievement Award card sizes */
.aauw-achievement-awards .aauw-x1-heading + div {
  grid-template-rows: repeat(3, 1fr) auto;
  align-items: stretch;
}

.aauw-achievement-awards .aauw-x1-heading + div > .aauw-x1-card {
  height: 100%;
  box-sizing: border-box;
}

/* Match the final card to one column */
.aauw-achievement-awards .aauw-x1-heading + div > .aauw-x1-card:last-of-type {
  width: calc((100% - 24px) / 2);
  max-width: none;
}

/* Achievement Awards: four evenly distributed cards */
.aauw-achievement-awards .aauw-x1-heading + div {
  grid-template-rows: repeat(2, 1fr) auto;
}

.aauw-achievement-awards .aauw-x1-heading + div > .aauw-x1-card:last-of-type {
  grid-column: auto;
  width: 100%;
  max-width: none;
  justify-self: stretch;
}

@media (max-width: 800px) {
  .aauw-achievement-awards .aauw-x1-heading + div {
    grid-template-rows: none;
  }
}

/* Let cards fit their content on smaller screens */
@media (max-width: 800px) {
  .aauw-achievement-awards .aauw-x1-heading + div {
    grid-template-rows: none;
  }

  .aauw-achievement-awards .aauw-x1-heading + div > .aauw-x1-card {
    height: auto;
  }

  .aauw-achievement-awards .aauw-x1-heading + div > .aauw-x1-card:last-of-type {
    width: 100%;
  }
}


/* Book Sale section 5.21 is loaded separately from assets/css/book-sale.css. */