/*
Theme Name: CCPI Church
Author: Raffy Mansueto
Description: A navy and crimson church homepage for Christ Church in Polomolok Inc., with editable details and a G12 discipleship pathway.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ccpi-church
*/
:root{--ccpi-navy:#071b30;--ccpi-deep:#041322;--ccpi-red:#c5093b;--ccpi-ink:#172331;--ccpi-muted:#58616c;--ccpi-soft:#f5f6f8;--ccpi-line:#e4e7eb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ccpi-ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ec9e14;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.04em}h2{font-size:clamp(30px,3vw,44px)}h3{font-size:22px}p{color:var(--ccpi-muted)}.ccpi-wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.ccpi-top{background:var(--ccpi-deep);color:#c5cdd6;font-size:12px;letter-spacing:.03em}.ccpi-top .ccpi-wrap{display:flex;justify-content:space-between;padding-block:10px}.ccpi-top a span{margin-left:14px;color:#ff5279}.ccpi-header{background:var(--ccpi-navy);color:white;border-top:1px solid #ffffff12}.ccpi-navrow{display:flex;align-items:center;justify-content:space-between;min-height:106px;gap:24px}.ccpi-brand{display:inline-flex;flex-shrink:0}.ccpi-logo{position:relative;display:block;width:160px;height:94px;overflow:hidden}.ccpi-logo img{position:absolute;max-width:none;width:322px;height:auto;left:-76px;top:-46px}.ccpi-navigation{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:600}.ccpi-navigation>a:not(.ccpi-btn):hover{color:#ff809c}.ccpi-btn{display:inline-flex;gap:26px;justify-content:center;align-items:center;padding:16px 25px;background:var(--ccpi-red);color:white;font-size:13px;font-weight:700;letter-spacing:.01em;min-height:48px;border:1px solid transparent;transition:background .2s,transform .2s}.ccpi-btn:hover{background:#a80530;transform:translateY(-2px)}.ccpi-btn-small{padding:12px 19px}.ccpi-menu{display:none}.ccpi-hero{min-height:650px;background:var(--ccpi-navy);color:#fff;position:relative;display:flex;align-items:center;isolation:isolate}.ccpi-hero-image,.ccpi-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.ccpi-hero-shade{background:linear-gradient(90deg,#041322e8 0%,#041322b0 40%,#04132216 100%);z-index:-1}.ccpi-hero-content{padding-block:70px 100px}.ccpi-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--ccpi-red);margin-bottom:20px}.ccpi-light{color:#ff7193}.ccpi-hero h1{font-size:clamp(44px,5.1vw,74px);line-height:1.08;white-space:pre-line;max-width:750px;letter-spacing:-.052em}.ccpi-hero-copy{font-size:17px;line-height:1.8;color:#d8e0e8;max-width:470px;margin:25px 0 31px}.ccpi-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.ccpi-text-link{display:inline-flex;align-items:center;gap:20px;color:white;font-size:13px;font-weight:700;min-height:44px}.ccpi-text-link:hover{color:#ff9bb3}.ccpi-hero-signature{display:flex;align-items:center;gap:15px;margin-top:42px;color:#c1cbd4;font-size:11px;letter-spacing:.04em}.ccpi-rule{height:1px;width:38px;background:#da184a}.ccpi-vertical{position:absolute;right:30px;top:40%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.28em;color:#d9dce0}.ccpi-welcome-strip{display:grid;grid-template-columns:1fr 1fr;position:relative;margin-top:-38px;z-index:2;background:white;box-shadow:0 10px 35px #071b300e;border:1px solid var(--ccpi-line)}.ccpi-welcome-strip>a{display:flex;align-items:center;gap:22px;padding:30px 34px}.ccpi-welcome-strip>a+a{border-left:1px solid var(--ccpi-line)}.ccpi-welcome-strip h2{font-size:22px;letter-spacing:-.025em;margin:5px 0 5px}.ccpi-welcome-strip p{font-size:13px}.ccpi-strip-icon{display:grid;place-items:center;background:#fceff3;color:var(--ccpi-red);font-size:30px;width:56px;height:60px;flex-shrink:0}.ccpi-kicker{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--ccpi-muted)}.ccpi-arrow{margin-left:auto;color:var(--ccpi-red);font-size:22px}.ccpi-section{padding:100px 0}.ccpi-about{display:grid;grid-template-columns:.95fr 1fr;gap:90px;align-items:center}.ccpi-about-visual{position:relative;margin-bottom:20px}.ccpi-about-visual>img{width:100%;height:455px;object-fit:cover;object-position:76% center}.ccpi-about-tag{position:absolute;left:-20px;bottom:48px;background:var(--ccpi-red);padding:22px 28px;display:flex;align-items:center;gap:24px;color:white;box-shadow:0 12px 25px #04132225}.ccpi-about-tag>span{font-size:35px}.ccpi-about-tag strong{font-size:19px;line-height:1.4}.ccpi-photo-caption{position:absolute;bottom:-22px;right:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.ccpi-about-copy h2,.ccpi-mission h2{white-space:pre-line}.ccpi-accent{display:block;width:48px;height:3px;background:var(--ccpi-red);margin:25px 0}.ccpi-about-copy>p:not(.ccpi-eyebrow){font-size:15px}.ccpi-values{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:26px 0}.ccpi-circle{width:43px;height:43px;display:grid;place-items:center;color:var(--ccpi-red);background:#fceef2;border-radius:50%;font-size:23px;margin-bottom:15px}.ccpi-values h3{font-size:18px;letter-spacing:-.02em;margin-bottom:10px}.ccpi-values p{font-size:13px}.ccpi-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;font-weight:700;color:var(--ccpi-red);min-height:44px}.ccpi-link:hover{text-decoration:underline}.ccpi-mission{background:var(--ccpi-navy);padding:70px 0;color:white;position:relative;overflow:hidden}.ccpi-mission-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.ccpi-mission p:not(.ccpi-eyebrow){color:#c8d1dc;max-width:520px;margin-top:24px;font-size:15px}.ccpi-mission .ccpi-text-link{margin-top:18px}.ccpi-go{text-align:center;border-left:1px solid #ffffff24;padding-left:40px}.ccpi-go>span{font-size:clamp(115px,15vw,215px);line-height:1;font-weight:900;letter-spacing:-.095em}.ccpi-dot{color:var(--ccpi-red)}.ccpi-go p{font-size:11px!important;letter-spacing:.16em;margin:12px 0!important}.ccpi-go small{font-size:10px;letter-spacing:.22em;color:#c8d1dc}.ccpi-section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:40px}.ccpi-section-heading .ccpi-eyebrow{margin-bottom:14px}.ccpi-section-heading h2{font-size:36px}.ccpi-section-heading>p{font-size:13px;max-width:330px}.ccpi-pathway{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ccpi-line)}.ccpi-pathway article{padding:31px 27px 25px;border-top:3px solid var(--ccpi-red)}.ccpi-pathway article+article{border-left:1px solid var(--ccpi-line)}.ccpi-step{display:block;font-size:36px;letter-spacing:-.05em;color:#c4cbd2;font-weight:700;margin-bottom:24px}.ccpi-pathway h3{font-size:24px;margin-bottom:17px}.ccpi-pathway p{font-size:14px;min-height:70px}.ccpi-path-label{display:block;font-size:9px;letter-spacing:.08em;font-weight:700;color:var(--ccpi-red);margin-top:20px}.ccpi-path-footer{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ccpi-line);padding:17px 0 5px}.ccpi-path-footer p{font-size:13px}.ccpi-soft{background:var(--ccpi-soft)}.ccpi-message-grid,.ccpi-connect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.ccpi-message-card{background:white;border:1px solid var(--ccpi-line);overflow:hidden}.ccpi-scripture-art{padding:35px 32px 30px;min-height:225px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;color:white;background:var(--ccpi-navy)}.ccpi-scripture-art:after{content:"";position:absolute;right:-50px;top:-40px;width:210px;height:310px;border:1px solid #ffffff20;border-radius:50%;transform:rotate(30deg)}.ccpi-scripture-art>span{font-size:10px;letter-spacing:.24em}.ccpi-scripture-art strong{font:italic 72px/1.15 Georgia,serif;letter-spacing:-.055em}.ccpi-scripture-art small{font-size:9px;letter-spacing:.15em;margin-top:24px}.ccpi-art-two{background:#773b49}.ccpi-art-three{background:#a40b33}.ccpi-card-body{padding:26px}.ccpi-card-body .ccpi-eyebrow{font-size:9px;margin-bottom:12px}.ccpi-card-body h3{font-size:21px;line-height:1.3;margin-bottom:13px}.ccpi-card-body>p:not(.ccpi-eyebrow){font-size:13px}.ccpi-card-body details{margin-top:16px}.ccpi-card-body summary{color:var(--ccpi-red);font-weight:700;font-size:12px;cursor:pointer;padding:8px 0}.ccpi-card-body details p{font-size:13px;padding-top:10px}.ccpi-message-card>img,.ccpi-message-card>a>img{display:block;width:100%;height:225px;object-fit:cover}.ccpi-centered{text-align:center;max-width:700px;margin:0 auto 40px}.ccpi-centered .ccpi-eyebrow{margin-bottom:14px}.ccpi-centered>p:last-child{font-size:14px;margin-top:18px}.ccpi-connect-grid article{padding:30px;border:1px solid var(--ccpi-line);border-bottom:3px solid var(--ccpi-red)}.ccpi-connect-grid h3{font-size:22px;margin-bottom:16px}.ccpi-connect-grid p{font-size:14px;margin-bottom:18px}.ccpi-visit{background:var(--ccpi-navy);padding:85px 0;color:white}.ccpi-visit-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.ccpi-visit h2{font-size:52px;line-height:1.15}.ccpi-visit-layout>div>p:not(.ccpi-eyebrow){color:#c7d1db;font-size:15px;max-width:400px;margin:22px 0 30px}.ccpi-visit-card{background:white;color:var(--ccpi-ink);padding:38px}.ccpi-visit-card h3{font-size:25px;line-height:1.3;margin-bottom:22px}.ccpi-visit-card>div{border-top:1px solid var(--ccpi-line);padding:16px 0}.ccpi-visit-card p{font-size:14px}.ccpi-visit-card .ccpi-eyebrow{font-size:10px;margin-bottom:14px}.ccpi-visit-card summary{cursor:pointer;padding:13px 0;font-size:13px;font-weight:700}.ccpi-visit-card details{border-top:1px solid var(--ccpi-line)}.ccpi-visit-card details p{padding-bottom:15px;font-size:13px}.ccpi-contact-note{border-left:2px solid var(--ccpi-red);padding-left:20px;color:#d5dde5!important}.ccpi-footer{background:var(--ccpi-deep);color:white}.ccpi-footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:45px;padding-block:55px 40px}.ccpi-footer h2{font-size:15px;letter-spacing:0;margin:20px 0}.ccpi-footer p{font-size:12px;color:#aebcca}.ccpi-footer-main>div>a:not(.ccpi-brand){display:block;font-size:12px;color:#aebcca;margin:10px 0}.ccpi-footer a:hover{color:white;text-decoration:underline}.ccpi-footer .ccpi-logo{margin-top:-10px;margin-bottom:10px}.ccpi-footer-bottom{border-top:1px solid #ffffff18;display:flex;justify-content:space-between;gap:20px;padding-block:23px}.ccpi-footer-bottom p,.ccpi-footer-bottom a{font-size:10px;color:#aebcca}.ccpi-skip{position:fixed;left:12px;top:-100px;padding:10px 20px;background:white;color:#071b30;z-index:100}.ccpi-skip:focus{top:12px}.ccpi-prose{max-width:800px;margin:auto;padding:70px 30px}.ccpi-prose h1{font-size:44px;margin-bottom:25px}.ccpi-prose p,.ccpi-prose h2,.ccpi-prose h3,.ccpi-prose ul{margin-bottom:22px}.ccpi-prose a{color:var(--ccpi-red);text-decoration:underline}.ccpi-prose img{height:auto}.ccpi-prose .alignwide{max-width:100%}.ccpi-prose article{margin-bottom:45px}
@media(min-width:1700px){.ccpi-hero{min-height:720px}}
@media(max-width:1050px){.ccpi-navigation{gap:16px;font-size:12px}.ccpi-wrap{width:calc(100% - 48px)}.ccpi-about{gap:45px}.ccpi-visit-layout{gap:45px}.ccpi-section-heading{gap:24px}.ccpi-pathway article{padding:25px 19px}.ccpi-navrow{gap:15px}.ccpi-btn-small{padding:12px}.ccpi-footer-main{gap:25px}}
@media(max-width:800px){.ccpi-menu{display:flex;gap:16px;background:none;border:1px solid #ffffff50;color:white;padding:9px 14px;cursor:pointer}.ccpi-navrow{flex-wrap:wrap;min-height:96px;position:relative}.ccpi-navigation{display:none;width:100%;padding:8px 0 22px;flex-direction:column;align-items:stretch;gap:0}.ccpi-navigation.is-open{display:flex}.ccpi-navigation>a{padding:12px;font-size:14px}.ccpi-hero{min-height:600px}.ccpi-hero h1{font-size:56px}.ccpi-hero-shade{background:linear-gradient(90deg,#041322e8,#04132265)}.ccpi-vertical{display:none}.ccpi-welcome-strip>a{padding:25px 20px;gap:13px}.ccpi-strip-icon{display:none}.ccpi-welcome-strip h2{font-size:20px}.ccpi-section{padding:75px 0}.ccpi-about{gap:35px;align-items:start}.ccpi-about-visual>img{height:450px}.ccpi-about-tag{left:-10px;padding:15px;gap:12px}.ccpi-about-tag strong{font-size:15px}.ccpi-values{gap:15px}.ccpi-mission-layout{gap:30px}.ccpi-go{padding-left:25px}.ccpi-go>span{font-size:135px}.ccpi-pathway{grid-template-columns:repeat(2,1fr)}.ccpi-pathway article:nth-child(3){border-left:0}.ccpi-pathway p{min-height:0}.ccpi-section-heading{align-items:start;flex-direction:column}.ccpi-section-heading>p{max-width:none}.ccpi-message-grid{gap:15px}.ccpi-scripture-art{padding:25px 20px;min-height:190px}.ccpi-scripture-art strong{font-size:58px}.ccpi-card-body{padding:20px}.ccpi-connect-grid{gap:15px}.ccpi-connect-grid article{padding:22px}.ccpi-visit-layout{gap:30px}.ccpi-visit-card{padding:26px}.ccpi-visit h2{font-size:43px}.ccpi-footer-main{grid-template-columns:1.3fr 1fr;gap:20px 50px}}
@media(max-width:600px){.ccpi-wrap{width:calc(100% - 40px)}.ccpi-top .ccpi-wrap{justify-content:center;font-size:10px}.ccpi-top a{display:none}.ccpi-hero{min-height:585px}.ccpi-hero-content{padding-block:60px 85px}.ccpi-hero h1{font-size:45px}.ccpi-hero-copy{font-size:15px;max-width:340px}.ccpi-hero-image{object-position:65% center}.ccpi-hero-shade{background:#041322ac}.ccpi-eyebrow{font-size:10px}.ccpi-actions{gap:18px}.ccpi-btn{padding:14px 20px}.ccpi-text-link{font-size:12px;gap:12px}.ccpi-hero-signature{font-size:9px;margin-top:30px;gap:10px}.ccpi-welcome-strip{grid-template-columns:1fr;margin-top:-27px}.ccpi-welcome-strip>a{padding:22px}.ccpi-strip-icon{display:grid;width:45px;height:49px;font-size:25px}.ccpi-welcome-strip>a+a{border-left:0;border-top:1px solid var(--ccpi-line)}.ccpi-welcome-strip h2{font-size:19px}.ccpi-kicker{font-size:9px}.ccpi-welcome-strip p{font-size:12px}.ccpi-section{padding:65px 0}.ccpi-about{grid-template-columns:1fr;gap:50px}.ccpi-about-visual{margin:0 8px}.ccpi-about-visual>img{height:360px}.ccpi-about-tag{left:-8px;bottom:35px;padding:20px}.ccpi-about-tag strong{font-size:19px}.ccpi-about-copy h2{font-size:33px}.ccpi-values{gap:24px}.ccpi-mission{padding:55px 0}.ccpi-mission-layout{grid-template-columns:1fr;gap:30px}.ccpi-mission h2{font-size:33px}.ccpi-go{border-left:0;border-top:1px solid #ffffff24;padding:30px 0 0}.ccpi-go>span{font-size:145px}.ccpi-go p{max-width:none!important}.ccpi-pathway article{padding:22px 16px}.ccpi-pathway h3{font-size:21px}.ccpi-pathway p{font-size:13px}.ccpi-path-label{font-size:8px;letter-spacing:.015em}.ccpi-step{font-size:30px;margin-bottom:18px}.ccpi-section-heading h2{font-size:32px}.ccpi-path-footer{align-items:start;flex-direction:column;gap:4px;padding-top:22px}.ccpi-message-grid,.ccpi-connect-grid{grid-template-columns:1fr;gap:25px}.ccpi-scripture-art{min-height:225px;padding:30px}.ccpi-scripture-art strong{font-size:75px}.ccpi-card-body{padding:25px}.ccpi-connect-grid article{padding:28px}.ccpi-visit{padding:60px 0}.ccpi-visit-layout{grid-template-columns:1fr;gap:32px}.ccpi-visit h2{font-size:43px}.ccpi-footer-main{grid-template-columns:1fr 1fr;gap:22px}.ccpi-footer-main>div:first-child{grid-column:1/-1}.ccpi-footer-main>div:last-child{grid-column:1/-1}.ccpi-footer-bottom{flex-direction:column;gap:8px}.ccpi-footer-bottom p{font-size:9px}.ccpi-photo-caption{font-size:8px}.ccpi-prose h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Photo framing for the supplied church images. */
.ccpi-hero-image{object-position:66% 40%}
.ccpi-about-visual>img{height:auto;aspect-ratio:1600/1066;object-fit:contain;object-position:center}
@media(max-width:600px){.ccpi-hero-image{object-position:66% 40%}.ccpi-about-tag{bottom:28px;padding:12px 18px}.ccpi-about-tag strong{font-size:16px}}