/*@layer base {*/

/* ==========================================================================
   fonts
   ========================================================================== */

@font-face 										{ font-family: 'soccerleague'; src: url('/wp-content/themes/ahiha/fonts/soccerleague-webfont.woff2') format('woff2'), url('/wp-content/themes/ahiha/fonts/soccerleague-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face 										{ font-family: 'soccerleague'; src: url('/wp-content/themes/ahiha/fonts/soccerleague-italic-webfont.woff2') format('woff2'), url('/wp-content/themes/ahiha/fonts/soccerleague-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic; }
@font-face 										{ font-family: 'soccerleague-college'; src: url('/wp-content/themes/ahiha/fonts/soccerleaguecollege-webfont.woff2') format('woff2'), url('/wp-content/themes/ahiha/fonts/soccerleaguecollege-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face 										{ font-family: 'soccerleague-college'; src: url('/wp-content/themes/ahiha/fonts/soccerleaguecollege-italic-webfont.woff2') format('woff2'), url('/wp-content/themes/ahiha/fonts/soccerleaguecollege-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic; }



/* ==========================================================================
   normalize/reset
   ========================================================================== */

html,body,main,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
ol, ul	 										{ list-style: none; }
blockquote, q 									{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table											{ border-collapse: collapse; border-spacing: 0; }
*												{ margin: 0; padding: 0; }
*, *:before, *:after 							{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html 											{ font-size: 1em; }

::-moz-selection 								{ background: #b3d4fc; text-shadow: none; }
::selection 									{ background: #b3d4fc; text-shadow: none; }

hr 												{ display: block; height: 1px; border: 0; background: #ccc; margin: 0 auto; padding: 0; }

audio, canvas, iframe, img, svg, video 			{ vertical-align: middle; }
fieldset 										{ border: 0; margin: 0; padding: 0; }
textarea 										{ resize: vertical; }
input:not([type=checkbox]):not([type=radio]), textarea, button, select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; }

button, input[type=submit]						{ margin: 0; padding: 0; border: 0; background: transparent; font-family: inherit; font-size: 1em; cursor: pointer; outline: none; overflow: visible; }
button::-moz-focus-inner						{ padding: 0; border: 0; }

sup, sub										{ height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: .5em; }
sup												{ bottom: 1.5ex; }
sub												{ top: .5ex; }

a												{ text-decoration: none; color: inherit; transition: color .25s; overflow-wrap: break-word; word-wrap: break-word; }
a:hover											{ color: #253d66; }
.copy a											{ text-decoration: underline; }

body b, body strong								{ font-weight: bolder; }



/* ==========================================================================
   base styles: opinionated defaults
   ========================================================================== */

html 											{ color: #032764; line-height: 1.6; }
::-moz-selection 								{ background: #b3d4fc; text-shadow: none; }
::selection 									{ background: #b3d4fc; text-shadow: none; }
fieldset 										{ border: 0; margin: 0; padding: 0; }
textarea 										{ resize: vertical; }

p												{ margin-bottom: 1.5em; }
.copy p:last-of-type							{ margin-bottom: 0; }
.copy .columns p:last-of-type					{ margin-bottom: 2em; }

h1, h2, h3, h4, h5, h6							{ line-height: 1.2; }

a, button										{ -o-transition: all .25s; -ms-transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; }

.browserupgrade 								{ margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; text-align: center; }

.center-content, .has-text-align-center			{ text-align: center; }

.hide											{ display: none; }



/* ==========================================================================
   custom styles
   ========================================================================== */

/*
blu -- #032764 - hsl(218, 94%, 20%) - rgb(3, 39, 100)
red -- #aa050f - hsl(356, 94%, 34%) - rgb(170, 5, 15)
wht -- #f4f7f5 - hsl(140, 16%, 96%) - rgb(244, 247, 245)
*/

body											{ height: 100%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background: #ccc; }
body.mobile-menu-active							{ height: 100vh; overflow: hidden; position: fixed; }

nav.main 										{ position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 60px; background: rgba(244,247,245,.95); box-shadow: 0 2px 4px rgba(0,0,0,.5); }
nav.main div.container							{ display: flex; height: 100%; padding: 0 2% 0 3%; justify-content: space-between; }
nav.main figure									{ display: ineline-block; height: 100%; padding-top: 8px; }
nav.main figure a								{ display: flex; height: 100%; }
nav.main img									{ width: auto; height: 45px; }
nav.main img:nth-of-type(2)						{ margin-left: .5em; }
nav.main figcaption								{ color: #aa050f; padding: 10px 0 0 0; }
nav.main figcaption img							{ width: 98px; height: 11px; }
nav.main div.mobile-scroll						{ position: absolute; top: 60px; right: 0; width: 0; height: calc(100vh - 60px); overflow-y: scroll; -webkit-overflow-scrolling: touch; transition: width .25s; }
.mobile-menu-active nav.main div.mobile-scroll	{ width: 100vw; }
nav.main ul										{ display: block; position: absolute; left: 100vw; padding-bottom: 120px; background: rgba(244,247,245,.95); font-size: 1.25em; height: auto; width: 100%; justify-content: flex-end; transition: left .25s; }
.mobile-menu-active nav.main ul					{ left: 0; }
nav.main li										{ display: block; border-top: 1px #ddd solid; }
nav.main li a									{ font-weight: bold; display: block; flex-direction: column; justify-content: center; padding: .75em 2em; white-space: nowrap; position: relative; }
nav.main li a:hover								{ color: #aa050f; }
nav.main li.on a								{ color: #aa050f; cursor: default; }
nav.main li a span								{ position: relative; }
nav.main li a span:after						{ content: ''; display: block; position: absolute; bottom: -.5em; left: -.25em; width: calc(100% + .5em); height: 2px; background: rgba(170,5,15,0); transition: background .25s; }
nav.main li:hover span:after					{ background: rgba(170,5,15,1); }
nav.main li.on a span:after						{ background: rgba(170,5,15,1); cursor: default; }

nav.main ul ul									{ display: block; position: relative; background: none; top: auto; padding: 0; font-size: .75em; }
nav.main ul ul div.container					{ display: block; padding: 0; }
nav.main ul ul li								{ padding-left: 2em; position: relative; }
nav.main ul ul li a								{ font-weight: normal; padding: 1em 1.625em; }
nav.main ul ul li a:before						{ content: '-'; position: absolute; left: .75em;  }
nav.main li.on li a								{ color: #032764; cursor: pointer; }
nav.main li.on li.on a							{ text-decoration: underline; cursor: default; }

button.mobile									{ position: absolute; right: 1em; top: 50%; transform: translateY(-50%); width: 1.5em; height: 1.5em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
button.mobile svg								{ width: 100%; height: 2px; position: absolute; left: 0; top: calc(50% - 1px); transition: opacity .25s; }
button.mobile:before, button.mobile:after		{ content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0; background: #032764; transform-origin: 50% 50%; transition: transform .25s; }
button.mobile:before							{ top: 3px; }
button.mobile:after								{ bottom: 3px; }

.mobile-menu-active button.mobile svg			{ opacity: 0; }
.mobile-menu-active button.mobile:before		{ transform: rotate(45deg) translate(.35em, .35em); }
.mobile-menu-active button.mobile:after			{ transform: rotate(-45deg) translate(.35em, -.35em); }


body > footer									{ background: #6680ab; text-align: center; padding: 0 3%; color: #f4f7f5; position: relative; }
footer ul										{ display: flex; justify-content: center; }
footer ul.social								{ }
footer .social li								{ padding: 0 .75em; }
footer .social li a								{ width: 40px; height: 40px; display: block; }
footer .social li a:hover						{ opacity: .8; }
footer .social li img							{ width: 100%; height: 100%; }
footer ul.legal									{ margin-top: 2%; font-size: .875em; }
footer .legal li								{ padding: 0 1em; position: relative; }
footer .legal li:not(:first-child):before		{ content: ''; display: block; width: 1px; height: 1em; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #f4f7f5; }
footer .legal li a								{ }
footer a.seal 									{ position: absolute; bottom: 1em; right: 1em; display: block; width: 15vw; height: 15vw; }
footer .seal img								{ width: 100%; height: auto; max-width: 100%; }

a.button										{ display: inline-flex; text-decoration: none; padding: 1em 4em; font-weight: bold; text-transform: uppercase; font-size: .875em; justify-content: center; box-shadow: 0 1px 2px rgba(0,0,0,.5); transition: background .25s; white-space: nowrap; max-width: 100%; }
a.button.red									{ background: hsl(356, 94%, 34%); color: #fff; }
a.button.blu									{ background: hsl(218, 94%, 20%); color: #fff; }
a.button.wht									{ background: #fff; color: #032764; }
a.button.red:hover								{ background: hsl(356, 70%, 50%); }
a.button.blu:hover								{ background: hsl(218, 50%, 40%); }
a.button.wht:hover								{ background: #eee; }

div.page404										{ min-height: calc(100vh - 11.5625em - 120px); }




main											{ padding-top: 60px; }
.container										{ width: 100%; max-width: 1160px; margin-left: auto; margin-right: auto; position: relative; }

section											{ display: flex; flex-direction: column; align-items: flex-start; position: relative; background: #fff; }
section.hero										{ display: block; }
section.canceled::after							{ content: ''; display: block; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8); }
section.hero.canceled h1							{ position: absolute; z-index: 11; top: 50%; left: 0; width: 100%; text-align: center; }

div.container									{ padding: 3em 5%; }
div.container.alt								{ padding: 3em 5% 2em; }

.bg-lbl											{ background: #6680ab; color: #f4f7f5; }
.bg-blu											{ background: #032764; color: #f4f7f5; }
.bg-red											{ background: #aa050f; color: #f4f7f5; }

.red											{ color: #aa050f; }

h1												{ font: normal normal 2.25em/1 'soccerleague'; color: #aa050f; text-align: center; letter-spacing: .025em; margin-bottom: .5em; }
h2												{ font-size: 1.25em; line-height: 1; font-weight: bold; color: #032764; text-align: center; letter-spacing: .025em; }
h3												{ font-size: 1.125em; font-weight: bold; margin-bottom: .5em; }
h4												{ font-size: 1em; line-height: 1.6; text-align: center; font-weight: bold; }
h5												{ font-size: 1em; line-height: 1.6; text-align: left; font-weight: bold; }
h6												{ font-size: 1em; line-height: 1.6; text-align: center; margin-bottom: 3em; }

.text-lt										{ text-align: left; }
.text-rt										{ text-align: right; }

.bg-blu h1, .bg-red h1, .bg-red h2, .bg-red h2	{ color: #fff; }

figure.align-rt									{ float: right; max-width: 50%; padding: 0 0 1em 2em; }
figure.align-lt									{ float: left; max-width: 50%; padding: 0 2em 1em 0; }
figure.round img								{ border-radius: 50%; }
main figure img									{ width: 100%; max-width: 100%; height: auto; max-height: 100%; }

section.hero.fixed-height						{ width: 100%; height: 200px; }
section.hero									{ height: auto; padding-top: 0; }
.hero figure.fixed-height						{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.hero figure									{ width: 100%; height: auto; }
.hero img										{ width: 100%; height: auto; }

.columns										{ column-count: 1; column-gap: 0; }
.span-all										{ column-span: all; }
.group											{ page-break-inside: avoid; break-inside: avoid; }

.copy ol										{ list-style-type: decimal; margin-left: 1.5em; }
.copy ol li										{ list-style-type: decimal; margin-bottom: 1em; }

main aside										{ width: 100%; min-width: 14.5em; margin: 0 0 2em 0; padding: 1em; background: rgba(244,247,245,.95); float: none; box-shadow: 0 1px 2px rgba(0,0,0,.25); }

.col-33-33-33									{ display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; padding-bottom: 1em; }
.col-33-33-33 > *								{ padding: 1em 0; }
.center-content									{ text-align: center; }

.col-50-50 h1, .col-60-40,.col-50-f50 h1, .col-60-f40 h1, .col-70-f30 h1, .col-f50-50 h1 { text-align: left; }



/* ==========================================================================
   layouts
   ========================================================================== */

.col-50-f50, .col-60-f40, .col-70-f30			{ justify-content: flex-end; }
.col-f50-50										{ justify-content: flex-start; }

.col-50-50 > div, .col-50-f50 > div, .col-60-f40 > div, .col-70-f30 > div { width: 100%; max-width: none; position: relative; padding: 3em 5%; }
.col-50-f50 > figure, .col-60-f40 > figure, .col-70-f30 > figure { width: 100%; height: 200px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }

section > div, section > figure					{ width: 100%; }

.wp-block-columns > div							{ width: 100%; max-width: none; position: relative; padding: 0 5%; }
.col-70-30 .wp-block-columns > div				{ width: 100%; max-width: none; position: relative; padding: 0 5%; }
.col-30-70 .wp-block-columns > div				{ width: 100%; max-width: none; position: relative; padding: 0 5%; }
.col-60-40 .wp-block-columns > div				{ width: 100%; max-width: none; position: relative; padding: 0 5%; }
.col-40-60 .wp-block-columns > div				{ width: 100%; max-width: none; position: relative; padding: 0 5%; }
.col-50-50 .wp-block-columns > div				{ width: 100%; max-width: none; position: relative; padding: 0 5%; }

div.col2										{ margin: 2em 0; }
div.col2 > div:first-of-type 					{ padding: 0 0 2em; }
div.col2 > div:last-of-type 					{ padding: 0; }

.wp-block-columns > div figure img				{ width: auto; }

.wp-block-columns.has-3-columns > div ul			{ margin-bottom: 1.5em; }

/*
.mixed											{ display: flex; flex-direction: column; }
.full-rt										{ justify-content: flex-end; }
.full-lt										{ justify-content: flex-start; }
.container-lt, .container-rt					{ width: 100%; max-width: none; position: relative; padding: 3em 5%; }
.container-lt									{ padding-left: 5%; }
.container-rt									{ padding-right: 5%; }
.mixed > figure									{ width: 100%; height: 200px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
*/



/* ==========================================================================
   home
   ========================================================================== */

section.carousel								{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden; background: #222; }
.carousel div.gallery							{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .25s; }
.carousel div.gallery.active					{ opacity: 1; }
.carousel .gallery ul, .carousel .gallery figure.wp-block-gallery { width: 100%; height: 100%; display: flex; position: relative; flex-wrap: nowrap; }
.carousel .gallery li, .carousel .gallery figure.wp-block-image { width: 100%; height: 100%; position: relative; flex: 1 0 auto; margin: 0; }
.carousel .gallery figure.wp-block-image img 	{ width: 100%; height: auto; aspect-ratio: initial; object-fit: initial; }
.carousel .gallery li figure					{ width: 100%; height: 100%; position: relative; }
/* .carousel .gallery figure:before				{ content: ''; display: block; position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); } */
.carousel .gallery li figcaption				{ position: absolute; z-index: 2; bottom: 0; padding-bottom: 5%; left: 50%; transform: translateX(-50%); text-align: center; }
.carousel .gallery h1							{ font: normal normal 3em/1 'soccerleague'; letter-spacing: .05em; padding-left: .075em; margin: 0; color: #fff; }
.carousel .gallery h2							{ font-size: .875em; position: relative; display: inline-block; color: #fff; }
.carousel .gallery h2:before, .carousel .gallery h2:after { content: ''; display: block; width: 2em; height: 1px; position: absolute; top: 50%; background: #aa050f; }
.carousel .gallery h2:before					{ left: -2.5em; }
.carousel .gallery h2:after						{ right: -2.5em; }
.carousel nav									{ position: absolute; z-index: 5; top: 50%; left: 0; width: 100%; height: 0; font-size: .5em; }
.carousel nav button							{ position: absolute; top: 0; transform: translateY(-50%); width: 2em; height: 3.375em; opacity: .7; transition: opacity .25s; }
.carousel nav button:hover						{ opacity: 1; }
.carousel nav button:first-child				{ left: 5%; }
.carousel nav button:last-child					{ right: 5%; }
.carousel nav button img						{ width: 100%; height: auto; }

.carousel figcaption a							{ display: inline-flex; background: hsl(356, 94%, 34%); color: #fff; text-decoration: none; padding: 1em 4em; font-weight: bold; text-transform: uppercase; font-size: .875em; justify-content: center; box-shadow: 0 1px 2px rgba(0,0,0,.5); transition: background .25s; white-space: nowrap; max-width: 100%; }
.carousel figcaption a:hover					{ background: hsl(356, 70%, 50%); }

section.nav-sub									{ background: #032764; font-size: .75em; }
.nav-sub nav									{ }
.nav-sub ul										{ display: flex; flex-wrap: nowrap; flex-direction: column; height: 100%; }
.nav-sub li										{ width: 100%; }
.nav-sub li:nth-child(-n+2)						{ border-bottom: 1px #979797 solid; }
.nav-sub li:nth-child(2n+1)						{ border-left: none; }
.nav-sub a										{ display: flex; flex-direction: column; justify-content: center; text-align: center; width: 100%; height: 100%; padding: 2em 10%; color: #fff; font-size: .9375em; text-transform: uppercase; background: rgba(255,255,255,0); transition: background .25s; }
.nav-sub a:hover								{ background: rgba(255,255,255,.1); }

section.mission									{ background: #aa050f; color: #fff; text-align: center; font-size: .75em; }
.mission h2										{ font-size: 1.25em; font-weight: bold; text-transform: uppercase; color: #fff; margin-bottom: 1em; position: relative; }
.mission h2:before								{ content: ''; display: block; width: 2.9em; height: 1.5em; background: url(/wp-content/themes/ahiha/img/icon-puck.svg) no-repeat 50% 50%; background-size: contain; position: relative; top: -.75em; left: 50%; transform: translateX(-50%); }
.mission p										{ margin: 0; font-size: 1.75em; line-height: 1.2; font-weight: 100; font-style: oblique; }

section.banner									{ }
section.banner.home								{ background: #fff url(/wp-content/themes/ahiha/img/bg-home-banner.jpg) no-repeat 0 50%; background-size: cover; }
.banner div.container							{ padding: 6%; }
.banner h3										{ font-weight: bold; font-size: 1.5em; color: #aa050f; text-transform: uppercase; width: 100%; margin-bottom: .375em; }
.banner h4										{ font-weight: bold; font-size: 1.125em; line-height: 1; color: #6680AB; text-align: left; margin-bottom: 0; }
.banner h5										{ font-style: oblique; font-size: .75em; color: #6680AB; font-weight: normal; }

div.when										{ display: flex; margin: 2em 0; font-family: 'soccerleague'; align-items: center; font-size: .75em; }
div.when:before									{ content: ''; display: block; width: 5.3125em; height: 5.8125em; background: url(/wp-content/themes/ahiha/img/icon-calendar.svg) no-repeat 50% 50%; background-size: contain; }
.when div.date									{ padding: 0 2em; }
.when .date div.month							{ text-alig: left; font-size: 1.25em; }
.when .date div.day								{ font-size: 7em; line-height: .75; }

section.home.news								{ background: #fff; }
.home.news div.container							{ padding: 6% 3%; text-align: center; }
.home.news .container h2							{ font-family: 'soccerleague'; font-size: 3em; line-height: 1; color: #aa050f; margin-bottom: .5em; }
.home.news ul									{ margin-bottom: 2em; }
.home.news li									{ display: block; width: 100%; background: #f5f7f6; padding-bottom: 4em; position: relative; margin-bottom: 1em; }
.home.news p:not(.date)							{ font-weight: bold; padding: 1em; }
.home.news p.date								{ position: absolute; bottom: 3em; left: 0; width: 100%; font-weight: 300; font-size: .875em; color: #5f5f5f; }
.home.news button								{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 1em; background: hsl(218, 94%, 20%); color: #fff; font: normal normal 1em/1 'soccerleague'; letter-spacing: .1em; text-transform: uppercase; }
.home.news li:hover button						{ background: hsl(218, 50%, 40%); }

.contact.home									{ text-align: center; padding: 6% 4%; }
.container > p:last-of-type						{ margin-bottom: 0; }

figure.is-type-video.is-provider-youtube			{ }

.wp-block-embed__wrapper 						{ position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.wp-block-embed__wrapper iframe 					{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
body .wp-block-gallery.has-nested-images figure.wp-block-image img { max-width: unset !important; width: 100%; }



/* ==========================================================================
   about us
   ========================================================================== */

.about-us.video .container h1					{ display: none; }

.about-us.awards-and-honors section.hero					{ background: #032764 url(/wp-content/uploads/2019/05/bg-awards.jpg) no-repeat 50% 50%/cover; }
.about-us.awards-and-honors .hero h1						{ color: #fff; margin-bottom: .25em; }
.about-us.awards-and-honors .hero p							{ text-align: center; color: #fff; }
.about-us.awards-and-honors .hero ul						{ display: flex; flex-wrap: wrap; justify-content: center; padding-top: 1em; }
.about-us.awards-and-honors .hero li						{ display: block; width: 100%; padding: 1%; }
.about-us.awards-and-honors .hero li.break					{ flex-basis: 100%; height: 0; padding: 0; }
.about-us.awards-and-honors .hero button					{ background: #f4f7f5; color: #032764; font-weight: bold; padding: .75em; width: 100%; text-align: center; border-radius: .375em; }
.about-us.awards-and-honors .hero button:hover, .about-us.awards-and-honors .hero button.on { background: #aa050f; color: #fff; }
.about-us.awards-and-honors .hero h2						{ background: #aa050f; color: #fff; font-family: 'soccerleague'; font-weight: normal; text-transform: uppercase; font-size: 2em; letter-spacing: .1em; padding: .25em 0 .125em; margin: 0; line-height: 1; }
.about-us.awards-and-honors .hero + section					{ background: #f4f7f5; }
/*
.about-us.awards-and-honors .hero + section ul				{ display: flex; flex-wrap: wrap; justify-content: center; }
.about-us.awards-and-honors .hero + section li				{ display: flex; flex-direction: column; width: 98%; margin: 1%;  padding: .25em; text-align: center; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.about-us.awards-and-honors .hero + section .col4 li		{ width: 98%; }
.about-us.awards-and-honors .hero + section h3				{ text-align: center; margin: 0; font-family: helvetica; font-weight: 100; text-transform: uppercase; color: #032764; font-size: 1em; }
.about-us.awards-and-honors .hero + section h4				{ text-align: center; margin: 0; font-family: helvetica; color: #5F5F5F; font-weight: normal; font-size: .75em; }
.about-us.awards-and-honors .hero + section h5				{ text-align: center; margin: 0; font-family: 'soccerleague'; font-weight: normal; color: #6680ab; font-size: 1em; text-decoration: underline; letter-spacing: .05em; }
*/
.about-us.awards-and-honors .hero + section ul				{ display: flex; flex-wrap: wrap; justify-content: center; }
.about-us.awards-and-honors .hero + section li				{ display: flex; flex-direction: column; width: 99.5%; margin: .25%; padding: 1em .5em .75em; text-align: center; background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.05); position: relative; }
.about-us.awards-and-honors .hero + section .col4 li		{ width: 98%; }
.about-us.awards-and-honors .hero + section h3				{ text-align: center; margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; /* text-transform: uppercase; */ color: #032764; font-size: 1em; }
.about-us.awards-and-honors .hero + section h4				{ text-align: center; margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #999; font-weight: normal; font-size: .75em; }
.about-us.awards-and-honors .hero + section h5				{ position: absolute; top: .25em; left: .5em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; color: #6680ab; font-size: .75em; letter-spacing: .05em; }




/* ==========================================================================
   who we are
   ========================================================================== */

.board-of-directors h6							{ margin-bottom: 0; }
.board-of-directors .copy ol						{ display: flex; flex-wrap: wrap; justify-content: center; padding: 1em 0 0; margin: 0; list-style-type: none; }
.board-of-directors .copy li						{ width: 100%; padding: 3% 12% 10%; margin: 0; list-style-type: none; }
.board-of-directors .copy ol img					{ border-radius: 50%; aspect-ratio: 1 / 1; background-color: #ccc; font-size: 0; }
.board-of-directors .copy ol figcaption			{ padding-top: .5em; }
.board-of-directors .copy ol h5					{ margin: 0; white-space: nowrap; }
.board-of-directors .copy ol p					{ display: none; font-size: .75em; margin: 0; text-align: center; }

.fundraising-committee .copy ul li				{ padding-bottom: 2em; }
.fundraising-committee .copy ul h3				{ text-align: center; margin-bottom: 0; }
.fundraising-committee .copy ul p				{ text-align: center; font-size: .875em; }

.coaches-and-staff .copy h5						{ font-size: 1.125em; margin-bottom: 1em; padding-bottom: .5em; border-bottom: 1px #ddd solid; }
.coaches-and-staff .copy ul						{ width: 100%; display: flex; flex-wrap: wrap; padding-bottom: 2em; }
.coaches-and-staff .copy li						{ width: 100%; padding: 0 0 .5em 0; }
.coaches-and-staff .copy li p					{ font-size: .875em; margin: 0; line-height: 1.2; color: #5f5f5f; font-weight: bold; }
.coaches-and-staff .copy li p:first-of-type		{ font-size: 1em; /* text-transform: uppercase; text-decoration: underline; */ padding: 0; margin-bottom: 0; color: #032764; font-weight: normal; }

.coaches-and-staff .copy .volunteers h5			{ border: none; }
.coaches-and-staff .copy .volunteers ul			{ display: block; }
.coaches-and-staff .copy .volunteers li			{ padding-bottom: 0; }
	
.ahiha-family-support-group section h5			{ font-size: 1.125em; padding: 1.5em 0; }
.ahiha-family-support-group section ul			{ padding: 0 0 1em 1.25em; }
.ahiha-family-support-group section li			{ list-style-type: disc; padding-bottom: 1.5em; }

.girls-womens-team section h3					{ text-transform: uppercase; margin-bottom: 1em; }



/* ==========================================================================
   donate
   ========================================================================== */

ul.donate-home									{ display: flex; flex-wrap: wrap; justify-content: center; padding: 1em 0 0; margin: 0; list-style-type: none; }
.donate-home li									{ width: 100%; padding: 5% 0; margin: 0; list-style-type: none; position: relative; }
.donate-home li p								{ font-size: .75em; font-weight: bold; }
.donate-home li a.button						{ font-size: 1.2em; width: 16em; max-width: 100%; }

.donate.online .copy ul							{ padding: 0 0 2em 1.25em; list-style-type: disc; }
.donate.online .copy li							{ padding: 0 0 .5em; margin: 0; list-style-type: disc; line-height: 1.2; }
.donate.online form.paypal						{ padding-top: 2em; }
.paypal label:not(:last-of-type)				{ padding-right: 1em; }
.paypal input[type=radio]						{ margin-right: .25em; }
.paypal input[type=text]						{ border: 1px #aaa solid; padding: .125em .25em; }
.paypal button									{ margin-top: 1em; background: hsl(218, 94%, 20%); color: #fff; display: inline-flex; text-decoration: none; padding: 1em 4em; font-weight: bold; text-transform: uppercase; font-size: .875em; justify-content: center; box-shadow: 0 1px 2px rgba(0,0,0,.5); transition: background .25s; white-space: nowrap; max-width: 100%; }
.paypal button:hover							{ background: hsl(218, 50%, 40%); }

.sponsor-logos									{ display: flex; flex-wrap: wrap; justify-content: space-around; text-align: center; }
.sponsor-logos a								{ display: block; padding-bottom: 7%; width: 24%; }
.sponsor-logos a img							{ width: auto; height: auto; }

.donations.donate ul							{ list-style-type: square; padding-left: 2em; padding-right: 2em; }
.donations.donate ul li							{ list-style-type: square;margin-bottom: 1em; }

#paypal-button-container						{ width: 100%; max-width: 24em; }



/* ==========================================================================
   programs
   ========================================================================== */

.programs section h3							{ display: none; }

/* .annual-hockey-school main ul					{ padding: 2em 0 0; }
.annual-hockey-school main ul li				{ padding: 0 0 2em; }
.annual-hockey-school .copy ol					{ padding: 1em 0; }
.annual-hockey-school .copy h5					{ margin-bottom: 1em; } */
.annual-hockey-school .copy 					{ color: #000; }
.annual-hockey-school .copy div.container		{ padding-top: 2.5%; }
.annual-hockey-school section.hero 				{ margin-top: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; padding: 0; display: flex; flex-direction: row; align-items: stretch; justify-content: stretch; }
.annual-hockey-school .hero figure 				{ width: 80px; margin: 1em auto 1em; }
.annual-hockey-school .hero figure img 			{ width: 100%; max-width: 100%; height: auto; filter: drop-shadow(0 0 1px rgba(255,255,255,1)); }

.annual-hockey-school .hero figure.since-1973	{ width: 60px; margin: 7.5% auto 0; }
.annual-hockey-school .hero figure.since-1973 img { filter: none; }

.annual-hockey-school .hero h1 					{ font-size: 1.75rem; color: #fff; }
.annual-hockey-school .hero h2 					{ font-family: 'soccerleague'; font-weight: normal; font-size: 1.75rem; color: #fff; line-height: .5; }
.annual-hockey-school .hero h2 span 			{ font-size: 1rem; }
.annual-hockey-school .hero h1, .annual-hockey-school .hero h2 { text-shadow: 0 0 .125em rgba(0,0,0,.25); }
.annual-hockey-school .hero div.col-img 		{ display: block; width: 20em; padding: 0 !important; background: url(/wp-content/uploads/2025/02/stan-mikita.png) no-repeat 0 100%; background-size: contain; }
.annual-hockey-school .hero div.col-copy 		{ padding: 0 5% 2.5% 0 !important; display: flex; flex-direction: column; justify-content: center; }


.annual-hockey-school .copy h3 					{ font-size: 1.25rem; display: block; text-align: center; color: #aa050f; text-transform: uppercase; margin-bottom: .25em; }
.annual-hockey-school .copy h4 					{ font-size: 1rem; text-align: center; color: #aa050f; text-transform: uppercase; margin-bottom: 2em; }
.annual-hockey-school .copy h3, .annual-hockey-school .copy h4 { line-height: 1.2; text-shadow: .125em .125em 1px rgba(0,0,0,.25); }
.annual-hockey-school .copy p 					{ margin-bottom: 1em; }
.annual-hockey-school .copy div.colums			{ display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin-bottom: 1em; }
.annual-hockey-school .copy div.colum:only-of-type	{ width: 100%; }
.annual-hockey-school .copy div.colum.column1	{ width: 100%; }
.annual-hockey-school .copy div.colum.column2	{ width: 100%; }
.annual-hockey-school figure.logo-stanmikita  	{ width: 100%; text-align: center; margin-bottom: 1em; }
.annual-hockey-school .logo-stanmikita img  	{ width: 160px; height: auto; }
.annual-hockey-school .logo-stanmikita figcaption { font-size: .625em; font-weight: bold; color: #aa050f; text-align: center; margin-top: 1em; }
.annual-hockey-school div.bottom-copy			{ font-size: .875em; color: #6e6b6b; margin-bottom: 3em; }
.annual-hockey-school div.registration-link		{ width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 2em; }
.annual-hockey-school .copy ul					{ list-style-type: disc; margin-left: 1.5em; }
.annual-hockey-school .copy ul li				{ list-style-type: disc; }
.annual-hockey-school .copy ul li, .annual-hockey-school .copy ol li { line-height: 1.2; margin-bottom: .5em; }
.annual-hockey-school .copy a:not(.button) 		{ color: #aa050f; text-decoration: none; }
.annual-hockey-school .copy a:not(.button):hover { text-decoration: underline; color: inherit; }

.annual-hockey-school div.raffle 				{ background: #ad363d; color: #fff; padding: .5em 1em; margin: 2em auto; text-align: center; }
.annual-hockey-school .copy div.raffle a:not(.button) 				{ display: inline-flex; padding: .5em 2em; color: #fff; text-decoration: none; background: #c36e73; border: 2px #8d2e33 solid; border-radius: 2px; text-transform: uppercase; font-weight: bold; }
.annual-hockey-school .copy div.raffle a:not(.button):hover 		{ background: transparent; text-decoration: none; color: #fff;  }


.girls-womens-team .roster						{ }
.girls-womens-team .roster h3					{ display: block; margin-bottom: .5em; text-align: center; font-size: 1.5em; font-family: 'soccerleague'; font-weight: normal; color: #aa050f; text-transform: uppercase; text-decoration: underline; }
.girls-womens-team .roster ul					{ display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding-bottom: 1em; }
.girls-womens-team .roster li					{ width: 100%; text-align: center; padding-bottom: 1.5em; }
.girls-womens-team .roster li h4				{ font-size: 1em; font-weight: bold; text-transform: uppercase;}
.girls-womens-team .roster li p					{ font-size: .875em; font-weight: bold; color: #5f5f5f; margin: 0; }



/* ==========================================================================
   news
   ========================================================================== */

.ahiha-news .index ul							{ margin-bottom: 2em; }
.ahiha-news .index li							{ display: block; width: 100%; background: #f5f7f6; padding-bottom: 4em; position: relative; margin-bottom: 3%; }
.ahiha-news .index p:not(.date)					{ font-weight: bold; padding: 1em; }
.ahiha-news .index p.date						{ position: absolute; bottom: 3em; left: 0; width: 100%; text-align: center; font-weight: 300; font-size: .875em; color: #5f5f5f; }
.ahiha-news .index button						{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 1em; background: hsl(218, 94%, 20%); color: #fff; font: normal normal 1em/1 'soccerleague'; letter-spacing: .1em; text-transform: uppercase; }
.ahiha-news .index li:hover button				{ background: hsl(218, 50%, 40%); }

.ahiha-news section.hero h1						{ color: #fff; white-space: nowrap; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); letter-spacing: .05em; }
.ahiha-news section.hero h1 a					{ color: #fff; text-decoration: none; }
.ahiha-news section.hero h1 a:hover				{ color: #ddd; }
.wp-block-image									{ margin: 2em 0; }
.wp-block-image img 							{ width: auto; }
img.align-left									{ float: left; margin: 0 1em 0 0; }
.ahiha-news article h1							{ text-align: left; font-size: 2; }
.ahiha-news article h1 a							{ text-decoration: none; }
.ahiha-news article p.date						{ font-size: .875em; color: #5f5f5f; }
.ahiha-news article p em							{ font-style: italic; }




/* ==========================================================================
   forms
   ========================================================================== */


div.wpforms-container.wpforms-container-full	{ margin: 2em 0; }
div.wpforms-container.wpforms-container-full h3	{ font-size: 1.125em; text-transform: uppercase; }
div.wpforms-container.wpforms-container-full p	{ max-width: 60%; }
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium { height: 5em; max-width: 60%; }
div.wpforms-container-full, div.wpforms-container-full .wpforms-form p { margin-bottom: 1em; }
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button { padding: 1em; background: hsl(218, 94%, 20%); color: #fff; letter-spacing: .1em; text-transform: uppercase; }
div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active { background: hsl(218, 50%, 40%); }

.wpforms-confirmation-container-full			{ margin: 2em 0; background: #eee; border: none; padding: 2em 1em; text-align: center; }


.newsletter div.ctct-form-embed div.ctct-form-defaults { padding: 0; }
.newsletter div.ctct-form-embed form.ctct-form-custom label.ctct-form-label { display: block; font-size: 13px; float: none; font-weight: 400; line-height: 1.3; margin: 4px 0 0; padding: 0; }
.newsletter div.ctct-form-embed form.ctct-form-custom input.ctct-form-element,
.newsletter div.ctct-form-embed form.ctct-form-custom select.ctct-select-element, div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select, div.wpforms-container-full .wpforms-form select, select#quantitySelect { background-color: #fff; box-sizing: border-box; border-radius: 2px; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: block; float: none; font-size: 16px; border: 1px solid #ccc; padding: 6px 10px; height: 38px; width: 100%; line-height: 1.3; box-shadow: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; }
.newsletter div.ctct-form-embed form.ctct-form-custom button.ctct-form-button { padding: 1em; background: hsl(218, 94%, 20%); color: #fff; letter-spacing: .1em; text-transform: uppercase; border-radius: 0; }
.newsletter div.ctct-form-embed form.ctct-form-custom button.ctct-form-button:hover { text-transform: uppercase; background: hsl(218, 50%, 40%); }
.newsletter div.ctct-form-embed form.ctct-form-custom div.ctct-form-field { margin-bottom: 1em; }


select#quantitySelect { width: 4em; }




/* ==========================================================================
   WordPress gallery block
   ========================================================================== */
   
figure.wp-block-gallery 					{ display: flex; flex-wrap: wrap; justify-content: center; }
.wp-block-gallery figure.wp-block-image 	{ flex: 0 1 169px; margin: 2%; }
.wp-block-image img 						{ aspect-ratio: 1/1; object-fit: cover; } 





@media only screen and (max-width: 600px)
{
	div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium { max-width: none; }
	div.wpforms-container.wpforms-container-full p	{ max-width: none; }
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden 										{ display: none !important; }
.visuallyhidden 								{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; }
.invisible 										{ visibility: hidden; }

section:before, section:after 					{ content: ' '; display: table; }
section:after 									{ clear: both; }

.flex											{ display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: space-between; padding-bottom: 2em; }
.flex p											{ text-align: center; }
.flex p:not(:last-of-type)						{ padding-right: 2em; }
.flex.alt 										{ justify-content: center; }
.flex.alt p:not(:last-of-type)					{ padding-right: 1em; }



/* ==========================================================================
   media queries
   ========================================================================== */

@media only screen and (min-width: 30em) /* 480px */
{
	main aside									{ width: 25%; margin: 0 0 2em 1em; float: right; }
	
	.col-33-33-33 > *							{ width: 100%; }

	.board-of-directors main li					{ width: 50%; padding: 3% 10%; }
	
	.coaches-and-staff .copy ul					{ display: flex; justify-content: flex-start; }
	.coaches-and-staff .copy li					{ width: 50%; padding: 0 2em .5 0; }
	
	.coaches-and-staff .copy .volunteers li		{ width: 100%; padding-bottom: 0; }
	
	.girls-womens-team .roster li				{ width: 50%; }
	
	.donate main li								{ width: 50%; padding: 0; display: flex; flex-direction: column; justify-content: flex-end; }
	.donate main li:nth-child(2n - 1)			{ padding: 6% 5% 0 0; }
	.donate main li:nth-child(2n)				{ padding: 6% 0 0 5%; }
	.donate main li a.button					{ width: 100%; }
	
	.ahiha-news .index ul						{ display: flex; flex-grow: 1; justify-content: space-between; margin-bottom: 1em; flex-wrap: wrap; }
	.ahiha-news .index li						{ width: 48%; cursor: pointer; margin-bottom: 3%; }
	
	.sponsor-logos a							{ width: 48%; }
	
	footer a.seal 								{ width: 108px; height: 108px; }

}

@media only screen and (min-width: 48em) /* 768px */
{
    nav.main 									{ height: 80px; }
	nav.main figure								{ padding-top: 10px; }
	nav.main img								{ width: auto; height: 60px; }
	nav.main figcaption							{ display: none; }
	nav.main ul									{ display: flex; position: relative; left: auto; top: auto; background: none; font-size: .875em; height: 100%; width: 100%; justify-content: flex-end; padding: 0; }
	nav.main li									{ display: flex; border-top: none; }
	nav.main li a								{ display: flex; padding: 0 1em; font-weight: normal; }
	nav.main ul ul li a							{ padding: 0 .5em; }
	nav.main ul ul								{ position: fixed; z-index: 1; left: 0; top: 80px; width: 100%; height: 4em; background: rgba(3,39,100,.95); display: none; font-size: .875em; box-shadow: 0 1px 2px rgba(0,0,0,.25); }
	nav.main ul ul div.container				{ display: flex; justify-content: flex-end; padding: 0 2% 0 3%; }
	nav.main ul li:hover ul						{ z-index: 10; }
	nav.main li.on ul, nav.main li:hover ul		{ display: block; }
	nav.main ul ul li							{ padding: 0; }
	nav.main ul ul li a:before					{ content: none; }
	nav.main ul ul li a, nav.main ul li.on ul li a { color: #fff; cursor: pointer; }
	nav.main ul ul li a:hover, nav.main ul li.on ul li.on a { text-decoration: underline; }
	nav.main li li a:hover						{ color: #fff; }
	
	nav.main div.mobile-scroll					{ position: relative; top: auto; left: auto; width: 100%; height: auto; overflow-y: auto; -webkit-overflow-scrolling: auto; }

	button.mobile								{ display: none; }
	
	main										{ padding-top: 0; }
	main.home									{ padding-top: 80px; }
	
	section										{ align-items: stretch; }

	.col-50-50, .col-50-f50, .col-f50-50, .col-60-f40, .col-60-40, .col-40-60, .col-70-f30, .col-70-30, .col-30-70 { flex-direction: row; }
	.col-50-50 > div 							{ width: 50%; max-width: 580px; padding: 5% 5% 7%; }
	.col-50-f50 > div							{ width: 50%; max-width: 580px; padding: 5% 5% 7% 3%; }
	.col-f50-50 > div							{ width: 50%; max-width: 580px; padding: 5% 3% 7% 5%; }
	.col-50-f50 > figure, .col-f50-50 > figure	{ width: 50%; height: auto; }
	.col-60-f40 > div							{ width: calc(60% - ((100vw - 1160px) / 2)); max-width: 696px; padding: 5% 5% 7% 3%; }
	.col-60-f40 > figure						{ width: 40%; height: auto; }
	.col-70-f30 > div							{ width: calc(70% - ((100vw - 1160px) / 2)); max-width: 812px; padding: calc(80px + 5%) 5% 7% 3%; }
	section:first-of-type > div:not(.gallery)	{ padding-top: calc(80px + 5%); }
	.col-70-f30 > figure						{ width: 30%; height: auto; }
	
	.wp-block-columns							{ display: flex; }

	.wp-block-columns.has-2-columns > div		{ width: 50%; }
	.wp-block-columns.has-2-columns > div:first-child { padding: 3% 2.5% 7% 0; }
	.wp-block-columns.has-2-columns > div:last-child { padding: 3% 0 7% 2.5%; }
	
	.alt .wp-block-columns.has-2-columns > div:first-child { padding: 3% 2.5% 0 0; }
	.alt .wp-block-columns.has-2-columns > div:last-child { padding: 3% 0 0 2.5%; }
	
	.wp-block-columns.has-3-columns > div		{ width: 33.3333% !important; }
	.wp-block-columns.has-3-columns > div:nth-child(1) { padding: 3% 2.5% 7% 0; }
	.wp-block-columns.has-3-columns > div:nth-child(2) { padding: 3% 0 7% 0; }
	.wp-block-columns.has-3-columns > div:nth-child(3) { padding: 3% 0 7% 2.5%; }

	.col-70-30 .wp-block-columns > div:first-child { width: 70%; }
	.col-70-30 .wp-block-columns > div:last-child { width: 30%; }
	.col-30-70 .wp-block-columns > div:first-child { width: 30%; }
	.col-30-70 .wp-block-columns > div:last-child { width: 70%; }
	.col-60-40 .wp-block-columns > div:first-child { width: 60%; }
	.col-60-40 .wp-block-columns > div:last-child { width: 40%; }
	.col-40-60 .wp-block-columns > div:first-child { width: 40%; }
	.col-40-60 .wp-block-columns > div:last-child { width: 60%; }
	.col-50-50 .wp-block-columns > div 			{ width: 50%; }

	footer .social li a							{ width: 48px; height: 48px; }

	section.has-subnav, .newsletter section		{ padding-top: calc(80px + 3.0625em); }
	section.has-subnav > div, .newsletter section > div { padding-top: 5% !important; }
	.copy div.container							{ padding: 4em 3% 6em; }
	.copy div.container.alt						{ padding: 4em 3% 2em; }
	
	h1											{ font-size: 3em; }
	
	.carousel nav								{ font-size: 1em; }
	.carousel .gallery h1						{ font-size: 6em; }
	.carousel .gallery h2						{ font-size: 1.125em; }
	
	section.nav-sub								{ font-size: 1em; }
	.nav-sub ul									{ flex-wrap: no-wrap; flex-direction: row; }
	.nav-sub li									{ width: 100%; }
	.nav-sub li:nth-child(-n+2)					{ border-bottom: none; }
	.nav-sub li:not(:first-child)				{ border-left: 1px #979797 solid; }
	
	section.hero.fixed-height					{ height: 600px; }
	section.hero								{ padding-top: 80px; }
	section.hero.alt							{ padding-top: 0; }
	
	.columns									{ column-count: 2; column-gap: 5%; column-fill: auto; }
	
	.col3										{ flex-direction: row; justify-content: center; align-items: flex-start; }
	.col3 > *									{ width: 50%; }
	
	section.mission								{ font-size: 1em; }
	
	.banner div.container						{ padding: 6% 3%; }
	.banner h3									{ font-size: 1.875em; width: 50%; }
	.banner h4									{ font-size: 1.25em; }
	.banner h5									{ font-size: .875em; }

	.banner h3									{ width: 50%; }
	
	div.when									{ font-size: 1em; }
	
	.home.news div.container					{ padding: 3% 6%; flex-direction: row; }
	.home.news ul								{ display: flex; flex-grow: 1; justify-content: space-between; margin-bottom: 1em; }
	.home.news li								{ width: 31%; cursor: pointer; }
	
	.about-us.awards-and-honors .hero li					{ width: 50%; }
	.about-us.awards-and-honors .hero + section li			{ width: 49.5%; margin: .25%; }
	.about-us.awards-and-honors .hero + section .col4 li	{ width: 32.833%; }
	
	.board-of-directors .copy li				{ width: 33.3333%; padding: 3% 7%; }
	
	.coaches-and-staff .copy li					{ width: 33.3333%; }
	.coaches-and-staff .copy .volunteers li		{ width: 100%; padding-bottom: 0; }
	
	.girls-womens-team .roster li				{ width: 33.3333%; }
	
	.wp-block-columns:nth-of-type(2) div, .wp-block-columns:nth-of-type(3) div, .wp-block-columns:nth-of-type(4) div { width: 50% !important; }

	.donate-home li								{ width: 33.3333%; padding: 0; }
	.donate-home li:nth-child(3n - 2)			{ padding: 4% 5% 0 0; }
	.donate-home li:nth-child(3n - 1)			{ padding: 4% 2.5% 0; }
	.donate-home li:nth-child(3n)				{ padding: 4% 0 0 5%; }
/* 	.donate-home li:last-child					{ padding: 4% 2.5% 0; } */
	.donate-home li a.button					{ width: 16em; max-width: 100%; }
	
	.ahiha-news section.hero h1					{ top: calc(50% + 50px); }
	.ahiha-news .index li						{ width: 31%; }
	
	.sponsor-logos a							{ width: 30%; }
	
	.annual-hockey-school section.hero 			{ margin-top: 80px; padding: calc(50px + 2.5%) 0 0; }
	.annual-hockey-school .hero h1 				{ font-size: 2.5rem; }
	.annual-hockey-school .hero h2 				{ font-size: 2.5rem; }
	.annual-hockey-school .copy h3 				{ font-size: 2rem; }
	.annual-hockey-school .copy h4 				{ font-size: 1.25rem; }
	.annual-hockey-school .hero figure 				{ width: 100px; margin: 0 auto 1em; }
	.annual-hockey-school .hero figure.since-1973	{ width: 80px; }
	.annual-hockey-school .logo-stanmikita figcaption { font-size: .875em; }

	.annual-hockey-school .copy div.colum.colum1 { width: 48%; }
	.annual-hockey-school .copy div.colum.colum2 { width: 48%; }
}

@media only screen and (min-width: 54em) /* 864px */
{
	nav.main figure								{ width: calc(60px + 22px + 143px); padding-top: 10px; }
	nav.main figcaption							{ display: block; padding: 18px 0 0 22px; }
	nav.main figcaption img						{ width: 143px; height: 16px; }
    nav.main li a								{ padding: 0 .5em; }
	
	.sponsor-logos a							{ width: 24%; }
}

@media only screen and (min-width: 60em) /* 960px */
{
    nav.main li a								{ padding: 0 1em; }
    nav.main ul ul li a							{ padding: 0 1em; }
    
    .col2										{ display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
	.col3 > *									{ width: 33.3333%; }
	.col2 > *									{ width: 50% }

	.col-33-33-33 > *							{ width: 33.3333%; }

	div.col2 > div:first-of-type 				{ padding: 0 2.5% 0 0; }
	div.col2 > div:last-of-type 				{ padding: 0 0 0 2.5%; }
	
/*
	.about-us.awards-and-honors .hero li					{ width: 33.333%; }
	.about-us.awards-and-honors .hero + section li			{ width: 31.333%; margin: 1%; }
	.about-us.awards-and-honors .hero + section .col4 li	{ width: 23%; }
*/
	.about-us.awards-and-honors .hero li					{ width: 33.333%; }
	.about-us.awards-and-honors .hero + section li			{ width: 32.833%; margin: .25%; }
	.about-us.awards-and-honors .hero + section .col4 li	{ width: 24.5%; }
}

@media only screen and (min-width: 72.5em) /* 1160px */
{
	.nav-sub ul									{ border-right: 1px #979797 solid; }
	.nav-sub li:first-child						{ border-left: 1px #979797 solid; }
}

/*} /* @layer base */