*{margin:0;padding:0;box-sizing:border-box;transition:.2s ease-in-out}:root{--fg-rgb:0, 0, 0;--fg-alt-rgb:255, 255, 255;--bg-rgb:255, 255, 255;--bg-alt-rgb:0, 0, 0;--primary-rgb:213, 35, 31;--primary-alt-rgb:228, 71, 67;--secondary-rgb:192, 192, 192;--secondary-alt-rgb:167, 167, 167;--tertiary-rgb:0, 0, 0;--tertiary-alt-rgb:26, 3, 3;--fg:rgb(var(--fg-rgb));--fg-alt:rgb(var(--fg-alt-rgb));--bg:rgb(var(--bg-rgb));--bg-alt:rgb(var(--bg-alt-rgb));--primary:rgb(var(--primary-rgb));--primary-alt:rgb(var(--primary-alt-rgb));--secondary:rgb(var(--secondary-rgb));--secondary-alt:rgb(var(--secondary-alt-rgb));--tertiary:rgb(var(--tertiary-rgb));--tertiary-alt:rgb(var(--tertiary-alt-rgb))}html{font-size:16px}body{display:grid;width:100vw;max-width:100vw;overflow-x:hidden;grid-template-rows:70px 50px 1fr 50px;color:var(--fg);background-color:var(--bg);font-family:libre franklin,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}a,a:hover,a:active,a:focus,a:link,a:visited{color:var(--primary)}table{border-collapse:collapse;color:var(--fg);border:1px solid var(--bg-alt);width:100%;th{color:var(--fg-alt);background-color:var(--primary);border:1px solid var(--bg-alt)}tbody tr:nth-child(odd){color:var(--fg);background-color:var(--bg)}tbody tr:nth-child(even){color:var(--fg);background-color:var(--secondary)}td{padding:5px}}#header{display:grid;grid-template-columns:80px 1fr;margin:10px;img{height:55px}h1{justify-self:left;align-self:center;font-size:1.5rem;font-weight:700}}#footer{display:grid;grid-template-columns:auto 25px 25px;grid-column-gap:15px;align-items:center;padding:0 10px;border-top:1px solid var(--fg);color:var(--fg);background-color:var(--secondary);font-size:.75rem;img{width:25px}p{opacity:.4;justify-self:center;align-self:center}}#navigation{display:flex;justify-content:start;flex-direction:row;flex-wrap:wrap;border-top:2px solid var(--secondary);border-bottom:2px solid var(--secondary);color:var(--fg);background-color:var(--bg-alt);font-weight:bolder;.hamburger{padding:0 5px;color:var(--fg-alt);border:none;background-color:initial;max-height:100%;cursor:pointer;img{max-width:45px;max-height:45px}}ul{display:none;list-style:none}ul.main{width:100vw;grid-auto-flow:row;background-color:var(--bg-alt);z-index:1;span{color:var(--fg-alt);text-transform:uppercase}li + li{border-top:1px solid var(--secondary)}}ul.main.active{display:grid}ul.main > li{white-space:nowrap;cursor:pointer;&:hover, &:active, &:focus{color:var(--fg-alt);background-color:var(--primary);cursor:pointer}a, a:hover, a:active, a:focus, a:link, a:visited, span{display:block;padding:10px;color:var(--fg-alt);text-decoration:none;text-transform:uppercase;cursor:pointer}}ul.main > li:hover > ul, ul.main > li.active > ul{display:block;left:auto;right:-10px;min-width:100%;background-color:var(--bg-alt);z-index:1;li{padding-left:25px;border-top:1px solid var(--secondary)}}ul.main > li:hover > ul > li:hover, ul.main > li:active > ul > li:hover{color:var(--fg-alt);background-color:var(--primary);cursor:pointer}ul.main li a:first-child:nth-last-child(2)::after, ul.main li span:first-child:nth-last-child(2)::after{content:"";position:relative;border:5px solid transparent;top:10px;left:4px}ul.main > li > a:first-child:nth-last-child(2)::after, ul.main > li > span:first-child:nth-last-child(2)::after{border-top-color:var(--fg-alt)}ul.main > li:hover > a:first-child:nth-last-child(2)::after, ul.main > li:hover > span:first-child:nth-last-child(2)::after{border:5px solid transparent;border-bottom-color:var(--fg-alt);margin-top:-5px;top:-14px}ul.main li li > a:first-child:nth-last-child(2)::after, ul.main li li > span:first-child:nth-last-child(2)::after{border-left-color:var(--fg-alt);margin-top:-5px}ul.main li li:hover > a:first-child:nth-last-child(2)::after, ul.main li li:hover > span:first-child:nth-last-child(2)::after{border:5px solid transparent;border-right-color:var(--fg-alt)}}#main{margin:10px;h1{margin:10px 0;font-size:2rem;text-align:center}h3{margin:10px 0 0;font-size:1.5rem}.content{ol, ul{padding:0 45px}}}#main.home,#main.team,#main.prior-season{h1.title{display:none}.content{h1{text-align:left}}}#main.team{ul + h2, p + h2, ul + p, p + p, h2 + p{margin-top:16px}p + ul, h2 + ul{margin-top:8px}.footnotes{margin-top:16px;ol{margin-top:8px}}}#main.roster{.content{max-width:100%;display:flex;column-gap:25px;row-gap:45px;flex-wrap:wrap;.player{margin-left:auto;margin-right:auto;display:grid;grid-template-columns:350px;grid-template-rows:400px auto 40px;border:1px solid var(--secondary);border-radius:4px;.player-image{position:relative;background-color:var(--secondary-alt);img{border-radius:4px 4px 0 0}.player-number{position:absolute;bottom:5px;right:5px;border-radius:5px;border:1px solid var(--tertiary);padding:10px;background-color:var(--primary);color:var(--fg-alt);font-size:1.5rem;font-weight:800}}.player-info{padding:10px;.name{font-size:2rem;font-weight:900}.position{color:var(--primary);text-transform:uppercase}.vitals{display:flex;flex-wrap:nowrap;padding-top:10px;color:var(--secondary-alt);span{padding:0 5px;text-align:left;&.height, &.weight{border-right:1px solid var(--secondary-alt)}&.height{padding-left:0}}}}.socials{padding:10px;border-top:1px solid var(--secondary);background-color:var(--secondary);.website{width:20px;filter:invert(32%)sepia(58%)saturate(2011%)hue-rotate(335deg)brightness(81%)contrast(119%)}.email{width:20px}.facebook{width:20px;filter:invert(32%)sepia(58%)saturate(2011%)hue-rotate(335deg)brightness(81%)contrast(119%)}.instagram{width:20px;filter:invert(32%)sepia(58%)saturate(2011%)hue-rotate(335deg)brightness(81%)contrast(119%)}}}}}#main.staff{.content{max-width:100%;display:flex;column-gap:25px;row-gap:45px;flex-wrap:wrap;.coach{margin-left:auto;margin-right:auto;display:grid;grid-template-columns:350px;grid-template-rows:400px auto 40px;border:1px solid var(--secondary);border-radius:5px;.coach-image{background-color:var(--secondary-alt);img{border-radius:4px 4px 0 0}}.coach-info{padding:10px;.name{font-size:2rem;font-weight:900}.coach-title{color:var(--primary);text-transform:uppercase}.bio{text-align:justify;p{padding:10px 0}ul{li{text-align:left}}}}.socials{padding:10px;border-top:1px solid var(--secondary);background-color:var(--secondary);.website{width:20px;filter:invert(32%)sepia(58%)saturate(2011%)hue-rotate(335deg)brightness(81%)contrast(119%)}.email{width:20px}.facebook{width:20px;filter:invert(32%)sepia(58%)saturate(2011%)hue-rotate(335deg)brightness(81%)contrast(119%)}.instagram{width:20px;filter:invert(32%)sepia(58%)saturate(2011%)hue-rotate(335deg)brightness(81%)contrast(119%)}}}}}#main.schedule{display:grid;.season-summary{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr;height:88px;border:1px solid var(--secondary);border-radius:5px;.overall, .pct, .conf, .confpct, .streak, .home, .away, .neutral{display:grid;grid-template-rows:20px 20px;.label{justify-content:center;align-content:center;text-align:center;font-weight:400;color:var(--secondary-alt)}.value{justify-content:center;text-align:center;align-content:center;font-weight:700}}}.schedule-event{display:grid;grid-template-rows:auto 0;.event-info{display:grid;grid-template-rows:25px 50px 0 50px 50px;justify-items:center;.date-box{display:grid;grid-template-columns:1fr 1fr;width:100%;font-weight:900;color:var(--fg);background-color:var(--bg-alt);border:1px solid var(--tertiary);border-radius:5px 5px 0 0;text-shadow:-1px -1px 0 var(--secondary),1px -1px 0 var(--secondary),-1px 1px 0 var(--secondary),1px 1px 0 var(--secondary);.month{justify-self:right;align-self:center;font-size:.75rem;line-height:25px;padding-right:5px}.day{justify-self:left;align-self:center;font-size:.75rem;line-height:25px;padding-left:5px}}.teams{width:100%;padding:15px 0;text-align:center;font-weight:900;border-left:1px solid var(--secondary);border-right:1px solid var(--secondary)}.location{display:grid;grid-template-rows:1fr 1fr;width:100%;font-weight:900;border-left:1px solid var(--secondary);border-right:1px solid var(--secondary);.name{justify-self:center;align-self:end;text-align:center}.venue{justify-self:center;align-self:start;text-transform:uppercase;color:var(--secondary)}}.result{display:grid;justify-self:left;align-self:center;width:100%;height:100%;font-weight:900;border-left:1px solid var(--secondary);border-right:1px solid var(--secondary);._result{justify-self:center;align-self:end;font-size:1.5rem}.score{justify-self:center;align-self:start;text-transform:uppercase;color:var(--secondary)}}.time{height:100%;width:100%;padding:16px 0;font-weight:900;text-align:center;align-content:end;border-left:1px solid var(--secondary);border-right:1px solid var(--secondary);border-bottom:1px solid var(--secondary);border-radius:0 0 5px 5px}}.event-note{display:none;background-color:var(--secondary);border-radius:0 0 5px 5px}&.noted{grid-template-rows:auto 25px;.time{border-radius:0}.event-note{display:initial;color:var(--fg);font-weight:900;line-height:1.5;text-align:right;padding-right:20px}}&.home{.event-info{.date-box{color:var(--fg-alt);background-color:var(--primary-alt);text-shadow:-1px -1px 0 var(--fg),1px -1px 0 var(--fg),-1px 1px 0 var(--fg),1px 1px 0 var(--fg)}}}&.away{.event-info{.date-box{color:var(--fg-alt);background-color:var(--primary-alt);text-shadow:-1px -1px 0 var(--fg),1px -1px 0 var(--fg),-1px 1px 0 var(--fg),1px 1px 0 var(--fg)}}}&.W, &.L{.event-info{grid-template-rows:25px 50px 75px 50px 50px}}}.schedule-event + .schedule-event{margin-top:22px}}#main.prior-season{.content{display:grid;grid-template-rows:auto auto auto auto auto;row-gap:8px;ul{display:none;list-style:none}ul.season-picker{display:block;justify-self:center;li{padding:0}a{color:var(--fg);text-decoration:none;display:block}.selected-item{position:relative;display:inline-block;font-size:2rem;white-space:nowrap;cursor:pointer;.other-items{padding:0;position:absolute;left:auto;min-width:100%;display:none;background-color:var(--bg);border:1px solid var(--secondary)}&.active, &:hover{cursor:pointer;.other-items{display:block;z-index:1}}}}ul.season-picker > li:hover > ul, ul.season-picker > li.active > ul{display:block;left:auto;right:-2.5rem;z-index:1;li{a{padding:4px 40px}}li + li{border-top:1px solid var(--secondary)}}ul.season-picker > li:hover > ul > li:hover, ul.season-picker > li:active > ul > li:hover{cursor:pointer;a{background-color:var(--secondary)}}ul.season-picker li a:first-child:nth-last-child(2)::after, ul.season-picker li span:first-child:nth-last-child(2)::after{content:"";position:relative;border:5px solid transparent;top:1.25rem;left:.125rem}ul.season-picker > li > a:first-child:nth-last-child(2)::after, ul.season-picker > li > span:first-child:nth-last-child(2)::after{border-top-color:var(--fg)}ul.season-picker > li:hover > a:first-child:nth-last-child(2)::after, ul.season-picker > li:hover > span:first-child:nth-last-child(2)::after{border:5px solid transparent;border-bottom-color:var(--fg);margin-top:-5px;top:-1.25rem}ul.season-picker li li > a:first-child:nth-last-child(2)::after, ul.season-picker li li > span:first-child:nth-last-child(2)::after{border-left-color:var(--fg);margin-top:-5px}ul.season-picker li li:hover > a:first-child:nth-last-child(2)::after, ul.season-picker li li:hover > span:first-child:nth-last-child(2)::after{border:5px solid transparent;border-right-color:var(--fg)}.season-summary{justify-self:center;display:grid;width:100%;grid-template-columns:1fr 1fr;height:44px;border:1px solid var(--secondary);border-radius:5px;.overall, .pct{display:grid;grid-template-rows:20px 20px;.label{justify-content:center;align-content:center;text-align:center;font-weight:400;color:var(--secondary-alt)}.value{justify-content:center;text-align:center;align-content:center;font-weight:700}}}.roster{table{td.number, td.position, td.class{text-align:center}}}.regular-season, .districts, .regionals, .states{table{td.result, td.score{text-align:center}}}.roster{order:0}.regular-season{order:1}.playoffs{order:2}}}#main.hall-of-fame{table{td{text-align:center}}}@media(min-width:577px){#main.roster,#main.staff{margin-left:auto;margin-right:auto}}@media(min-width:769px){body{grid-template-rows:153px 50px 1fr 50px}#header{grid-template-columns:170px 1fr;img{height:140px}h1{font-size:3.125rem}}#navigation{display:block;max-width:100vw;font-size:.875rem;.hamburger{display:none}ul{display:block}ul.main{display:flex;position:initial;top:auto;left:auto;flex-wrap:nowrap;li{padding:0}li + li{border:none}}ul.main > li{position:relative;display:inline-block;flex-grow:1;height:2.875rem;line-height:2.875rem;padding:0;text-align:center;a, a:hover, a:active, a:focus, a:link, a:visited, span{padding:0}}ul.main ul{position:absolute;list-style:none;white-space:nowrap;left:-99999em}ul.main > li > ul > li, ul.main > li:hover > ul > li{padding:0 1.5rem;font-size:.75rem}ul.main > li > ul > li + li{border-top:1px solid var(--secondary)}ul.main > li.active > ul{display:none}ul.main > li:hover > ul{display:block;left:0;right:auto;min-width:100%;background-color:var(--bg-alt);z-index:1}ul.main > li:nth-last-child(-n+3):hover > ul{left:auto;right:0}ul.main > li:hover > ul > li:hover{color:var(--fg-alt);background-color:var(--primary);cursor:pointer}ul.main > li li:hover > ul{left:100%;top:-1px}}#main.schedule{.season-summary{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;height:44px;.overall, .pct, .conf, .confpct, .streak, .home, .away, .neutral{border-left:1px solid var(--secondary)}}.schedule-event{.event-info{grid-template-rows:initial;grid-template-columns:80px 225px 190px 130px 120px;height:88px;.date-box{grid-template-columns:initial;grid-template-rows:.75fr 1fr;height:100%;border-radius:5px 0 0 5px;.month{justify-self:center;align-self:end;padding:0}.day{justify-self:center;align-self:start;padding:0;font-size:2rem}}.teams{height:100%;padding-left:15px;align-content:center;border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);border-left:none;border-right:none}.location{font-size:1.5rem;border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);border-left:none;border-right:none}.result{grid-template-columns:initial;grid-template-rows:1fr .5fr;align-content:center;border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);border-left:none;border-right:none;._result{font-size:2rem}}.time{height:100%;align-content:center;font-size:1.5rem;width:100%;justify-self:center;align-self:center;border-left:none;border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);border-right:1px solid var(--secondary);border-radius:5px}}&.noted{.event-info{.date-box{border-radius:5px 0 0 0}}.time{border-radius:0 5px 0 0}}&.W, &.L{.event-info{grid-template-rows:initial}}}}#main.prior-season{.content{grid-template-areas:"header header header" "overall overall overall" "roster regular-season playoffs";column-gap:8px;.season-summary{grid-area:overall}ul.season-picker{grid-area:header}.roster{grid-area:roster}.regular-season{grid-area:regular-season}.playoffs{grid-area:playoffs}}}}@media(min-width:900px){#navigation{ul.main li a:first-child:nth-last-child(2)::after, ul.main li span:first-child:nth-last-child(2)::after{left:8px}}#main.home{margin-left:auto;margin-right:auto;max-width:900px;text-align:justify;h1{margin-top:10px}}#main.schedule{.content{margin:0 auto;.schedule-event{.event-info{grid-template-columns:90px 275px 210px 180px 120px}}}}}@media(min-width:1200px){#navigation{ul.main > li > ul > li{padding:0 16px}}#main.roster,#main.staff{max-width:1200px}#main.schedule{.content{.schedule-event{.event-info{grid-template-columns:150px 275px 210px 400px 150px}}}}}