﻿/* =========================================================
   GWM Homepage Base
   File: assets/css/homepage/homepage.css
   ========================================================= */

.gwm-homepage {
    overflow: hidden;
    background: #ffffff;
    color: #13231d;
}

.gwm-home-container {
    width: min(100% - 32px, 1180px);
    margin: 0 auto;
}

/* Typography */
.gwm-home-kicker {
    margin: 0 0 14px;
    color: #a97812;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.gwm-home-heading {
    margin: 0;
    color: #09271c;
    font-size: clamp(2rem, 4vw, 4.2rem);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -0.055em;
}

.gwm-home-text {
    margin-top: 22px;
    color: #475569;
    font-size: clamp(1rem, 1.25vw, 1.12rem);
    line-height: 1.8;
}

/* Buttons */
.gwm-home-btn {
    min-height: 48px;
    margin-top: 28px;
    padding: 13px 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.92rem;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background-color 0.22s ease,
        color 0.22s ease;
}

.gwm-home-btn:hover,
.gwm-home-btn:focus {
    transform: translateY(-2px);
}

.gwm-home-btn--gold {
    color: #09271c;
    background: #c8a24a;
    box-shadow: 0 16px 36px rgba(200, 162, 74, 0.24);
}

.gwm-home-btn--green {
    color: #ffffff;
    background: #0f3d2e;
    box-shadow: 0 16px 36px rgba(15, 61, 46, 0.2);
}

.gwm-home-btn--light {
    color: #0f3d2e;
    background: #ffffff;
}

.gwm-home-btn--ghost {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}

/* Welcome Section */
.gwm-home-welcome {
    padding: clamp(72px, 9vw, 130px) 0;
    background: #fffaf0;
    text-align: center;
}

.gwm-home-welcome__inner {
    max-width: 900px;
}

/* Card Sections */
.gwm-home-card-section,
.gwm-home-leadership,
.gwm-home-testimonies {
    padding: clamp(72px, 9vw, 128px) 0;
    background: #ffffff;
}

.gwm-home-card-section--cream {
    background: #fffaf0;
}

.gwm-home-card-section--dark {
    background: #0f172a;
}

.gwm-home-card-section--dark .gwm-home-heading,
.gwm-home-card-section--dark .gwm-home-text {
    color: #ffffff;
}

.gwm-home-card-grid {
    margin-top: 34px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.gwm-home-card {
    min-height: 120px;
    padding: 24px;
    border-radius: 24px;
    display: flex;
    align-items: flex-end;
    color: #09271c;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
    font-weight: 900;
    text-decoration: none;
}

/* Split Layout */
.gwm-home-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: clamp(34px, 6vw, 80px);
}

.gwm-home-split__panel {
    min-height: 420px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #062d1d, #0f172a);
    color: #ffffff;
    font-weight: 900;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.18);
}

/* Final CTA */
.gwm-home-final-cta {
    padding: clamp(84px, 10vw, 150px) 0;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(200, 162, 74, 0.22), transparent 44%),
        #062d1d;
}

.gwm-home-final-cta .gwm-home-heading,
.gwm-home-final-cta .gwm-home-text {
    color: #ffffff;
}

/* Responsive */
@media (max-width: 900px) {
    .gwm-home-card-grid,
    .gwm-home-split {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .gwm-home-container {
        width: min(100% - 24px, 100%);
    }

    .gwm-home-card-grid {
        grid-template-columns: 1fr;
    }
}
/* GWM Church Homepage Top Strip Darken V1
   Exact owner: #primary.gwm-homepage top padding area below fixed breadcrumbs.
   Scope: /church/ only. No layout/template change.
*/
.page-template-page-church #primary.gwm-homepage {
    background:
        linear-gradient(
            180deg,
            #061713 0,
            #08251e 50px,
            #ffffff 50px,
            #ffffff 100%
        ) !important;
}

.page-template-page-church #primary.gwm-homepage::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    background:
        linear-gradient(180deg, rgba(6, 23, 19, 0.98), rgba(8, 37, 30, 1));
    border-top: 1px solid rgba(214, 177, 87, 0.18);
    border-bottom: 1px solid rgba(214, 177, 87, 0.22);
    pointer-events: none;
}

.page-template-page-church #primary.gwm-homepage {
    position: relative;
}


/* GWM Editable Media Rendering Bridge V1
   Scope: images loaded from editable WordPress media/meta fields.
   No public-facing content is hardcoded here.
*/

.gwm-home-welcome--has-image .gwm-home-welcome__inner,
.gwm-home-leadership--has-image .gwm-home-leadership__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    gap: clamp(24px, 4vw, 56px);
    align-items: center;
}

.gwm-home-leadership--has-image .gwm-home-leadership__inner {
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
}

.gwm-home-welcome__media,
.gwm-home-leadership__media {
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(8, 37, 30, 0.08);
    border: 1px solid rgba(214, 177, 87, 0.24);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}

.gwm-home-welcome__image,
.gwm-home-leadership__image {
    display: block;
    width: 100%;
    height: clamp(280px, 34vw, 460px);
    object-fit: cover;
    object-position: center;
}

.gwm-home-leadership__image {
    object-position: center top;
}

@media (max-width: 900px) {
    .gwm-home-welcome--has-image .gwm-home-welcome__inner,
    .gwm-home-leadership--has-image .gwm-home-leadership__inner {
        grid-template-columns: 1fr;
    }

    .gwm-home-leadership__media {
        order: -1;
    }

    .gwm-home-welcome__image,
    .gwm-home-leadership__image {
        height: auto;
        max-height: none;
    }
}


/* GWM Editable Media Reveal Visibility Fix V1
   Fixes editable image holders hidden by reveal opacity.
   Images remain loaded from WordPress editable media fields.
*/

.gwm-home-welcome__media.gwm-reveal,
.gwm-home-leadership__media.gwm-reveal {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.gwm-home-welcome__media.gwm-reveal img,
.gwm-home-leadership__media.gwm-reveal img {
    opacity: 1 !important;
    visibility: visible !important;
}


/* GWM Leadership Photo Radius V1
   Scope: Home leadership section photo only.
*/
.gwm-home-leadership__media,
.gwm-home-leadership__image {
    border-radius: 15px;
    overflow: hidden;
}


/* GWM Alternating Image Visibility Fix V1
   Ensures editable alternating section images are visible even when reveal animation stalls.
*/

.gwm-home-alternating__item--has-image,
.gwm-home-alternating__item--has-image.gwm-reveal,
.gwm-home-alternating__media,
.gwm-home-alternating__image {
    opacity: 1 !important;
    visibility: visible !important;
}

.gwm-home-alternating__item--has-image.gwm-reveal {
    transform: none !important;
}


/* GWM Alternating Section Editable Images V2
   Images and copy are rendered from editable WordPress fields.
*/

.gwm-home-alternating__item--has-image {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    gap: clamp(24px, 4vw, 56px);
    align-items: center;
}

.gwm-home-alternating__item--image_left,
.gwm-home-alternating__item--image-left {
    grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.05fr);
}

.gwm-home-alternating__item--image_left .gwm-home-alternating__media,
.gwm-home-alternating__item--image-left .gwm-home-alternating__media {
    order: -1;
}

.gwm-home-alternating__media {
    margin: 0;
    border-radius: 15px;
    overflow: hidden;
    background: rgba(8, 37, 30, 0.08);
    border: 1px solid rgba(214, 177, 87, 0.24);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);
    opacity: 1 !important;
    visibility: visible !important;
}

.gwm-home-alternating__image {
    display: block;
    width: 100%;
    height: clamp(260px, 32vw, 430px);
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    opacity: 1 !important;
    visibility: visible !important;
}

.gwm-home-alternating__item--has-image.gwm-reveal {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

@media (max-width: 900px) {
    .gwm-home-alternating__item--has-image,
    .gwm-home-alternating__item--image_left,
    .gwm-home-alternating__item--image-left {
        grid-template-columns: 1fr;
    }

    .gwm-home-alternating__item--image_left .gwm-home-alternating__media,
    .gwm-home-alternating__item--image-left .gwm-home-alternating__media {
        order: 0;
    }

    .gwm-home-alternating__image {
        height: auto;
    }
}


/* GWM Intro Video Hero Mode V1
   Hero media is loaded from editable WordPress media fields.
*/

.gwm-hero-motion--video-only {
    min-height: clamp(520px, 72vh, 820px);
    background: #061713;
}

.gwm-hero-motion--video-only .gwm-hero-motion__video {
    opacity: 1;
}

.gwm-hero-motion--video-only .gwm-hero-motion__overlay {
    background:
        linear-gradient(180deg, rgba(4, 18, 15, 0.22), rgba(4, 18, 15, 0.44)),
        radial-gradient(circle at 50% 25%, rgba(214, 177, 87, 0.12), transparent 42%);
}

.gwm-hero-motion--video-only::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90px;
    background: linear-gradient(180deg, transparent, rgba(6, 23, 19, 0.92));
    pointer-events: none;
    z-index: 3;
}

@media (max-width: 767px) {
    .gwm-hero-motion--video-only {
        min-height: 68vh;
    }
}


/* GWM Remove Pre-Video Rows V1
   Scope: /church/ only.
   Removes the extra white/dark rows between breadcrumb/search bar and intro video hero.
*/

.page-template-page-church #primary.gwm-homepage {
    padding-top: 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
}

.page-template-page-church #primary.gwm-homepage::before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    background: none !important;
    border: 0 !important;
}

.page-template-page-church .gwm-hero-motion {
    margin-top: 0 !important;
    border-top: 0 !important;
}

.page-template-page-church .gwm-hero-motion--video-only {
    margin-top: 0 !important;
}


/* GWM Remove Final White Row Before Video V1
   Scope: /church/ only.
   Removes remaining white spacer between breadcrumb/search bar and intro video hero.
*/

.page-template-page-church .gwm-breadcrumbs,
.page-template-page-church .gwm-breadcrumb-bar,
.page-template-page-church .gwm-page-breadcrumb,
.page-template-page-church .gwm-subheader,
.page-template-page-church .gwm-page-header,
.page-template-page-church .gwm-search-bar {
    margin-bottom: 0 !important;
}

.page-template-page-church #primary.gwm-homepage {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.page-template-page-church #primary.gwm-homepage > .gwm-hero-motion:first-child,
.page-template-page-church .gwm-homepage > .gwm-hero-motion:first-child,
.page-template-page-church .site-main > .gwm-hero-motion:first-child {
    margin-top: 0 !important;
}

.page-template-page-church .gwm-hero-motion,
.page-template-page-church .gwm-hero-motion--video-only {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

.page-template-page-church .gwm-hero-motion::before {
    display: none !important;
    content: none !important;
}


/* GWM Remove Video Wrapper White Gaps V1
   Scope: /church/ only.
   Truth source: detector found white gaps owned by #content.gwm-site-main and #primary.gwm-homepage wrapper spacing.
*/

body.page-template-page-church main#content.gwm-site-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.page-template-page-church main#primary.gwm-homepage {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.page-template-page-church .gwm-hero-motion,
body.page-template-page-church .gwm-hero-motion--video-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.page-template-page-church .gwm-hero-motion + .gwm-home-welcome {
    margin-top: 0 !important;
}

body.page-template-page-church .gwm-hero-motion + .gwm-home-welcome::before {
    display: none !important;
    content: none !important;
}


/* GWM Remove Below Video Gap Final V1
   Scope: /church/ only.
   Removes the remaining white gap between intro video hero and welcome section.
*/

body.page-template-page-church main#primary.gwm-homepage {
    gap: 0 !important;
    row-gap: 0 !important;
}

body.page-template-page-church .gwm-hero-motion--video-only {
    margin-bottom: 0 !important;
}

body.page-template-page-church .gwm-hero-motion--video-only + .gwm-home-welcome {
    margin-top: -26px !important;
}

body.page-template-page-church .gwm-home-welcome {
    border-top: 0 !important;
}


/* GWM Welcome Section Wider Layout V1
   Scope: /church/ welcome section only.
   Purpose: make welcome content and photo feel wider and visually consistent with other homepage sections.
*/

body.page-template-page-church .gwm-home-welcome {
    padding-top: clamp(72px, 8vw, 120px) !important;
    padding-bottom: clamp(72px, 8vw, 120px) !important;
}

body.page-template-page-church .gwm-home-welcome .gwm-home-container,
body.page-template-page-church .gwm-home-welcome__inner {
    max-width: min(1320px, calc(100vw - 48px)) !important;
    width: 100% !important;
}

body.page-template-page-church .gwm-home-welcome--has-image .gwm-home-welcome__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr) !important;
    gap: clamp(36px, 5vw, 80px) !important;
    align-items: center !important;
}

body.page-template-page-church .gwm-home-welcome__content {
    max-width: 640px !important;
}

body.page-template-page-church .gwm-home-welcome__media {
    width: 100% !important;
    max-width: none !important;
    min-height: clamp(360px, 38vw, 560px) !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

body.page-template-page-church .gwm-home-welcome__image {
    width: 100% !important;
    height: clamp(360px, 38vw, 560px) !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 15px !important;
}

body.page-template-page-church .gwm-home-welcome .gwm-home-heading {
    max-width: 760px !important;
}

body.page-template-page-church .gwm-home-welcome .gwm-home-text {
    max-width: 680px !important;
}

@media (max-width: 900px) {
    body.page-template-page-church .gwm-home-welcome .gwm-home-container,
    body.page-template-page-church .gwm-home-welcome__inner {
        max-width: min(100%, calc(100vw - 32px)) !important;
    }

    body.page-template-page-church .gwm-home-welcome--has-image .gwm-home-welcome__inner {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    body.page-template-page-church .gwm-home-welcome__content {
        max-width: none !important;
    }

    body.page-template-page-church .gwm-home-welcome__media,
    body.page-template-page-church .gwm-home-welcome__image {
        min-height: 0 !important;
        height: auto !important;
    }
}


/* GWM Welcome Section Normalized Width V1
   Scope: /church/ welcome section only.
   Purpose: make welcome section consistent with other homepage sections.
   Content remains editable from WordPress admin fields.
*/

body.page-template-page-church .gwm-home-welcome {
    padding-top: clamp(80px, 8vw, 120px) !important;
    padding-bottom: clamp(80px, 8vw, 120px) !important;
}

body.page-template-page-church .gwm-home-welcome .gwm-home-container,
body.page-template-page-church .gwm-home-welcome__inner {
    max-width: 1180px !important;
    width: min(1180px, calc(100vw - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-template-page-church .gwm-home-welcome--has-image .gwm-home-welcome__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr) !important;
    gap: clamp(28px, 4vw, 56px) !important;
    align-items: center !important;
}

body.page-template-page-church .gwm-home-welcome__content {
    max-width: 560px !important;
}

body.page-template-page-church .gwm-home-welcome__media {
    width: 100% !important;
    max-width: 460px !important;
    min-height: 0 !important;
    margin-left: auto !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

body.page-template-page-church .gwm-home-welcome__image {
    width: 100% !important;
    height: clamp(320px, 32vw, 440px) !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 15px !important;
}

body.page-template-page-church .gwm-home-welcome .gwm-home-heading {
    max-width: 620px !important;
}

body.page-template-page-church .gwm-home-welcome .gwm-home-text {
    max-width: 560px !important;
}

@media (max-width: 900px) {
    body.page-template-page-church .gwm-home-welcome .gwm-home-container,
    body.page-template-page-church .gwm-home-welcome__inner {
        width: min(100%, calc(100vw - 32px)) !important;
        max-width: 720px !important;
    }

    body.page-template-page-church .gwm-home-welcome--has-image .gwm-home-welcome__inner {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    body.page-template-page-church .gwm-home-welcome__content,
    body.page-template-page-church .gwm-home-welcome__media {
        max-width: none !important;
        margin-left: 0 !important;
    }

    body.page-template-page-church .gwm-home-welcome__image {
        height: auto !important;
    }
}


/* GWM Welcome Image Width Match V1
   Scope: /church/ welcome section only.
   Truth: alternating media renders at about 534px; welcome was capped at 460px.
*/

body.page-template-page-church .gwm-home-welcome__media {
    max-width: 534px !important;
    width: 100% !important;
}

body.page-template-page-church .gwm-home-welcome__image {
    width: 100% !important;
    max-width: none !important;
}

body.page-template-page-church .gwm-home-welcome--has-image .gwm-home-welcome__inner {
    grid-template-columns: minmax(0, 1fr) minmax(532px, 534px) !important;
}

@media (max-width: 900px) {
    body.page-template-page-church .gwm-home-welcome--has-image .gwm-home-welcome__inner {
        grid-template-columns: 1fr !important;
    }

    body.page-template-page-church .gwm-home-welcome__media {
        max-width: none !important;
    }
}




/* GWM Numbered Cards Breathing Space V1
   Scope: /church/ alternating numbered cards only.
*/

body.page-template-page-church .gwm-home-alternating__inner {
    display: grid !important;
    gap: clamp(42px, 6vw, 86px) !important;
}

body.page-template-page-church .gwm-home-alternating__item {
    margin-bottom: 0 !important;
}

body.page-template-page-church .gwm-home-alternating__item + .gwm-home-alternating__item {
    margin-top: 0 !important;
}

@media (max-width: 767px) {
    body.page-template-page-church .gwm-home-alternating__inner {
        gap: 38px !important;
    }
}


/* GWM Parallelogram Buttons V1
   Scope: /church/ homepage buttons.
   Shape: parallelogram / slanted button.
   Content remains editable from WordPress admin fields.
*/

body.page-template-page-church .gwm-home-btn,
body.page-template-page-church .gwm-btn,
body.page-template-page-church .button,
body.page-template-page-church button,
body.page-template-page-church input[type="submit"],
body.page-template-page-church input[type="button"] {
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%) !important;
    border-radius: 0 !important;
    padding-left: 2.1rem !important;
    padding-right: 2.1rem !important;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Stronger shape for smaller buttons */
body.page-template-page-church .gwm-home-btn--small,
body.page-template-page-church .gwm-btn--small {
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%) !important;
}

/* Keep focus visible for accessibility */
body.page-template-page-church .gwm-home-btn:focus-visible,
body.page-template-page-church .gwm-btn:focus-visible,
body.page-template-page-church .button:focus-visible,
body.page-template-page-church button:focus-visible,
body.page-template-page-church input[type="submit"]:focus-visible,
body.page-template-page-church input[type="button"]:focus-visible {
    outline: 3px solid rgba(214, 177, 87, 0.75) !important;
    outline-offset: 4px !important;
}

/* Prevent text from touching slanted edges on mobile */
@media (max-width: 767px) {
    body.page-template-page-church .gwm-home-btn,
    body.page-template-page-church .gwm-btn,
    body.page-template-page-church .button,
    body.page-template-page-church button,
    body.page-template-page-church input[type="submit"],
    body.page-template-page-church input[type="button"] {
        padding-left: 1.8rem !important;
        padding-right: 1.8rem !important;
        clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%) !important;
    }
}


/* GWM Button Hover White Text V1
   Scope: /church/ homepage buttons.
   On rollover/focus, button text changes from dark/black to white.
*/

body.page-template-page-church .gwm-home-btn:hover,
body.page-template-page-church .gwm-home-btn:focus,
body.page-template-page-church .gwm-home-btn:focus-visible,
body.page-template-page-church .gwm-btn:hover,
body.page-template-page-church .gwm-btn:focus,
body.page-template-page-church .gwm-btn:focus-visible,
body.page-template-page-church .button:hover,
body.page-template-page-church .button:focus,
body.page-template-page-church .button:focus-visible,
body.page-template-page-church button:hover,
body.page-template-page-church button:focus,
body.page-template-page-church button:focus-visible,
body.page-template-page-church input[type="submit"]:hover,
body.page-template-page-church input[type="submit"]:focus,
body.page-template-page-church input[type="button"]:hover,
body.page-template-page-church input[type="button"]:focus {
    color: #ffffff !important;
}

body.page-template-page-church .gwm-home-btn:hover *,
body.page-template-page-church .gwm-home-btn:focus *,
body.page-template-page-church .gwm-btn:hover *,
body.page-template-page-church .gwm-btn:focus *,
body.page-template-page-church .button:hover *,
body.page-template-page-church .button:focus *,
body.page-template-page-church button:hover *,
body.page-template-page-church button:focus * {
    color: #ffffff !important;
}


/* GWM Welcome Discover Button Design V1
   Scope: /church/ Welcome section button only.
   Applies same parallelogram button treatment to Discover God's Will Mission.
*/

body.page-template-page-church .gwm-home-welcome .gwm-home-btn,
body.page-template-page-church .gwm-home-welcome a.gwm-home-btn,
body.page-template-page-church .gwm-home-welcome .gwm-home-btn--outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0.85rem 2.3rem !important;
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%) !important;
    border-radius: 0 !important;
    background: #d6b157 !important;
    color: #111111 !important;
    border: 1px solid #d6b157 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    line-height: 1.1 !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18) !important;
    transition: color 180ms ease, background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease !important;
}

body.page-template-page-church .gwm-home-welcome .gwm-home-btn:hover,
body.page-template-page-church .gwm-home-welcome .gwm-home-btn:focus,
body.page-template-page-church .gwm-home-welcome .gwm-home-btn:focus-visible,
body.page-template-page-church .gwm-home-welcome .gwm-home-btn--outline:hover,
body.page-template-page-church .gwm-home-welcome .gwm-home-btn--outline:focus,
body.page-template-page-church .gwm-home-welcome .gwm-home-btn--outline:focus-visible {
    background: #062d1d !important;
    border-color: #062d1d !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24) !important;
}

body.page-template-page-church .gwm-home-welcome .gwm-home-btn:hover *,
body.page-template-page-church .gwm-home-welcome .gwm-home-btn:focus * {
    color: #ffffff !important;
}

@media (max-width: 767px) {
    body.page-template-page-church .gwm-home-welcome .gwm-home-btn,
    body.page-template-page-church .gwm-home-welcome a.gwm-home-btn,
    body.page-template-page-church .gwm-home-welcome .gwm-home-btn--outline {
        width: 100% !important;
        padding-left: 1.8rem !important;
        padding-right: 1.8rem !important;
        clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%) !important;
    }
}


/* GWM All Non-Search Buttons Gold To Black Hover V1
   Scope: /church/ homepage buttons except search.
   Hover/focus: gold background to black/dark, black text to white.
*/

body.page-template-page-church a.gwm-home-btn:not(.gwm-search-btn):not(.search-submit),
body.page-template-page-church a.gwm-btn:not(.gwm-search-btn):not(.search-submit),
body.page-template-page-church a.button:not(.gwm-search-btn):not(.search-submit),
body.page-template-page-church .gwm-home-welcome a.gwm-home-btn,
body.page-template-page-church .gwm-home-alternating a.gwm-home-btn,
body.page-template-page-church .gwm-home-leadership a.gwm-home-btn,
body.page-template-page-church .gwm-home-ministries a.gwm-home-btn,
body.page-template-page-church .gwm-home-sermons a.gwm-home-btn,
body.page-template-page-church .gwm-home-events a.gwm-home-btn,
body.page-template-page-church .gwm-home-final-cta a.gwm-home-btn {
    background: #d6b157 !important;
    border-color: #d6b157 !important;
    color: #111111 !important;
    text-decoration: none !important;
}

body.page-template-page-church a.gwm-home-btn:not(.gwm-search-btn):not(.search-submit):hover,
body.page-template-page-church a.gwm-home-btn:not(.gwm-search-btn):not(.search-submit):focus,
body.page-template-page-church a.gwm-home-btn:not(.gwm-search-btn):not(.search-submit):focus-visible,
body.page-template-page-church a.gwm-btn:not(.gwm-search-btn):not(.search-submit):hover,
body.page-template-page-church a.gwm-btn:not(.gwm-search-btn):not(.search-submit):focus,
body.page-template-page-church a.gwm-btn:not(.gwm-search-btn):not(.search-submit):focus-visible,
body.page-template-page-church a.button:not(.gwm-search-btn):not(.search-submit):hover,
body.page-template-page-church a.button:not(.gwm-search-btn):not(.search-submit):focus,
body.page-template-page-church a.button:not(.gwm-search-btn):not(.search-submit):focus-visible {
    background: #050505 !important;
    border-color: #050505 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24) !important;
}

body.page-template-page-church a.gwm-home-btn:not(.gwm-search-btn):not(.search-submit):hover *,
body.page-template-page-church a.gwm-home-btn:not(.gwm-search-btn):not(.search-submit):focus *,
body.page-template-page-church a.gwm-btn:not(.gwm-search-btn):not(.search-submit):hover *,
body.page-template-page-church a.gwm-btn:not(.gwm-search-btn):not(.search-submit):focus *,
body.page-template-page-church a.button:not(.gwm-search-btn):not(.search-submit):hover *,
body.page-template-page-church a.button:not(.gwm-search-btn):not(.search-submit):focus * {
    color: #ffffff !important;
}

/* Preserve search button styling */
body.page-template-page-church .gwm-search-btn,
body.page-template-page-church .search-submit,
body.page-template-page-church form[role="search"] button,
body.page-template-page-church .search-form button,
body.page-template-page-church .gwm-site-search button {
    transform: none;
}


/* GWM Welcome Image Left V1
   Scope: /church/ Welcome section only.
   Purpose: place Welcome image on the left to continue the alternating visual sequence.
   Content and image remain editable from WordPress admin fields.
*/

body.page-template-page-church .gwm-home-welcome--has-image .gwm-home-welcome__inner {
    grid-template-columns: minmax(532px, 534px) minmax(0, 1fr) !important;
}

body.page-template-page-church .gwm-home-welcome__media {
    order: -1 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 534px !important;
}

body.page-template-page-church .gwm-home-welcome__content {
    order: 2 !important;
    max-width: 560px !important;
}

@media (max-width: 900px) {
    body.page-template-page-church .gwm-home-welcome--has-image .gwm-home-welcome__inner {
        grid-template-columns: 1fr !important;
    }

    body.page-template-page-church .gwm-home-welcome__media,
    body.page-template-page-church .gwm-home-welcome__content {
        order: initial !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* GWM Welcome Text Formatting V1
   Scope: /church/ Welcome section only.
   Allows paragraph breaks stored in editable WordPress fields to display cleanly.
*/

body.page-template-page-church .gwm-home-welcome .gwm-home-text,
body.page-template-page-church .gwm-home-welcome__text,
body.page-template-page-church .gwm-home-welcome__description {
    white-space: pre-line !important;
}


/* GWM Ministries Full Parallelogram Card V1
   Scope: /church/ Ministries section only.
   Purpose: present ministries as a full content-width parallelogram card.
   Content remains editable from WordPress admin fields.
*/

body.page-template-page-church .gwm-home-ministries {
    padding-top: clamp(80px, 8vw, 130px) !important;
    padding-bottom: clamp(80px, 8vw, 130px) !important;
    background:
        radial-gradient(circle at 12% 20%, rgba(214, 177, 87, 0.18), transparent 32%),
        linear-gradient(180deg, #fffaf0, #f7ecd2) !important;
}

body.page-template-page-church .gwm-home-ministries .gwm-home-container,
body.page-template-page-church .gwm-home-ministries__inner,
body.page-template-page-church .gwm-home-ministries__grid,
body.page-template-page-church .gwm-ministry-cards,
body.page-template-page-church .gwm-home-ministry-cards {
    max-width: 1180px !important;
    width: min(1180px, calc(100vw - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Main full-width parallelogram wrapper */
body.page-template-page-church .gwm-home-ministries__inner,
body.page-template-page-church .gwm-home-ministries__grid,
body.page-template-page-church .gwm-ministry-cards,
body.page-template-page-church .gwm-home-ministry-cards {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(18px, 2.4vw, 30px) !important;
    padding: clamp(34px, 5vw, 64px) !important;
    background:
        linear-gradient(135deg, rgba(6, 45, 29, 0.96), rgba(11, 68, 45, 0.94)) !important;
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.24) !important;
    border: 1px solid rgba(214, 177, 87, 0.28) !important;
}

/* Soft internal line/glow */
body.page-template-page-church .gwm-home-ministries__inner::before,
body.page-template-page-church .gwm-home-ministries__grid::before,
body.page-template-page-church .gwm-ministry-cards::before,
body.page-template-page-church .gwm-home-ministry-cards::before {
    content: "" !important;
    position: absolute !important;
    inset: 14px 24px !important;
    pointer-events: none !important;
    border: 1px solid rgba(214, 177, 87, 0.28) !important;
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%) !important;
    opacity: 0.85 !important;
}

/* Individual ministry cards inside the big parallelogram */
body.page-template-page-church .gwm-home-ministries .gwm-home-card,
body.page-template-page-church .gwm-home-ministries .gwm-ministry-card,
body.page-template-page-church .gwm-home-ministries .gwm-card,
body.page-template-page-church .gwm-home-ministries article {
    position: relative !important;
    z-index: 2 !important;
    background: rgba(255, 250, 240, 0.09) !important;
    border: 1px solid rgba(214, 177, 87, 0.24) !important;
    color: #fffaf0 !important;
    padding: clamp(22px, 3vw, 34px) !important;
    clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}

body.page-template-page-church .gwm-home-ministries .gwm-home-card:hover,
body.page-template-page-church .gwm-home-ministries .gwm-ministry-card:hover,
body.page-template-page-church .gwm-home-ministries .gwm-card:hover,
body.page-template-page-church .gwm-home-ministries article:hover {
    transform: translateY(-4px) !important;
    background: rgba(214, 177, 87, 0.16) !important;
    border-color: rgba(214, 177, 87, 0.55) !important;
}

/* Text colors inside ministries */
body.page-template-page-church .gwm-home-ministries h2,
body.page-template-page-church .gwm-home-ministries h3,
body.page-template-page-church .gwm-home-ministries h4,
body.page-template-page-church .gwm-home-ministries p,
body.page-template-page-church .gwm-home-ministries span {
    color: inherit !important;
}

body.page-template-page-church .gwm-home-ministries .gwm-home-kicker,
body.page-template-page-church .gwm-home-ministries .gwm-section-kicker {
    color: #d6b157 !important;
}

body.page-template-page-church .gwm-home-ministries .gwm-home-heading,
body.page-template-page-church .gwm-home-ministries h2 {
    color: #062d1d !important;
}

/* If section heading sits above the card, keep it normal and readable */
body.page-template-page-church .gwm-home-ministries > .gwm-home-container > .gwm-home-kicker,
body.page-template-page-church .gwm-home-ministries > .gwm-home-container > .gwm-home-heading,
body.page-template-page-church .gwm-home-ministries > .gwm-home-container > .gwm-home-text {
    color: #062d1d !important;
}

/* Buttons inside ministries retain parallelogram button system */
body.page-template-page-church .gwm-home-ministries .gwm-home-btn,
body.page-template-page-church .gwm-home-ministries .gwm-btn,
body.page-template-page-church .gwm-home-ministries .button {
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%) !important;
    border-radius: 0 !important;
}

/* Responsive */
@media (max-width: 1024px) {
    body.page-template-page-church .gwm-home-ministries__inner,
    body.page-template-page-church .gwm-home-ministries__grid,
    body.page-template-page-church .gwm-ministry-cards,
    body.page-template-page-church .gwm-home-ministry-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%) !important;
    }
}

@media (max-width: 767px) {
    body.page-template-page-church .gwm-home-ministries .gwm-home-container,
    body.page-template-page-church .gwm-home-ministries__inner,
    body.page-template-page-church .gwm-home-ministries__grid,
    body.page-template-page-church .gwm-ministry-cards,
    body.page-template-page-church .gwm-home-ministry-cards {
        width: min(100%, calc(100vw - 28px)) !important;
    }

    body.page-template-page-church .gwm-home-ministries__inner,
    body.page-template-page-church .gwm-home-ministries__grid,
    body.page-template-page-church .gwm-ministry-cards,
    body.page-template-page-church .gwm-home-ministry-cards {
        grid-template-columns: 1fr !important;
        padding: 28px 20px !important;
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%) !important;
    }

    body.page-template-page-church .gwm-home-ministries .gwm-home-card,
    body.page-template-page-church .gwm-home-ministries .gwm-ministry-card,
    body.page-template-page-church .gwm-home-ministries .gwm-card,
    body.page-template-page-church .gwm-home-ministries article {
        clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%) !important;
    }
}


/* GWM Real Ministries Full Parallelogram Card V1
   Scope: /church/ actual Ministries card section.
   Truth source: DOM owner is .gwm-home-card-section.gwm-home-card-section--cream.gwm-motion-section.gwm-parallax-section.
   Content remains editable from WordPress admin fields.
*/

body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section {
    padding-top: clamp(90px, 8vw, 140px) !important;
    padding-bottom: clamp(90px, 8vw, 140px) !important;
    background:
        radial-gradient(circle at 10% 18%, rgba(214, 177, 87, 0.18), transparent 32%),
        linear-gradient(180deg, #fffaf0 0%, #f5ead2 100%) !important;
}

/* Make the actual content wrapper the full-width parallelogram card */
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section > .gwm-home-container {
    position: relative !important;
    max-width: 1180px !important;
    width: min(1180px, calc(100vw - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: clamp(42px, 5.5vw, 72px) clamp(38px, 5vw, 70px) !important;
    background:
        linear-gradient(135deg, rgba(6, 45, 29, 0.98), rgba(9, 68, 45, 0.95)) !important;
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.26) !important;
    border: 1px solid rgba(214, 177, 87, 0.34) !important;
}

/* Inner gold line */
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section > .gwm-home-container::before {
    content: "" !important;
    position: absolute !important;
    inset: 18px 28px !important;
    border: 1px solid rgba(214, 177, 87, 0.32) !important;
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Keep all real content above the decorative line */
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section > .gwm-home-container > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Section heading text inside the parallelogram */
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-kicker,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-section-kicker {
    color: #d6b157 !important;
}

body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section h2,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-heading {
    color: #fffaf0 !important;
}

body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section p {
    color: rgba(255, 250, 240, 0.86) !important;
}

/* Cards/grid inside the ministries section */
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-card-grid,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-card-grid,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-cards,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(18px, 2.4vw, 30px) !important;
}

/* Individual cards */
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section article,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-card,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-card,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-feature-card,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section li {
    background: rgba(255, 250, 240, 0.09) !important;
    border: 1px solid rgba(214, 177, 87, 0.24) !important;
    color: #fffaf0 !important;
    padding: clamp(22px, 3vw, 34px) !important;
    clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}

body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section article:hover,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-card:hover,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-card:hover,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-feature-card:hover,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section li:hover {
    transform: translateY(-4px) !important;
    background: rgba(214, 177, 87, 0.16) !important;
    border-color: rgba(214, 177, 87, 0.55) !important;
}

/* Card text */
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section article h3,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-card h3,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-card h3,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section li h3 {
    color: #fffaf0 !important;
}

body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section article p,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-card p,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-card p,
body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section li p {
    color: rgba(255, 250, 240, 0.78) !important;
}

/* Responsive */
@media (max-width: 1024px) {
    body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-card-grid,
    body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-card-grid,
    body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-cards,
    body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section > .gwm-home-container {
        width: min(100%, calc(100vw - 28px)) !important;
        padding: 34px 22px !important;
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%) !important;
    }

    body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-card-grid,
    body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-card-grid,
    body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-home-cards,
    body.page-template-page-church .gwm-home-alternating + .gwm-home-card-section.gwm-home-card-section--cream.gwm-parallax-section .gwm-feature-grid {
        grid-template-columns: 1fr !important;
    }
}



