/*--------------------------------------------*/
/* CSS Created by Penny Arcade - 09-04-2020 --*/
/* www.penny-arcade.com ----------------------*/
/*--------------------------------------------*/
/*
Font Weights
Book:  300
Med:   500
Black: 900
*/
/*---------------------*/
/* !General -----------*/
/*---------------------*/
* {margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
body {
	background: white;
	padding: 0;
	font-family: "vista-sans", Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #59595c;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum";
	-webkit-font-feature-settings: "lnum";
	font-feature-settings: "lnum";
}
p {line-height: 22px;}
hr {display: none;}
address, cite {font-style: normal;}
img, fieldset {border: none;}
iframe {border: 0;}
img {display: block;}
sup {font-size: 50%;}
.content {
	max-width: 1440px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 40px;
	padding: 0 100px;
}
.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
#aria-skip a {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
} 
#aria-skip a:focus,
#aria-skip a:active {
	position: static;
	width: auto;
	height: auto;
	display: inline-block;
	margin: 10px 0 0 47px;
	background: white;
	color: black;
	padding: 0 5px;
	border-radius: 50px;
}
.aria-hide {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	text-transform: capitalize;
}
/*------------------------*/
/* !Stylistic Alternates -*/
/*------------------------*/
#header #hero h1,
nav .nav-stats,
#main h2,
#main h1,
#news-feature header h3,
#sponsors h3,
#testimonial-feature blockquote p,
#footer form label {
	-moz-font-feature-settings: "salt";
	-webkit-font-feature-settings: "salt";
	font-feature-settings: "salt";
}
#about-sections h2,
#hospital-loc h2 span {
	-moz-font-feature-settings: normal;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
}
/*---------------------*/
/* !Links -------------*/
/*---------------------*/
#get-in-touch a,
#faq article a,
.post .body a,
#news article header h2 a,
#sponsorships a,
#staff a {color: #177A6B;}
#purple section p a {color: #eece6b;}
#purple section p a:hover {color: #3d375e;}
#get-in-touch a:hover,
#staff a:hover,
#faq article a:hover,
.post .body a:hover,
#news article header h2 a:hover,
#sponsorships a:hover {color: #4f613b; background-color: rgba(152, 186, 114, 0.3);}
#get-in-touch a:active,
#staff a:active,
#faq article a:active,
.post .body a:active,
#news article header h2 a:active,
#sponsorships a:active {color: #0c4840;}
/*---------------------*/
/* !Buttons -----------*/
/*---------------------*/
.btn-color,
.btn-outline {
	display: inline-block;
	border-radius: 50px;
	font-size: 18px;
	line-height: 22px;	
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.btn-outline {
	color: #187b6c;
	border: 2px solid #187b6c;
	margin: 30px 0 0 0;
	padding: 3px 12px 2px 12px;
}
.btn-outline:hover {
	background: #187b6c;
	border-color: #187b6c;
	color: white;
}
.btn-color {
	font-family: "vista-sans", Verdana, Arial, sans-serif;
	background-color: #df6f70;	
	padding: 12px 30px;
	color: white;
	font-weight: 900;
	letter-spacing: 1px;
	margin-bottom: 3px;
	border: none;
	text-shadow:
	1px 1px 4px rgba(0,0,0,0.3),
	1px 1px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow:
	1px 1px 3px rgba(0,0,0,0.2),
	1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:
	1px 1px 3px rgba(0,0,0,0.2),
	1px 1px 1px rgba(0,0,0,0.3);
}
.btn-color:hover  {
	color: white;
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 0 2px white,
	1px 1px 3px rgba(0,0,0,0.2),
	1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 0 2px white,
	1px 1px 3px rgba(0,0,0,0.2),
	1px 1px 1px rgba(0,0,0,0.3);
}
.btn-color.red    {background-image: -webkit-gradient(linear, left top, right bottom, from(#e5a4a5), to(#df6f70));background-image: -webkit-linear-gradient(top left, #e5a4a5 0%, #df6f70 100%);background-image: -o-linear-gradient(top left, #e5a4a5 0%, #df6f70 100%);background-image: linear-gradient(to bottom right, #e5a4a5 0%, #df6f70 100%);}
.btn-color.blue   {background-image: -webkit-gradient(linear, left top, right bottom, from(#cbe5ed), to(#a4d2e1));background-image: -webkit-linear-gradient(top left, #cbe5ed 0%, #a4d2e1 100%);background-image: -o-linear-gradient(top left, #cbe5ed 0%, #a4d2e1 100%);background-image: linear-gradient(to bottom right, #cbe5ed 0%, #a4d2e1 100%);}
.btn-color.yellow {background-image: -webkit-gradient(linear, left top, right bottom, from(#f8db7b), to(#eecd6a));background-image: -webkit-linear-gradient(top left, #f8db7b 0%, #eecd6a 100%);background-image: -o-linear-gradient(top left, #f8db7b 0%, #eecd6a 100%);background-image: linear-gradient(to bottom right, #f8db7b 0%, #eecd6a 100%);}
.btn-color.purple {background-image: -webkit-gradient(linear, left top, right bottom, from(#bdb9d1), to(#8f87b5));background-image: -webkit-linear-gradient(top left, #bdb9d1 0%, #8f87b5 100%);background-image: -o-linear-gradient(top left, #bdb9d1 0%, #8f87b5 100%);background-image: linear-gradient(to bottom right, #bdb9d1 0%, #8f87b5 100%);}
/*---------------------*/
/* !Nav ---------------*/
/*---------------------*/
nav .content {padding: 20px 40px;}
/* !Logo */
nav h2 a {
	background: white url(../img/logo-childs-play.svg) 0 -3px no-repeat;
	background-position-x: center;
	background-size: 70px;
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
}
nav h2 {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100px;
	height: 100px;
}
/* !Donate & Stats */
nav ul.right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;	
	-webkit-box-align: center;	
	-ms-flex-align: center;	
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}
nav .nav-stats {
	color: white;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	text-align: right;
	font-size: 18px;
	line-height: 22px;
	padding: 0 20px 0 10px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
/* !Main Nav */
nav ul.left {
	max-width: 540px;
	padding-left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
nav li {
	list-style: none;
	list-style-position: outside;
}
nav li a {
	position: relative;
	text-align: center;
	display: block;
	padding: 35px 10px;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
}
nav ul.left li.active a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 65px;
	height: 2px;
	background: white;
	overflow: hidden;
	width: 100%;
}
nav ul.left li a:hover {color: #106156;}
nav ul.left li a:active {color: #106156;}
nav .nav-donate a {padding: 35px 0;}
nav .nav-donate span {
	-webkit-box-shadow: inset 0 0 0 2px white;
	box-shadow: inset 0 0 0 2px white;
	border-radius: 50px;
	padding: 7px 15px;
}
nav .nav-donate a:hover span {
	background: white;
	color: #187b6c;
}
nav .nav-about {-ms-flex-negative: 0;flex-shrink: 0;}
/* !Hide unless mobile */
nav .nav-menu, nav .nav-home {display: none;}
nav .nav-menu a {
	background: url(../img/icon-menu.svg) right center no-repeat;
	background-size: 26px;
	padding-left: 30px;
}
nav .nav-menu.open a {
	background: url(../img/icon-close.svg) right center no-repeat;
	background-size: 24px;
}
/*---------------------*/
/* !Fixed Nav ---------*/
/*---------------------*/
#header.fixed {padding-top: 140px;}
#header.fixed .flex {padding-top: 0; padding-bottom: 0;}
#header.fixed nav {
	background: white;
	position: fixed;
	width: 100%;
	max-width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.fixed nav .nav-stats p {
	color: #59595c;
	font-size: 16px;
	line-height: 18px;
	margin-top: -4px;
}
.fixed nav li a {
	padding-top: 25px;
	padding-bottom: 25px;
	color: #187b6c;
}
.fixed nav ul.left li.active a:after {
	background-color: #98ba72;
	top: 68px;
}
.fixed nav ul.left li a:hover {color: #4f613b; background-color: rgba(152, 186, 114, 0.3);}
.fixed nav ul.left li a:active {color: #106156;}
.fixed nav .nav-donate span {
	-webkit-box-shadow: inset 0 0 0 2px #187b6c;
	box-shadow: inset 0 0 0 2px #187b6c;
	color: #187b6c;
}
.fixed nav .nav-donate a:hover span {
	background: #187b6c;
	color: white;
}
.fixed nav h2 a {
	background: url(../img/logo-childs-play.svg) 0 -3px no-repeat;
	background-size: 65px;
	border-radius: 0;
	width: 65px;
	height: 60px;
}
.fixed nav h2 {
	width: 65px;
	height: 70px;
}
.fixed nav ul.left li a {color: #187b6c;}
/*---------------------*/
/* !Header ------------*/
/*---------------------*/
/* !Stripes */
#header {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(153,187,114,1)), to(rgba(132,163,81,1)));
	background-image: -webkit-linear-gradient(left, rgba(153,187,114,1), rgba(132,163,81,1));
	background-image: -o-linear-gradient(left, rgba(153,187,114,1), rgba(132,163,81,1));
	background-image: linear-gradient(to right, rgba(153,187,114,1), rgba(132,163,81,1));
	margin-bottom: 28px;
	-webkit-box-shadow:
	0 7px  0 0 #bdb9d1,
	0 14px 0 0 #e09798,
	0 21px 0 0 #eecd6a,
	0 28px 0 0 #a4d2e1;
	box-shadow:
	0 7px  0 0 #bdb9d1,
	0 14px 0 0 #e09798,
	0 21px 0 0 #eecd6a,
	0 28px 0 0 #a4d2e1;
}
.home #header {
	background-image:
	-webkit-gradient(linear,
		left top, right top,
		color-stop(20%, rgba(153,187,114,0.9)),
		color-stop(70%, rgba(153,187,114,0.7)),
		to(rgba(153,187,114,0.2))),
	url(../img/home-hero.jpg);
	background-image:
	-webkit-linear-gradient(left,
		rgba(153,187,114,0.9) 20%,
		rgba(153,187,114,0.7) 70%,
		rgba(153,187,114,0.2)),
	url(../img/home-hero.jpg);
	background-image:
	-o-linear-gradient(left,
		rgba(153,187,114,0.9) 20%,
		rgba(153,187,114,0.7) 70%,
		rgba(153,187,114,0.2)),
	url(../img/home-hero.jpg);
	background-image:
	linear-gradient(to right,
		rgba(153,187,114,0.9) 20%,
		rgba(153,187,114,0.7) 70%,
		rgba(153,187,114,0.2)),
	url(../img/home-hero.jpg);
	background-size: cover;
	background-position: right top;
}
#header #hero h1 {
	color: white;
	font-size: 60px;
	line-height: 62px;
	margin: 20px 0 25px 0;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.5);
}
#header #hero sup {
	font-size: .5em;
	padding: 0 0 0 5px;
}
#header #hero p {
	color: white;
	width: 460px;
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 40px;
	text-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.5);
}
#header #hero .btn-color {margin-bottom: 100px;}
/*---------------------*/
/* !Main --------------*/
/*---------------------*/
#main {padding: 90px 0;}
/* !Headings */
#main h2,
#main h1,
#news-feature header h3,
#sponsors h3 {
	font-style: italic;
	font-size: 40px;
	line-height: 48px;
	font-weight: 300;
	text-align: center;
	margin: 0 auto;
	color: #44474b;
}
#main h2 {max-width: 900px;}
/*---------------------*/
/* !Home --------------*/
/*---------------------*/
/* !Video */
#video h2 {
	background: url(../img/divider-power.svg) bottom center no-repeat;
	background-size: 380px;
	padding: 0 0 60px 0;
	margin-bottom: 55px;
	max-width: 60%;
}
#video .frame {
	/* Padding creates 16:9 aspect ratio for iframe */
	padding-top: 56.25%;
	position: relative;
	-webkit-box-shadow: 0 19px 40px rgba(0,0,0,0.26);
	box-shadow: 0 19px 40px rgba(0,0,0,0.26);
	border-bottom: 7px solid #eece6b;
	margin-bottom: 100px;	
}
#video .frame iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/* !Donations / Wishlists */
#support {
	background: url(../img/divider-logo.svg) center no-repeat;
	background-size: 57px;
	min-height: 450px;
	text-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 1100px;
}
#support p {line-height: 28px;}
#support section {
	width: 50%;
	max-width: 350px;
}
#support h3 {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 185px;
	padding-top: 210px;
	font-size: 30px;
	line-height: 35px;
	font-weight: 500;
	margin: 0 0 20px 0;
}
#support h3 a {text-decoration: none; color: #44474b;}
#support #donations h3 {background-image: url(../img/icon-donate-single.svg);}
#support #wishlists h3 {background-image: url(../img/icon-donate-wishlists.svg);}
/* !Testimonial Feature */
.home #testimonial-feature {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(153,187,114,.9)), to(rgba(153,187,114,0.75))), url(../img/home-testimonial-bg.jpg);
	background-image: -webkit-linear-gradient(bottom, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/home-testimonial-bg.jpg);
	background-image: -o-linear-gradient(bottom, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/home-testimonial-bg.jpg);
	background-image: linear-gradient(to top, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/home-testimonial-bg.jpg);
	border-top: 7px solid #eece6b;
}
#testimonial-feature {
	border-top: 7px solid #a4d2e1;
	background: #758F57 center center no-repeat;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(153,187,114,.9)), to(rgba(153,187,114,0.75))), url(../img/about-testimonial-bg.jpg);
	background-image: -webkit-linear-gradient(bottom, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/about-testimonial-bg.jpg);
	background-image: -o-linear-gradient(bottom, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/about-testimonial-bg.jpg);
	background-image: linear-gradient(to top, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/about-testimonial-bg.jpg);
	background-size: cover;
	min-height: 480px;
	text-align: center;
	padding: 50px 0;
	margin: 100px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#testimonial-feature blockquote {
	text-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.5);
	color: #f3f9b9;
}
#testimonial-feature blockquote p {
	color: white;
	margin: 0 auto 20px auto;
	font-style: italic;
	font-size: 32px;
	line-height: 47px;
	font-weight: 500;
}
#testimonial-feature cite {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
#testimonial-feature .btn-outline {
	background: white;
	color: #187b6c;
	border-color: white;
	margin-top: 50px;
}
#testimonial-feature .btn-outline:hover {
	background: #187b6c;
	color: white;
	border-color: #187b6c;
}
/* !Hospital Count */
#hospital-loc, #game-guide {margin-bottom: 100px;}
#hospital-loc .content div,
#game-guide .content div {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}
#hospital-loc img,
#game-guide img {width: 100%;}
#hospital-loc .btn-img {
	min-width: 55%;
	border-top: 7px solid #bebad1;
	margin-right: 5%;
}
#hospital-loc h2 {text-align: left;}
#hospital-loc p,
#game-guide p {
	margin: 20px 0 30px 0;
	font-size: 18px;
	line-height: 34px;
}
/* !Game Guide */
#game-guide .btn-img {
	border-top: 7px solid #e19699;
	margin-left: 5%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	min-width: 55%;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
#game-guide h2,
#game-guide p,
#game-guide footer {text-align: left;}
/* !News Feature */
#news-feature {
	background: url(../img/divider-star.svg) top center no-repeat;
	background-size: 380px;
	padding: 120px 0 0 0;
	margin: 0 0 100px;
}
#news-feature header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}
#news-feature header h3 {
	text-align: left;
	font-size: 33px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
#news-feature header a {margin: 0;}
#news-feature .flex {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
#news-feature article {
	border-left: 7px solid #eece6b;
	background: #eece6b -webkit-gradient(linear, left top, right top, from(#f8db7b), to(#eecd6a));
	background: #eece6b -webkit-linear-gradient(left, #f8db7b 0%, #eecd6a 100%);
	background: #eece6b -o-linear-gradient(left, #f8db7b 0%, #eecd6a 100%);
	background: #eece6b linear-gradient(to right, #f8db7b 0%, #eecd6a 100%);
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#news-feature article footer {
	color: #7f6714;
	font-weight: 500;
	font-size: 22px;
	line-height: 23px;
	margin-top: 15px;
}
#news-feature article a:hover h3 {color: #7f6714; text-shadow: none;}
#news-feature article:hover {border-left-color: #7f6714;}
#news-feature article:nth-child(2) {
	border-left-color: #e19699;
	background: #df6f70 -webkit-gradient(linear, left top, right top, from(#e5a4a5), to(#df6f70));
	background: #df6f70 -webkit-linear-gradient(left, #e5a4a5 0%, #df6f70 100%);
	background: #df6f70 -o-linear-gradient(left, #e5a4a5 0%, #df6f70 100%);
	background: #df6f70 linear-gradient(to right, #e5a4a5 0%, #df6f70 100%);
}
#news-feature article:nth-child(2) footer,
#news-feature article:nth-child(2) a:hover h3 {color: #7f2828;}
#news-feature article:nth-child(2):hover {border-left-color: #7f2828;}
#news-feature article:nth-child(3) {
	border-left-color: #a4d2e1;
	background: #a4d2e1 -webkit-gradient(linear, left top, right top, from(#cbe5ed), to(#a4d2e1));
	background: #a4d2e1 -webkit-linear-gradient(left, #cbe5ed 0%, #a4d2e1 100%);
	background: #a4d2e1 -o-linear-gradient(left, #cbe5ed 0%, #a4d2e1 100%);
	background: #a4d2e1 linear-gradient(to right, #cbe5ed 0%, #a4d2e1 100%);
}
#news-feature article:nth-child(3) footer,
#news-feature article:nth-child(3) a:hover h3 {color: #407081;}
#news-feature article:nth-child(3):hover {border-left-color: #407081;}
#news-feature article a {
	padding: 30px 25px 40px 25px;
	display: block;
	text-decoration: none;
	width: 100%;
}
#news-feature article h3 {
	color: white;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.5);
	font-size: 35px;
	line-height: 42px;
}
/* !Sponsors */
#sponsors .flex {-ms-flex-wrap: wrap;flex-wrap: wrap;}
#sponsors h3 {
	text-align: left;
	font-size: 33px;
}
#sponsors li {
	list-style: none;
	list-style-position: outside;
	width: 150px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 15px 10px;
}
#sponsors li img {max-width: 130px;}
#sponsors h4 {
	background: #98ba72 url(../img/icon-childs-play-logo.svg) -5px center no-repeat;
	background-size: 50px;
	font-size: 20px;
	line-height: 20px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 8px;
	padding: 5px 0 5px 65px;
	margin: 20px 0;
}
/*---------------------*/
/* !Events ------------*/
/*---------------------*/
/* !Calendar */
#calendar {
	background: url(../img/divider-ship.svg) center bottom no-repeat;
	background-size: 350px;
	width: 100%;	
	margin-bottom: 80px;
	padding-bottom: 155px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#calendar header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	margin-bottom: 20px;
}
#calendar footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: 20px;
}
#calendar .btn-color {-ms-flex-item-align: end;align-self: flex-end;}
#calendar header .btn-prev {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-right: 2px;
}
#calendar header a {
	display: block;
	max-width: 75px;
	width: 50%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	background: #E09798 url(../img/icon-arrow-white.svg) center center no-repeat;
	background-size: 20px;
	height: 50px;
	padding: 0 5px;
	border-radius: 0 50px 50px 0;
}
#calendar header a:hover {background-color: #df6f70;}
#calendar header h1 {
	width: 50%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 300;
	font-size: 30px;
	line-height: 32px;
	padding: 0 10px;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	text-align: center;
}
/*---------------------*/
/* !Calendar Agenda ---*/
/*---------------------*/
/* Hide unless mobile */
#calendar-agenda {
	width: 100%;
	display: none;
}
#calendar-agenda ul li {
	list-style: none;
	list-style-position: outside;
	margin: 0 0 15px 0;
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
#calendar-agenda ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px;
	border-left: 7px solid #888;
	text-decoration: none;
}
#calendar-agenda ul li.empty {
	padding: 10px;
	border-left: 7px solid #888;
	color: #59595c;
	font-size: 17px;
	font-style: italic;
}
#calendar-agenda a h4 {
	text-transform: uppercase;
	font-weight: 500;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #44474b;
	font-variant-caps: all-small-caps;
	-moz-font-feature-settings: "c2sc", "smcp";
	-webkit-font-feature-settings: "c2sc", "smcp";
	font-feature-settings: "c2sc", "smcp";
}
#calendar-agenda a p {
	color: #59595c;
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	margin-left: 10px;
	font-size: 17px;
}
#calendar-agenda a:hover {
	background: -webkit-gradient(linear, left top, right top, from(#e5a4a5), to(#df6f70));
	background: -webkit-linear-gradient(left, #e5a4a5 0%, #df6f70 100%);
	background: -o-linear-gradient(left, #e5a4a5 0%, #df6f70 100%);
	background: linear-gradient(to right, #e5a4a5 0%, #df6f70 100%);
	border-left-color: #df6f70;
}
#calendar-agenda a:hover h4,
#calendar-agenda a:hover p {color: white;}
/*---------------------*/
/* !Calendar Table ----*/
/*---------------------*/
#calendar-table {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	table-layout: fixed;
	-webkit-box-shadow: 0 19px 40px rgba(0,0,0,0.26);
	box-shadow: 0 19px 40px rgba(0,0,0,0.26);
	width: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	border-collapse: collapse;
}
#calendar-table th {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	border: 1px solid #ddd;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	padding: 5px;
	border-top: none;
}
#calendar-table td {
	border: 1px solid #ddd;
	height: 110px;
	vertical-align: top;
	width: 14.285714286%;
	padding: 5px;
}
#calendar-table td span {
	text-align: right;
	display: block;
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	padding: 0 5px 0 0;
}
#calendar-table td.blank {background: rgba(0,0,0,0.05);}
#calendar-table td.today {background: rgba(225, 150, 153, 0.15);}
#calendar-table td.today span {color: #df6f70;}
/* Remove outer-most border */
#calendar-table th:first-child,
#calendar-table td:first-child {border-left: none;}
#calendar-table th:last-child,
#calendar-table td:last-child {border-right: none;}
#calendar-table tr:last-child td {border-bottom: none;}
/*---------------------*/
/* !Event -------------*/
/*---------------------*/
#calendar-table .event {
	width: 100%;
	background: #888;
	display: block;
	padding: 2px 5px;
	margin-top: 5px;
	text-decoration: none;
	color: white;
}
#calendar-table .event:hover {background: -webkit-gradient(linear, left top, right top, from(#e5a4a5), to(#df6f70));background: -webkit-linear-gradient(left, #e5a4a5 0%, #df6f70 100%);background: -o-linear-gradient(left, #e5a4a5 0%, #df6f70 100%);background: linear-gradient(to right, #e5a4a5 0%, #df6f70 100%);}
#calendar-table .event p {
	font-weight: 500;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 16px;
}
/* Photos Link */
#photos {
	text-align: center;
	padding: 30px 0 80px 0;
}
#photos h4 {
	font-weight: 300;
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 30px;
}
/* !Plan Your Own Event */
#purple {
	background-color: #6F64A7;
	background-image:
	url(../img/icon-bg-controller.svg),
	url(../img/icon-bg-joystick.svg),	
	-webkit-gradient(linear, left bottom, left top, from(rgba(141,128,199,1)), to(#6F64A7));
	background-image:
	url(../img/icon-bg-controller.svg),
	url(../img/icon-bg-joystick.svg),	
	-webkit-linear-gradient(bottom, rgba(141,128,199,1), #6F64A7 100%);
	background-image:
	url(../img/icon-bg-controller.svg),
	url(../img/icon-bg-joystick.svg),	
	-o-linear-gradient(bottom, rgba(141,128,199,1), #6F64A7 100%);
	background-image:
	url(../img/icon-bg-controller.svg),
	url(../img/icon-bg-joystick.svg),	
	linear-gradient(to top, rgba(141,128,199,1), #6F64A7 100%);
	background-repeat: no-repeat;
	background-size: 370px, 300px, 100%;
	background-position-x: -136px, 110%, 0;
	background-position-y: 50px, 85%, 0;
	color: white;
	padding: 70px 90px;
	border-top: 7px solid #eece6b;	
}
#purple h2, #purple p {text-shadow: 0px 1px 2px rgba(0,0,0,0.4);}
#purple h2,
#add-event header h2 {
	font-weight: 500;
	color: white;
	text-align: left;
	font-size: 30px;
	line-height: 35px;
	margin: 0 0 20px 0;
	font-style: normal;
}
#purple p,
#add-event header p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 30px;
}
#purple footer {margin-bottom: 40px;}
#purple footer .btn-color {margin: 0 10px 20px 0;}
/* !Add Event */
#add-event header {padding: 70px 90px 50px 90px;}
#add-event header h2 {color: #44474b;}
/* !Add Event Form */
#add-event .flex {
	border-top: 7px solid #e19699;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 25px;
	-webkit-box-shadow: 0 19px 40px rgba(0,0,0,0.26);
	box-shadow: 0 19px 40px rgba(0,0,0,0.26);
	margin-bottom: 60px;
}
#add-event .flex > div {
	width: 100%;
	padding: 20px 25px 25px 25px;
}
#add-event label {
	margin-bottom: 20px;
	display: block;
}
#add-event .flex div:first-child label:last-child {margin-bottom: 0;}
#add-event label strong {
	display: block;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 5px;
}
#add-event label input,
#add-event label textarea {
	background: #F7F7F7;
	border: 1px solid #E7E7E7;	
	font-family: "vista-sans", Verdana, Arial, sans-serif;
	color: #44474b;
	font-size: 16px;
	line-height: 20px;
	height: 35px;
	padding: 10px;
	width: 100%;
}
#add-event label textarea {
	height: 203px;
	margin-bottom: 13px;
}
/*---------------------*/
/* !Donate ------------*/
/*---------------------*/
#donate {padding: 0 0 60px 0;}
#sponsorships {
	background: url(../img/divider-joystick.svg) top center no-repeat;
	background-size: 380px;
	padding-top: 60px;
	margin-top: 55px;
}
#donation-list {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#donation-list section {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 25%;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#donation-list section h3,
#donation-list section p {
	width: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	text-align: center;
}
#donation-list section footer {
	width: 100%;
	-ms-flex-item-align: end;
	align-self: flex-end;
	text-align: center;
}
#donation-list section p {line-height: 28px;}
#donation-list h3 {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 185px;
	padding-top: 210px;
	font-size: 30px;
	line-height: 35px;
	font-weight: 500;
	margin: 0 0 20px 0;
}
#donation-list .single h3 {background-image: url(../img/icon-donate-single.svg);}
#donation-list .monthly h3 {background-image: url(../img/icon-donate-monthly.svg);}
#donation-list .wishlist h3 {background-image: url(../img/icon-donate-wishlists.svg);}
#donation-list .merchandise h3 {background-image: url(../img/icon-donate-merchandise.svg);}
#wishlist-map .frame {
	margin-top: 60px;
	width: 100%;
	height: 632px;
}
#donate-cash {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 50px;
	text-align: center;
}
#donate-cash h3 {
	font-weight: 500;
	color: #44474b;
	font-size: 30px;
	line-height: 35px;
	margin-right: 30px;
}
/*---------------------*/
/* !About -------------*/
/*---------------------*/
#about {
	background: url(../img/divider-dpad.svg) bottom center no-repeat;
	background-size: 380px;
	padding: 0 0 60px 0;
	margin-bottom: 55px;
}
#about p,
#apply p,
#testimonials p,
#donate p,
#wishlist-map header > p,
#sponsorships p {
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	max-width: 605px;
	margin: 30px auto 0 auto;
}
#about p {max-width: 620px;}
#about-sections.flex {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#about-sections section {
	width: 33%;
	margin: 0 15px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: left;
}
#about-sections section div {position: relative;}
#about-sections section img {width: 100%;}
#about-sections section h2 {
	background: rgba(225, 150, 153, 0.92);
	position: absolute;
	bottom: 0;
	color: white;
	font-size: 28px;
	line-height: 32px;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	width: 100%;
	padding: 10px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.5);
}
#about-sections section:nth-of-type(2) h2 {background: rgba(189, 185, 209, 0.92);}
#about-sections section:nth-of-type(3) h2 {background: rgba(243, 173, 107, 0.92);}
#about-sections section p {
	font-size: 18px;
	line-height: 28px;
	margin-top: 20px;
}
/* !Get In Touch */
#get-in-touch .content {
	min-height: 450px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 1100px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#get-in-touch h3,
#staff h3 {
	font-size: 30px;
	line-height: 35px;
	font-weight: 500;
	color: #44474b;
	margin-bottom: 20px;
}
#staff h3 {margin-bottom: 5px;}
#get-in-touch .frame {margin-bottom: 20px;}
#get-in-touch .frame iframe {width: 100%; height: 200px;}
#get-in-touch section:first-child {
	background: url(../img/divider-logo.svg) center right no-repeat;
	background-size: 57px;
	padding: 50px 57px 0 0;
	min-height: 450px;
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
#get-in-touch section {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
#get-in-touch section p,
#staff p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 15px;
}
/* !Staff */
#staff {margin-top: 30px;}
#staff .content {max-width: 1100px;	}
#staff .flex {-ms-flex-wrap: wrap;flex-wrap: wrap;}
#staff ul {
	margin-top: 40px;
}
#staff li {
	word-wrap: break-word;
	list-style: none;
	list-style-position: outside;
	width: 50%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 20px 20px 0;
}
/* !Apply to Join Our Network */
#apply .content {margin-bottom: 60px;}
#apply footer {
	text-align: center;
	max-width: 700px;
	margin: 0 auto;	
}
#apply footer a {
	-ms-flex-line-pack: center;
	align-content: center;
	margin-left: 10px;
	margin-right: 10px;
}
/*---------------------*/
/* !FAQ ---------------*/
/*---------------------*/
#faq .content {max-width: 1000px;}
#faq h1 {margin-bottom: 50px;}
#faq section h2 {
	font-size: 30px;
	line-height: 35px;
	font-style: normal;
	text-align: left;
	padding: 15px 0;
	border-top: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	margin-bottom: 35px;
	max-width: none;
}
#faq article h3 {
	color: #98ba72;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 20px;
}
#faq article p {
	margin-bottom: 35px;
	font-size: 18px;
	line-height: 28px;
}
/*---------------------*/
/* !Testimonials ------*/
/*---------------------*/
#testimonials footer {
	text-align: center;
	margin: 20px 0 60px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #BEBEBE;
}
#testimonial-list .content {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 50px;
}
#testimonial-list article {	
	display: -webkit-box;	
	display: -ms-flexbox;	
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border: 1px solid #BEBEBE;	
	width: 320px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 10px 30px 10px;
}
#testimonial-list blockquote cite {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(153,187,114,1)), to(rgba(132,163,81,1)));
	background-image: -webkit-linear-gradient(left, rgba(153,187,114,1), rgba(132,163,81,1));
	background-image: -o-linear-gradient(left, rgba(153,187,114,1), rgba(132,163,81,1));
	background-image: linear-gradient(to right, rgba(153,187,114,1), rgba(132,163,81,1));
	display: block;
	font-size: 30px;
	line-height: 35px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.5);
	padding: 20px 10px;
	color: white;
}
#testimonial-list blockquote {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
#testimonial-list blockquote p {	
	font-size: 16px;
	line-height: 26px;
	padding: 20px 10px 0 10px;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
#testimonial-list footer {
	width: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-item-align: end;
	align-self: flex-end;
	text-align: center;
	padding: 20px;
}
#testimonial-list .btn-outline {
	font-size: 16px;
	line-height: 18px;
	padding: 5px 10px;
	margin: 0;
}
/*----------------------*/
/* !Letter / News Post -*/
/*----------------------*/
.post.content,
#news.content {max-width: 1000px;}
.post header {
	border-bottom: 1px solid #bebebe;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
#main .post header h1 {
	text-align: left;
	font-size: 30px;
	line-height: 35px;
	padding: 5px 0;
}
#news > footer,
.post > footer {
	border-top: 1px solid #bebebe;
	margin-top: 40px;
}
#news > footer ul,
.post > footer ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#news > footer li,
.post > footer li {	
	list-style: none;
	list-style-position: outside;
}
.post .body {max-width: 680px;}
.post p {	
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 25px;
}
/*---------------------*/
/* !News / News Post --*/
/*---------------------*/
#news > h1 {margin-bottom: 50px;}
#news article header {
	border-top: 1px solid #bebebe;
	padding-top: 20px;
}
#news .post header h2 {text-align: left;}
#news.post header,
#news .post header,
#event.post header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#news.post header h1,
#news .post header h2,
#event.post header h1 {-webkit-box-flex: 2;-ms-flex: 2;flex: 2;}
#news.post header p,
#news .post header p,
#event.post header p {
	padding: 0 0 0 20px;
	margin: 0;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
#news.post img {height: auto !important;}
/* !Share Buttons */
#news.post,
#news .post,
#event.post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#news.post .body,
#news .post .body,
#event.post .body {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
#news.post .share,
#news .post .share,
#event.post .share {
	list-style: none;
	list-style-position: outside;
	-ms-flex-item-align: start;
	align-self: flex-start;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 70px;
	margin-left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.share li a {
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	background-size: 25px;
	width: 32px;
	height: 32px;
}
.share li a:hover {background-size: 22px;}
.share .twitter a  {background-image: url(../img/icon-share-twitter.svg);}
.share .facebook a {background-image: url(../img/icon-share-facebook.svg);}
#news.post header,
#news.post footer,
#news .post header,
#news .post footer,
#event.post header,
#event.post footer {
	width: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
/* !Post Styling */
#main .post .body h1,
#main .post .body h2,
#main .post .body h3,
#main .post .body h4,
#main .post .body h5,
#main .post .body h6 {
	text-align: left;
	margin-bottom: 15px;
	font-style: normal;
	font-weight: 800;
	color: #44474b;
}
#main .post .body h1 {
	text-align: left;
	font-size: 30px;
	line-height: 35px;
}
#main .post .body h2 {
	font-size: 28px;
	line-height: 33px;
}
#main .post .body h3 {
	font-size: 26px;
	line-height: 31px;
}
#main .post .body h4 {
	font-size: 24px;
	line-height: 29px;
}
#main .post .body h5 {
	font-size: 22px;
	line-height: 27px;
}
#main .post .body h6 {
	font-size: 20px;
	line-height: 25px;
}
#main .post .body ul,
#main .post .body ol {
	margin: 0 0 25px 40px;
}
#main .post .body li {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
}
#main .post .body img {
	margin: 0 auto;
	max-width: 100%;
	margin-bottom: 25px;
}
#main .post .body blockquote {
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	padding: 25px 20px 0 20px;
	margin-bottom: 25px;
	font-weight: 500;
	font-style: italic;
}
/*---------------------*/
/* !Footer ------------*/
/*---------------------*/
/* !Stripes */
#footer {
	background-color: #177a6b;
	background-image: url(../img/footer-alien.svg), url(../img/footer-ship.svg);
	background-position: bottom left, 98% center;
	background-repeat: no-repeat;
	background-size: 160px, 175px;
	border-bottom: 13px solid #116156;	
	margin-top: 28px;
	-webkit-box-shadow:
	0 -7px  0 0 #a4d2e1,
	0 -14px 0 0 #eecd6a,
	0 -21px 0 0 #e09798,
	0 -28px 0 0 #bdb9d1;
	box-shadow:
	0 -7px  0 0 #a4d2e1,
	0 -14px 0 0 #eecd6a,
	0 -21px 0 0 #e09798,
	0 -28px 0 0 #bdb9d1;
	color: #DCE6D1;
	min-height: 340px;
	padding: 40px 0;
}
#footer strong {
	color: white;
	text-transform: uppercase;
	font-weight: 300;
	font-style: italic;
	font-size: 12px;
	letter-spacing: 3px;
}
#footer p {margin-bottom: 10px;}
#footer a {color: white;}
#footer a:hover {color: #092924;}
#footer .content {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-right: 220px;
	padding-left: 160px;
}
#footer .content > * {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 40px;
}
/*------------------------*/
/* Newsletter ------------*/
/*------------------------*/
/* Overwriting styles from Salsa widget */
#footer .content .newsletter {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	padding-right: 40px;
}
#footer .newsletter * {
	font-family: "vista-sans", Verdana, Arial, sans-serif !important;
	margin: 0 !important;
	padding: 0 !important;	
	float: none !important;
	clear: none !important;
	position: static !important;
	width: 100% !important;
}
#footer .newsletter p {
	font-size: 22px !important;
	line-height: 27px !important;
	font-style: italic !important;
	font-weight: 500 !important;
	color: white !important;
	display: block !important;
	margin-bottom: 20px !important;
}
#footer .newsletter input {
	-webkit-box-shadow: 3px 3px 0px rgba(197,197,197,0.5) !important;
	box-shadow: 3px 3px 0px rgba(197,197,197,0.5) !important;
	height: 35px !important;
	font-weight: 500 !important;
	padding: 10px !important;
	border: 1px solid #999 !important;
	color: #44474b !important;
	font-size: 14px !important;
	width: 100% !important;
	margin: 0 0 20px 0 !important;
}
#footer .newsletter label {
	font-weight: normal !important;
	font-size: 18px !important;
	line-height: 24px !important;
	-webkit-font-feature-settings: normal !important;
	font-feature-settings: normal !important;
	margin-bottom: 5px !important;
}
#footer .newsletter a {
	background: #106156 !important;
	display: block !important;
	position: inherit !important;
	height: 35px !important;
	-webkit-box-shadow: 3px 3px 0px rgba(197,197,197,0.5) !important;
	box-shadow: 3px 3px 0px rgba(197,197,197,0.5) !important;
	font-weight: 500 !important;
	border: 0 !important;
	cursor: pointer !important;
	color: white !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	text-align: center !important;
	padding: 8px 20px 0 20px !important;
	width: 75% !important;
}
#footer .newsletter a:focus {outline: solid !important;}
#footer .newsletter a:hover,
#footer .newsletter a:active {
	background-color: #092924 !important;
	cursor: pointer !important;
}
#footer .newsletter .sli-divider,
#footer .newsletter .sli-spacer {display: none !important;}
/* End Salsa widget overwrites */
#footer address,
#footer #misc-info {padding: 0 15px;}
#footer .content small {
	min-width: 100%;
	font-size: 15px;
	margin: 0;
}
#footer ul {
	max-width: 56px;
	min-width: 56px;
}
#footer li {
	width: 17%;
	min-width: 56px;
	list-style: none;
}
#footer li a {
	background: center center no-repeat;
	background-size: 36px;
	padding: 10px;
	width: 56px;
	height: 56px;
	display: block;
	margin: 0 auto;
}
#footer li a:hover {background-size: 28px;}
#footer .twitter   a {background-image: url(../img/icon-social-twitter.svg);}
#footer .facebook  a {background-image: url(../img/icon-social-facebook.svg);}
#footer .instagram a {background-image: url(../img/icon-social-instagram.svg);}
#footer .youtube   a {background-image: url(../img/icon-social-youtube.svg);}
#footer .twitch    a {background-image: url(../img/icon-social-twitch.svg);}
/*---------------------*/
/* !Retina Support ----*/
/*---------------------*/
@media 
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.home #testimonial-feature {background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(153,187,114,.9)), to(rgba(153,187,114,0.75))), url(../img/home-testimonial-bg@2x.jpg);background-image: -webkit-linear-gradient(bottom, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/home-testimonial-bg@2x.jpg);background-image: -o-linear-gradient(bottom, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/home-testimonial-bg@2x.jpg);background-image: linear-gradient(to top, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/home-testimonial-bg@2x.jpg);}
	#testimonial-feature {background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(153,187,114,.9)), to(rgba(153,187,114,0.75))), url(../img/about-testimonial-bg@2x.jpg);background-image: -webkit-linear-gradient(bottom, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/about-testimonial-bg@2x.jpg);background-image: -o-linear-gradient(bottom, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/about-testimonial-bg@2x.jpg);background-image: linear-gradient(to top, rgba(153,187,114,.9), rgba(153,187,114,0.75)), url(../img/about-testimonial-bg@2x.jpg);}
}
/*--------------------------*/
/* !Narrow / Mobile Screens */
/*--------------------------*/
@media screen and (min-width: 851px) {nav ul.left {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}}
@media screen and (max-width: 1030px) and (min-width: 30px) {
 	/*html, nav {background: black; border-top: 10px dashed red;} */
    /* Reduce padding */
    .content {padding: 0 60px;}
    #purple, #add-event header {padding-left: 70px; padding-right: 70px;}
    nav .content {padding: 20px 40px;}
	/* !Remove stats */
	nav .nav-stats {
	    position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
    }
	/* Home */
	#support #donations {padding-right: 30px;}
	#support #wishlists {padding-left: 30px;}
	#hospital-loc h2,
	#game-guide h2 {font-size: 30px; line-height: 38px;}
	#hospital-loc p,
	#game-guide p {line-height: 28px;}	
	#video h2 {max-width: 90%;}
	/* About */
	#about-sections section {margin: 0 10px;}
	#about-sections section h2 {font-size: 20px; line-height: 25px;}
	#about-sections section p  {font-size: 16px; line-height: 22px;}
	/* Donate */
	#donation-list section {min-width: 50%;}
	/* Footer */
	#footer .content {padding-right: 150px; text-align: center;}
	#footer ul {
		min-width: 100% !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#footer address,
	#footer #misc-info {width: 50%; padding: 0;}
	#footer span {display: block;}
	/* Overwriting styles from Salsa widget */
	#footer .newsletter {
		padding: 0 !important;
		min-width: 100% !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	#footer .newsletter p,
	#footer .newsletter label,
	#footer .newsletter input,
	#footer .newsletter a {
		width: 80% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	#footer .newsletter a {
		width: 35% !important;
		height: 55px !important;
		padding: 18px 20px 10px 20px !important;
	}
}
@media screen and (max-width: 850px) and (min-width: 30px) {
 	/*html, nav {background: black; border-top: 10px dashed yellow;} */
	/* !Change gradient direction */
    .home #header {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(153,187,114,0.95)), color-stop(70%, rgba(153,187,114,0.8)), to(rgba(153,187,114,0.15))), url(../img/home-hero.jpg);background-image: -webkit-linear-gradient(bottom, rgba(153,187,114,0.95) 20%, rgba(153,187,114,0.8) 70%, rgba(153,187,114,0.15)), url(../img/home-hero.jpg);background-image: -o-linear-gradient(bottom, rgba(153,187,114,0.95) 20%, rgba(153,187,114,0.8) 70%, rgba(153,187,114,0.15)), url(../img/home-hero.jpg);background-image: linear-gradient(to top, rgba(153,187,114,0.95) 20%, rgba(153,187,114,0.8) 70%, rgba(153,187,114,0.15)), url(../img/home-hero.jpg);}
    #main {padding: 50px 0;}
    /* !Reduce nav to hamburger */
	/* Nav */
	nav .flex,
	nav .mobile,
	#news-feature .flex,
	#about-sections,
	#calendar-agenda {display: block;}
	#calendar-table {display: none;}
	nav {
		background: white;
		margin-bottom: 30px;
		position: fixed;
		width: 100%;
		max-width: 100%;
		top: 0;
		left: 0;
		z-index: 10;
		-webkit-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
		box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	}
	.home #header, .home #header.fixed {padding-top: 90px;}
	#header, #header.fixed {padding-top: 70px;}
	nav .nav-menu a {background-image: url(../img/icon-menu-teal.svg);}
	nav .nav-donate span {-webkit-box-shadow: inset 0 0 0 2px #187b6c;box-shadow: inset 0 0 0 2px #187b6c; color: #187b6c;}
	.fixed nav ul.left li.active a:after,
	nav ul.left li.active a:after {
		background:#98ba72;
		width: 4px;
		height: 100%;
		top: 0;
		left: 0;
	}
	nav .nav-donate a:hover span {background: #187b6c; color: white;}
	nav .flex {padding-top: 0; padding-bottom: 0;}	
	nav ul.left {
		max-width: 100%;
		display: none;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		clear: left;
		padding: 0 0 35px 0;
	}
	nav ul.left li a {		
		padding: 18px 20px;
		width: 100%;
		color: #187b6c;
		font-size: 22px;
		text-align: left;
	}
	nav ul.left li a:hover {color: #4f613b; background-color: rgba(152, 186, 114, 0.3);}
	nav ul.left li a:active {color: #106156;}
	nav ul.right {display: block; overflow: hidden; float: right;}
	nav ul.right li {display: inline-block;}
	nav ul.right a {padding-top: 25px; padding-bottom: 25px;}
	nav h2 a:after {
		background: url(../img/logo-childs-play.svg) 10px -140px no-repeat;
		background-size: 145px;
		content: "";
		display: block;
		width: 145px;
		height: 30px;
		position: absolute;
		top: 21px;
		left: 65px;
		padding-left: 10px;
	}
	nav h2 a {
		background: url(../img/logo-childs-play.svg) 0 -3px no-repeat;
		background-size: 65px;
		border-radius: 0;
		width: 65px;
		height: 60px;
	}
	nav h2 {
		float: left;
		position: relative;
		width: 70px;
		height: 70px;
	}	
	/* Header */
	#header #hero h1 {
		margin-top: 20px;
		margin-bottom: 15px;
		font-size: 55px;
	}
	#header #hero p {font-size: 22px;}
	#header #hero .btn-color {margin-bottom: 50px;}	
	/* Home */
	#hospital-loc, #game-guide {margin-bottom: 40px;}
	#hospital-loc .flex,
	#game-guide .flex {display: block;}
	#hospital-loc .content,
	#game-guide .content {padding: 0;}
	#hospital-loc .content div {padding: 40px 60px;}
	#game-guide .content div {padding: 10px 60px 40px 60px;}
	#game-guide img {width: 100%; margin: 0;}
	#hospital-loc img {
		margin: 0;
		width: 100%;
		border-top: 0;
		border-bottom: 7px solid #bebad1;
	}
	#game-guide * {text-align: left !important;}
	#news-feature .content {padding: 0;}
	#news-feature header {padding: 0 60px;}	
	#news-feature article {width: 100%;}
	#news-feature article a {padding-left: 53px; padding-right: 53px;}
	/* Events */
	#calendar header .btn-prev {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
	#calendar header .btn-next {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
	#calendar header h1 {width: 100%; text-align: left;padding-left: 0;}
	#calendar footer {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; width: 100%;}
	#purple, #add-event header {padding-left: 50px; padding-right: 50px;}
	#add-event .flex {display: block; padding-bottom: 45px;}
	#add-event .flex div {padding-bottom: 0;}
	#add-event .flex .btn-color {margin: 0 auto; display: block; padding-left: 60px; padding-right: 60px;}
	/* About */
	#about-sections section {width: 100%; margin: 0 0 50px 0;}
	#about-sections section:last-child {margin: 0;}
	#about-sections section h2 {font-size: 30px; line-height: 35px;}
	#about-sections section p  {font-size: 18px; line-height: 28px;}
	#get-in-touch .frame iframe {max-width: 450px !important; height: 300px !important;}
	#get-in-touch section:first-child {
		padding: 0;
		background: none;
		min-height: auto;
		padding: 50px 0;
	}
	#get-in-touch .content {
		background: url(../img/divider-controller.svg) bottom center no-repeat;
		background-size: 380px;
		padding-bottom: 60px;
		text-align: center;
		display: block;
	}
	/* Staff */
	#staff p {font-size: 17px; line-height: 24px;}
	/* News Post */
	#news.post header, #news .post header,
	#event.post header {display: block;}
	#news.post header p, #news .post header p,
	#event.post header p {padding: 0;}
	#news.post, #news .post,
	#event.post {display: block;}
	#news.post .share, #news .post .share,
	#event.post .share {margin: 40px auto 30px auto; max-width: 100px; height: 50px;}
	#news.post .share li a, #news .post .share li a,
	#event.post .share li a {background-size: 40px; width: 45px; height: 45px;}
	/* Footer */
	#footer .content {padding-right: 40px; padding-left: 40px;}
	#footer .content > * {margin-bottom: 30px;}
	#footer .flex {display: block;}
	#footer address, #footer #misc-info {width: auto;}
	#footer ul {max-width: 100%;}
	#footer li {width: 10%;}
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 600px) and (min-width: 30px) {
     /*html, nav {border-top: 10px dashed green;} */
    .btn-outline,
    #testimonial-list .btn-outline {
		color: #187b6c;
		border: 2px solid #187b6c;
		margin: 20px 0 0 0;
		padding: 12px 20px;
		font-size: 18px;
		line-height: 20px;
	}
	#testimonial-list .btn-outline:hover {color: white;}
	.btn-color {font-size: 22px; padding: 15px 30px;}
    /* !Reduce padding */
    .content {padding: 0 20px;}
    #main {padding: 30px 0;}
    /* !Reduce page to single column */
    .flex {display: block;}
    #sponsors .flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
    #sponsors .flex li {width: 50%;}
	/* Nav */
	nav .content {padding: 0;}
	nav h2 {margin-left: 20px;}
	nav ul.right {margin-right: 20px;}
    nav h2 a:after {display: none;}
    nav ul.left li a {
		padding: 18px 20px;
		width: 100%;
		color: #187b6c;
		font-size: 22px;
		text-align: left;
	}
	/* Header */
	#header #hero {text-align: center;}
	#header #hero h1,
	#header #hero p {
		width: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	#header #hero h1 {
		margin: 15px auto;
		font-size: 45px;
		line-height: 50px;
	}
	#header #hero p {
		width: 400px;
		margin-bottom: 30px;
	}
	#header #hero .btn-color {
		text-align: center;
		margin: 0 auto 35px auto;
	}
	/* Home */
	#main h1,
	#video h2,
	#apply h2,
	#news-feature header h3,
	#news-feature article h3,
	#sponsors h3,
	#get-in-touch h2,
	#testimonial-list article cite,
	#get-in-touch h3,
	#staff h3
	#photos h4,
	#purple h2,
	#add-event header h2,
	#wishlist-map h2,
	#donate-cash h3,
	#sponsorships h2,
	#news .post header h2 {
		font-size: 25px;
		line-height: 32px;
	}
	#video h2 {
		background-size: 270px;
		margin-bottom: 30px;
		padding-bottom: 40px;
		max-width: 100%;
	}
	#video .frame {margin-bottom: 70px;}
	#support {background: none; width: 100%;}
	#support section {
		max-width: 100%;
		width: 100%;
		padding: 0 !important;
		margin: 0 0 30px 0;		
	}
	#support p,
	#donation-list section p {font-size: 16px; line-height: 24px;}
	#support section h3,
	#donation-list section h3 {
		background-size: 150px;
		padding-top: 170px;
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	/* Donate */
	#donate {padding-bottom: 40px;}
	#donation-list section {width: 100%;}
	#donate-cash h3 {margin: 0 0 30px 0;}
	#donate-cash .btn-color {width: 55%;}
	#sponsorships {
		background-size: 270px;
	}
	/* News Feature */
	#news-feature {background-size: 270px; padding: 40px 0; margin-bottom: 10px;}
	#news-feature header {
		padding: 0 20px 10px 20px;
		display: block;
		text-align: center;
	}
	#news-feature header h3 {text-align: center; margin-bottom: 15px;}
	#news-feature article a {padding: 15px 20px 20px 20px;}
	#news-feature article footer {font-size: 18px; line-height: 22px; margin-top: 10px;}
	/* Testimonial Feature */
	#testimonial-feature {
		margin: 25px 0 50px 0;
		padding: 30px 0;
		min-height: auto;
	}
	#testimonial-feature blockquote p {
		font-size: 20px;
		line-height: 26px;
		padding: 0;
	}
	#testimonial-feature cite {font-size: 16px;}
	#testimonial-feature .btn-outline {margin-top: 25px;}
	#hospital-loc *, #game-guide * {text-align: center !important;}
	#hospital-loc .content div, #game-guide .content div {padding: 25px 20px; text-align: center;}
	#hospital-loc h2, #game-guide h2 {
		font-size: 22px;
		line-height: 30px;
		margin: 0;
	}
	#hospital-loc .btn-color,
	#game-guide .btn-color,
	#testimonials .btn-color {font-size: 18px; padding: 10px 20px;}
	/* Sponsors */
	#sponsors .content {padding: 0;}
	#sponsors h3 {text-align: center; padding: 0 20px;}
	#sponsors h4 {letter-spacing: 2px;}
	/* Events */
	#calendar {
		background-size: 250px;
		padding-bottom: 60px;
		margin-bottom: 20px;
	}
	#calendar header h1 {
		font-size: 24px;
		line-height: 26px;
		margin-right: 10px;
	}
	#calendar-agenda li h4 {line-height: 19px;}
	#calendar-agenda li p {font-size: 15px; line-height: 19px;}
	#calendar header {width: 75%;}
	#calendar header a {max-width: 60px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
	#calendar header a {
		display: block;
		background: #E09798 url(../img/icon-arrow-white.svg) center center no-repeat;
		background-size: 15px;
		height: 50px;
		padding: 0 5px;
		border-radius: 0 50px 50px 0;
	}
	#purple, #add-event header {padding: 50px 0 30px 0;}
	#purple .btn-color {
		margin: 0 auto;
		padding: 15px 10px;
		display: block;
	}
	#add-event .flex label strong {font-size: 18px;}
	#add-event .flex {padding: 0;}
	#add-event .flex > div {padding: 20px;}
	#add-event .flex .btn-color {
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
		padding: 15px 0;
	}
	#event header p {font-size: 16px;}
	/* Testimonials */
	#testimonial-list article {width: 100%; margin: 0 0 30px 0;}
	#testimonial-list article cite {padding: 10px 10px 12px 10px;}
	#testimonial-list article footer {padding: 0 0 20px 0;}
	#testimonial-list .btn-outline {
		font-size: 15px;
		padding: 5px 10px;
		margin: 15px 10px 0 10px;
	}
	#testimonial-list .content {padding: 0 20px;}
	#letter footer .btn-outline,
	#news footer .btn-outline,
	#event footer .btn-outline {padding: 5px 10px; font-size: 15px;}
	#letter footer li:first-child .btn-outline {margin-right: 10px;}	
	/* Footer */
	#footer {padding: 30px 0; background-size: 80px, 0px;}
	#footer .content {padding: 0px;}
	/* Overwriting styles from Salsa widget */
	#footer .newsletter input {padding: 20px 10px !important;}
	#footer .newsletter a {width: 80% !important;}
	/* About */
	#main h1 {margin: 10px 0 0 0;}
	#about {background-size: 270px;}
	#about-sections section h2 {font-size: 26px;}
	#get-in-touch .content {
		background-size: 270px;
		padding-bottom: 40px;
		margin-bottom: 35px;
	}
	#get-in-touch section {padding: 20px 0 10px 0 !important;}
	#get-in-touch section p {
		word-wrap: break-word;
		font-size: 17px;
		line-height: 24px;
	}
	/* Staff */
	#staff li {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 0 0 20px 0;
	}
	#staff h3 {font-size: 28px;}
	#apply footer {
		padding-bottom: 20px;
		display: block;
		text-align: center;
	}
	/* News */
	#news h1 {padding-bottom: 30px;}
	#news .post header h2 {margin-bottom: 5px;}
	#main .post .body p,
	#main .post .body li {
		font-size: 16px;
		line-height: 24px;
		word-wrap: break-word;
	}
	/* FAQ */
	#faq h1 {margin-bottom: 30px;}
	#faq article h3 {font-size: 24px; line-height: 30px; margin-bottom: 15px;}
	#faq section h2 {font-size: 26px; margin-bottom: 30px;}
	#faq article p {word-wrap: break-word;}
}