/* GO-JU! — Global Spacing Fix Adds breathing room to header, nav, hero sections and buttons across all pages. Injected via in every page's . */ /* ══ HEADER — more space from top of viewport ══ */ #goju-header { padding-top: 52px !important; } /* ══ LOGO — slightly smaller so nav links have breathing room ══ */ #logo-wrapper, #logo-btn, #logo-video { width: 120px !important; height: 120px !important; } /* ══ FLYOUT NAV — keep aligned below the shorter logo ══ */ #flyout-nav { top: calc(52px + 120px + 6px) !important; /* = 178px */ } /* ══ NAV LINKS — tighter font so 6 items fit without crowding ══ */ #flyout-nav a { font-size: 17px !important; letter-spacing: 1px !important; } /* ══ HERO SECTIONS — push text clear of the fixed logo ══ */ /* Full-viewport panoramic heroes where #s1-text is absolutely centred (index, drinks, jokesandjuice) */ /* Only apply top offset when the element is actually position:absolute */ #s1-text[style*="position"], #s1 > #s1-text { top: 55% !important; padding: 0 24px; } /* Kickstarter eyebrow — gap around logo centre */ #s1-eyebrow { margin-bottom: 8px !important; } /* About / static page heroes */ #hero { padding-top: 240px !important; } /* Generic page-top content that isn't a 100vh hero */ main > section:first-child:not(#s1):not(#hero), main > .page-content:first-child, main > .content:first-child { padding-top: 220px !important; } /* ══ BUTTONS — more breathing room ══ */ /* Primary CTA buttons */ .cta-btn, .rbtn-g, .rbtn-o, #joke-submit-btn, .mb-join-btn, #modal-btn, .s3-cta, a[href][style*="background:var(--green)"], button[style*="background:var(--green)"] { padding-top: 14px !important; padding-bottom: 14px !important; padding-left: 34px !important; padding-right: 34px !important; } /* Secondary / outline buttons */ .btn-outline, a[href][style*="background:rgba(200,168,75"], a[href][style*="background:rgba(76,187,23"] { padding-top: 13px !important; padding-bottom: 13px !important; padding-left: 30px !important; padding-right: 30px !important; } /* Inline form submit buttons */ form button[type="submit"], form input[type="submit"] { padding-top: 12px !important; padding-bottom: 12px !important; } /* ══ MOBILE OVERRIDES ══ */ @media (max-width: 768px) { #goju-header { padding-top: 18px !important; } #flyout-nav { top: calc(18px + 80px + 4px) !important; /* = 102px */ } #hero { padding-top: 140px !important; } #s1-text { top: 52% !important; } main > section:first-child:not(#s1):not(#hero), main > .page-content:first-child { padding-top: 140px !important; } } @media (max-width: 480px) { #goju-header { padding-top: 14px !important; } #flyout-nav { top: calc(14px + 80px + 4px) !important; } #hero { padding-top: 120px !important; } }