/*
Theme Name: CPPT
Author: PC Helppoint Ltd
Description: A native block-editor theme for the Centre for Pentecostal Public Theology.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: cppt
*/
:root{--green:#2f5d50;--sage:#83a385;--beige:#f2ede5;--ink:#223b33;--line:#ccc4b5}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:18px/1.7 Arial,sans-serif;background:#fff}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13;color:var(--green)}h1{font-size:clamp(42px,5vw,76px)}h2{font-size:clamp(32px,3.5vw,50px)}h3{font-size:28px}a{color:inherit;text-underline-offset:5px}a:hover{color:#954019}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bf4b13;outline-offset:5px}img{max-width:100%;height:auto}p{margin:0 0 1.3em}.site-header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.site-header img{width:170px;display:block}.site-nav ul,.footer-nav ul{list-style:none;display:flex;gap:32px;padding:0;margin:0}.site-nav a{text-decoration:none;font-size:14px;letter-spacing:.1em;text-transform:uppercase}.site-nav .current-menu-item a{border-bottom:2px solid #ff5b22;padding-bottom:8px}.menu-toggle{display:none}.skip-link{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:100}.skip-link:focus{top:10px}.entry-content>.wp-block-group,.page-heading{padding:80px max(6%,calc((100vw - 1180px)/2))}.entry-content>.wp-block-group.hero{padding:72px max(6%,calc((100vw - 1180px)/2));background:var(--beige)}.hero h1{max-width:920px;margin:16px 0 25px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:bold}.hero .wp-block-image{margin:38px 0 -72px}.hero img{width:100%;height:370px;object-fit:cover;display:block}.wp-block-columns{gap:48px}.wp-block-column{min-width:0}.intro{background:var(--beige)}.intro img{height:470px;width:100%;object-fit:cover}.dark{background:var(--green);color:white}.dark h2,.dark h3{color:white}.card{border-top:1px solid var(--line);padding-top:24px}.card h3{margin-top:12px}.number{color:var(--green);font-size:14px;letter-spacing:.15em}.soft{background:var(--beige)}.wp-block-button__link{background:var(--green);color:white;border-radius:0;padding:14px 25px;font-size:15px}.wp-block-buttons{margin-top:28px}.initials{background:#e6ece5;border-radius:50%;width:130px;height:130px;display:flex;align-items:center;justify-content:center;font:38px Georgia,serif;color:var(--green)}.event{border-top:1px solid var(--line);padding:28px 0;margin:20px 0}.event h3{max-width:750px}.page-heading{background:var(--beige)}.page-heading h1{margin:0}.site-footer{background:#203f36;color:#fff;padding:60px 6% 25px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-top p{max-width:360px;font:28px/1.3 Georgia,serif}.footer-nav ul{flex-wrap:wrap;gap:20px;font-size:14px}.footer-bottom{border-top:1px solid #628175;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.contact-details{border-left:3px solid var(--sage);padding-left:28px}.entry-content>p,.entry-content>h2,.entry-content>h3,.entry-content>figure,.entry-content>.wp-block-shortcode{max-width:1180px;margin:35px auto;padding:0 6%}
@media(max-width:760px){body{font-size:16px}.site-header{padding:20px 6%;flex-wrap:wrap}.site-header img{width:140px}.menu-toggle{display:block;background:none;border:1px solid var(--green);padding:10px 15px;color:var(--green)}.site-nav{width:100%}.js .site-nav{display:none}.js .site-nav.open{display:block}.site-nav ul{flex-direction:column;gap:18px;padding:15px 0}.entry-content>.wp-block-group,.page-heading{padding:48px 6%}.entry-content>.wp-block-group.hero{padding:45px 6%}.hero .wp-block-image{margin-bottom:-45px}.hero img{height:240px}.wp-block-columns{gap:30px}.intro img{height:300px}.footer-top,.footer-bottom{flex-direction:column}.footer-top{gap:20px}.footer-nav ul{gap:18px}.footer-bottom{margin-top:28px}}
.dark .wp-block-button__link{background:var(--beige);color:var(--green)}
