/* ------------------------------------------------
	GLOBAL
------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	font-family: PoppinsLight, Arial, sans-serif;
	color: #08153c;
}
		
header, nav, section, article, aside, footer {
   	display: block;
}
		
h1, h2, h3, h4, h5, h6, p, a, input, textarea, li, div {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}


.red {color:#ff000}
		
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear:both;}

.hide {
	display: none;
}
		
.container {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
		
a img {
	border: none;
}
		
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}
		
input.error, textarea.error { 
	background-color: #fef5f5;
	border: 2px solid #9d1616;
}
		
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	width: 100%;
	margin: -15px 0 20px 0;
	padding: 0;
	color: #9d1616;
	font: 1em PoppinsLight, Arial, sans-serif;
}

.margin {
	margin-top: 40px;
}

.responsive {
  width: 100%;
  height: auto;
}

.responsive1 {
	float: center;
  width: 10%;
  height: auto;
}

* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 25%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.container-g {
	width: 100%;
	background-color:#c69d2e;
	margin: 0 auto;
	padding: 0;
}
	
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 10%;
}


		
/* ------------------------------------------------
	TYPOGRAPHY
------------------------------------------------ */

h1 {
	margin: 0;
	padding: 0;
	font: 36px/36px PoppinsBold, Arial, sans-serif;
	text-transform: uppercase;
	color: #ea028c;
}

h2 {
	margin: 0 0 -20px 0;
	padding: 0;
	font: 24px PoppinsBold, Arial, sans-serif;
	text-transform: uppercase;
	color: #ea028c;
}

h3 {
	margin: 0;
	padding: 0;
	font: 24px PoppinsBold, Arial, sans-serif;
	text-transform: uppercase;
}

h4 {
	margin: 0 0 -20px 0;
	padding: 0;
	font: 20px PoppinsSemi, Arial, sans-serif;
	text-transform: uppercase;
	color: #08153c;
}

p, .copy ul li {
	margin: 20px 0;
	padding: 0;
	font: 20px/30px PoppinsLight, Arial, sans-serif;
}

ul li span, p span {
	font-family: PoppinsSemi, Arial, sans-serif;
}

blockquote {
	margin: 20px 0 20px -75px;
	padding: 0 0 0 25px;
	font: 32px/36px Alegreya, Times, serif;
	border-left: 7px solid #c89d31;
}

time {
	font-family: PoppinsBold, Arial, sans-serif;
}


.salsatext h2 {
	margin: 0;
	padding: 0;
	font: 24px PoppinsBold, Arial, sans-serif !important;
	text-transform: uppercase;
	color: #08153c;
}

.salsatext h6 {
	margin: 0;
	padding: 0;
	font: 20px PoppinsBold, Arial, sans-serif !important;
	text-transform: uppercase;
	color: #08153c;
}

.salsaloc h3 {
	margin: 0 !important;
	margin-bottom: 0 !important;
	font: 16px PoppinsBold, Arial, sans-serif !important;
	text-transform: uppercase;
	color: #ea028c;
}

.salsaloc p span {
	font: 20px/30px PoppinsSemi, Arial, sans-serif !important;
	color: #08153c;
}


.salsatext p {
	font: 20px/30px PoppinsLight, Arial, sans-serif !important;
	color: #08153c;
}

.salsabtn {
	font: 20px PoppinsBold, Arial, sans-serif !important;
	text-transform: uppercase;
}

.salsamap iframe {
	height: 300px !important;
}

.link {
	font: 16px PoppinsBoldItalic, Arial, sans-serif;
	color: #08153c;
}

.button {
	margin: 0;
}

.button a {
	background: #ea028c;
	border-radius: 7px;
	padding: 6px 10px 5px 10px;
	color: #ffffff;
	font-family: PoppinsSemi, Arial, sans-serif;
	text-decoration: none;
}

.button b {
	background: #ea028c;
	border-radius: 7px;
	padding: 6px 30px 5px 30px;
	color: #ffffff;
	font-family: PoppinsSemi, Arial, sans-serif;
	text-decoration: none;
}

.button a:hover {
	background: #d3017e;
}



.blue, article p a {
	color: #08153c;
}

.pink {
	color: #ea028c;
}

/* ------------------------------------------------
	HEADER
------------------------------------------------ */

.gethelp {
	background: #303b5b;
	padding: 8px 0 6px 0;
}

.gethelp p {
	margin: 0;
	font: 16px PoppinsLight, Arial, sans-serif;
	text-align: center;
	color: #ffffff;
}

.gethelp p span {
	font-family: PoppinsSemi, Arial, sans-serif;
}

header {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	z-index: 9999;
	background: #eceff4;
}

header .nav-logo {
	width: 224px;
	margin: 0 0 0 10px;
	float: left;
}

header .nav-logo img {
	width: 100%;
}
		
/* ------ Fix For Android ------ */
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

nav input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

header label { 
  cursor: pointer;
  user-select: none;
}

/* ------ End Fix For Android ------ */
		
nav {
	margin: 0 auto;
	padding: 0;
	float: right;
}

/*Hide dropdown links until they are needed*/
nav li ul {
	background: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
		
/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover, .hidden:active, .hidden:focus {
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
		
nav ul:after {
	content: "";
	clear: both;
	display: block;
}

nav ul li {
	margin: 0;
	padding: 0;
	float: left;
}

nav ul li.donatebtn {
	background: #ea028c;
}
		
nav ul li:hover, .active {
	background: #dde2e9;
}

nav ul li.donatebtn:hover {
	background: #d3017e;
}

nav ul li a {
	display: block;
	margin: 0;
	padding: 0 8px;
	font: 1em/50px PoppinsSemi, Arial, sans-serif;
	text-transform: uppercase;
	color: #142752;
	text-decoration: none;
}

nav ul li.donatebtn a {
	color: #ffffff;
}

nav ul ul {
	background: #142752;
	padding: 0;
	position: absolute; 
	top: 100%;
}
		
nav ul ul li {
	float: none; 
	border-top: 1px solid #183064;
	border-bottom: 1px solid #101e40;
	position: relative;
}
		
nav ul ul li a {
	width: inherit;
	padding: 0px 10px;
	font: 14px/40px PoppinsSemi, Arial, sans-serif;
	color: #ffffff;
}	
		
nav ul ul li a:hover {
	background: #101e40;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #142752;
	text-align: center;
	margin: 0;
	padding: 10px 0 10px 0;
	font: 1em PoppinsSemi, Arial, sans-serif;
	text-transform: uppercase;
	display: none;
	cursor: pointer;
}

/*Hide checkbox*/
header input[type=checkbox]{
	display: none;
}

/*Show menu when invisible checkbox is checked*/
header input[type=checkbox]:checked ~ #menu{
    display: block;
}

section img {
	border-bottom: 10px solid #c69d2e;
}
		
.intro {
	position: relative;
	width: 1120px;
	margin: 80px auto;
}

.intro .main-img {
	position: relative;
	width: 660px;
	float: left;
}

.intro .main-img img {
	width: 100%;
}

.intro .main-img .heart {
	position: absolute;
	top:-25px;
	right: 50px;
	width: 160px;
}

.intro h1 {
	position: absolute;
	top: 105px;
	right: 0;
	font: 84px PoppinsBold, Arial, sans-serif;
	letter-spacing: 5px;
	line-height: 50px;
	color: #ea028c; 
	text-transform: uppercase;
	z-index: 100;
}

.intro h1 span {
	font: 42px PoppinsLight, Arial, sans-serif;
	letter-spacing: 28px;
}

.intro p {
	width: 410px;
	margin-top: 250px; 
	float: right;
	font: 42px Alegreya, Times, serif;
}

.intro .star {
	position: absolute;
	bottom: 60px;
	right: 80px;
	width: 135px;
}

.access {
	position: relative;
	width: 640px;
	margin-right: 55px;
	float: left;
	overflow: visible;
}

.access .accessheart {
	position: absolute;
	top: 350px;
	right: -170px;
	width: 125px;
	z-index: 100;
}

.help {
	width: 270px;
	margin-top: 70px;
	padding-left: 25px;
	border-left: 1px solid #c89d31;
	float: left;
}

.help p {
	font: 16px/16px PoppinsSemi, Arial, sans-serif;
}

.help p span {
	font: 24px PoppinsLight, Arial, sans-serif;
}

.video {
	margin: 80px 0;
	padding: 55px 0;
	background: #eceff4;
	overflow: hidden;
}

.video .wrap {
	position: relative;
	width: 850px;
	margin: 0 auto;
}

.video .wrap iframe {
	width: 850px;
	height: 478px;
}

.video .wrap .videostars {
	position: absolute;
	top: -27px;
	left: -157px;
	width: 185px;
	z-index: 100;
}

.memory {
	display: block;
	padding-bottom: 80px;
}

.memory .text {
	display: block;
	position: relative;
	width: 575px;
	float: left;
}

.memory .text .star {
	position: absolute;
	bottom: 50px;
	left: -130px;
	width: 64px;
	z-index: 100;
}

.memory .photo {
	position: relative;
	width: 355px;
	float: right;
}

.memory .photo img {
	width: 100%;
}

.memory .photo .burst {
	position: absolute;
	top: -45px;
	left: 90px;
	width: 295px;
	z-index: 100;
}

.social {
	padding: 65px 0;
	text-align: center;
	background: #eceff4;
	overflow: hidden;
}

.social .share {
	margin-right: auto;
	margin-left: auto;
	width: 820px;
}

.social .interactive {
	position: relative;
	width: 410px;
	margin: 0 auto;
}

.social .interactive .star {
	position: absolute;
	top: -185px;
	right: -185px;
	width: 94px;
	z-index: 100;
}

.social .btns {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}

.social .btns a {
	margin-right: 10px;
}

.social .btns a:hover {
	color: #97a2b4;
}

.social form {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

.social input {
	width: 230px;
	float: left;
	margin: 0;
	padding: 4px 10px;
	background: #FFFFFF;
	border: none;
	font: 20px PoppinsLight, Arial, sans-serif;
	color: #08153c;
	border-radius: 7px 0 0 7px;
}

.social .submit {
	width: 75px;
	margin: 0;
	background: #08153c;
	color: #fff;
	cursor: pointer;
	border-radius: 0 7px 7px 0;
	transition: all .1s ease-in-out;
}

.social .submit:hover {
	background: #97a2b4;
	-moz-box-shadow: inset 0 0 10px #7b8597;
	-webkit-box-shadow: inset 0 0 10px #7b8597;
	box-shadow: inset 0 0 10px #7b8597;
}

.social .support {
	display: inline-block;
	margin: 0;
	float: left;
}

.social .support a {
	display: inline-block;
	background: #ea028c;
	border-radius: 7px;
	padding: 6px 10px 5px 10px;
	color: #ffffff;
	font-family: PoppinsSemi, Arial, sans-serif;
	text-decoration: none;
}

.social .support a:hover {
	background: #d3017e;
}

.social .sponsors {
	width: 420px;
	margin: 0 auto;
}

.social .sponsors .highmark-logo {
	width: 180px;
}

.social .sponsors .ahn-logo {
	width: 158px;
}

.social .sponsors div {
	margin: 40px 20px 0 20px;
	float: left;
}

.social .sponsors img {
	width: 100%;
	border: none;
}

.social .sponsors img:hover {
	opacity: .8;
}

.social .sponsors p {
	font: 24px PoppinsBold, Arial, sans-serif;
	color: #97a2b4;
}

footer {
	background: #08153c;
	padding: 20px 0;
}

footer p {
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #636a81;
	margin: 0;
	padding: 0;
}

.copy {
	padding: 80px 0;
}

.copy .left, .peri-two {
	position: relative;
	float: left;
	margin-right: 50px;
}

.copy .right, .peri-one {
	position: relative;
	float: right;
	margin-left: 50px;
	padding: 20px;
}

.peri-one {
	position: relative;
	width: 380px;
}

.peri-one .heart2 {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 25px;
}

.peri-one img, .peri-two img {
	width: 100%;
}

.peri-two {
	position: relative;
	width: 415px;
}

.peri-two .burst2 {
	position: absolute;
	top: -25px;
	left: 20px;
	width: 400px;
}

.stars {
	position: absolute;
	top: -25px;
	left: -100px;
	width: 220px;
}

.center, .run-two {
	width: 500px;
}

.westpenn, .run-one {
	width: 500px;
}

.news1 {
	width: 700px;
}

.brianne-one {
	width: 400px;
}

.center img, .westpenn img, .news1 img, .brianne-one img, .run-one img, .run-two img, .merch img {
	width: 100%;
}

.merch {
	width: 400px;
	border: none;
}

.merch img {
	margin-top: -10px;
	border: none;
}

.buynow a {
	background: #08153c;
	border-radius: 7px;
	padding: 6px 20px 5px 20px;
	color: #ffffff;
	font-family: PoppinsSemi, Arial, sans-serif;
	text-decoration: none;
}

.buynow a:hover {
	background: #97a2b4;
}

article {
	padding: 40px 0 20px 0;
	border-bottom: 1px solid #d8dde6;
}

article:last-child {
	border: none;
}
.container.clearfix form button {
	display: inline-block;
	margin: 0;
	float: left;
	background-color: #ea028c;
	border-radius: 7px;
	padding: 6px 10px 5px 10px;
	color: #ffffff;
	font-family: PoppinsSemi, Arial, sans-serif;
	font-size: 20px;
	text-decoration: none;
}

@media screen and (min-width : 1001px) and (max-width : 1120px){
	
	.intro {
		position: relative;
		width: 1000px;
		margin: 80px auto;
	}

	.intro .main-img {
		position: relative;
		width: 540px;
		float: left;
	}

	.intro .star {
		position: absolute;
		bottom: 30px;
		right: 100px;
		width: 135px;
	}

	.intro .main-img .heart {
		position: absolute;
		top:-25px;
		right: 50px;
		width: 130px;
	}

	blockquote {
		margin: 20px 0 20px 50px;
		padding: 0 0 0 25px;
		font: 32px/36px Alegreya, Times, serif;
		border-left: 7px solid #c89d31;
	}

}

@media screen and (min-width : 761px) and (max-width : 999px){
	
	.container {
		width: 700px;
		margin: 0 auto;
		padding: 0;
	}
	
	header {
		width: 100%;
		height: inherit;
		margin: 0;
		padding: 0;
		z-index: 9999;
		background: #eceff4;
	}
	
	header .nav-logo {
		width: 224px;
		margin: 0 auto 0 auto;
		float: none;
	}	
	
	nav {
		width: 755px;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	
	nav ul li a {
		display: block;
		margin: 0;
		padding: 0 7px;
	}

	blockquote {
		margin: 20px 0 20px 25px;
		padding: 0 0 0 25px;
		font: 30px/35px Alegreya, Times, serif;
		border-left: 7px solid #c89d31;
	}
	
	.intro {
		position: relative;
		width: 760px;
		margin: 80px auto;
	}

	.intro .main-img {
		position: relative;
		width: 360px;
		float: left;
	}

	.intro h1 {
		position: absolute;
		top: 65px;
		right: 20px;
		font: 64px PoppinsBold, Arial, sans-serif;
		letter-spacing: 5px;
		line-height: 50px;
		color: #ea028c; 
		text-transform: uppercase;
		z-index: 100;
	}

	.intro h1 span {
		font: 32px PoppinsLight, Arial, sans-serif;
		letter-spacing: 22px;
	}

	.intro p {
		width: 350px;
		margin-top: 200px; 
		float: right;
		font: 32px Alegreya, Times, serif;
	}
	
	.intro .star {
		position: absolute;
		bottom: 0px;
		right: 80px;
		width: 85px;
	}
	
	.intro .main-img .heart {
		position: absolute;
		top: -15px;
		right: 30px;
		width: 80px;
	}

	.access .accessheart {
		position: absolute;
		top: inherit;
		bottom: -100px;
		right: 50px;
		width: 125px;
		z-index: 100;
	}

	.help {
		width: 270px;
		margin-top: 0px;
		padding-left: inherit;
		border-left: inherit;
		float: left;
	}
	
	.video .wrap {
		position: relative;
		width: 700px;
		margin: 0 auto;
	}

	.video .wrap iframe {
		width: 700px;
		height: 393px;
	}
	
	.memory .text {
		width: 370px;
		float: left;
	}

	.memory .text .star {
		position: absolute;
		bottom: 50px;
		left: -130px;
		width: 64px;
		z-index: 100;
	}

	.memory .photo {
		position: relative;
		width: 300px;
		float: right;
	}

	.memory .photo .burst {
		position: absolute;
		top: -35px;
		left: 70px;
		width: 250px;
		z-index: 100;
	}

	.social .share {
		margin-right: auto;
		margin-left: auto;
		width: 700px;
	}

	.center, .run-two {
		width: 400px;
	}

	.news1 {
		width: 500px;
	}

	.brianne-one, .run-one {
		width: 300px;
	}
	
	.merch {
		width: 300px;
		border: none;
	}

}
		

@media screen and (max-width : 760px){	

	.container {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}

	blockquote {
		margin: 20px 0;
		padding: 0 0 0 25px;
		font: 30px/35px Alegreya, Times, serif;
		border-left: 7px solid #c89d31;
	}

/* ------------------------------------------------
	HEADER
------------------------------------------------ */

	header {
		width: 100%;
		height: inherit;
		margin: 0;
		padding: 0;
		z-index: 9999;
		background: #eceff4;
	}
	
	header .nav-logo {
		width: 224px;
		margin: 0 auto 0 auto;
		float: none;
	}

	nav {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
	}
	
	.hidden, nav ul ul {
		display: block;
	}

/*Display the dropdown on hover*/
	nav ul li a:hover + .hidden, .hidden:hover {
		display: block;
		position: inherit;
	}
		
/*Make dropdown links appear inline*/
	nav ul {
		position: inherit;
		display: none;
	}

	nav ul li { 
		border-top: 1px solid #dde1e7;
	}
		
	nav ul li a {
		display: block;
		margin: 0;
		padding: inherit;
		color: #142752;
		text-align: center;
		text-decoration: none;
	}
		
	nav ul ul li {
		background: #142752;
	}
		
	nav ul ul li a {
		width: inherit;
		padding: inherit;
		color: #fff;
	}

/*Make all menu links full width*/
	nav ul li, li a {
		width: 100%;
		padding: 0;
	}

/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	
	.intro {
		position: relative;
		width: 100%;
		margin: 40px auto;
	}

	.intro .main-img {
		display: none;
		position: relative;
		width: 360px;
		float: left;
	}

	.intro h1 {
		position: inherit;
		top: inherit;
		right: inherit;
		font: 50px PoppinsBold, Arial, sans-serif;
		letter-spacing: 4px;
		line-height: 40px;
		color: #ea028c; 
		text-transform: uppercase;
		z-index: 100;
		text-align: center;
	}

	.intro h1 span {
		font: 28px PoppinsLight, Arial, sans-serif;
		letter-spacing: 15px;
		text-align: center;
	}

	.intro p {
		width: 350px;
		margin: 0 auto;
		float: none;
		text-align: center;
		font: 32px Alegreya, Times, serif;
	}
	
	.intro .star {
		display: none;
	}
	
	.intro .main-img .heart {
		position: absolute;
		top: -15px;
		right: 30px;
		width: 80px;
	}

	.access {
		position: relative;
		width: 100%;
		margin-right: 55px;
		float: none;
		overflow: visible;
	}

	.access .accessheart {
		display: none;
		position: absolute;
		top: 350px;
		right: -170px;
		width: 125px;
		z-index: 100;
	}

	.help {
		width: 270px;
		margin-top: 0;
		padding-left: 25px;
		border-left: 1px solid #c89d31;
		float: none;
	}
	
	.video {
		margin: 20px 0;
		padding: 55px 0;
		background: #eceff4;
		overflow: hidden;
	}
	
	.video .wrap {
		position: relative;
		width: 300px;
		margin: 0 auto;
	}

	.video .wrap iframe {
		width: 300px;
		height: 169px;
	}
	
	.memory .text {
		width: inherit;
		float: none;
	}

	.memory .text .star {
		position: absolute;
		bottom: 50px;
		left: -130px;
		width: 64px;
		z-index: 100;
	}

	.memory .photo {
		position: relative;
		width: 300px;
		float: none;
	}

	.memory .photo .burst {
		position: absolute;
		top: -35px;
		left: 70px;
		width: 250px;
		z-index: 100;
	}
	
	.social {
		padding: 65px 0;
		text-align: inherit;
		background: #eceff4;
		overflow: hidden;
	}

	.social .share {
		margin: 20px 0;
		width: inherit;
	}

	.social .interactive {
		position: relative;
		width: inherit;
		margin: 0;
	}

	.social .interactive .star {
		position: absolute;
		top: -185px;
		right: -185px;
		width: 94px;
		z-index: 100;
	}

	.social .btns {
		display: block;
		width: 215px;
		margin: 0 0 10px 0;
		padding: 0;
		float: none;
	}
	
	.social form {
		display: inline-block;
		margin: 0 0 10px 0;
		padding: 0;
		float: none;
	}
	
	.social .support {
		display: block;
		float: none;
	}
	
	.social .sponsors {
		width: 100%;
		margin: 0 auto;
	}

	.social .sponsors div {
		margin: 40px 20px 0 0;
		float: none;
	}
	
	.copy .left, .peri-two {
		position: relative;
		float: none;
		margin-right: inherit;
	}

	.copy .right, .peri-one {
		position: relative;
		float: none;
		margin-left: 0;
	}

	.peri-one, .copy .alexis, .brianne-one, .ashley-one {
		width: 300px;
	}

	.peri-two {
		width: 300px;
	}

	.peri-two .burst2 {
		position: absolute;
		top: -25px;
		left: 10px;
		width: 300px;
	}

	.center, .run-two {
		width: 100%;
	}

	.westpenn, .run-one {
		display: none;
	}

	.news1 {
		width: 100%;
	}
	
	.merch {
		width: 80%;
		border: none;
	}

	.merch img {
		margin: 40px 0 0 0;
	}
		
}