/*
Theme Name: BLACKTIDE
Theme URI: https://blacktidegaming.co.uk
Author: BLACKTIDE
Description: A responsive, standalone community theme based on the approved BLACKTIDE mockup. Configure links and homepage copy in Appearance > Customize > BLACKTIDE.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.3
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blacktide
*/
@font-face{font-family:Barlow;src:url('assets/barlow-condensed-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#001015;--panel:#031b22;--cyan:#13deed;--white:#f3f6f7;--muted:#c0d3df;--line:#21505c;--width:1200px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:6px}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3,.eyebrow,.facts,.step-number{font-family:Barlow,'Arial Narrow',Impact,sans-serif;font-weight:700}h1,h2{text-transform:uppercase;line-height:1;letter-spacing:-.025em}h1{font-size:clamp(50px,6.2vw,84px)}h2{font-size:clamp(40px,4.7vw,62px)}h3{font-size:17px;letter-spacing:.13em;text-transform:uppercase}h1 span,h2 span{color:var(--cyan)}p{color:var(--muted)}.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-100px;background:var(--cyan);color:var(--ink);padding:12px;z-index:99}.skip-link:focus{top:12px}.site-header{height:74px;position:relative;z-index:10;background:rgba(0,12,17,.98);border-bottom:1px solid #11303a}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:15px;font:700 27px Barlow,sans-serif;letter-spacing:.12em;white-space:nowrap}.brand svg{width:49px;height:49px;color:var(--cyan)}.main-nav{display:flex;align-items:center;gap:35px;font-size:14px}.main-nav a:hover,.footer-links a:hover{color:var(--cyan)}.button{display:inline-flex;justify-content:center;align-items:center;gap:17px;min-height:50px;padding:11px 28px;border:1px solid var(--cyan);border-radius:3px;background:var(--cyan);color:#001017;font-size:15px;font-weight:650;line-height:1.4;cursor:pointer;transition:background .15s,transform .15s}.button:hover{background:#7bf6ff;transform:translateY(-2px)}.button.outline{color:var(--white);background:rgba(0,12,16,.6)}.button.outline:hover{background:#073842}.button.small{min-height:40px;padding:8px 23px;color:var(--cyan)}.button svg{width:22px;height:22px}.arrow{font-size:25px;color:var(--cyan);line-height:1}.button:not(.outline) .arrow{color:var(--ink)}.menu-toggle{display:none}.hero{min-height:535px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,12,18,.48),transparent 70%),url('assets/island.png') center 55%/cover;border-bottom:1px solid var(--line)}.hero-inner{padding-block:69px 38px}.eyebrow{font-size:14px;letter-spacing:.32em;color:#a7d3df;margin-bottom:15px;text-transform:uppercase}.hero .lead{font-size:23px;margin-top:15px}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.facts{display:flex;gap:0;list-style:none;padding:0;margin:47px 0 0;text-transform:uppercase;letter-spacing:.19em;font-size:14px}.facts li{padding:0 32px;border-left:1px solid #7d9ca5}.facts li:first-child{padding-left:0;border:0}.companion{position:relative;padding:65px 0 27px;background:radial-gradient(ellipse at 75% 35%,#06323d 0,transparent 66%),#001217;border-bottom:1px solid var(--line);overflow:hidden}.companion-main{display:grid;grid-template-columns:.9fr 1.3fr;align-items:center;gap:20px;min-height:390px}.companion-copy{position:relative;z-index:1}.companion-copy h2{font-size:clamp(39px,4.6vw,62px)}.companion-copy p:not(.eyebrow):not(.note){font-size:23px;margin-top:15px;max-width:380px;line-height:1.45}.note{font-size:13px;margin-top:12px;color:#9bbcc9}.companion-art{aspect-ratio:564/372;width:112%;margin-left:-4%;background:url('assets/approved-mockup.png') 91.57% 36.79%/177.84% 421.5% no-repeat;filter:drop-shadow(0 16px 18px #0008);border-radius:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;margin-top:26px}.feature{display:flex;align-items:center;gap:28px;padding:24px 27px;border:1px solid var(--line);border-radius:3px;background:#001116b8}.feature svg{width:49px;height:49px;color:var(--cyan);flex-shrink:0}.feature p{font-size:14px;margin-top:3px}.community{display:grid;grid-template-columns:1.2fr 1fr;min-height:305px;border-bottom:1px solid var(--line)}.community-art{background-image:linear-gradient(90deg,transparent 80%,var(--ink)),url('assets/approved-mockup.png');background-size:100% 100%,160.48% 681.74%;background-position:center,left 67.26%;background-repeat:no-repeat}.community-copy{padding:47px 32px 42px 25px;align-self:center}.community-copy h2{font-size:clamp(43px,4.7vw,62px)}.community-copy p{font-size:20px;margin-top:13px;line-height:1.5}.community .actions{margin-top:24px}.steps{padding:35px 0 40px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#01171e,#001015)}.steps h2{font-size:44px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:22px 0 0;gap:30px}.steps-grid li{display:flex;align-items:center;gap:29px;border-left:1px solid var(--line);padding-left:30px}.steps-grid li:first-child{border:0;padding:0}.step-number{font-size:76px;font-style:italic;line-height:1;color:#77a8b8}.steps-grid p{font-size:14px}.staff{background:linear-gradient(90deg,rgba(0,14,20,.6),rgba(0,14,20,.18)),url('assets/island.png') center 69%/cover;border-bottom:1px solid var(--line);padding:51px 0 55px}.staff h2{font-size:clamp(42px,4.8vw,62px)}.staff p{font-size:21px;margin-top:12px}.staff .actions{margin-top:23px}.site-footer{padding:23px 0;background:#001015}.footer-inner{display:flex;align-items:center;gap:24px}.tagline{font-size:12px;border-left:1px solid #54707a;padding-left:24px}.footer-links{display:flex;gap:28px;font-size:13px;margin-left:auto;color:var(--muted)}.footer-links button{background:transparent;border:0;color:inherit;padding:0;cursor:pointer;font-size:inherit}.footer-links button:hover{color:var(--cyan)}dialog{width:min(540px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:38px;background:var(--panel);color:var(--white);border:1px solid var(--cyan);border-radius:5px;box-shadow:0 25px 90px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:38px;margin:8px 0 20px}dialog p{margin-top:14px}dialog .close{position:absolute;right:14px;top:8px;color:var(--white);background:none;border:0;font-size:29px;cursor:pointer}dialog .button{margin-top:25px}.content-page{padding-block:70px;min-height:60vh;max-width:850px}.content-page h1{font-size:60px;margin-bottom:28px}.content-page h2{font-size:38px;margin-block:24px 16px}.content-page p{margin-bottom:20px}.content-page a:not(.button){color:var(--cyan);text-decoration:underline}.post-list article{padding-block:25px;border-bottom:1px solid var(--line)}.post-list h2{font-size:38px}.content-page input{max-width:100%;padding:12px;border:1px solid var(--line);font:inherit;background:var(--ink);color:white}.content-page input[type=submit]{cursor:pointer;background:var(--cyan);color:var(--ink)}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute;width:1px;height:1px;overflow:hidden}.wp-block-image img{height:auto}.alignwide{max-width:100%}.aligncenter{margin-inline:auto}
@media(min-width:1600px){.hero{min-height:640px}.hero-inner{padding-block:100px 50px}.community{grid-template-columns:1fr 1fr}.community-copy{padding-left:55px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.main-nav{gap:20px}.brand{font-size:24px}.hero{min-height:480px}.hero .lead{font-size:19px}.companion{padding-top:40px}.companion-main{grid-template-columns:1fr 1.15fr;min-height:330px}.companion-copy p:not(.eyebrow):not(.note){font-size:20px}.feature{gap:17px;padding:20px 17px}.feature svg{width:37px}.feature h3{font-size:15px}.community{grid-template-columns:1fr 1fr}.community-copy{padding:35px 25px}.community-copy p{font-size:17px}.button{padding:12px 21px}.community .button{padding:12px 17px}.steps-grid{gap:20px}.steps-grid li{gap:18px;padding-left:20px}.step-number{font-size:66px}.tagline{max-width:220px}.footer-links{gap:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:68px}.brand svg{width:40px;height:40px}.menu-toggle{display:block;color:var(--cyan);border:1px solid var(--line);border-radius:3px;background:transparent;padding:7px 13px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:23px;background:#001015;border-bottom:1px solid var(--line);align-items:stretch;gap:18px}.main-nav.open{display:flex;flex-direction:column}.hero{min-height:600px;background-position:64% center;align-items:flex-end;background-image:linear-gradient(0deg,#001015 0%,#001015c4 35%,#00101510 100%),url('assets/island.png')}.hero-inner{padding:235px 0 28px}.hero h1{font-size:clamp(43px,8.7vw,65px)}.hero .lead{font-size:17px;max-width:340px}.actions{gap:12px;margin-top:23px}.button{font-size:14px;padding:12px 17px;min-height:48px}.facts{font-size:11px;letter-spacing:.12em;margin-top:30px;justify-content:space-between}.facts li{padding:0 15px}.facts li:last-child{padding-right:0}.eyebrow{font-size:11px;letter-spacing:.24em}.companion{padding-top:38px}.companion-main{display:flex;flex-direction:column;gap:25px;align-items:stretch}.companion-copy h2{font-size:45px}.companion-copy p:not(.eyebrow):not(.note){max-width:330px;font-size:19px}.companion-art{width:100%;margin:0}.features{grid-template-columns:1fr;gap:11px;margin-top:20px}.feature{padding:17px 24px;gap:27px}.feature h3{font-size:17px}.feature svg{width:43px;height:43px}.community{display:flex;flex-direction:column}.community-art{height:auto;aspect-ratio:625/230;background-image:url('assets/approved-mockup.png');background-size:160.48% 681.74%;background-position:left 67.26%}.community-copy{padding:28px 20px 36px;width:100%}.community-copy h2{font-size:47px}.community-copy p{font-size:18px}.steps{padding:33px 0}.steps h2{font-size:39px}.steps-grid{grid-template-columns:1fr;gap:20px}.steps-grid li,.steps-grid li:first-child{padding:0 0 18px;border:0;border-bottom:1px solid var(--line);gap:30px}.steps-grid li:last-child{border:0;padding-bottom:0}.step-number{font-size:65px;min-width:66px}.staff{padding:38px 0 42px;background-position:40% 70%}.staff h2{font-size:43px}.staff p{font-size:17px;max-width:280px}.footer-inner{flex-wrap:wrap;gap:18px}.tagline{border:0;padding:0;max-width:none;flex-basis:100%;order:2}.footer-links{margin-left:0;flex-basis:100%;gap:30px;order:3}.site-footer{padding:26px 0}.content-page{padding-block:40px}.content-page h1{font-size:46px}dialog{padding:30px 24px}dialog h2{font-size:32px}}
.custom-menu{display:contents;list-style:none;margin:0;padding:0}.custom-logo-link img{width:auto;max-width:240px;max-height:54px}.custom-logo-link{display:flex;align-items:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}