@import url(/includes/css/grid-flex.css);
@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
html {-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
body{margin:0;padding:0;-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

img{border: 0}
ul{padding-left: 0}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body {background:#006EA7}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
iframe[src="/management/login/persistSession.aspx"] {display: none}

/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp, .bumper, .logoWrap, body>footer>.fatFooter, .copyright, #split-ribbon {width:100%;float:left;clear:left;display:block;}
body>*>.wrap, .wrap {width:100%; margin-left:auto; margin-right:auto; position:relative; overflow:visible;}

/* text */
body, .text, input, button, select, textarea, .principal-message h2 {color:#000; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height:1.5;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.text{font-size: 1rem}
a, a *{color:#006EA7;text-decoration:none}
#content a {font-weight: 700;}
a:hover, a:active, a:hover *, a:active *{color:#C70000;}
p,h1,h2,h3,h4,hr,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
.content ul {margin-bottom:2rem}
.content ul ul, .content ol ul {margin-bottom: 0;}
h1, h2, h3, h4, h5, h6, th{font-weight: 600; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:2em;}
.textColor, h1, h2, h3, h4, h5, h6, th, dt{color:#31659b}
em, i, q, cite, .italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{font-size:1em}
h1{color: #fff; font-size: 2.25rem; font-weight: 600;}
h2, .content * h1{font-size:1.875em;color: #666;}
h3, .content * h2{font-size:1.5em; color: #000066;}
h4, th{font-size:1.25em;color: #000;}
h5 {font-size:1.1em;color: #4A4A4A;}
h6 {font-size:1.0em}
sup, sub {font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}


/* HEADER ------------------------------*/
body>header {background-color: #006EA7; padding: 1.25em 2em 1.75em; text-align: center;}
body>header h1 {line-height: 1.2; margin-bottom: 0;}
body>header h1 span {color: rgba(255,255,255,.85); display: block; font-size: .555em; font-weight: 500;}
#brand img:first-of-type {
	margin-right: 5%;
}

/* MAIN ------------------------------ */
main {background: url(/images/background-ice.jpg) no-repeat center / cover; overflow: hidden; padding:3em 0 8em; position: relative; text-align: center;}
main:before {background-color:rgba(0,110,167, .3); content: ""; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%;}
main>.wrap>* {float:left; width: 100%;}
#brand img {height: 18rem; width: auto;}

main address {float: left; font-size:2em; font-weight: 600; padding: 1em 0; width: 100%;}
main address a {color: #000;}
main address a:hover {color:#C70000;}

.social {padding-bottom: 2.5em;}
.social a {
	background-color:#000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2em auto;
	border-radius: 50%; display: inline-block; height: 3.5em; text-align:center; width: 3.5em;}
.social a:hover {background-color: #C70000;}
.social a + a {margin-left: .5em;}
.facebook {background-image: url(/images/icon_facebook.svg);}
.instagram {background-image: url(/images/icon_instagram.svg);}
.twitter {background-image: url(/images/icon_twitter.svg);}
.youtube {background-image: url(/images/icon_youtube.svg);}

#split-ribbon {
	background: rgba(255,255,255,.5);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-top: 2em;
  }
  
  #split-ribbon .column-bg {
	background: url("/images/rinkLife-hats.jpg") no-repeat center center;
	background-size: cover;
	width: 50%;
  }
  
  #split-ribbon .column-text {
	flex-direction: column;
	padding: 8vw 4vw;
	text-align: center;
	width: 50%;
  }
  
  #split-ribbon h3 {
	font-size: 2em;
	font-weight: 700;
	margin: 0;
  }
  
  #split-ribbon p {
	color: #4A4A4A;
	font-size: 1.5em;
	margin: 0 0 1rem;
  }     

.button {background-color:#006EA7; border-radius: 0.5em; color: #fff; display: inline-block; font-size: 1.375em; padding: .5em 1.5em;}
.button:hover {background-color:#C70000; color:#fff;}

.imageRibbon {border-top:#C70000 solid 40px; float: left; width: 100%;}
.imageRibbon img {float: left; height: auto; width: 100%;}

.instagramFeed {padding-top: 4em;}
.instagramFeed .wrap { padding: 0 5%;}
.instagramFeed h1 {color:#000;}
.instagramFeed .feed {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;
}
.instagramFeed .feed > * {
	background:#000;
	float: left;
	margin:0 1.5% 1em;
	width: 22%;
}
.instagramFeed a {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.instagramFeed a:hover {opacity: .75;}
.instagramFeed a img {height: auto; width: 100%;}

/* FOOTER ------------------------------ */
body>footer {background-color: #006EA7; font-size:0.875rem; font-weight: 400; width:100%;}
body>footer>.wrap {overflow:visible; padding: 2em 0;}
body>footer a {color:#FFF;line-height: 1.6;}
body>footer a:hover, footer a:active{
    color: #FFF;
    opacity: .75;
}
.fatFooter {background-color:#C1C0C0; border-bottom:3px solid #fff; color:rgba(255,255,255,.7); padding: 1.5em 2em 2em;}
.copyright {color:rgba(255,255,255,1); padding: 1em 2em;}

#web-solutions-exposure {float: right;}
#web-solutions-exposure a{opacity:1}
#web-solutions-exposure a:hover{opacity:.7}

@media (max-width: 749px) {
	body>header h1 {font-size: 1.5em;}
	footer {text-align: center;}
	#web-solutions-exposure {clear:both; float: none;}

	#split-ribbon {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	  }
	  
	  #split-ribbon .column-bg {
		height: 50vw;
		min-height: 15em;
		width: 100%;
	  }
	  
	  #split-ribbon .column-text {
		width: 100%;
	  }
	  .instagramFeed a {padding: 0 1%; width: 48%;}
	}

@media (max-width: 575px) {
	body > * > .wrap, .wrap {padding: 0 5%;}
	#brand img {height: auto; max-height: 15em; width: 100%;}
	#brand img:first-of-type {margin:0 0 1em;}
	main address {font-size: 1.5em;}
	.instagramFeed a {padding: 0; width: 100%;}
}

/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger{-webkit-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease}
input:focus, select:focus, textarea:focus{-webkit-transition: background-color 150ms ease;-o-transition: background-color 150ms ease;transition: background-color 150ms ease}


/* ANIMATION CLASSES ------------------------------ */
.no-glide {
	-webkit-transition-delay: 0s !important;
	-o-transition-delay: 0s !important;
	transition-delay: 0s !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.fade-in, .home-events .logo-top, .home-events .logo-mid, .home-events .logo-bottom,
.animate-left, .animate-right, .animate-down, .animate-up,
.animate-up-left .animate-up-right, .animate-down-left, .animate-down-right {
	opacity: 0;
	position: relative;
	-webkit-transition: all .75s ease;
	-o-transition: all .75s ease;
	transition: all .75s ease;
}

.home-events .logo-bottom { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; }
.animate-left { left: 4.75rem; top: 0; }
.animate-right { right: 4.75rem; top: 0; }
.animate-up { top: 4.75rem; }
.animate-down { top: -4.75rem; }
.animate-down-left { left: 4.75rem; top: -4.75rem; }
.animate-down-right { right: 4.75rem; top: -4.75rem; }
.animate-up-left { left: 4.75rem; top: 4.75rem; }
.animate-up-right { right: 4.75rem; top: 4.75rem;  }
.animate-left.animated { left: 0; top: 0; }
.animate-right.animated { right: 0; top: 0; }
.animate-up.animated { top: 0; }
.animate-down.animated { top: 0; }
.animate-up-left.animated { left: 0; top: 0; }
.animate-up-right.animated { right: 0; top: 0; }
.animate-down-left.animated { left: 0; top: 0; }
.animate-down-right.animated { right: 0; top: 0; }
.animated {opacity: 1;}
.animated,
.delay-1 { -webkit-transition-delay:.15s; -o-transition-delay:.15s; transition-delay:.15s; }
.delay-2 { -webkit-transition-delay:.3s;  -o-transition-delay:.3s;  transition-delay:.3s; }
.delay-3 { -webkit-transition-delay:.45s; -o-transition-delay:.45s; transition-delay:.45s; }
.delay-4 { -webkit-transition-delay:.6s;  -o-transition-delay:.6s;  transition-delay:.6s; }
.delay-5 { -webkit-transition-delay:.75s; -o-transition-delay:.75s; transition-delay:.75s; }
.delay-6 { -webkit-transition-delay:.9s;  -o-transition-delay:.9s;  transition-delay:.9s; }
.delay-7 { -webkit-transition-delay:1.05s; -o-transition-delay:1.05s; transition-delay:1.05s; }
.delay-8 { -webkit-transition-delay:1.2s; -o-transition-delay:1.2s; transition-delay:1.2s; }
.delay-9 { -webkit-transition-delay:1.35s; -o-transition-delay:1.35s; transition-delay:1.35s; }
.delay-10 { -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s; }

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.home-callout {min-height: 0}
	.home-callout > .callout-content { -webkit-box-align: stretch; -ms-flex-align: stretch;	-webkit-align-items: stretch;	align-items: stretch;	text-align: center; }
	.home-callout a {	-ms-flex-item-align: center; -webkit-align-self: center; align-self: center; }
}