/* ============================================================ Healthyous Homepage — bulletproof theme override Instead of hiding specific theme selectors (which misses whatever markup a broken/unknown theme injects), we hide EVERYTHING in except our own wrapper. This guarantees no leftover theme header/footer/menu text can show through. ============================================================ */ html, body{ margin:0 !important; padding:0 !important; background:#F5EFDF !important; overflow-x:hidden; } body > *:not(#hy-page):not(#wpadminbar):not(script):not(style):not(link):not(noscript){ display:none !important; } #hy-page{ display:block !important; width:100% !important; } body.admin-bar #hy-page{ margin-top:32px; } @media screen and (max-width:782px){ body.admin-bar #hy-page{ margin-top:46px; } } #hy-page{ --hy-cream:#F5EFDF; --hy-white:#FFFFFF; --hy-forest:#2F4A34; --hy-forest-70:#3E5C46; --hy-herb:#5B8C5A; --hy-sage:#DCE6CC; --hy-sage-tint:#EEF2E5; --hy-coral:#E8674C; --hy-coral-tint:#FBE7E1; --hy-brick:#8B3A2A; --hy-gold:#E1A140; --hy-charcoal:#2B2B2B; --hy-line:rgba(47,74,52,0.14); --hy-shadow:0 10px 28px rgba(43,43,43,0.09); --hy-radius-lg:22px; --hy-radius-md:14px; --hy-maxw:1180px; background:var(--hy-cream); color:var(--hy-charcoal); font-family:'Mulish',sans-serif; -webkit-font-smoothing:antialiased; } #hy-page *{ box-sizing:border-box; } #hy-page h1, #hy-page h2, #hy-page h3{ font-family:'Fraunces',serif; color:var(--hy-forest); margin:0; line-height:1.1; letter-spacing:-0.01em; } #hy-page p{ margin:0; } #hy-page a{ color:inherit; text-decoration:none; } #hy-page .hy-wrap{ max-width:var(--hy-maxw); margin:0 auto; padding:0 28px; } #hy-page .hy-eyebrow{ font-size:12px; font-weight:800; letter-spacing:.14em; color:var(--hy-herb); text-transform:uppercase; margin:0 0 8px; } #hy-page section{ scroll-margin-top:90px; } #hy-page .hy-btn{ display:inline-flex; align-items:center; gap:8px; padding:14px 26px; border-radius:999px; font-weight:800; font-size:13.5px; letter-spacing:.03em; text-transform:uppercase; border:2px solid transparent; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; } #hy-page .hy-btn-primary{ background:var(--hy-coral); color:var(--hy-white); } #hy-page .hy-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(232,103,76,0.35); } #hy-page .hy-btn-gold{ background:var(--hy-gold); color:var(--hy-forest); } #hy-page .hy-btn-gold:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(225,161,64,0.4); } #hy-page .hy-btn-outline{ background:transparent; border-color:var(--hy-forest); color:var(--hy-forest); } #hy-page .hy-btn-outline:hover{ background:var(--hy-forest); color:var(--hy-cream); } #hy-page .hy-photo-ph{ background:linear-gradient(135deg, var(--hy-sage-tint), var(--hy-coral-tint)); display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--hy-forest-70); } #hy-page .hy-photo-ph svg{ width:26px; height:26px; opacity:.45; margin-bottom:6px; } #hy-page .hy-photo-ph span{ font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; opacity:.5; } #hy-page .hy-real-img{ width:100%; height:100%; object-fit:cover; display:block; } #hy-page .hy-empty-card{ grid-column:1/-1; background:var(--hy-white); border-radius:var(--hy-radius-lg); box-shadow:var(--hy-shadow); padding:40px; text-align:center; } #hy-page .hy-empty-card p{ color:var(--hy-forest-70); font-weight:600; margin-bottom:16px; } #hy-page .hy-announce{ background:var(--hy-forest); color:var(--hy-cream); text-align:center; font-size:13px; font-weight:600; padding:9px 16px; } #hy-page .hy-announce a{ color:var(--hy-gold); text-decoration:underline; text-underline-offset:3px; font-weight:800; } #hy-page .hy-header{ position:sticky; top:0; z-index:50; background:rgba(245,239,223,0.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--hy-line); } #hy-page .hy-header-inner{ max-width:var(--hy-maxw); margin:0 auto; padding:16px 28px; display:flex; align-items:center; justify-content:space-between; gap:24px; } #hy-page .hy-logo{ display:flex; align-items:center; gap:8px; font-family:'Fraunces',serif; font-weight:700; font-size:22px; color:var(--hy-forest); } #hy-page .hy-logo svg{ width:22px; height:22px; color:var(--hy-herb); } #hy-page .hy-logo span{ color:var(--hy-coral); } #hy-page .hy-nav{ display:flex; align-items:center; gap:28px; } #hy-page .hy-nav a{ font-weight:700; font-size:14.5px; color:var(--hy-forest); padding:6px 0; } #hy-page .hy-nav a:hover{ color:var(--hy-coral); } #hy-page .hy-header-actions{ display:flex; align-items:center; gap:10px; } #hy-page .hy-icon-btn{ width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1.5px solid var(--hy-line); background:var(--hy-white); cursor:pointer; } #hy-page .hy-icon-btn svg{ width:17px; height:17px; color:var(--hy-forest); } #hy-page .hy-menu-toggle{ display:none; flex-direction:column; gap:5px; width:40px; height:40px; align-items:center; justify-content:center; border:1.5px solid var(--hy-line); border-radius:50%; background:var(--hy-white); cursor:pointer; } #hy-page .hy-menu-toggle span{ width:17px; height:2px; background:var(--hy-forest); border-radius:2px; } #hy-page .hy-mobile-nav{ display:none; flex-direction:column; padding:6px 28px 18px; gap:2px; } #hy-page .hy-mobile-nav a{ padding:12px 4px; font-weight:700; color:var(--hy-forest); border-bottom:1px solid var(--hy-line); font-size:14.5px; } #hy-page .hy-hero{ background:var(--hy-sage); padding:60px 0 0; } #hy-page .hy-hero-inner{ display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; } #hy-page .hy-hero-copy{ padding:20px 0 60px; } #hy-page .hy-hero h1{ font-size:clamp(30px,3.6vw,44px); font-weight:700; text-transform:uppercase; } #hy-page .hy-hero-sub{ margin-top:16px; font-size:16px; color:var(--hy-forest-70); font-weight:600; max-width:420px; line-height:1.55; } #hy-page .hy-hero-ctas{ margin-top:26px; } #hy-page .hy-hero-photo .hy-photo-ph{ width:100%; height:420px; border-radius:var(--hy-radius-lg) var(--hy-radius-lg) 0 0; } #hy-page .hy-hero-photo .hy-photo-ph svg{ width:34px; height:34px; } #hy-page .hy-cats{ padding:56px 0 64px; } #hy-page .hy-cats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; } #hy-page .hy-cat-card{ background:var(--hy-white); border-radius:var(--hy-radius-lg); padding:26px 16px 22px; text-align:center; box-shadow:var(--hy-shadow); transition:transform .2s ease; } #hy-page .hy-cat-card:hover{ transform:translateY(-5px); } #hy-page .hy-cat-circle{ width:76px; height:76px; margin:0 auto 16px; border-radius:50%; display:flex; align-items:center; justify-content:center; } #hy-page .hy-cat-circle svg{ width:30px; height:30px; color:var(--hy-white); } #hy-page .hy-cat-card h3{ font-size:14px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; } #hy-page .hy-cat-1 .hy-cat-circle{ background:var(--hy-herb); } #hy-page .hy-cat-2 .hy-cat-circle{ background:var(--hy-gold); } #hy-page .hy-cat-3 .hy-cat-circle{ background:var(--hy-coral); } #hy-page .hy-cat-4 .hy-cat-circle{ background:var(--hy-forest); } #hy-page .hy-section-head{ text-align:center; margin-bottom:36px; } #hy-page .hy-section-head h2{ font-size:clamp(24px,2.8vw,32px); font-weight:700; text-transform:uppercase; } #hy-page .hy-section-head.hy-left{ text-align:left; } #hy-page .hy-recipes{ padding:64px 0; } #hy-page .hy-recipe-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; } #hy-page .hy-recipe-card{ background:var(--hy-white); border-radius:var(--hy-radius-lg); overflow:hidden; box-shadow:var(--hy-shadow); transition:transform .2s ease; } #hy-page .hy-recipe-card:hover{ transform:translateY(-5px); } #hy-page .hy-recipe-media{ position:relative; height:170px; } #hy-page .hy-recipe-media .hy-photo-ph{ height:100%; } #hy-page .hy-stamp{ position:absolute; top:12px; right:-8px; background:var(--hy-forest); color:var(--hy-white); font-size:10.5px; font-weight:800; letter-spacing:.03em; padding:6px 11px; border-radius:7px; display:flex; align-items:center; gap:5px; transform:rotate(6deg); box-shadow:0 6px 14px rgba(47,74,52,0.35); } #hy-page .hy-stamp svg{ width:10px; height:10px; } #hy-page .hy-recipe-body{ padding:20px 20px 22px; } #hy-page .hy-tag{ font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; } #hy-page .hy-recipe-body h3{ font-size:17px; font-weight:700; margin-top:8px; text-transform:none; } #hy-page .hy-recipe-body .hy-desc{ font-size:13px; color:var(--hy-forest-70); margin-top:8px; line-height:1.55; font-weight:500; } #hy-page .hy-recipe-body .hy-btn{ margin-top:16px; padding:10px 20px; font-size:11.5px; } #hy-page .hy-optin{ background:var(--hy-brick); padding:56px 0; margin-top:10px; } #hy-page .hy-optin-inner{ text-align:center; color:var(--hy-cream); } #hy-page .hy-optin h2{ color:var(--hy-cream); font-size:clamp(22px,2.8vw,30px); font-weight:700; text-transform:uppercase; } #hy-page .hy-optin p.hy-sub{ margin-top:10px; color:rgba(245,239,223,0.82); font-size:14.5px; font-weight:600; } #hy-page .hy-optin-form{ display:flex; gap:10px; justify-content:center; margin-top:26px; flex-wrap:wrap; } #hy-page .hy-optin-form input{ padding:14px 18px; border-radius:999px; border:1.5px solid rgba(255,255,255,0.3); font-family:inherit; font-size:14px; width:210px; background:rgba(255,255,255,0.12); color:var(--hy-cream); } #hy-page .hy-optin-form input::placeholder{ color:rgba(245,239,223,0.6); } #hy-page .hy-split{ padding:64px 0; } #hy-page .hy-split-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:30px; align-items:start; } #hy-page .hy-blog-list{ display:flex; flex-direction:column; gap:18px; } #hy-page .hy-blog-row{ display:grid; grid-template-columns:76px 1fr; gap:16px; align-items:center; background:var(--hy-white); border-radius:var(--hy-radius-md); padding:14px; box-shadow:var(--hy-shadow); } #hy-page .hy-blog-thumb{ width:76px; height:76px; border-radius:12px; overflow:hidden; } #hy-page .hy-blog-thumb .hy-photo-ph{ width:100%; height:100%; } #hy-page .hy-blog-thumb .hy-photo-ph svg{ width:18px; height:18px; margin-bottom:2px; } #hy-page .hy-blog-body h3{ font-size:15px; font-weight:700; } #hy-page .hy-readmore{ display:inline-block; margin-top:6px; font-size:12px; font-weight:800; color:var(--hy-coral); } #hy-page .hy-about-card{ background:var(--hy-white); border-radius:var(--hy-radius-lg); box-shadow:var(--hy-shadow); overflow:hidden; height:100%; } #hy-page .hy-about-card .hy-photo-ph{ height:190px; } #hy-page .hy-about-body{ padding:26px; } #hy-page .hy-about-body h3{ font-size:19px; font-weight:700; } #hy-page .hy-about-body p{ font-size:13.5px; color:var(--hy-forest-70); margin-top:10px; line-height:1.6; font-weight:500; } #hy-page .hy-about-body .hy-btn{ margin-top:16px; padding:11px 22px; font-size:11.5px; } #hy-page .hy-footer{ background:var(--hy-forest); color:var(--hy-cream); padding:56px 0 24px; margin-top:10px; } #hy-page .hy-footer-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:36px; padding-bottom:34px; border-bottom:1px solid rgba(245,239,223,0.14); } #hy-page .hy-footer-grid h4{ font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--hy-gold); margin-bottom:14px; font-weight:800; } #hy-page .hy-footer-grid a, #hy-page .hy-footer-grid p{ font-size:13.5px; color:rgba(245,239,223,0.75); display:block; margin-bottom:9px; font-weight:500; line-height:1.6; } #hy-page .hy-footer-grid a:hover{ color:var(--hy-cream); } #hy-page .hy-footer-logo{ display:flex; align-items:center; gap:8px; font-family:'Fraunces',serif; font-size:22px; font-weight:700; color:var(--hy-cream); margin-bottom:12px; } #hy-page .hy-footer-logo svg{ width:20px; height:20px; color:var(--hy-gold); } #hy-page .hy-footer-logo span{ color:var(--hy-gold); } #hy-page .hy-footer-socials{ display:flex; gap:9px; margin-top:14px; } #hy-page .hy-footer-socials a{ width:34px; height:34px; border-radius:50%; border:1.5px solid rgba(245,239,223,0.25); display:flex; align-items:center; justify-content:center; margin-bottom:0; } #hy-page .hy-footer-socials svg{ width:14px; height:14px; } #hy-page .hy-footer-bottom{ display:flex; justify-content:space-between; padding-top:20px; font-size:12px; color:rgba(245,239,223,0.55); flex-wrap:wrap; gap:8px; } @media (prefers-reduced-motion: no-preference){ #hy-page .hy-reveal{ opacity:0; transform:translateY(16px); transition:opacity .55s ease, transform .55s ease; } #hy-page .hy-reveal.hy-in{ opacity:1; transform:translateY(0); } } @media (max-width:980px){ #hy-page .hy-hero-inner{ grid-template-columns:1fr; } #hy-page .hy-hero-photo{ order:-1; } #hy-page .hy-hero-photo .hy-photo-ph{ height:280px; border-radius:var(--hy-radius-lg); } #hy-page .hy-hero-copy{ padding:30px 0 0; } #hy-page .hy-cats-grid{ grid-template-columns:repeat(2,1fr); } #hy-page .hy-recipe-grid{ grid-template-columns:repeat(2,1fr); } #hy-page .hy-split-grid{ grid-template-columns:1fr; } #hy-page .hy-footer-grid{ grid-template-columns:1fr 1fr; } #hy-page .hy-nav{ display:none; } #hy-page .hy-menu-toggle{ display:flex; } } @media (max-width:640px){ #hy-page .hy-recipe-grid{ grid-template-columns:1fr; } #hy-page .hy-cats-grid{ grid-template-columns:1fr 1fr; } #hy-page .hy-optin-form input{ width:100%; } #hy-page .hy-footer-grid{ grid-template-columns:1fr; } #hy-page .hy-header-inner{ padding:14px 20px; } } /* ===================== shared: banner + breadcrumb ===================== */ #hy-page .hy-banner{ background:var(--hy-sage); padding:54px 0; text-align:center; } #hy-page .hy-banner h1{ font-size:clamp(28px,4vw,40px); text-transform:uppercase; } #hy-page .hy-banner p{ margin-top:10px; color:var(--hy-forest-70); font-weight:600; font-size:14.5px; } #hy-page .hy-crumb{ font-size:12px; font-weight:700; color:var(--hy-forest-70); margin-bottom:14px; } #hy-page .hy-crumb .hy-c{ color:var(--hy-coral); } /* ===================== About page ===================== */ #hy-page .hy-story{ padding:70px 0; } #hy-page .hy-story-grid{ display:grid; grid-template-columns:0.8fr 1fr; gap:50px; align-items:center; } #hy-page .hy-story-photo .hy-photo-ph{ height:480px; border-radius:var(--hy-radius-lg); } #hy-page .hy-story-copy p{ margin-top:16px; font-size:15.5px; line-height:1.7; color:var(--hy-forest-70); font-weight:500; } #hy-page .hy-trust{ background:var(--hy-white); padding:50px 0; box-shadow:var(--hy-shadow); margin:0 28px; border-radius:var(--hy-radius-lg); } #hy-page .hy-trust-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; text-align:center; max-width:var(--hy-maxw); margin:0 auto; padding:0 28px; } #hy-page .hy-trust-grid .hy-circ{ width:56px; height:56px; border-radius:50%; background:var(--hy-herb); color:#fff; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; } #hy-page .hy-trust-grid h3{ font-size:16px; } #hy-page .hy-trust-grid p{ font-size:13px; color:var(--hy-forest-70); margin-top:8px; font-weight:500; line-height:1.5; } #hy-page .hy-gallery{ padding:70px 0; } #hy-page .hy-gallery-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } #hy-page .hy-gallery-grid .hy-photo-ph{ height:220px; border-radius:var(--hy-radius-md); } /* ===================== Contact page ===================== */ #hy-page .hy-contact-sec{ padding:70px 0; } #hy-page .hy-contact-grid{ display:grid; grid-template-columns:1.2fr 0.8fr; gap:40px; } #hy-page .hy-form-card{ background:var(--hy-white); border-radius:var(--hy-radius-lg); box-shadow:var(--hy-shadow); padding:36px; } #hy-page .hy-form-card label{ display:block; font-size:12.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--hy-forest); margin:16px 0 6px; } #hy-page .hy-form-card label:first-of-type{ margin-top:0; } #hy-page .hy-form-card input, #hy-page .hy-form-card textarea{ width:100%; padding:13px 16px; border-radius:10px; border:1.5px solid var(--hy-line); font-family:inherit; font-size:14px; background:var(--hy-cream); } #hy-page .hy-form-card textarea{ min-height:120px; resize:vertical; } #hy-page .hy-form-card button{ margin-top:22px; background:var(--hy-coral); color:#fff; border:none; padding:14px 30px; border-radius:999px; font-weight:800; font-size:13px; text-transform:uppercase; cursor:pointer; } #hy-page .hy-form-note{ display:none; } #hy-page .hy-info-col{ display:flex; flex-direction:column; gap:20px; } #hy-page .hy-info-photo .hy-photo-ph{ height:200px; border-radius:var(--hy-radius-lg); } #hy-page .hy-info-card{ background:var(--hy-forest); color:var(--hy-cream); border-radius:var(--hy-radius-lg); padding:28px; } #hy-page .hy-info-card h3{ color:var(--hy-cream); font-size:18px; margin-bottom:14px; } #hy-page .hy-info-card p{ font-size:13.5px; color:rgba(245,239,223,0.8); margin-bottom:8px; font-weight:500; } #hy-page .hy-info-card .hy-socials{ display:flex; gap:10px; margin-top:14px; } #hy-page .hy-info-card .hy-socials a{ width:34px; height:34px; border-radius:50%; border:1.5px solid rgba(245,239,223,0.3); display:flex; align-items:center; justify-content:center; } #hy-page .hy-faq-sec{ padding:0 0 70px; } #hy-page .hy-faq-sec h2{ text-align:center; font-size:26px; margin-bottom:24px; } #hy-page .hy-faq-item{ background:var(--hy-white); border-radius:var(--hy-radius-md); box-shadow:var(--hy-shadow); margin-bottom:12px; padding:18px 22px; } #hy-page .hy-faq-item summary{ font-weight:700; cursor:pointer; color:var(--hy-forest); font-size:14.5px; } #hy-page .hy-faq-item p{ margin-top:10px; font-size:13.5px; color:var(--hy-forest-70); font-weight:500; line-height:1.6; } /* ===================== Recipe Index page ===================== */ #hy-page .hy-filters-sec{ background:var(--hy-sage); padding:0 0 30px; } #hy-page .hy-pills{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; } #hy-page .hy-pill{ padding:9px 18px; border-radius:999px; font-weight:800; font-size:12.5px; text-transform:uppercase; letter-spacing:.03em; background:var(--hy-white); color:var(--hy-forest); } #hy-page .hy-pill.hy-active{ background:var(--hy-forest); color:var(--hy-cream); } #hy-page .hy-grid-sec{ padding:50px 0 70px; } #hy-page .hy-pagination{ display:flex; justify-content:center; gap:8px; margin-top:40px; } #hy-page .hy-pagination a{ width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; background:var(--hy-white); color:var(--hy-forest); box-shadow:var(--hy-shadow); } #hy-page .hy-pagination a.hy-active{ background:var(--hy-coral); color:#fff; } /* ===================== Single recipe post ===================== */ #hy-page .hy-narrow{ max-width:920px; } #hy-page .hy-post-head{ padding:44px 0 20px; } #hy-page .hy-post-head h1{ font-size:clamp(28px,4vw,40px); margin-top:10px; text-transform:none; } #hy-page .hy-byline{ display:flex; align-items:center; gap:14px; margin-top:18px; } #hy-page .hy-byline .hy-av{ width:36px; height:36px; border-radius:50%; background:var(--hy-gold-tint,#FBF0DD); color:var(--hy-coral); font-family:'Fraunces',serif; font-weight:700; display:flex; align-items:center; justify-content:center; flex:none; } #hy-page .hy-byline .hy-meta{ font-size:12.5px; color:var(--hy-forest-70); font-weight:600; } #hy-page .hy-hero-img{ margin:30px 0; } #hy-page .hy-hero-img .hy-photo-ph, #hy-page .hy-hero-img img{ height:420px; border-radius:var(--hy-radius-lg); width:100%; object-fit:cover; } #hy-page .hy-quickfacts{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:34px 0; background:var(--hy-white); border-radius:var(--hy-radius-lg); box-shadow:var(--hy-shadow); padding:24px; } #hy-page .hy-quickfacts div{ text-align:center; } #hy-page .hy-quickfacts strong{ display:block; font-family:'Fraunces',serif; font-size:20px; color:var(--hy-forest); } #hy-page .hy-quickfacts span{ font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--hy-forest-70); } #hy-page .hy-post-content{ font-size:15.5px; line-height:1.75; color:var(--hy-forest-70); font-weight:500; } #hy-page .hy-post-content p{ margin-bottom:16px; } #hy-page .hy-post-content h2{ margin:34px 0 14px; font-size:24px; } #hy-page .hy-post-content h3{ margin:26px 0 10px; font-size:19px; } #hy-page .hy-post-content img{ max-width:100%; height:auto; border-radius:var(--hy-radius-md); } #hy-page .hy-post-content ul, #hy-page .hy-post-content ol{ margin:0 0 16px 20px; } #hy-page .hy-related-sec{ margin:50px 0 60px; } #hy-page .hy-related-sec h2{ font-size:22px; margin-bottom:18px; text-transform:none; } @media (max-width:900px){ #hy-page .hy-story-grid{ grid-template-columns:1fr; } #hy-page .hy-trust-grid, #hy-page .hy-gallery-grid{ grid-template-columns:1fr; } #hy-page .hy-contact-grid{ grid-template-columns:1fr; } } @media (max-width:700px){ #hy-page .hy-quickfacts{ grid-template-columns:repeat(2,1fr); } }