/*
Theme Name: Out n About After 50
Theme URI: https://outnaboutafter50.com/
Author: Out n About After 50
Description: Adventure in Motion — custom responsive magazine theme based on the approved homepage design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: oa50
*/
:root{--teal:#00616d;--deep:#003d49;--orange:#ff6900;--ink:#17232b;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;background:#fff}a{color:var(--teal)}a:hover{color:var(--orange)}img{max-width:100%;height:auto}.wrap{max-width:1310px;margin:auto;padding:0 24px}.site-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 24px}.brand img{width:min(485px,100%);display:block}.top-right{text-align:right}.micro{font-style:italic;font-weight:700;color:var(--deep);margin:0 0 10px}.micro span{color:var(--orange);padding:0 8px}.socials{display:inline-flex;gap:8px;margin-left:18px}.socials a{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:29px;height:29px;background:var(--orange);color:#fff;text-decoration:none;font-weight:800}.search-form{display:flex;justify-content:flex-end;margin-top:8px}.search-form input{width:220px;max-width:100%;padding:9px;border:1px solid #aebbc1;border-radius:6px 0 0 6px}.search-form button{border:0;background:var(--teal);color:#fff;padding:9px 14px;border-radius:0 6px 6px 0;cursor:pointer}.main-nav{background:linear-gradient(90deg,#006e7b,#004b56)}.main-nav .wrap{display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.nav-links li{position:relative}.nav-links a{display:block;color:#fff;text-decoration:none;font-weight:700;padding:12px 17px}.nav-links .current-menu-item>a,.nav-links a:hover{background:var(--orange)}.nav-links .sub-menu{display:none;position:absolute;z-index:5;background:var(--teal);min-width:210px;list-style:none;padding:0;margin:0;box-shadow:0 7px 18px #0002}.nav-links li:hover>.sub-menu,.nav-links li:focus-within>.sub-menu{display:block}.menu-toggle{display:none;background:var(--orange);border:0;color:#fff;padding:10px 15px;font-weight:700}.hero{background:#d5e8e9}.hero img{width:100%;display:block}.categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 auto 26px;position:relative;z-index:1}.category-card{border:1px solid #ddd;border-radius:17px;overflow:hidden;box-shadow:0 2px 4px #0001;text-decoration:none;color:var(--ink);background:#fff;transition:transform .2s}.category-card:hover{transform:translateY(-3px)}.category-card>img{width:100%;height:116px;object-fit:cover;display:block}.cat-body{padding:14px 12px 18px;position:relative}.cat-body h2{font-size:19px;line-height:1.15;margin:0 0 8px;padding-left:38px}.cat-body p{font-size:13px;line-height:1.3;margin:0}.cat-icon{position:absolute;top:-24px;left:12px;border:3px solid #fff;border-radius:50%;background:var(--orange);color:#fff;width:50px;height:50px;display:grid;place-items:center;font-size:23px}.home-content{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin:25px auto 30px}.section-title{background:linear-gradient(90deg,#007885,#004b55);color:#fff;font-size:24px;font-style:italic;display:inline-block;transform:skew(-12deg);padding:3px 18px;margin:0 0 16px}.section-title span{display:block;transform:skew(12deg)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.post-card{border:1px solid #ddd;border-radius:9px;overflow:hidden;box-shadow:0 2px 4px #0001;display:flex;flex-direction:column}.post-card img{width:100%;height:126px;object-fit:cover}.post-card .content{padding:12px;display:flex;flex-direction:column;flex:1}.post-card h3{font-size:18px;line-height:1.2;margin:0 0 7px}.post-card p{font-size:13px;line-height:1.4;margin:0 0 14px}.cta{display:inline-block;background:var(--orange);color:#fff!important;border:0;border-radius:7px;text-decoration:none;font-weight:700;font-size:13px;padding:8px 15px;margin-top:auto;align-self:flex-start}.topic-list{list-style:none;margin:0;padding:0}.topic-list li{border-bottom:1px solid #ddd}.topic-list a{display:flex;align-items:center;gap:12px;padding:10px 6px;color:var(--ink);font-weight:700;text-decoration:none;font-size:14px}.topic-list a:hover{color:var(--orange)}.topic-list b{color:var(--orange);font-size:24px;min-width:28px;text-align:center}.topic-list a:after{content:'›';margin-left:auto;color:var(--orange);font-size:25px}.newsletter{background:linear-gradient(90deg,#005967dd,#006875cc),url('assets/newsletter.jpg') center/cover;color:#fff;padding:42px 0}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.newsletter h2{font-size:36px;line-height:1.1;font-style:italic;margin:0 0 6px}.newsletter p{margin:0}.newsletter-action{max-width:420px}.newsletter-action input{padding:12px;border-radius:7px;border:1px solid #ccc;width:240px}.newsletter-action button{padding:13px 20px;background:var(--orange);color:#fff;border:0;border-radius:7px;font-weight:700}.newsletter-note{font-size:13px;margin-top:8px!important}.footer{background:#003f49;color:#fff;padding:25px 0;text-align:center}.footer a{color:#fff}.page-content{max-width:900px;margin:35px auto 60px;padding:0 24px;min-height:35vh}.page-content h1{color:var(--deep)}.entry-content img{height:auto}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.categories{grid-template-columns:repeat(3,1fr)}.home-content{grid-template-columns:1fr}.post-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.site-top{display:block;text-align:center}.brand img{max-width:360px;margin:auto}.top-right{text-align:center}.micro{font-size:13px}.search-form{justify-content:center}.menu-toggle{display:block}.main-nav .wrap{display:block;padding:0}.nav-links{display:none;flex-direction:column}.nav-links.open{display:flex}.nav-links .sub-menu{display:block;position:static;box-shadow:none}.categories{grid-template-columns:repeat(2,1fr);padding:0 12px}.cat-body h2{font-size:16px}.post-grid,.archive-grid{grid-template-columns:1fr}.newsletter-inner{display:block}.newsletter-action{margin-top:20px}.newsletter h2{font-size:28px}}@media(max-width:400px){.categories{grid-template-columns:1fr}}
