/*
Theme Name: Webster Groves Rotary Child
Theme URI: https://rotary.acumenmanageditservices.com/
Description: A Gutenberg-first public demonstration child theme for GeneratePress.
Author: Acumen Managed IT Services
Template: generatepress
Version: 0.3.0
Requires PHP: 8.0
Text Domain: webster-groves-rotary
*/

:root { --rotary-blue:#17458f; --rotary-gold:#f7a81b; --rotary-grass:#009739; --rotary-ink:#23303d; --rotary-paper:#fffdf8; --rotary-cream:#f4eee3; --rotary-mist:#e9eff4; --rotary-white:#fff; --rotary-radius:1.25rem; --rotary-shadow:0 1rem 2.5rem rgba(23,69,143,.12); }
html { scroll-behavior:smooth; }
body { color:var(--rotary-ink); background:var(--rotary-paper); font-family:"Open Sans",Arial,sans-serif; font-size:18px; line-height:1.65; }
h1,h2,h3,h4,.rotary-wordmark { color:var(--rotary-blue); font-family:Georgia,"Times New Roman",serif; line-height:1.12; }
h1 { font-size:clamp(2.45rem,5vw,5.35rem); } h2 { font-size:clamp(2rem,3.6vw,3.35rem); } h3 { font-size:clamp(1.35rem,2.5vw,1.8rem); }
a { color:var(--rotary-blue); text-underline-offset:.16em; } a:hover { color:#0d3470; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid var(--rotary-gold); outline-offset:3px; }
.screen-reader-text:focus { background:var(--rotary-white); color:var(--rotary-ink); padding:1rem; z-index:10001; }
.site.grid-container { max-width:100%; } body .site-content { display:block; padding:0; } body .content-area { float:none; width:100%; } body .main-navigation { display:none; } .inside-article { padding:0; background:transparent; }
.rotary-shell { width:min(1180px,calc(100% - 2.5rem)); margin:auto; }
.rotary-eyebrow { display:block; margin:0 0 .65rem; color:var(--rotary-grass); font-size:.8rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.rotary-button,.wp-block-button__link { display:inline-block; border:2px solid var(--rotary-blue); border-radius:999px; padding:.72rem 1.25rem; background:var(--rotary-blue); color:var(--rotary-white); font-weight:800; text-decoration:none; transition:transform .18s ease,background .18s ease; }
.rotary-button:hover,.wp-block-button__link:hover { background:#0d3470; color:var(--rotary-white); transform:translateY(-2px); }.rotary-button--gold { border-color:var(--rotary-gold); background:var(--rotary-gold); color:#172534; }.rotary-button--outline { background:transparent; color:var(--rotary-blue); }.rotary-button--outline:hover { background:var(--rotary-blue); }
.rotary-utility { background:var(--rotary-blue); color:var(--rotary-white); font-size:.83rem; }.rotary-utility .rotary-shell { display:flex; justify-content:space-between; gap:1rem; padding:.5rem 0; }.rotary-utility a { color:var(--rotary-white); }
.rotary-header { background:var(--rotary-white); box-shadow:0 2px 12px rgba(20,47,78,.08); }.rotary-header__inner { display:flex; align-items:center; justify-content:space-between; min-height:92px; gap:1.5rem; }.rotary-brand { display:flex; align-items:center; gap:.85rem; color:var(--rotary-blue); text-decoration:none; }.rotary-brand__mark { display:grid; place-items:center; width:47px; height:47px; border:4px solid var(--rotary-gold); border-radius:50%; color:var(--rotary-blue); font:700 1.1rem Georgia,serif; }.rotary-brand__name { display:block; font:700 1.32rem Georgia,serif; line-height:1.05; }.rotary-brand__place { display:block; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.rotary-nav ul { display:flex; align-items:center; gap:.35rem; margin:0; padding:0; list-style:none; }.rotary-nav a { display:block; padding:.55rem .7rem; color:var(--rotary-ink); font-size:.9rem; font-weight:800; text-decoration:none; }.rotary-nav a:hover,.rotary-nav .current-menu-item>a { color:var(--rotary-blue); }.rotary-menu-toggle { display:none; border:0; background:var(--rotary-blue); color:var(--rotary-white); padding:.6rem .8rem; font-weight:700; }
.rotary-hero { position:relative; overflow:hidden; padding:clamp(4rem,10vw,8rem) 0; background:linear-gradient(112deg,rgba(10,45,90,.96) 0%,rgba(23,69,143,.86) 53%,rgba(0,151,57,.72)),var(--rotary-blue); color:var(--rotary-white); }.rotary-hero:after { content:""; position:absolute; right:-12vw; bottom:-18vw; width:52vw; height:52vw; border:clamp(18px,4vw,54px) solid rgba(247,168,27,.35); border-radius:50%; }.rotary-hero__content { position:relative; z-index:1; max-width:760px; }.rotary-hero h1 { color:var(--rotary-white); margin:.1em 0 .35em; }.rotary-hero p { max-width:650px; font-size:clamp(1.12rem,2vw,1.35rem); }.rotary-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.6rem; }
.rotary-hero--stories { padding:0; background:var(--rotary-blue); }.rotary-hero--stories:after { z-index:1; pointer-events:none; }.rotary-hero__slides { min-height:clamp(34rem,58vw,47rem); }.rotary-hero__slide { display:flex; align-items:center; box-sizing:border-box; min-height:clamp(34rem,58vw,47rem); padding:clamp(4rem,10vw,8rem) 0; background:linear-gradient(112deg,rgba(10,45,90,.96) 0%,rgba(23,69,143,.86) 53%,rgba(0,151,57,.72)),var(--rotary-blue); background-position:center; background-size:cover; color:var(--rotary-white); }.rotary-hero__slide[hidden] { display:none; }.rotary-hero__slide.no-image { background:linear-gradient(112deg,rgba(10,45,90,.98) 0%,rgba(23,69,143,.91) 53%,rgba(0,151,57,.78)),var(--rotary-blue); }.rotary-hero__eyebrow { color:var(--rotary-gold); }.rotary-slider__controls { position:absolute; z-index:2; right:0; bottom:1.35rem; left:0; display:flex; align-items:center; justify-content:flex-end; gap:.55rem; }.rotary-slider__button,.rotary-slider__pause,.rotary-slider__dot { border:0; color:var(--rotary-white); font:700 .82rem "Open Sans",Arial,sans-serif; }.rotary-slider__button,.rotary-slider__pause { border-radius:999px; padding:.55rem .8rem; background:rgba(10,35,70,.78); }.rotary-slider__button:hover,.rotary-slider__pause:hover { background:var(--rotary-blue); }.rotary-slider__dots { display:flex; align-items:center; gap:.4rem; padding:.4rem .5rem; border-radius:999px; background:rgba(10,35,70,.72); }.rotary-slider__dot { width:.76rem; height:.76rem; padding:0; border:2px solid var(--rotary-white); border-radius:50%; background:transparent; }.rotary-slider__dot[aria-current="true"] { background:var(--rotary-gold); border-color:var(--rotary-gold); }.rotary-slider__button:focus-visible,.rotary-slider__pause:focus-visible,.rotary-slider__dot:focus-visible { outline-color:var(--rotary-gold); background:var(--rotary-blue); }
.rotary-section { padding:clamp(3.75rem,8vw,6.5rem) 0; }.rotary-section--cream { background:var(--rotary-cream); }.rotary-section--mist { background:var(--rotary-mist); }.rotary-section__heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }.rotary-section__heading h2 { margin:0; }.rotary-section__heading p { max-width:580px; margin:0; }
.rotary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.35rem; }.rotary-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }.rotary-card { overflow:hidden; border-radius:var(--rotary-radius); background:var(--rotary-white); box-shadow:var(--rotary-shadow); }.rotary-card__image { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }.rotary-card__body { padding:1.45rem; }.rotary-card h3 { margin:.1rem 0 .6rem; }.rotary-card p { margin:.45rem 0 1rem; }.rotary-card__meta { color:#516171; font-size:.88rem; font-weight:700; }
.rotary-date { display:grid; place-items:center; width:65px; min-width:65px; height:72px; border-radius:.8rem; background:var(--rotary-gold); color:#172534; text-align:center; font-weight:900; line-height:1.08; }.rotary-date small { display:block; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }.rotary-event { display:flex; gap:1rem; align-items:flex-start; padding:1.2rem; border-bottom:1px solid #dde4e8; }.rotary-event:last-child { border:0; }.rotary-event h3 { font-size:1.3rem; margin:0; }.rotary-event p { margin:.25rem 0; font-size:.95rem; }
.rotary-impact { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(255,255,255,.25); }.rotary-impact__item { padding:1.7rem; background:var(--rotary-blue); color:var(--rotary-white); }.rotary-impact__number { display:block; color:var(--rotary-gold); font:700 clamp(2rem,4vw,3.6rem) Georgia,serif; }.rotary-impact__label { font-size:.95rem; font-weight:700; }
.rotary-page-hero { padding:4.5rem 0 3.5rem; background:var(--rotary-mist); }.rotary-page-hero h1 { margin:.05em 0 .35em; }.rotary-page-hero p { max-width:690px; font-size:1.16rem; }.rotary-content { width:min(900px,calc(100% - 2.5rem)); margin:0 auto; padding:4rem 0 5rem; }.rotary-content > * + * { margin-top:1.3rem; }.rotary-content img { height:auto; border-radius:var(--rotary-radius); }.rotary-archive { padding:3rem 0 5rem; }
.rotary-resource-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin:2rem 0; }.rotary-resource-grid .rotary-card { display:flex; flex-direction:column; }.rotary-resource-grid h2 { margin:.1rem 0 .6rem; font-size:clamp(1.45rem,2.6vw,2rem); }.rotary-resource-grid p:last-child { margin-top:auto; }.rotary-content .rotary-callout { margin-top:2.5rem; }
.rotary-directory-intro { padding-bottom:2rem; }.rotary-directory-index { display:flex; align-items:center; gap:1rem 1.4rem; padding:1.15rem 1.35rem; border-radius:var(--rotary-radius); background:var(--rotary-mist); }.rotary-directory-index strong { white-space:nowrap; color:var(--rotary-blue); }.rotary-directory-index ul { display:flex; flex-wrap:wrap; gap:.45rem; margin:0; padding:0; list-style:none; }.rotary-directory-index a { display:block; border:1px solid rgba(23,69,143,.3); border-radius:999px; padding:.35rem .7rem; background:var(--rotary-white); font-size:.82rem; font-weight:800; text-decoration:none; }.rotary-business-directory { padding:2.5rem 0 5rem; }.rotary-directory-group + .rotary-directory-group { margin-top:3.4rem; }.rotary-directory-group h2 { margin-bottom:1.25rem; }.rotary-business-card { display:flex; flex-direction:column; }.rotary-business-card .rotary-card__body { display:flex; flex:1; flex-direction:column; }.rotary-business-card .rotary-card__body > a:last-child { margin-top:auto; }.rotary-business-mark { display:grid; place-items:center; aspect-ratio:16/7; background:linear-gradient(125deg,var(--rotary-blue),#0d3470 60%,var(--rotary-grass)); color:var(--rotary-white); text-decoration:none; }.rotary-business-mark span { display:grid; place-items:center; width:4.5rem; height:4.5rem; border:4px solid var(--rotary-gold); border-radius:50%; font:700 2.1rem Georgia,serif; }.rotary-directory-note { margin-top:3.5rem; padding:1rem 1.25rem; border-left:5px solid var(--rotary-gold); background:var(--rotary-cream); }.rotary-section__action { margin-top:1.5rem; }
.rotary-callout { border-left:6px solid var(--rotary-gold); border-radius:0 var(--rotary-radius) var(--rotary-radius) 0; padding:1.3rem 1.5rem; background:var(--rotary-cream); }.rotary-form { max-width:650px; padding:1.5rem; border-radius:var(--rotary-radius); background:var(--rotary-white); box-shadow:var(--rotary-shadow); }.rotary-form label { display:block; margin:.8rem 0 .2rem; font-weight:800; }.rotary-form input,.rotary-form textarea,.rotary-form select { box-sizing:border-box; width:100%; border:1px solid #aab8c2; border-radius:.4rem; padding:.72rem; background:var(--rotary-white); color:var(--rotary-ink); font:inherit; }.rotary-form__status { min-height:1.5em; margin:.9rem 0 0; color:#075b2d; font-weight:700; }
.rotary-footer { padding:3.5rem 0 1.3rem; background:#172b46; color:#edf4f8; }.rotary-footer h2,.rotary-footer h3,.rotary-footer a { color:var(--rotary-white); }.rotary-footer__grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:2rem; }.rotary-footer ul { margin:0; padding:0; list-style:none; }.rotary-footer li+li { margin-top:.45rem; }.rotary-footer__fine { margin-top:2.5rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.3); font-size:.8rem; }
.rotary-empty { padding:2rem; border-radius:var(--rotary-radius); background:var(--rotary-cream); }
@media (max-width:1050px) { .rotary-header__inner { min-height:76px; }.rotary-menu-toggle { display:block; }.rotary-nav { position:absolute; top:100%; left:0; right:0; z-index:20; display:none; padding:.75rem 1.25rem; background:var(--rotary-white); box-shadow:0 10px 15px rgba(20,47,78,.1); }.rotary-nav.is-open { display:block; }.rotary-nav ul { display:block; }.rotary-nav a { padding:.8rem; }.rotary-header { position:relative; } }
@media (max-width:800px) { body { font-size:17px; }.rotary-utility .rotary-shell { display:block; text-align:center; }.rotary-header__inner { min-height:76px; }.rotary-menu-toggle { display:block; }.rotary-nav { position:absolute; top:100%; left:0; right:0; z-index:20; display:none; padding:.75rem 1.25rem; background:var(--rotary-white); box-shadow:0 10px 15px rgba(20,47,78,.1); }.rotary-nav.is-open { display:block; }.rotary-nav ul { display:block; }.rotary-nav a { padding:.8rem; }.rotary-header { position:relative; }.rotary-grid,.rotary-grid--two,.rotary-resource-grid,.rotary-footer__grid { grid-template-columns:1fr; }.rotary-impact { grid-template-columns:repeat(2,1fr); }.rotary-section__heading { display:block; }.rotary-section__heading p { margin-top:1rem; }.rotary-page-hero { padding:3.2rem 0; }.rotary-slider__controls { right:auto; justify-content:flex-start; overflow-x:auto; padding-right:1.25rem; }.rotary-slider__button span { display:none; }.rotary-directory-index { display:block; }.rotary-directory-index ul { margin-top:.8rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } }