/* Splash */
#page {
	padding: 1em 10em;
	min-height: 100%;
	background: #2448AA;
	text-align: center;
	font-size: 1.4em;
	line-height: 2em;
}
#inner {
	margin: 0px auto;
	max-width: 70%;
	min-height: 100vh;
}
#page h1 {
	margin: 0;
	max-width: 100%;
}
#page h1 a {
	display: block;
	width: 100%;
}
#page h1 a img {
	width: 100%;
	height: auto;
}


/* Login, Register, Password Reminder/Reset */

#form_login {
}
.external_form {
	text-align: left;
	color: #fff;
	margin: 0px auto;
	max-width: 80%;
}
.external_form .row {
	margin: 0.2em 0;
}
.external_form .row a {
	color: #acc0f3;
	text-decoration: none;
	line-height: 4em;
}
.external_form .row h2 {
	margin: 0;
	font-size: 2.8em;
	line-height: 1.2em;
}
.external_form .row label.access {
	display: none;
}
.external_form .row:after {
    content: '';
    display: block;
    clear: both;
}
.external_form .row .field {
	color: #1d459e;
	background: #fff;
	border: none;
	border-radius: 0.1em;
	padding: 0.4em;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	line-height: 1.2em;
	width: 96%;
	display: block;
	max-width: 100%;
}
.external_form .row .field:active,
.external_form .row .field:focus {
	/* text-transform: none; */
}
.external_form .row.has-error .field {
}

.external_form .row .submit {
	background: #000;
	font-family: 'Mouse Memoirs', sans-serif;
	font-weight: normal;
	margin: 0px auto;
	padding: 0.3em 0.7em;
	border: none;
	color: #fbfbfb;
	text-transform: uppercase;
	text-shadow: none;
	font-size: 1.8em;
	line-height: 1.2em
}
.external_form .row .submit:hover {
	background: #06153b;
	color:#fff;
}
.external_form .row .forgot {
	color: #acc0f3;
}
.external_form .row.center {
	text-align: center;
}

.external_form div.message {
	color: #000;
	box-shadow: none !important;
}
#form_login .row.o365 a {
	margin: 0px auto;
	max-width: 60%;
}
#form_login .row.o365 a img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

/* Portal Forms */
.portal_form .row .right {
	float: right;
}
.portal_form .row .left {
	float: left;
}
.portal_form .row label.access {
	display: none;
}
.portal_form .row label {
	display: block;
	float: left;
	width: 40%;
}
.portal_form .row:after {
    content: '';
    display: block;
    clear: both;
}
.portal_form .row {
	margin: 0.6em 0;
}
.portal_form .row .field {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	color: #1d459e;
	background: #fff;
	border: 0.1em solid #2448aa;
	border-radius: 0.2em;
	padding: 0.33em;
	font-family: 'Roboto', sans-serif;
	font-size: 1.0em;
	line-height: 1.2em;
	display: block;
	float: left;
	min-width: 20%;
	width: 50%;
}
.portal_form .row .field.textarea {
	height: 6em;
	overflow: scroll;
	overflow-x: none;
	resize: none;
}
.portal_form .row .field.select {
}
.portal_form .row.has-error .field {
}
.portal_form .row.center {
	text-align: center;
}

@media only screen and (max-width: 500px) {
	#page {
		padding: 1em;
		font-size: 1.0em;
		line-height: 1.5em;
	}

	#inner {
		max-width: 100%;
	}

	.external_form {
		max-width: 100%;
	}
		
	.portal_form .row .right,
	.portal_form .row .left {
		float: none;
	}
	.portal_form .row label {
		display: block;
		float: none;
		width: auto;
	}
	.portal_form .row {
		margin: 0.2em 0;
	}
	.portal_form .row .field {
		float: none;
		max-width: 100%;
		width: 92%;
	}
	.portal_form .row .field.textarea {
		height: 4em;
	}

}

/* Feedback Checkboxes */
label.feedback {
	display:block;float:left;max-width:45%;margin-right:1em;width:45%;
}

/* News Hub */

.hub_update {
    background: #fff;
    padding: 0.8em 1em;
    box-shadow: 0.1em 0.1em 0.15em #aaa;
    margin: 0.8em 0;
	max-width: 75%;
}

.hub_update .update_content {
}

.hub_update .update_content img {
	float: left;
	height: 4.2em;
	width: auto;
	margin-right: 1em;
	border-radius: 100%;
}

.hub_update .update_content .update_text {
	float: left;
}

.hub_update .update_content h3 {
	font-size: 2em;
	line-height: 1.1em;
	font-weight: bold;
	color: #000;
	margin:0;
}

.hub_update .update_content h4 {
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight: normal;
	color: #999;
	margin-bottom: 0;
	margin-top: 0.2em;
}

.hub_update .stripe {
	background: #2549ab;
	padding: 0.4em 0.6em;
	color: #fff;
	clear:both;
	margin-top: 0.5em;
}

.hub_update .stripe .actions {
	float: left;
}

.hub_update .stripe .actions a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.hub_update .stripe .timestamp {
	float: right;
	text-align: right;
	color: #aab3d8;
}

/* Team Record - Standings */

#standings {
	background:#fff;
	margin-bottom:1em;
	padding:0.5em 0;
}

.pod.record {
	width:25%;
	margin: 0;
	padding: 0;
	box-shadow: none;
	background: transparent;
	float:left;
	text-align:center;
	padding-top: 2em
}
.pod.record h1 {
	color: #2549ab;
	margin: 0;
}
.pod.record h1 span {
	color: #aab3d8;
}

.pod.record .stripe {
	border: 0.1em solid #2549ab;
	padding: 0.6em 0.2em;
	line-height: 1.2em;
	color: #2549ab;
	clear:both;
	margin: 0.5em 2em;
	border-radius: 1em;
}

.pod.record .stripe .actions {
	text-align:center;
	color: #2549ab;
	font-weight: normal;
	margin: 0;
}

.pod.record .stripe .actions span {
	color: #aab3d8;
}

/* To-Do Steps */

#teacher_todo .step {
	background: #fff;
	padding: 0.8em 1em;
	box-shadow: 0.1em 0.1em 0.15em #aaa;
	margin: 0.8em 0;
}
#teacher_todo .step.active {
	/* font-size: 1.1em; */
	padding: 1.1em;
}
#teacher_todo .step.inactive {
	opacity: 0.4;
}
#teacher_todo .step.complete {
	opacity: 0.2;
	font-size: 0.7em;
}
#teacher_todo .step h2 {
	margin: 0;
	float: left;
	width: 25%;
	text-transform: uppercase;
	font-size: 1.8em;
	line-height: 1.66em;
}
#teacher_todo .step .description {
	margin: 0;
	float: left;
	width: 42%;
	line-height:3em;
}
#teacher_todo .step p.action {
	margin: 0;
	float: right;
	text-align: right;
	width: 33%;
	text-transform: uppercase;
}
#teacher_todo .step h1 {
	color: #264cb0;
	margin: 0;
	font-size: 2em;
	line-height: 1.5em;
	float: right;
	text-align: right;
	margin-right: 0.3em;
}
#teacher_todo .step .button {
	margin: 0 0 0 0.3em;
}

@media only screen and (max-width: 500px) {
		
	#teacher_todo .step.complete {
		opacity: 0.2;
		font-size: 0.8em;
	}
	#teacher_todo .step h2 {
		margin: 0;
		margin-bottom: 0.5em;
		float: none;
		width: auto;
		text-transform: uppercase;
		font-size: 1.8em;
		line-height: 1.4em;
	}
	#teacher_todo .step .description {
		margin: 0.8em 0;
		float: none;
		width: auto;
		display: block;
		line-height:1.2em;
	}
	#teacher_todo .step p.action {
		margin: 0.8em 0;
		margin-bottom: 0;
		padding-bottom: 0;
		float: none;
		text-align: left;
		width: auto;
		text-transform: uppercase;
	}
	#teacher_todo .step h1 {
		line-height: 1.2em;
		float: none;
		text-align: left;
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

/* Refer Teacher Social Icons */
.social {
	font-size:1.2em;
	line-height: 1.5em;
	margin: 1.5em 0;
	
}
.social a {
	display: inline-block;
	padding: 0.5em 0.8em;
	border-radius: 100%;
	border: none;
	background: transparent;
	color: #fff;
	text-shadow: 0.05em 0.05em 0.05em rgba(0,0,0, 0.3 );
	margin: 0 0.3em;
}

@media only screen and (max-width: 500px) {
	.social {
		font-size: 1.em;
	}
}

/* Challenges */
.pod.challenge {
	cursor: pointer;
}

.pod.challenge.nolink {
	cursor: default;
}

.pod.challenge.proposed {
	background: transparent;
	box-shadow: none;
	border: 0.6em dashed #fff;
	opacity: 0.7;
}
.pod.challenge.proposed.mine {
	border: 0.6em dashed #2448aa;
	opacity: 0.82;
}


.challenge_train,
.challenge_train li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.challenge_train {
	margin-top: 2em;
	display: block;
	overflow: visible;
}
.challenge_train li {
	display: inline-block;
	border-radius: 100%;
	padding: 0;
	opacity: 0.7;
	background: #fff;
	max-width: 18%;
	overflow: hidden;
	border: 0.2em solid #ccc;
	text-align: center;
	margin: 0;
}

.challenge_train li.active {
	opacity: 1;
	border: 0.2em solid #000;
}

.challenge_train li .inner {
	display: block;
}
.challenge_train li h1,
.challenge_train li h4,
.challenge_train li p {
	margin: 0;
}

.challenge_train li a {
	text-decoration: none;
	color: #133799;
}

.challenge_train li h1 {
	color: #133799;
	font-size: 4em;
	line-height: 1em;
	position: relative;
}
.challenge_train li h4 {
	font-size: 1.4em;
	line-height: 1.3em;
}

.challenge_train li p.description {
	text-transform: uppercase;
	font-size: 0.7em;
	line-height: 1.3em;
	padding: 0.5em 2em;
}

.challenge_train li .action a {
	visibility: hidden;
}
.challenge_train li.active .action a {
	visibility: visible;
}

/* Team */

.pod.student > h2 {
	margin: 0;
}

.pod.student .edit_more {
	display: none;
}

/* Head To Head */

#head_to_head {
	width: 100%;
	position: relative;
	padding-bottom: 24%;
	background: url(/img/head_to_head_outdoors_vs_baseball.jpg) center no-repeat;
	background-size: cover;
	text-transform: uppercase;
	cursor: default;
}

#head_to_head.clickable {
	cursor: pointer;
}

#head_to_head .inner_wrapper {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}

#head_to_head .challenger {
	float: left;
	padding-left: 22%;
	width: 25%;
}
#head_to_head .opponent {
	float: left;
	padding-left: 10%;
	width: 24%;
}

#head_to_head h1 {
	font-size: 4em;
	line-height: 1em;
	text-align: left;
	position: relative;
	margin: 0;
	margin-top: 10px;
	margin-top: 1vh;
	font-weight: 300;
	overflow: hidden;
	word-wrap: break-word;
}

h2.head_to_head {
	font-size: 2.5em;
	line-height: 1.1em;
	text-align: center;
	margin: 0;
	padding: 0.5em;
	margin-top: 0.3em;
	background: #222;
	color:#fff;
	text-shadow: 0.1em 0.1em 0.15em rgba(0,0,0, 0.8);
	text-transform: uppercase;
}

#head_to_head .challenger h1 {
	color: #0e1226;
	text-shadow: 0.03em 0.03em 0.02em #f8fbff;
}

#head_to_head .opponent h1 {
	color: #fff;
	text-shadow: 0.03em 0.03em 0.02em rgba(0,0,0, 0.15);
}
#head_to_head h3 {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.2em;
}

#head_to_head .challenger h3 {
	color: #0e1226;
	text-shadow: 0.1em 0.1em 0.15em #f8fbff;
}

#head_to_head .opponent h3 {
	color: #fff;
	text-shadow: 0.1em 0.1em 0.15em rgba(0,0,0, 0.15);
}

@media only screen and (max-width: 500px) {	
	#head_to_head h1 {
		font-size: 1.8em;
		line-height: 1em;
		text-align: left;
		position: relative;
		margin: 0.2em 0 0.1em 0;
		font-weight: 300;
	}
	#head_to_head h3 {
		font-family: 'Roboto', sans-serif;
		margin: 0;
		font-size: 0.9em;
		line-height: 1.2em;
	}

	h2.head_to_head {
		font-size: 1.5em;
		line-height: 1.1em;
	}
}


/* Notifications */
.pod.notification {
	font-weight: bold;
}
.pod.notification.read {
	opacity: 0.8;
	font-weight: normal;
}

.pod.notification p {
	line-height: 1.3em;
	margin: 0;
}
.pod.notification p a {
	text-decoration: none;
}
.pod.notification p span.date {
	display: block;
	color: #aaa;
	font-size: 0.7em;
	line-height: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0.6em;
}

/* Map & Nationwide Challenge Infographic */
#map {
width: 100%;
min-height: 70vh;
}
#map_legend {
	padding: 1em 0;
}
#map_legend p {
	 float:left;
	 margin:0;
	 padding:0;
	 text-align:center;
	 width:25%;
}
.map_infowindow {
}
.map_infowindow textarea {
	display:block;height:4em;width:95%;max-width:98%;line-height:1.2em;border:1px solid #000;
}
.map_infowindow .action_center {
	text-align:center;
}


/* Tool Tips */
.tooltip { color: #aaa; }
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#ededed}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#666}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ededed;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#ededed;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#ededed;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#ededed;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}

.admin-challenge {
	border: 5px solid black;
}