/*
Theme Name: ColSpace Storage Modern
Theme URI: https://colspace.center/
Author: ColSpace Center
Description: Modern, responsive storage rental theme for Columbiana Space Center. Original supplied building photograph is included unchanged.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 8.3
Text Domain: colspace-storage
License: GPL-2.0-or-later
*/
:root{--ink:#122832;--forest:#173d3b;--forest2:#245752;--teal:#347b70;--cream:#f8f7f2;--sand:#ebede4;--gold:#e9b35c;--text:#273b3b;--muted:#5f7271;--white:#fff;--edge:#dfe7df;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--forest2)}a:hover{text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button,a{transition:background .2s ease,color .2s ease,transform .2s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{max-width:1220px;padding:0 28px;margin:auto}.utility{background:var(--ink);color:#d9e7e2;font-size:13px}.utility-inner{min-height:39px;display:flex;gap:18px;align-items:center;justify-content:space-between}.utility a{color:inherit;text-decoration:none}.site-header{background:#fff;position:relative;z-index:4;box-shadow:0 1px 0 #e7ebe8}.header-inner{display:flex;align-items:center;min-height:96px;gap:32px;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none!important;min-width:0}.brand-mark{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:var(--forest);color:var(--gold)}.brand-name{font-size:21px;font-weight:800;letter-spacing:-.7px;color:var(--ink);line-height:1.2}.brand-small{color:var(--muted);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}.menu-wrap{display:flex;align-items:center;gap:10px}.nav-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:10px}.nav-list li{margin:0}.nav-list a{display:block;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;padding:11px 14px;border-radius:12px}.nav-list a:hover,.nav-list .current-menu-item>a,.nav-list .current_page_item>a{background:#eef5f1;color:var(--forest)}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:14px 23px;text-decoration:none;border-radius:11px;font-weight:800;line-height:1.2;font-size:15px;white-space:normal}.btn-dark{color:#fff;background:var(--forest)}.btn-dark:hover{background:#225e56;color:#fff}.btn-gold{background:var(--gold);color:#1d302b}.btn-gold:hover{background:#f4c982;color:#1d302b}.btn-outline{border:1.5px solid #c9ddd5;color:var(--forest);background:transparent}.btn-outline:hover{background:#e9f0ed}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;padding:72px 0 68px;background:radial-gradient(ellipse at 90% 10%,#2b6258 0,transparent 40%),linear-gradient(120deg,#112a2a,#1a4640);color:white}.hero:after{content:"";position:absolute;width:360px;height:360px;right:-150px;bottom:-240px;border:75px solid #ffffff0a;border-radius:50%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold)}.eyebrow:before{content:"";width:23px;height:2px;background:currentColor}.hero h1{font-size:clamp(39px,5vw,68px);letter-spacing:-2.6px;line-height:1.04;margin:19px 0 21px;color:#fff;font-weight:850}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lead{font-size:18px;line-height:1.75;color:#e3eae6;max-width:540px;margin:0 0 29px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero .btn-outline{border-color:#9dbbb4;color:white}.hero .btn-outline:hover{background:#ffffff1c}.hero-art{position:relative;isolation:isolate}.photo-frame{padding:10px;background:#ffffff;border-radius:19px;box-shadow:0 24px 60px #0b1e1e80;transform:rotate(1deg)}.photo-frame img{display:block;width:100%;height:auto;border-radius:11px;object-fit:contain}.photo-caption{margin:15px 8px 0;color:#d9ebe6;font-size:13px;text-align:center}.photo-label{position:absolute;left:-20px;bottom:37px;background:var(--gold);color:#17302d;border-radius:13px;padding:13px 16px;box-shadow:0 10px 28px #09201b55;transform:rotate(-3deg);font-size:14px;font-weight:850}.ribbon{background:var(--gold);color:var(--ink)}.ribbon-inner{padding:14px 0;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;text-align:center;font-size:14px}.ribbon a{font-weight:850;color:var(--ink);text-underline-offset:3px}.section{padding:85px 0}.section-intro{max-width:680px;margin:0 auto 40px;text-align:center}.section-intro h2,.section-head h2{color:var(--ink);font-size:clamp(29px,3.2vw,43px);letter-spacing:-1.5px;line-height:1.18;margin:12px 0 13px}.section-intro p,.section-head p{color:var(--muted);font-size:17px;margin:0}.kicker{font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:12px;color:var(--teal)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-card{background:#fff;padding:32px 28px;border:1px solid var(--edge);border-radius:var(--radius);box-shadow:0 12px 24px #163a3010}.feature-icon{height:54px;width:54px;background:#e9f2ed;border-radius:15px;display:grid;place-items:center;color:var(--forest)}.feature-card h3{font-size:20px;letter-spacing:-.5px;color:var(--ink);margin:22px 0 9px}.feature-card p{margin:0;color:var(--muted);line-height:1.7}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.light-section{background:#edf1eb}.info-panel{background:#fff;border-radius:var(--radius);padding:36px;box-shadow:0 16px 32px #12332610}.info-panel h3{font-size:26px;color:var(--ink);margin:0 0 20px}.info-line{padding:17px 0;border-top:1px solid var(--edge);display:flex;gap:15px;align-items:flex-start}.info-line strong{display:block;color:var(--ink)}.info-line span{display:block;color:var(--muted);font-size:14px}.section-head h2{max-width:600px}.section-head p{max-width:580px}.cta{background:var(--forest);color:#fff;padding:60px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(27px,3vw,40px);line-height:1.18;letter-spacing:-1px;margin:0 0 10px;color:#fff}.cta p{margin:0;color:#d4e2db}.site-footer{background:#101f25;color:#c3d1d0;padding:44px 0 20px}.footer-grid{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.site-footer strong{color:#fff}.site-footer a{color:#e8f3ed}.footer-bottom{font-size:13px;border-top:1px solid #ffffff20;margin-top:32px;padding-top:22px}.interior{min-height:50vh;padding:65px 0 90px}.content-card{background:white;border:1px solid var(--edge);border-radius:var(--radius);padding:clamp(25px,5vw,55px);box-shadow:0 12px 24px #163a3010}.content-card h1{font-size:clamp(32px,4vw,50px);letter-spacing:-1.5px;margin:0 0 28px;color:var(--ink)}.content-card h2,.content-card h3{color:var(--ink)}.content-card a{overflow-wrap:anywhere}.content-card input:not([type="submit"]),.content-card textarea{max-width:100%;border:1px solid #bfcec9;border-radius:8px;padding:12px;background:white}.content-card input[type="submit"]{border:0;border-radius:9px;background:var(--forest);color:white;padding:12px 20px;cursor:pointer}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;width:auto;height:auto;left:10px;top:10px;padding:10px;background:white;z-index:999}.page-links{margin-top:25px}.wp-block-image img{height:auto}.aligncenter{text-align:center}.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.clearfix:after{content:"";display:table;clear:both}
@media(max-width:960px){.hero-grid{gap:30px}.hero h1{font-size:45px}.photo-label{left:5px;bottom:42px}.header-inner{gap:12px}.nav-list{gap:0}.nav-list a{padding:10px}.header-inner>.btn{display:none}}
@media(max-width:750px){.wrap{padding:0 20px}.utility-inner{justify-content:center}.utility-left{display:none}.header-inner{min-height:76px;flex-wrap:wrap}.brand-name{font-size:18px}.brand-mark{width:44px;height:44px}.menu-wrap{width:100%;order:3;display:block}.mobile-menu{display:block;border:1px solid #d1e0da;background:white;border-radius:9px;color:var(--forest);font-weight:800;padding:9px 13px;position:absolute;right:20px;top:18px}.nav-list{display:none;flex-direction:column;align-items:stretch;padding:0 0 17px}.menu-wrap.is-open .nav-list{display:flex}.nav-list a{padding:11px 12px}.hero{padding:55px 0 54px}.hero-grid,.split{grid-template-columns:1fr}.hero h1{font-size:clamp(39px,10vw,54px)}.hero-art{margin-top:15px}.cards{grid-template-columns:1fr}.section{padding:62px 0}.cta-inner{align-items:flex-start;flex-direction:column}.photo-label{font-size:12px}.interior{padding:38px 0 65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,a{transition:none}}