/*
Theme Name: Slap Richards Hockey
Author: Slap Richards Hockey Club
Description: The approved Slap Richards homepage, with editable WordPress blocks, bundled team photography, and Instagram links.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: slap-richards
Tags: block-patterns, full-site-editing, full-width-template, custom-colors
*/
html{scroll-behavior:smooth}body{margin:0}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0;margin-block-end:0}
.sr-home,.sr-header,.sr-footer{font-family:Arial,Helvetica,sans-serif;color:#eef2ef;background:#101820}.sr-home *,.sr-header *,.sr-footer *{box-sizing:border-box}
.sr-home p,.sr-home h1,.sr-home h2,.sr-home figure{margin:0}.sr-home a,.sr-header a,.sr-footer a{color:inherit}.sr-home [id]{scroll-margin-top:24px}
.sr-header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(22px,5vw,84px);border-bottom:1px solid #ffffff27;position:relative;z-index:2}
.sr-brand{font-size:1.15rem;font-weight:900;letter-spacing:.06em;text-decoration:none;display:flex;align-items:center;gap:12px;white-space:nowrap}.sr-brand-mark{display:inline-grid;place-items:center;background:#f26522;color:#101820;width:42px;height:42px;transform:skew(-8deg);font-size:1rem;flex:none}.sr-brand-mark span{transform:skew(8deg)}
.sr-nav{display:flex;flex-wrap:wrap;gap:18px 30px}.sr-nav a{font-size:.875rem;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.sr-nav a:hover{color:#f26522}.sr-nav a:focus-visible,.sr-brand:focus-visible,.sr-footer a:focus-visible{outline:3px solid #f26522;outline-offset:6px}
.sr-skip-link{position:absolute;left:12px;top:-100px;z-index:99999;padding:10px 18px;background:white;color:#101820}.sr-skip-link:focus{top:12px}
.sr-hero{min-height:690px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);overflow:hidden;border-bottom:8px solid #f26522}
.sr-hero-copy{min-width:0;padding:clamp(65px,9vw,145px) 5vw 80px max(5vw,calc((100vw - 1600px)/2));position:relative;z-index:1}
.sr-home p.sr-eyebrow{color:#f26522;text-transform:uppercase;letter-spacing:.24em;font-size:.875rem;font-weight:900;margin:0 0 24px}
.sr-home h1.sr-title{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(4rem,8.7vw,9rem);font-weight:900;letter-spacing:-.035em;line-height:.9;margin:0}.sr-title span{display:block;color:#f26522}
.sr-rule{width:95px;height:7px;background:#f26522;margin:38px 0 28px;transform:skew(-20deg)}.sr-home p.sr-lead{font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.5;max-width:560px;color:#cfdbdc;margin:0}
.sr-hero-art{background:radial-gradient(circle at 55% 45%,#314452,#17242d 58%,#0d151b);position:relative;display:grid;place-items:center;isolation:isolate;min-width:0}.sr-hero-art:before{content:"";position:absolute;inset:10% -25% 10% 5%;border:3px solid #ffffff20;border-radius:50%;transform:rotate(-26deg)}.sr-hero-art:after{content:"";position:absolute;inset:29% -10% 29% -12%;border-top:3px solid #f2652255;border-bottom:3px solid #f2652255;transform:rotate(-26deg)}
.sr-home figure.sr-team-logo{width:min(78%,460px);position:relative;z-index:1;margin:0}.sr-team-logo img{width:100%;height:auto;display:block;border-radius:50%;box-shadow:0 25px 60px #0008}
.sr-section{padding:90px max(5vw,calc((100vw - 1600px)/2))}.sr-section h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(3.1rem,6.3vw,6.5rem);letter-spacing:-.025em;line-height:1;margin:0 0 22px}
.sr-intro{background:#e9efee;color:#101820;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end}.sr-intro>p{font-size:clamp(1.1rem,1.55vw,1.35rem);line-height:1.55;max-width:650px;margin:0}.sr-intro p.sr-eyebrow{margin-bottom:20px}
.sr-gallery{background:#17242d}.sr-gallery-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.sr-gallery-head>p{color:#c7d3d4;max-width:340px;line-height:1.5;margin:0 0 8px}
.sr-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px}.sr-photo-grid figure{margin:0;overflow:hidden;background:#0d151b;aspect-ratio:4/5;min-width:0}.sr-photo-grid figure.sr-featured-photo{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;display:flex;align-items:center}.sr-photo-grid img{display:block;width:100%;height:100%;object-fit:cover}.sr-photo-grid .sr-featured-photo img{height:auto;object-fit:contain}.sr-photo-grid figure:nth-child(3) img{object-position:center 35%}
.sr-footer{padding:28px 5vw;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:.875rem;color:#b7c4c6;letter-spacing:.05em}.sr-footer strong{color:#fff;text-transform:uppercase}.sr-footer a{overflow-wrap:anywhere}
.sr-content{min-height:60vh;max-width:900px;margin:auto;padding:65px 24px}.sr-content h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.1}.sr-content p{margin-block:1em}.sr-post{margin-bottom:3rem}.sr-content img{max-width:100%;height:auto}
@media(max-width:850px){.sr-hero{grid-template-columns:minmax(0,1fr)}.sr-hero-copy{min-width:0;padding:75px 6vw 65px}.sr-home h1.sr-title{font-size:clamp(3rem,15.3vw,8rem)}.sr-hero-art{min-height:460px;overflow:hidden}.sr-home figure.sr-team-logo{width:290px}.sr-intro{grid-template-columns:1fr;gap:15px}.sr-gallery-head{display:block}}
@media(max-width:700px){.sr-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sr-photo-grid figure.sr-featured-photo{grid-column:span 2;grid-row:auto;aspect-ratio:1/1}}
@media(max-width:520px){.sr-header{padding:18px 20px;flex-wrap:wrap;gap:18px}.sr-brand{font-size:1rem}.sr-brand-mark{width:36px;height:36px}.sr-nav{width:100%;justify-content:space-between;gap:12px}.sr-home h1.sr-title{font-size:clamp(3rem,15.3vw,6rem)}.sr-hero-art{min-height:360px}.sr-home figure.sr-team-logo{width:235px}.sr-section{padding:70px 22px}.sr-footer{display:block;line-height:1.8}.sr-footer a{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}