/*
Theme Name:   NBL GeneratePress Child
Theme URI:    https://taosnbl.com
Description:  Northern Basketball League look (orange and black) on GeneratePress. Works with the NBL League plugin.
Author:       Pangea Biotecture
Template:     generatepress
Version: 1.3.1791773591
Text Domain:  nbl-gp-child
*/

:root{--nbl-orange:#f7941d;--nbl-link:#b85f00;--nbl-black:#111;--nbl-bg:#ececec}
body{background:var(--nbl-bg);font-family:'Lato',Helvetica,Arial,sans-serif;color:#1d1d1d}
h1,h2,h3,h4,.main-title,.entry-title,.widget-title{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:500;letter-spacing:.02em}
.entry-title{text-transform:uppercase;font-size:1.9rem}
a{color:var(--nbl-link)}
a:hover,a:focus{color:#7a3f00}

/* banner replaces the text site title (title stays in the page for search engines and screen readers) */
.nbl-banner{background:#000;text-align:center;line-height:0}
.nbl-banner img{max-width:100%;height:auto;display:inline-block}
.site-header{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* navigation */
.main-navigation,.main-navigation ul ul{background:#000}
.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .menu-bar-items{font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:15px;color:#c9c9c9}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li:focus>a,.main-navigation .main-nav ul li.sfHover>a{color:var(--nbl-orange);background:#000}
.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:#fff;background:#000;box-shadow:inset 0 -3px 0 var(--nbl-orange)}
.main-navigation .menu-toggle:hover{color:var(--nbl-orange);background:#000}
.nav-below-header .inside-navigation{max-width:1200px;margin:0 auto}

/* content boxes */
.site-content{max-width:1200px;margin:0 auto}
.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header{background:#fff;border-top:5px solid var(--nbl-orange)}
.home .entry-header{display:none}
.page .post-image,.page .featured-image{display:none}
.entry-content>*:first-child{margin-top:0}

/* buttons */
button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){background:var(--nbl-orange);color:#111;font-weight:700;border-radius:3px}
button:hover,input[type="submit"]:hover,a.button:hover{background:#111;color:var(--nbl-orange)}

/* footer */
.site-info{background:#000;color:#bbb;font-size:13px}
.site-info a{color:var(--nbl-orange)}
.site-footer{background:#000}

@media (max-width:768px){
  .entry-title{font-size:1.5rem}
  .main-navigation .main-nav ul li a{font-size:16px}
}

/* Animated banner: crowd flashes, light sweep, slow push-in, ball pass */
.nbl-bn{position:relative;display:inline-block;overflow:hidden;max-width:100%;vertical-align:top}
.nbl-bn img{display:block;transform-origin:50% 55%;animation:nbl-push 26s ease-in-out infinite alternate}
.nbl-fx{position:absolute;inset:0;pointer-events:none}
.nbl-flash{position:absolute;width:7px;height:7px;margin:-3px;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,.9) 25%,rgba(255,214,150,.35) 55%,transparent 72%);opacity:0;animation:nbl-flash 6s ease-out infinite}
.nbl-sweep{position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,200,120,.12),transparent);transform:skewX(-18deg);animation:nbl-sweep 11s ease-in-out infinite}
.nbl-ball{position:absolute;width:3.2%;min-width:14px;left:14%;bottom:12%;opacity:0;animation:nbl-pass 13s cubic-bezier(.4,0,.6,1) infinite 3s;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}
@keyframes nbl-push{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes nbl-flash{0%,86%,100%{opacity:0;transform:scale(.5)}88%{opacity:1;transform:scale(2.4)}92%{opacity:.5;transform:scale(1.6)}96%{opacity:0}}
@keyframes nbl-sweep{0%,25%{left:-40%}75%,100%{left:110%}}
@keyframes nbl-pass{0%{opacity:0;transform:translate(0,0)}4%{opacity:1}18%{transform:translate(250%,-200%) rotate(260deg)}34%{transform:translate(520%,0) rotate(540deg)}38%{transform:translate(550%,-60%) rotate(600deg)}42%{transform:translate(580%,0) rotate(660deg)}46%{opacity:1}52%{opacity:0;transform:translate(610%,0) rotate(720deg)}100%{opacity:0;transform:translate(610%,0)}}
@media (prefers-reduced-motion:reduce){.nbl-bn img,.nbl-flash,.nbl-sweep,.nbl-ball{animation:none}.nbl-flash,.nbl-ball{display:none}}

/* Hide post meta (date, author) */
.entry-meta,.byline,.posted-on,.cat-links,.comments-link{display:none!important}

/* The wave */
.nbl-wv{position:absolute;background-repeat:no-repeat;animation:nbl-wave 19s ease-in-out infinite;will-change:transform}
@keyframes nbl-wave{0%,10%,100%{transform:translateY(0);filter:none}3.5%{transform:translateY(-9%);filter:brightness(1.35)}7%{transform:translateY(0);filter:brightness(1.1)}}
@media (prefers-reduced-motion:reduce){.nbl-wv{display:none}}
.nbl-wvl{clip-path:polygon(10.6% 50.7%,16% 52%,21.5% 56%,25% 64%,25.6% 73%,15% 70.7%,10.6% 81.3%)}
.nbl-wvr{clip-path:polygon(80.5% 50.7%,89.5% 49.3%,89.5% 83.3%,80.5% 78.7%)}

/* Stronger wave + moving players */
.nbl-wv{animation-duration:9s}
@keyframes nbl-wave{0%,22%,100%{transform:translateY(0) scale(1);filter:none}7%{transform:translateY(-24%) scale(1.04);filter:brightness(1.55) saturate(1.2)}14%{transform:translateY(-6%);filter:brightness(1.15)}}
.nbl-act{position:absolute;background-repeat:no-repeat;-webkit-mask-image:radial-gradient(ellipse at center,#000 52%,transparent 74%);mask-image:radial-gradient(ellipse at center,#000 52%,transparent 74%);transform-origin:50% 100%;will-change:transform}
.nbl-bob{animation:nbl-bob 1.3s ease-in-out infinite}
.nbl-jump{animation:nbl-jump 3.6s ease-in-out infinite}
@keyframes nbl-bob{0%,100%{transform:translate(0,0)}25%{transform:translate(1.5px,-3px)}50%{transform:translate(0,1px) scale(1,.97)}75%{transform:translate(-1.5px,-2px)}}
@keyframes nbl-jump{0%,55%,100%{transform:translate(0,0)}68%{transform:translate(0,-9px) scale(1.03)}78%{transform:translate(1px,-10px) scale(1.03)}90%{transform:translate(0,0) scale(1,.96)}}
@media (prefers-reduced-motion:reduce){.nbl-act{display:none}}

/* Precise version: gentle wave on the crowds, four players shifting their weight */
@keyframes nbl-wave{0%,24%,100%{transform:translateY(0);filter:none}8%{transform:translateY(-7%);filter:brightness(1.22)}16%{transform:translateY(-2%);filter:brightness(1.07)}}
.nbl-act{-webkit-mask-image:none;mask-image:none}
.nbl-sway{animation:nbl-sway 1.7s ease-in-out infinite;transform-origin:50% 100%}
@keyframes nbl-sway{0%,100%{transform:rotate(-1deg) translateY(0)}30%{transform:rotate(1.1deg) translateY(-1.5px)}60%{transform:rotate(.4deg) translateY(.5px) scaleY(.99)}80%{transform:rotate(-.8deg) translateY(-1px)}}

/* Live scoreboard digits */
.nbl-sb{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.nbl-sb text{font-family:Oswald,"Arial Narrow",sans-serif;font-weight:600;transition:fill .5s}
@media (prefers-reduced-motion:reduce){.nbl-sb{display:none}}