.elementor-kit-7{--e-global-color-primary:#285043;--e-global-color-secondary:#C15F3C;--e-global-color-text:#23281F;--e-global-color-accent:#A99A83;--e-global-color-kvdark:#223029;--e-global-color-kvdark2:#182119;--e-global-color-kvcream:#F2EFE7;--e-global-color-kvsurface:#FFFFFF;--e-global-color-kvsurface2:#EAE3D5;--e-global-color-kvmuted:#6D6A60;--e-global-color-kvline:#E4DDCE;--e-global-color-kvpine600:#1F4438;--e-global-color-kvpine050:#EDF2EF;--e-global-color-kvterra600:#A94E2F;--e-global-color-kvaccent050:#F7EBE3;--e-global-color-kvftxt:#8C948C;--e-global-color-kvflnk:#B6BCB5;--e-global-color-kvfdim:#7C837C;--e-global-color-kvficon:#C4C9C4;--e-global-color-kvlinestrong:#D6CDB9;--e-global-color-kvbodysoft:#4B463F;--e-global-color-kvpeach:#E7B9A4;--e-global-color-kvwhitesoft:rgba(255,255,255,0.88);--e-global-color-kvwhitetint:rgba(255,255,255,0.12);--e-global-color-kvborderlight:rgba(255,255,255,0.5);--e-global-color-kvborderdark:rgba(35,40,31,0.28);--e-global-color-kvyouth:#6E3FA3;--e-global-color-kvyouthsoft:#CDB4E6;--e-global-color-kvkids:#1F97A4;--e-global-color-kvkids050:#E2F5F7;--e-global-color-kvtweens:#2FB5C4;--e-global-color-kvgold:#E0A33C;--e-global-color-kvgoldsoft:#F0C46B;--e-global-color-kvgolddeep:#C1851F;--e-global-color-kvyouth050:#EFE4F8;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-size:clamp(2.05rem, 6.4vw, 5.4rem);--e-global-typography-primary-font-weight:300;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:0.98em;--e-global-typography-primary-letter-spacing:-0.015em;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-size:clamp(1.9rem, 4.3vw, 3.4rem);--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1em;--e-global-typography-secondary-letter-spacing:-0.012em;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.62em;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-size:0.76rem;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:0.2em;--e-global-typography-kvh3-font-family:"Archivo";--e-global-typography-kvh3-font-size:1.5rem;--e-global-typography-kvh3-font-weight:700;--e-global-typography-kvh3-line-height:1.1em;--e-global-typography-kvbutton-font-family:"Archivo";--e-global-typography-kvbutton-font-size:0.8rem;--e-global-typography-kvbutton-font-weight:700;--e-global-typography-kvbutton-text-transform:uppercase;--e-global-typography-kvbutton-letter-spacing:0.1em;--e-global-typography-kvnav-font-family:"Archivo";--e-global-typography-kvnav-font-size:0.8rem;--e-global-typography-kvnav-font-weight:600;--e-global-typography-kvnav-text-transform:uppercase;--e-global-typography-kvnav-letter-spacing:0.08em;--e-global-typography-kvlead-font-family:"Plus Jakarta Sans";--e-global-typography-kvlead-font-size:clamp(1.1rem, 1.5vw, 1.32rem);--e-global-typography-kvlead-font-weight:400;--e-global-typography-kvlead-line-height:1.55em;--e-global-typography-kvfhead-font-family:"Archivo";--e-global-typography-kvfhead-font-size:0.76rem;--e-global-typography-kvfhead-font-weight:700;--e-global-typography-kvfhead-text-transform:uppercase;--e-global-typography-kvfhead-letter-spacing:0.14em;--e-global-typography-kvfmenu-font-family:"Plus Jakarta Sans";--e-global-typography-kvfmenu-font-size:0.95rem;--e-global-typography-kvfmenu-font-weight:500;--e-global-typography-198a657-font-family:"Archivo";--e-global-typography-198a657-font-size:clamp(2.1rem, 4.2vw, 3.1rem);--e-global-typography-198a657-font-weight:800;--e-global-typography-198a657-text-transform:uppercase;--e-global-typography-198a657-line-height:1.05em;--e-global-typography-kvcardbody-font-size:0.96rem;--e-global-typography-kvcardbody-line-height:1.62em;--e-global-typography-kvemoji-font-family:"Plus Jakarta Sans";--e-global-typography-kvemoji-font-size:1.55rem;--e-global-typography-kvemoji-line-height:1em;--e-global-typography-kvtextlink-font-size:0.78rem;--e-global-typography-kvtextlink-font-weight:700;--e-global-typography-kvcardtitle-font-family:"Archivo";--e-global-typography-kvcardtitle-font-size:27px;--e-global-typography-kvcardtitle-font-weight:800;--e-global-typography-kvcardtitle-text-transform:uppercase;--e-global-typography-kvcardtitle-line-height:1em;--e-global-typography-kvcardtitle-letter-spacing:-0.01em;--e-global-typography-kvstepnum-font-family:"Archivo";--e-global-typography-kvstepnum-font-size:2.8rem;--e-global-typography-kvstepnum-font-weight:800;--e-global-typography-kvstepnum-line-height:1em;--e-global-typography-kvnote-font-size:0.82rem;--e-global-typography-kvnote-line-height:1.62em;--e-global-typography-kvrole-font-family:"Archivo";--e-global-typography-kvrole-font-size:0.78rem;--e-global-typography-kvrole-font-weight:600;--e-global-typography-kvrole-text-transform:uppercase;--e-global-typography-kvrole-line-height:1.4em;--e-global-typography-kvrole-letter-spacing:0.06em;--e-global-typography-kvh4-font-family:"Archivo";--e-global-typography-kvh4-font-size:1rem;--e-global-typography-kvh4-font-weight:700;--e-global-typography-kvh4-line-height:1.35em;--e-global-typography-kvstatement-font-family:"Archivo";--e-global-typography-kvstatement-font-size:1.45rem;--e-global-typography-kvstatement-font-weight:300;--e-global-typography-kvstatement-text-transform:uppercase;--e-global-typography-kvstatement-line-height:1.4em;--e-global-typography-kvstatement-letter-spacing:0.01em;color:#25291F;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:400;line-height:1.62em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#223029;font-family:"Archivo", Sans-serif;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:1.1rem 1.8rem 1.1rem 1.8rem;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#285043;color:#FFFFFF;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#285043;}.elementor-kit-7 a:hover{color:#1F4438;}.elementor-kit-7 h1{font-family:"Archivo", Sans-serif;font-size:clamp(2.05rem, 6.4vw, 5.4rem);font-weight:800;text-transform:uppercase;line-height:0.98em;letter-spacing:-0.015em;}.elementor-kit-7 h2{font-family:"Archivo", Sans-serif;font-size:clamp(1.9rem, 4.3vw, 3.4rem);font-weight:800;text-transform:uppercase;line-height:1em;letter-spacing:-0.012em;}.elementor-kit-7 h3{font-family:"Archivo", Sans-serif;font-size:1.5rem;font-weight:700;line-height:1.1em;}.elementor-kit-7 h4{font-family:"Archivo", Sans-serif;font-size:1.25rem;font-weight:700;}.elementor-kit-7 h5{font-family:"Archivo", Sans-serif;font-size:1.1rem;font-weight:700;}.elementor-kit-7 h6{font-family:"Archivo", Sans-serif;font-size:1rem;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1220px;}.e-con{--container-max-width:1220px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-kvcardtitle-font-size:23px;--e-global-typography-kvstatement-font-size:1.3rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-kvcardtitle-font-size:21px;--e-global-typography-kvstatement-font-size:1.15rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Kingsview GLOBAL custom CSS — lives in Kit 7 (Site Settings → Custom CSS), loads site-wide. Page-level custom_css is now EMPTY everywhere; only truly non-native things live here. All .elementor-kit-7s are class-scoped (kv-*) so header/footer templates are unaffected. */ /* wordmark keyword: light base comes from the global H1/H2 (weight 300); only the inline / heavy keyword needs CSS (not natively stylable) */ .kv-wordmark .elementor-heading-title strong, .kv-wordmark .elementor-heading-title b{font-weight:900;font-style:normal} .kv-wordmark .elementor-heading-title em{font-weight:900;font-style:normal;color:var(--e-global-color-secondary)} /* 2026-07-21 globals audit (Matt): kv-pill*, kv-ovbtn, kv-emoji font, card-image width, and kv-gr-ccnote rules all moved to NATIVE widget controls + globals (pill/chip = inline width + align-self + background/padding/radius on the widget; emoji family lives in the kvemoji global now). Classes left on widgets are inert markers. */ /* eyebrow leading rule (a heading can't carry a leading hairline natively) */ .kv-eyebrow .elementor-heading-title::before{content:"";display:inline-block;width:1.7rem;height:2px;margin-right:.6rem;vertical-align:middle;background:currentColor} /* V3 has a global *{margin:0} reset; Elementor 4.x keeps the theme's

margins in text-editor widgets. Scoped to page documents so the header/footer templates keep their tuned spacing. :where() keeps this at (0,1,1) specificity so the widget's own Paragraph Spacing control (0,3,1) can override it - the earlier bare .elementor-kit-7 was (0,4,1) and silently swallowed the control (Matt 2026-07-21). Multi-paragraph widgets get a readable default gap; single-paragraph layouts (gap-driven rhythm) are untouched. */ :where(.elementor:not(.elementor-location-header):not(.elementor-location-footer)) .elementor-widget-text-editor p{margin-block:0} :where(.elementor:not(.elementor-location-header):not(.elementor-location-footer)) .elementor-widget-text-editor p+p{margin-block-start:.9em} /* photo aspect helpers (containers have no native aspect-ratio control; only where stretch can't work) */ .kv-media-16x9{aspect-ratio:16/9} .kv-media-4x5{aspect-ratio:4/5} .kv-hero-media{aspect-ratio:21/9} @media (max-width:720px){.kv-hero-media{aspect-ratio:4/4.5}} /* rule-eyebrow flex hairline + hero overlap card (Home) */ .kv-rule-line{flex:1 1 0;align-self:center;height:1px;min-width:2rem;} @media (min-width:720px){ .kv-hero-card{width:auto;} } .kv-hero-card .elementor-button{white-space:nowrap} /* text badges rendered on headings (native heading has no background) */ /* dashed placeholder block: tag badge + strong color (inline spans aren't natively stylable) */ .kv-placeholder-box strong{color:var(--e-global-color-text);display:inline-flex;align-items:center;gap:.45rem} .kv-ph-tag{font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--e-global-color-secondary);color:#fff;padding:.18rem .5rem;border-radius:6px} /* decorative mountain watermarks (offset/sized bg pseudo-elements) */ .kv-cta-band{position:relative;overflow:hidden} .kv-cta-band::after{content:"";position:absolute;right:-50px;bottom:-60px;width:300px;height:300px;background:url("https://kingsviewchurch.com/wp-content/uploads/2026/07/kingsview-icon-white.webp") center/contain no-repeat;opacity:.08;pointer-events:none;z-index:0} .kv-cta-band--accent::after{opacity:.14} .kv-cta-band > *{position:relative;z-index:1} /* staff initials placeholder — corner icon watermark */ .kv-portrait-ph{position:relative} .kv-portrait-ph::after{content:"";position:absolute;right:10px;bottom:10px;width:44px;height:44px;background:url("https://kingsviewchurch.com/wp-content/uploads/2026/07/kingsview-icon-white.webp") center/contain no-repeat;opacity:.32;pointer-events:none} /* icon-list checklists (single-widget check rows; chip look has no native control). Circle chip per Matt 2026-07-03 (V3 spec'd a 7px-radius square). Explicit svg/i size + margin:auto centering -- Elementor's em-fallback sizing and justify-content misplace the inline SVG across browsers. */ .elementor-widget-icon-list.kv-checklist .elementor-icon-list-icon{position:relative;background:var(--e-global-color-kvpine050);border-radius:50%;width:24px;height:24px;min-width:24px;flex:0 0 24px;margin-top:2px} .elementor-widget-icon-list.kv-checklist .elementor-icon-list-icon svg, .elementor-widget-icon-list.kv-checklist .elementor-icon-list-icon i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px!important;height:12px!important;margin:0!important;font-size:12px;line-height:1} /* CP Sermons (cp-library) — plugin CSS variables mapped to the kit (the plugin's official theming path); light component accents only, plugin structure/UX unchanged */ body{--cp-color-brand-primary:var(--e-global-color-primary);--cp-color-ui-primary:var(--e-global-color-kvdark);--cp-color-ui-secondary:var(--e-global-color-kvmuted);--cp-color-text-primary:var(--e-global-color-text);--cp-color-text-secondary:var(--e-global-color-kvmuted);--cp-color-text-tertiary:var(--e-global-color-kvmuted);--cp-color-text-link:var(--e-global-color-kvpine600);--cpl-color--primary:var(--e-global-color-primary);--cp-font-family--base:var(--e-global-typography-text-font-family),sans-serif;--cp-font-family--header:var(--e-global-typography-primary-font-family),sans-serif;--cp-border-radius-sm:14px;--cp-border-radius:24px;--cp-border-radius-lg:30px;--cp-button--bg:var(--e-global-color-kvdark);--cp-button--bg--hover:var(--e-global-color-primary);--cp-button--color:#fff;--cp-button--color--hover:#fff;--cp-button--border-color:var(--e-global-color-kvdark);--cp-button--border-color--hover:var(--e-global-color-primary);--cp-button--border-radius:12px;--cp-content-width:1220px} .cpl-button{font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem} .cpl-list-item{background:var(--e-global-color-kvsurface);border:1px solid var(--e-global-color-kvline);border-radius:24px;box-shadow:0 2px 12px rgba(30,40,34,.06);overflow:hidden} /* the plugin rounds the thumb BOX but pads the img inside it — round the img itself */ .cpl-list-item--thumb img{border-radius:10px} /* the "Read" (sermon notes) control added by the KV Sermon Notes snippet is an , because it links to a PDF rather than driving the player like Watch/Listen. On desktop those siblings get their pill from the KIT's global `button` element rule (which out-ranks the plugin's own outlined variant — that is why Watch and Listen both render dark), and an anchor matches none of it. Mirror those declarations here; the phone block further down then restyles all three into round chips. */ .cpl-list-item .cpl-list-item--actions .cpl-list-item--actions--buttons a.cpl-button{padding:1.1rem 1.8rem;border-radius:12px;background:var(--e-global-color-kvdark);border:1px solid var(--e-global-color-kvmuted);color:var(--e-global-color-kvsurface);text-decoration:none} .cpl-list-item .cpl-list-item--actions .cpl-list-item--actions--buttons a.cpl-button:hover{background:var(--e-global-color-primary);color:var(--e-global-color-kvsurface)} /* between phone and desktop the plugin stacks the buttons full-width with no vertical padding — again `button`-only, so the Read anchor would tower over its siblings */ @media(max-width:879.98px){ .cpl-list-item .cpl-list-item--actions .cpl-list-item--actions--buttons a.cpl-button{width:100%;padding:0 calc(var(--cpl-list-item-gap)/2)} } .cpl-meta,.cpl-info{font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--e-global-color-kvmuted)} .cpl-single-type--back a,.cpl-single--back a,.cpl-single-item--back a{color:var(--e-global-color-kvterra600)} /* embedded archive on /watch/ — the Elementor section supplies the heading */ .kv-cpl-embed .cpl-archive--header .page-title{display:none} /* --- CP archives: designed pass (filter/search + standalone /series/ + /messages/) --- */ /* filter toggle = kv dark button; hidden when the context has no facets (disabled) */ .cpl-filter--toggle--button.cpl-button{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;background:var(--e-global-color-kvdark);color:#fff!important;border-radius:12px} .cpl-filter--toggle--button.cpl-button:hover{background:var(--e-global-color-primary)} .cpl-filter--toggle--button.disabled{display:none!important} .cpl-filter--toggle--button .material-icons-outlined{font-size:18px} /* search: clean kv field (their default crams a dark square button into a pill) */ .cpl-filter--search--box{display:flex;align-items:center;flex-direction:row-reverse;background:var(--e-global-color-kvsurface);border:1.5px solid var(--e-global-color-kvline);border-radius:12px;height:48px;padding:0 10px;min-width:300px} .cpl-filter--search--box .cpl-search-submit{background:transparent;border:0;padding:0 4px;display:flex;align-items:center;cursor:pointer} .cpl-filter--search--box .cpl-search-submit .material-icons-outlined{color:var(--e-global-color-kvmuted);font-size:20px} .cpl-filter--search--box input[type=text]{border:0;outline:0;background:transparent;height:100%;width:100%;font-family:var(--e-global-typography-text-font-family),sans-serif;font-size:.95rem;color:var(--e-global-color-text);padding:0 8px} /* /watch/ embed: the Elementor section supplies the head — hide the app's own header entirely */ .kv-cpl-embed .cpl-archive--header{display:none} /* standalone archives + singles: cream canvas (kills the white strips) + dark hero band */ body[class*="post-type-archive-cpl"],body[class*="tax-cpl_"],body.single-cpl_item_type,body.single-cpl_item{background:var(--e-global-color-kvcream)} /* the dark bands sit flush under the site header, like the Elementor page heroes */ main.cp-pg-template{margin-top:0} /* --kv-cp-gutter: viewport-left offset of the plugin's centered content column (width:min(--cp-content-width,90vw) desktop; 100vw - --cp-content-padding mobile), so full-bleed band text lines up with the list content below it */ main.cp-pg-template{--kv-cp-gutter:calc(50vw - min(var(--cp-content-width,1220px)/2,45vw))} @media(max-width:879.98px){main.cp-pg-template{--kv-cp-gutter:calc(var(--cp-content-padding,2rem)/2)}} body[class*="post-type-archive-cpl"] .cpl-archive--header,body[class*="tax-cpl_"] .cpl-archive--header{margin:0 calc(50% - 50vw) 3.5rem;padding:5.5rem var(--kv-cp-gutter,44px);display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;background:linear-gradient(rgba(34,48,41,.94),rgba(34,48,41,.94)),url("https://kingsviewchurch.com/wp-content/uploads/2026/07/Circle-Logo-White-Cropped-V1-1.webp") right -80px center/auto 160% no-repeat,var(--e-global-color-kvdark)} @media(max-width:879.98px){body[class*="post-type-archive-cpl"] .cpl-archive--header,body[class*="tax-cpl_"] .cpl-archive--header{padding-top:3.5rem;padding-bottom:3.5rem;margin-bottom:2.5rem}} body[class*="post-type-archive-cpl"] .cpl-archive--header .page-title,body[class*="tax-cpl_"] .cpl-archive--header .page-title{margin:0;color:var(--e-global-color-kvsurface);font-weight:800} .cpl-archive--item-switcher{display:inline-flex;align-items:center;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--e-global-color-kvsurface)!important;text-decoration:none;border:1.5px solid rgba(255,255,255,.5);border-radius:12px;padding:.78rem 1.2rem;transition:background .18s} .cpl-archive--item-switcher:hover{background:rgba(255,255,255,.12)} /* series grid: V3 cards (3/2/1 columns) */ .cpl-archive--item-type .cpl-archive--list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} @media(max-width:1024px){.cpl-archive--item-type .cpl-archive--list{grid-template-columns:repeat(2,1fr)}} @media(max-width:767px){.cpl-archive--item-type .cpl-archive--list{grid-template-columns:1fr}} .cpl-list-type{background:var(--e-global-color-kvsurface);border:1px solid var(--e-global-color-kvline);border-radius:24px;overflow:hidden;box-shadow:0 2px 12px rgba(30,40,34,.06);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s;cursor:pointer;height:100%} .cpl-list-type:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 28px 64px rgba(24,34,28,.22)} .cpl-list-type--thumb--canvas img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover} .cpl-list-type--details{padding:20px 24px 24px} .cpl-list-type--title{margin:0;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:-.005em} .cpl-list-type--title a{color:var(--e-global-color-kvdark);text-decoration:none} /* the plugin caps its search wrapper at 12rem and clips — widen the wrapper itself */ .cpl-filter--search{max-width:340px!important;flex:0 0 auto!important;overflow:visible} /* series cards: title area fills the card (kills the plugin's gray strip + stranded white gap) */ .cpl-list-type{display:flex;flex-direction:column} .cpl-list-type--details{background:transparent;flex:1} /* --- CP singles (series overview + message page): dark hero band treatment --- */ /* quiet text link (Matt 2026-07-04: must not read as another eyebrow) — soft white, sentence case, body font; arrow nudges left on hover */ .cpl-single-type--back,.cpl-single--back{display:block;background:var(--e-global-color-kvdark);margin:0 calc(50% - 50vw);padding:2.5rem var(--kv-cp-gutter,44px) 0;color:rgba(255,255,255,.68)!important;font-family:var(--e-global-typography-text-font-family),sans-serif;font-weight:600;font-size:.92rem;letter-spacing:0;text-transform:none;text-decoration:none!important;transition:color .18s} .cpl-single-type--back:before,.cpl-single--back:before{display:inline-block;transition:transform .18s} .cpl-single-type--back:hover,.cpl-single--back:hover{color:#fff!important} .cpl-single-type--back:hover:before,.cpl-single--back:hover:before{transform:translateX(-3px)} /* standalone message view (seriesless fallback): band flows into the footer, no dead gap */ body.single-cpl_item .cpl-single-item{margin-bottom:0} body.single-cpl_item .cpl-pg-template{padding-bottom:0;margin-bottom:0} .cpl-single-type--container,.cpl-single-item{margin:0 calc(50% - 50vw) 3.5rem;padding:2.25rem var(--kv-cp-gutter,44px) 5rem;background:linear-gradient(rgba(34,48,41,.94),rgba(34,48,41,.94)),url("https://kingsviewchurch.com/wp-content/uploads/2026/07/Circle-Logo-White-Cropped-V1-1.webp") right -80px center/auto 160% no-repeat,var(--e-global-color-kvdark)} /* series overview band layout */ .cpl-single-type--container{display:flex;gap:48px;align-items:center;flex-wrap:wrap} .cpl-single-type--media{flex:0 1 46%;min-width:300px} .cpl-single-type--media img{display:block;width:100%;border-radius:24px;box-shadow:0 36px 80px rgba(24,34,28,.16)} .cpl-single-type--content{flex:1 1 300px} .cpl-single-type--title,.cpl-single-type--title h1{color:var(--e-global-color-kvsurface);margin:0} .cpl-single-type--desc{color:var(--e-global-color-kvsurface2)} .cpl-single-type--container .cpl-meta,.cpl-single-type--container .cpl-meta a{color:var(--e-global-color-kvpeach)} /* message band layout */ .cpl-single-item .cpl-columns{display:flex;gap:48px;align-items:flex-start;flex-wrap:wrap} .cpl-single-item--details{flex:1 1 360px;color:var(--e-global-color-kvsurface2)} .cpl-single-item--media{flex:1 1 460px} .cpl-single-item--media img,.cpl-single-item--media iframe,.cpl-single-item--media video{display:block;width:100%;border-radius:24px} .cpl-single-item--details h1,.cpl-single-item--title,.cpl-single-item--title h1{color:var(--e-global-color-kvsurface);margin-top:0} /* band declutter (Matt 2026-07-04): the title names the passage — drop the scripture chip from the band meta (stays in the list cards + info row), and size the title below full page-hero scale */ .cpl-single-item .cpl-meta--scripture{display:none} .cpl-single-item--details h1{font-size:clamp(2.1rem,4.2vw,3.1rem);line-height:1.08;margin-bottom:.35em} .cpl-single-item .cpl-meta,.cpl-single-item .cpl-info,.cpl-single-item .cpl-meta a,.cpl-single-item .cpl-info a{color:var(--e-global-color-kvpeach)} .cpl-single-item .cpl-button{background:var(--e-global-color-kvsurface)!important;color:var(--e-global-color-kvdark)!important;border-color:var(--e-global-color-kvsurface)!important} .cpl-single-item .cpl-button:hover{background:var(--e-global-color-secondary)!important;color:#fff!important} /* the message list below both singles */ .cpl-single-type--items-title{font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.01em;text-transform:uppercase;color:var(--e-global-color-kvdark);margin:0 0 24px} /* pagination chips (singles + archives); the plugin also sets a 32px flex gap on the row itself — tightened to 8px (chips carry no margin so the gap is the only spacing) */ .cp-pg-template .pagination,.cp-pg-template .nav-links,.cpl-pg-template .pagination{gap:8px} .pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;margin:0;background:var(--e-global-color-kvsurface);border:1px solid var(--e-global-color-kvline);border-radius:10px;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:700;font-size:.85rem;color:var(--e-global-color-kvdark);text-decoration:none;text-transform:uppercase} .pagination .page-numbers.current{background:var(--e-global-color-kvdark);color:#fff;border-color:var(--e-global-color-kvdark)} .pagination .page-numbers:hover:not(.current){border-color:var(--e-global-color-kvdark)} .cpl-single-type--items--pagination{margin-top:32px} /* tighter desktop list rhythm (Matt 2026-07-04): the plugin spaces list cards 32px apart */ @media(min-width:880px){.cpl-list-item{margin-top:18px}} /* nested-accordion open item reads as ONE card (Matt 2026-07-05): the widget rounds and borders the title on its own, so the open state showed two stacked boxes; square the open title's bottom and continue the card border around the content instead */ .elementor-widget-n-accordion details[open] > .e-n-accordion-item-title{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0} .elementor-widget-n-accordion details[open] > .e-con{border:1px solid var(--e-global-color-kvline);border-top:0;border-radius:0 0 16px 16px;margin-top:-1px} /* subscribe strip below the message band (printed by the kv-cp-subscribe ASE snippet; sits in the band's 3.5rem bottom-margin gap, above "Messages: N") */ .kv-subscribe-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-1.25rem 0 2.5rem} .kv-subscribe-label{font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--e-global-color-kvmuted);margin-right:4px} .kv-sub-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;background:var(--e-global-color-kvsurface);border:1px solid var(--e-global-color-kvline);border-radius:12px;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--e-global-color-kvdark)!important;text-decoration:none!important;transition:border-color .18s,transform .18s} .kv-sub-chip:hover{border-color:var(--e-global-color-kvdark);transform:translateY(-2px)} .kv-sub-chip svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto} .kv-sub-chip--yt svg{fill:#FF0000} .kv-sub-chip--sp svg{fill:#1DB954} .kv-sub-chip--ap svg{fill:#8E4EC6} /* --- CP media player (2026-07-04): the theme applies the kit's global button style to raw