/* ========================================================================
COMMUNITY PARTNERSHIPS — PAGE-SPECIFIC BODY LAYOUT
File: /assets/css/community-partnerships.css
X1/G1 continues to control the shared hero and outer page foundation.
======================================================================== */


/* Floral artwork below the X1 hero */
.aauw-community-partners__floral-heading{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 18px;
    padding-top:18px;
}
.aauw-community-partners__floral-heading img{
    display:block;
    width:auto;
    max-width:230px;
    max-height:145px;
    object-fit:contain;
}

.aauw-community-partners{
    --cp-blue:#052a4f;
    --cp-green:#67873a;
    --cp-green-dark:#55752f;
    --cp-text:#23313e;
    --cp-muted:#66717d;
    --cp-border:#d8e0e4;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    width:100%;
    max-width:1160px;
    margin:0 auto;
    padding:38px 30px 42px;
    color:var(--cp-text);
    background:linear-gradient(115deg,#f8f9f3 0%,#fff 58%,#f3f6ea 100%);
    border:1px solid var(--cp-border);
    border-radius:7px;
    box-shadow:0 7px 20px rgba(8,34,59,.07);
}
.aauw-community-partners *{box-sizing:border-box}

/* Decorative greenery */
.aauw-community-partners::before,
.aauw-community-partners::after{
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:-1;
    background:url("../images/backgrounds/policies-greenery-right.png") center/contain no-repeat;
    opacity:.24;
}
.aauw-community-partners::before{
    top:-64px;
    left:-74px;
    width:260px;
    height:230px;
    transform:scaleX(-1) rotate(-8deg);
}
.aauw-community-partners::after{
    right:-78px;
    bottom:-86px;
    width:265px;
    height:240px;
    transform:rotate(8deg);
}

/* Heading */
.aauw-community-partners__heading{
    position:relative;
    max-width:820px;
    margin:0 auto 28px;
    text-align:center;
}
.aauw-community-partners__kicker{
    margin:0 0 8px!important;
    color:var(--cp-green)!important;
    font-family:Montserrat,Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.3!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
}
.aauw-community-partners__heading h2{
    margin:0 0 14px!important;
    color:var(--cp-blue)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:38px!important;
    line-height:1.12!important;
}
.aauw-community-partners__intro{
    margin:0!important;
    color:#40556a;
    font-size:16px;
    line-height:1.65;
}

/* Upper-right accent */
.aauw-community-partners__motto{
    position:absolute;
    top:8px;
    right:40px;
    padding:13px 2px;
    color:var(--cp-green-dark);
    font-family:Georgia,"Times New Roman",serif;
    font-size:22px;
    font-style:italic;
    line-height:1.12;
    text-align:center;
}
.aauw-community-partners__motto::before,
.aauw-community-partners__motto::after{
    content:"";
    display:block;
    width:86px;
    height:1px;
    margin:0 auto;
    background:#9aaa7d;
}
.aauw-community-partners__motto::before{margin-bottom:9px}
.aauw-community-partners__motto::after{margin-top:9px}
.aauw-community-partners__motto span{display:block}

/* Partner grid */
.aauw-community-partners__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.aauw-community-partners__card{
    position:relative;
    min-height:198px;
    display:grid;
    grid-template-rows:58px 1fr auto;
    align-items:stretch;
    padding:20px 18px 18px;
    text-align:center;
    background:#fff;
    border:1px solid #d3dce1;
    border-radius:6px;
    box-shadow:0 4px 12px rgba(8,34,59,.07);
}
.aauw-community-partners__card::before{
    content:"";
    align-self:center;
    justify-self:center;
    width:46px;
    height:46px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
}
.aauw-community-partners__card h3{
    align-self:start;
    margin:0!important;
    color:var(--cp-blue)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:1.2!important;
}
/* WordPress may wrap buttons in a paragraph. Anchor that paragraph to the bottom row. */
.aauw-community-partners__card > p{
    grid-row:3;
    align-self:end;
    margin:18px 0 0!important;
    padding:0!important;
    text-align:center;
}

/* Works whether WordPress leaves the link direct or wraps it in <p>. */
.aauw-community-partners__card > a,
.aauw-community-partners__card > p > a{
    grid-row:3;
    align-self:end;
    justify-self:center;
    display:inline-block;
    margin:18px 0 0!important;
    padding:8px 16px;
    border-radius:999px;
    background:var(--cp-green);
    color:#fff!important;
    font-family:Montserrat,Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none!important;
    transform:none!important;
}
.aauw-community-partners__card > a::after,
.aauw-community-partners__card > p > a::after{content:"  ›"}
.aauw-community-partners__card > a:hover,
.aauw-community-partners__card > a:focus,
.aauw-community-partners__card > p > a:hover,
.aauw-community-partners__card > p > a:focus{background:var(--cp-green-dark)}

/* Individual green/blue line icons */
.aauw-community-partners__card--civic::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4'%3E%3Cpath d='M8 25h48L32 8 8 25zM13 26v26M23 26v26M33 26v26M43 26v26M53 26v26M7 53h50'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--community::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4'%3E%3Ccircle cx='32' cy='20' r='8'/%3E%3Ccircle cx='15' cy='25' r='6'/%3E%3Ccircle cx='49' cy='25' r='6'/%3E%3Cpath d='M18 53c1-12 6-19 14-19s13 7 14 19M5 53c1-9 5-14 11-14M59 53c-1-9-5-14-11-14'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--justice::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4'%3E%3Cpath d='M32 8v46M15 17h34M17 17L8 35h18L17 17zM47 17l-9 18h18L47 17zM20 55h24'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--education::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23052a4f' stroke-width='4'%3E%3Cpath d='M8 15c8-2 16 1 24 7v31c-8-6-16-9-24-7V15zM56 15c-8-2-16 1-24 7v31c8-6 16-9 24-7V15z'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--law::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23052a4f' stroke-width='4'%3E%3Cpath d='M15 11l20 20M27 9l-14 14M45 29L31 43M20 42l12 12M7 56h27'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--sun::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23052a4f' stroke-width='4'%3E%3Ccircle cx='32' cy='32' r='10'/%3E%3Cpath d='M32 5v10M32 49v10M5 32h10M49 32h10M13 13l7 7M44 44l7 7M51 13l-7 7M20 44l-7 7'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--leaf::before,
.aauw-community-partners__card--growth::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4'%3E%3Cpath d='M12 47c19 1 32-10 40-35-24 3-39 15-40 35zM18 43c10-9 20-16 31-25M20 31c-1-8-6-13-13-15M29 23c2-8 7-13 14-16'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--heart::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23052a4f' stroke-width='4'%3E%3Cpath d='M32 53S8 39 8 22c0-8 5-13 12-13 6 0 10 3 12 8 2-5 6-8 12-8 7 0 12 5 12 13 0 17-24 31-24 31z'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--scout::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23052a4f' stroke-width='4'%3E%3Cpath d='M32 50c-4-10-14-8-14-17 0-6 5-10 10-10 0-7 3-12 4-14 1 2 4 7 4 14 5 0 10 4 10 10 0 9-10 7-14 17z'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--business::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23052a4f' stroke-width='4'%3E%3Cpath d='M8 20h48v34H8zM22 20v-7h20v7M8 33h48M27 31h10v5H27z'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--aka::before{
    content:"AKA";
    width:auto;
    height:auto;
    color:var(--cp-green-dark);
    font-family:Georgia,"Times New Roman",serif;
    font-size:28px;
    font-weight:700;
    line-height:1;
}
.aauw-community-partners__card--rose::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23052a4f' stroke-width='3.5'%3E%3Cpath d='M32 12c10 0 16 7 13 15-2 6-7 11-13 16-6-5-11-10-13-16-3-8 3-15 13-15zM32 43v13M32 50c-7-2-11 0-14 5M33 49c7-2 11 0 14 5'/%3E%3Cpath d='M25 23c5-5 10-5 15 0M23 29c6-3 12-3 18 0'/%3E%3C/svg%3E");
}
.aauw-community-partners__card--globe::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4'%3E%3Ccircle cx='32' cy='32' r='24'/%3E%3Cpath d='M8 32h48M32 8c8 7 12 15 12 24S40 49 32 56M32 8c-8 7-12 15-12 24s4 17 12 24'/%3E%3C/svg%3E");
}

@media(max-width:1100px){
    .aauw-community-partners__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .aauw-community-partners__motto{display:none}
}
@media(max-width:800px){
    .aauw-community-partners{padding:30px 22px 34px}
    .aauw-community-partners__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .aauw-community-partners__heading h2{font-size:33px!important}
}
@media(max-width:560px){
    .aauw-community-partners__floral-heading{
        margin-bottom:14px;
        padding-top:14px;
    }
    .aauw-community-partners__floral-heading img{
        max-width:190px;
        max-height:120px;
    }
    .aauw-community-partners{padding:26px 16px 30px}
    .aauw-community-partners__grid{grid-template-columns:1fr}
    .aauw-community-partners__card{min-height:170px}
    .aauw-community-partners__heading h2{font-size:29px!important}
    .aauw-community-partners__intro{font-size:15px}
}