/*
Theme Name: CommunityQuote Editable
Theme URI: https://communityquote.com
Author: CommunityQuote
Description: A fully editable block theme for CommunityQuote. The homepage content is created as a normal WordPress page and can be edited under Pages > Home.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: communityquote-editable
*/

:root{
  --cq-blue:#8199b2;
  --cq-blue-dark:#405f7d;
  --cq-orange:#c64f26;
  --cq-charcoal:#151b24;
  --cq-ink:#253246;
  --cq-muted:#617084;
  --cq-bg:#f6f8fb;
  --cq-line:#dfe5eb;
  --cq-white:#fff;
  --cq-radius:20px;
  --cq-shadow:0 22px 58px rgba(20,32,48,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--cq-ink);background:#fff}
a{text-decoration:none}
.wp-site-blocks{overflow:hidden}

/* Header */
.cq-site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,229,235,.85)}
.cq-header-inner{min-height:80px}
.cq-brand .wp-block-site-title{margin:0;font-size:1.28rem;font-weight:800;letter-spacing:-.035em}
.cq-brand .wp-block-site-title a{color:var(--cq-charcoal);display:flex;align-items:center;gap:12px}
.cq-brand .wp-block-site-title a::before{content:"";width:47px;height:47px;display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M79 71c10-10 15-22 15-35C94 17 77 4 52 4S10 17 10 38s17 34 42 34c6 0 11-.7 16-2l17 17-6-16Z' fill='none' stroke='%238199b2' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m35 39 11 11 21-25' fill='none' stroke='%23c64f26' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cq-brand .wp-block-site-title a::after{content:"Quote";color:var(--cq-orange);margin-left:-12px}
.cq-nav .wp-block-navigation-item__content{font-weight:700;color:var(--cq-charcoal)}
.cq-nav .wp-block-navigation-item__content:hover{color:var(--cq-orange)}
.cq-header-cta .wp-block-button__link,.cq-button-primary .wp-block-button__link{background:var(--cq-orange)!important;color:#fff!important;border-radius:999px!important;font-weight:800!important;box-shadow:0 12px 28px rgba(198,79,38,.22);padding:.9rem 1.55rem!important}
.cq-button-secondary .wp-block-button__link{background:#fff!important;color:var(--cq-charcoal)!important;border:1px solid var(--cq-line)!important;border-radius:999px!important;font-weight:800!important;padding:.9rem 1.55rem!important}
.wp-block-button__link{transition:transform .2s ease,box-shadow .2s ease}
.wp-block-button__link:hover{transform:translateY(-2px)}

/* Home */
.cq-hero{padding-top:92px!important;padding-bottom:78px!important;background:radial-gradient(circle at 82% 20%,rgba(129,153,178,.22),transparent 29%),linear-gradient(180deg,#fff 0%,#f7f9fb 100%);border-radius:0 0 28px 28px}
.cq-eyebrow{display:inline-block!important;width:auto!important;padding:7px 13px!important;border-radius:999px;background:rgba(129,153,178,.14);color:var(--cq-blue-dark);font-size:.78rem!important;font-weight:850!important;letter-spacing:.1em;text-transform:uppercase}
.cq-hero-title{margin-top:20px!important;margin-bottom:22px!important;font-size:clamp(3.1rem,6.4vw,5.55rem)!important;line-height:.97!important;letter-spacing:-.07em!important;color:var(--cq-charcoal)}
.cq-accent{color:var(--cq-orange)}
.cq-hero-copy{max-width:680px;color:var(--cq-muted);font-size:1.16rem;line-height:1.65}
.cq-proof{margin-top:26px!important;color:var(--cq-muted);font-size:.9rem}
.cq-proof p{margin:0}
.cq-proof p::before{content:"✓";color:var(--cq-orange);font-weight:900;margin-right:8px}
.cq-process-card{padding:32px!important;border:1px solid rgba(223,229,235,.95);border-radius:28px;background:#fff;box-shadow:var(--cq-shadow)}
.cq-process-card h3{font-size:1.6rem;line-height:1.25;color:var(--cq-charcoal)}
.cq-process-step{padding:16px 0!important;border-top:1px solid var(--cq-line)}
.cq-step-number{width:40px;height:40px;display:grid!important;place-items:center;border-radius:50%;background:var(--cq-orange);color:#fff;font-weight:850;margin:0!important;flex:0 0 auto}
.cq-process-step h4{margin:0 0 3px!important;color:var(--cq-charcoal)}
.cq-process-step .wp-block-paragraph{margin:0;color:var(--cq-muted);font-size:.93rem}
.cq-section{padding-top:90px!important;padding-bottom:90px!important}
.cq-section-alt{background:var(--cq-bg)}
.cq-section-heading{max-width:790px;margin-left:auto!important;margin-right:auto!important;text-align:center}
.cq-section-heading h2{font-size:clamp(2.2rem,4.5vw,3.35rem)!important;line-height:1.06!important;letter-spacing:-.052em!important;color:var(--cq-charcoal);margin-top:12px!important;margin-bottom:17px!important}
.cq-section-heading>p:last-child{color:var(--cq-muted);font-size:1.08rem}
.cq-card{height:100%;padding:30px!important;border:1px solid var(--cq-line);border-radius:var(--cq-radius);background:#fff}
.cq-card-number{display:grid!important;place-items:center;width:52px;height:52px;background:rgba(129,153,178,.15);color:var(--cq-blue-dark);border-radius:15px;font-weight:900;font-size:1.2rem;margin:0 0 20px!important}
.cq-card h3{margin:0 0 8px!important;color:var(--cq-charcoal)}
.cq-card p:last-child{margin-bottom:0;color:var(--cq-muted)}
.cq-audience-card{height:100%;padding:26px 18px!important;border:1px solid var(--cq-line);border-radius:17px;background:#fff;text-align:center;font-weight:800;color:var(--cq-ink)}
.cq-category-wrap{gap:12px!important}
.cq-category{padding:10px 16px!important;border:1px solid var(--cq-line);border-radius:999px;background:#fff;font-weight:700;font-size:.92rem;margin:0!important}
.cq-panel{height:100%;padding:40px!important;border-radius:25px}
.cq-panel-dark{background:var(--cq-charcoal);color:#fff}
.cq-panel-light{background:#eaf0f5;color:var(--cq-ink)}
.cq-panel h2{font-size:2.05rem!important;line-height:1.1!important;margin:12px 0 16px!important}
.cq-panel .cq-eyebrow{background:rgba(129,153,178,.16)}
.cq-panel-dark .cq-eyebrow{color:#7796b4;background:rgba(129,153,178,.12)}
.cq-check-list{padding-left:0!important;list-style:none!important}
.cq-check-list li{margin:11px 0}
.cq-check-list li::before{content:"✓";color:var(--cq-orange);font-weight:900;margin-right:10px}
.cq-cta{padding-top:76px!important;padding-bottom:76px!important;background:linear-gradient(135deg,var(--cq-blue-dark),var(--cq-charcoal));color:#fff}
.cq-cta h2{font-size:clamp(2.1rem,4.5vw,3.35rem)!important;line-height:1.05!important;letter-spacing:-.045em!important;margin:0 0 12px!important}
.cq-cta p{color:rgba(255,255,255,.78)}

/* Footer and general pages */
.cq-site-footer{background:#0e131b;color:rgba(255,255,255,.72);padding-top:31px!important;padding-bottom:31px!important;font-size:.9rem}
.cq-page-main{padding-top:72px!important;padding-bottom:90px!important}
.cq-page-main .wp-block-post-title{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.05em;color:var(--cq-charcoal)}

@media(max-width:900px){
  .cq-hero{padding-top:58px!important}
  .cq-hero .wp-block-columns,.cq-vendor-split,.cq-cta .wp-block-columns{flex-wrap:wrap!important}
  .cq-hero .wp-block-column,.cq-vendor-split>.wp-block-column,.cq-cta .wp-block-column{flex-basis:100%!important}
  .cq-header-inner{min-height:70px}
}
@media(max-width:600px){
  .cq-hero-title{font-size:3.2rem!important}
  .cq-section{padding-top:65px!important;padding-bottom:65px!important}
  .cq-panel{padding:28px!important}
  .cq-brand .wp-block-site-title{font-size:1.05rem}
  .cq-brand .wp-block-site-title a::before{width:40px;height:40px}
  .cq-header-cta{display:none!important}
}
