/*

font-family:'Museo Sans W01_100';
font-family:'Museo Sans W01_300';
font-family:'Museo Sans W01_500';
font-family:'Museo Sans W01_700';
font-family:'Museo Sans W01_900';

 
*/


html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}


body, html {margin:0; }

#healthy {width:100%; position:relative; z-index:1; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; /*padding-bottom:600px;*/}

#healthy sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.healthy_section {width:100%; position:relative; z-index:1;}
.healthy_content {max-width:1080px; position:relative; z-index:1; margin:0 auto; font-family:'Museo Sans W01_300', sans-serif;}

#healthy a.healthy_btn {
	display: block;
    height: 40px;
    line-height: 40px;
    background: #fff;
    font-family: 'Museo Sans W01_900', sans-serif;
    color: #7eb238;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    width: 210px;
    font-size: 13px;
    margin: 0 auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    letter-spacing: .5px;
	padding:0 25px; 
}



/* Hero */
#healthy_hero {background: url("../images/herobg.jpg") center center no-repeat; background-size: cover;}
#healthy_hero .healthy_content {text-align:center; padding:15px 0 255px 0; }

#hero_top {}
#hero_top:after {
  content: "";
  display: table;
  clear: both;
}
#hero_sponsored {font-family:'Museo Sans W01_500', sans-serif; color:#000; font-size:10px; padding:5px 0 0 0; position: relative;}
#hero_logo {width:115px; margin:0 auto;}
#hero_logo a {display: block;}
#hero_logo img {height:auto; display:block; margin:8px 6px 0 6px; width:100%;}

#hero_text {top:60px; width:90%;  margin:0 auto; }
#hero_text h1 {margin:30px auto 0 auto; padding:0; color:#000; font-family:'Museo Sans W01_900', sans-serif;    line-height:34px;font-weight: 900;font-size: 30px;}
#hero_text h1 strong {font-size: 36px;letter-spacing: 4.5px;font-weight: 900;line-height: 55px;}
#hero_text h2 {margin:0; padding:0 11px; max-width: 520px; font-family:'Museo Sans W01_500', sans-serif; color:#000; font-size:24px; font-weight: 500; line-height: 31px; position: relative; display: inline-block;letter-spacing: .5px;}
#hero_text h3 {margin:12px 0 0 0; padding:0; color:#000; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; font-size:15px; line-height:27px; letter-spacing: 2px;}

#hero_text h1 .blue {color: #00aeef;}
#hero_text h1 .magenta {color: #ec008c;}
#hero_text h1 .green {color: #68bd49;}
#hero_text h1 .purple {color: #7d519f;}
#hero_text h1 .gold {color: #fec357;}
#hero_text h1 .red {color: #ed1b2f;}
#hero_text h1 .aqua {color: #2db8c1;}
#hero_text h1 .salmon {color: #f3606d;}

/* Share Links */
#share-links {position:relative;}
.share-socialholder {position:relative;}
#share-social {position:absolute; top:-999999px; left:-30px; border:1px #000 solid; width:180px; height:50px; padding:4px 10px 0 10px; box-sizing:border-box;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
z-index:999;
}
#share-social.social-show {bottom:-54px; top:auto;}

#share-social a {display:block; width:40px; height:40px; color:#000; text-decoration:none; font-family:FontAwesome; font-size:20px; line-height:40px; border:1px #000 solid;
-webkit-border-radius: 20px; 
-moz-border-radius: 20px;
border-radius: 20px;
}
#share-social a:hover {border:1px #000 solid;}

#share-social #share-tail {
	/*overflow: hidden;*/
    height: 10px;
    width: 20px;
    display: block;
    position: absolute;
    left: 40px;
    top: -20px;
    color: #000;
}
#share-social #share-tail:before {
	content: '';
    height: 20px;
    width: 0;
    border: 7px solid transparent;
    border-bottom-color: #000;
    position: absolute;
    top: 0;
    left: 0;
}

#share-links {text-align:center; padding:45px 0 0 0;position: absolute;left: 0;right: 0;margin: auto;bottom: 10px;}
#share-links a {display:inline-block; margin:0 4px;}

#share-sociallink {width:40px; height:40px; background:url(../images/share.png) center center no-repeat; background-size:20px auto; border:1px #000 solid;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
border-radius:20px;
}

#share-emaillink {width:40px; height:40px; background:url(../images/email.png) center center no-repeat; background-size:22px auto; border:1px #000 solid;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
border-radius:20px;
}

#share-links p {display: none;}


/* Lessons */
#healthy_lessons {background:#2db8c1;}
#healthy_lessons .healthy_content {padding:27px 0 44px; text-align: center;}
#healthy_lessons .healthy_content p {color: #fff; font-size: 18px;padding: 0 0 34px 0;}

#lessons_icon {width:52px; margin: 0px auto 15px auto;}
#lessons_icon img {width:100%; height:auto; margin-right: -13px;}

#healthy_lessons h2 {margin: 0 auto 5px auto; padding:0 0 3px 0;  color:#fff; font-weight:900; font-size:32px; line-height:40px; width:90%; text-align: center; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; max-width: 920px; position: relative;}

#healthy_lessons #quizboxouter {padding: 4px; border: 3.25px dotted #ffdd00; width: 90%; max-width: 760px;display: inline-block;margin: 0 0 30px 0;}

#healthy_lessons #quizboxouter #quizbox { margin: 0 auto; font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; color: #fff;text-align: center;background: #1394a0;padding: 14px;}
#healthy_lessons #quizboxouter #quizbox strong {font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; color: #ffdd00;}
#healthy_lessons #quizboxouter #quizbox p {font-size: 16px;letter-spacing: .3px;line-height: 29.5px;padding: 0;}
#healthy_lessons #quizboxouter #quizbox p:last-of-type {/*font-size:11px; line-height:15px;*/ margin:0; font-family:'Museo Sans W01_500', sans-serif; font-weight:500;}
#healthy_lessons #quizboxouter #quizbox p:last-of-type a {color:#fff; text-decoration:underline;}
#healthy_lessons #quizboxouter #quizbox .healthy_btn {border: 1px solid black;margin: 20px auto;color: #000;width: 176px;font-size: 13px;letter-spacing: 0.1px;}
#healthy_lessons #quizboxouter #quizbox .healthy_btn:last-of-type {width: 166px;}

#healthy_lessons hr {color: #fff;
background-color: #fff;
height: 1px;
width: 90%;
max-width: 920px;
}

/* Activity Pods */
.activities_pods  {margin:0 auto; text-align: center; color: #fff; display: block; padding:25px 0 0 0; max-width:660px;}

.activities_pods:after {
  content: "";
  display: table;
  clear: both;
}
.activities_pod {
  display:block;
  vertical-align: text-top;
  margin: 0 auto 54px auto;
  width:280px;
  background-color: #ffffff;
-webkit-box-shadow: -2px 2px 0 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: -2px 2px 0 0 rgba(0, 0, 0, 0.25);
box-shadow: -2px 2px 0 0 rgba(0, 0, 0, 0.25);
  text-decoration:none;
  padding:   0 0 16px 0;
  min-height: 422px;
  position: relative;
}

.activities_pod:hover {text-decoration:none;}
.activities_pod img {width:100%; height:auto;}
.activitiespod_info {display:block;}
.activitiespod_type {
  display:block;
  font-size:13px;
  line-height:15px;
  text-align:center;
  color:#2db8c1;
  padding:21px 0 0 0;
  font-family:'Museo Sans W01_900', sans-serif; font-weight: 900;
  text-transform:uppercase;
  letter-spacing: 1px;
 }

.activitiespod_title {
  display:block;
  font-size:20px;
  line-height:24px;
  text-align:center;
  color:#000;
  padding:7px 0 18px 0;
  font-family:'Museo Sans W01_300', sans-serif; font-weight: 300;
  height:68px;
}
.activitiespod_grades {
  display:block;
  font-size:10px;
  text-align:center;
  padding:0;
  text-transform:uppercase;
  font-family:'Museo Sans W01_700', sans-serif; font-weight: 700;
  color:#404040;
  letter-spacing: 1.6px;
  line-height: 18px;
}
.activitiespod_grades strong {
  display:block;
  font-family:'Museo Sans W01_900', sans-serif; font-weight: 900;
  font-size:20px;
  text-align:center;
  color:#b2b2b2;
  padding-top:0;
}
a.activities_btn {  font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; text-transform:uppercase; display:block; display:inline-block; height:40px; margin: 19px auto 8px; padding:0 20px; background-color:#fff; border-radius:20px; box-sizing:border-box; text-align:center; color:#000; text-decoration:none; font-size:14px; line-height:40px; clear:both; letter-spacing:1px;  border: 1px solid black;}
#healthy_lessons .activities_pods a.activities_btn:last-of-type {background-color:#f3606d; border-radius:20px; box-sizing:border-box; text-align:center; color:#fff; text-decoration:none; font-size:14px; line-height:40px; clear:both; letter-spacing:1px; border: none;}

.activities_pod:last-of-type .activitiespod_grades {text-indent: -9999px;overflow: hidden;}

/* Survey */
#healthy_survey {text-align:center; padding:22px 0 69px 0; background:#fec357;}
#healthy_survey #survey_intro {width:90%; margin: 0 auto;}
#healthy_survey #survey_intro #survey_icon {width:64px; height: auto; margin:0 auto 15px auto;}
#healthy_survey #survey_intro #survey_icon img {width:100%; height: auto; margin-right: -10px;}
#healthy_survey #survey_intro h2 {margin:0 0 7px 0; padding:0; font-family:'Museo Sans W01_900', sans-serif; font-weight:900; color:#fff; font-size:32px; line-height: 39px;}
#healthy_survey #survey_intro p {margin:0; padding:0; font-family:'Museo Sans W01_500', serif; color:#000; font-size:20px; line-height:24px;}
#healthy_survey #survey_intro p strong {font-weight:700; font-family:'Museo Sans W01_700', serif;}
#healthy_survey #survey_intro a.footer_btn {font-family:'Museo Sans W01_900', sans-serif; font-weight:900; text-transform:uppercase; display:block; display:inline-block; height:40px; margin:28px auto 14px; padding:0 20px; background-color:#fff; border-radius:20px; box-sizing:border-box; text-align:center; color:#000; text-decoration:none; font-size:13px; line-height:40px; clear:both; letter-spacing:1.8px;border: 1px solid black;}

#healthy_survey #survey_bottom {max-width: 920px; width:90%; margin:0 auto; padding-top: 27px; position:relative;}

#healthy_survey #survey_bottom p {margin:0 auto; padding:0; font-family:'Museo Sans W01_500', sans-serif; color:#000; font-size:11px; line-height:13px;text-align: center;}
#healthy_survey #survey_bottom p strong {font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; font-size: 11px;}
#healthy_survey #survey_bottom a {color: #000; text-decoration: underline;}

/* Explore */
#healthy_explore {text-align: center; padding:33px 0; background:#68bd49; margin:0; color: #fff;}
#healthy_explore p {margin:0 auto; padding:0; font-family:'Museo Sans W01_500', sans-serif; font-size:16px; line-height:21px; width:90%;}
#healthy_explore p a {font-family:'Museo Sans W01_900', sans-serif; text-decoration: none; color: #fff;}

/* Footer */
#healthy_footer {text-align: center; background:#fff; margin: 0; color:#000;}
#healthy_footer .healthy_content {padding:40px 0 29px 0;}
#healthy_footer p {width: 90%; max-width: 920px; padding: 0 0 11px 0; margin:0 auto; font-family:'Museo Sans W01_500', sans-serif; font-size:10px; line-height:13px; text-align:left;}

/* Modal */
.modal-content {
	background:transparent;
	box-shadow:none;
	border:0
}
.modal-content .modal-header {
	border-bottom:0;
	padding:0;
}
.modal-content .close {
	float:right;
	font-size:31px;
	font-weight:bold;
	line-height:1;
	color:#ffffff;
	text-shadow:none;
	opacity:1;
	filter:alpha(opacity=100)
}
.modal-body {padding:0;}
.modal-content .video-js {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;}

#splashbox {}
#splashbox a.activities_btn {font-size:12px;}

/* Contest Form */
#ContestForm {padding:0px 10px 40px 10px; margin: 0 auto; box-sizing: border-box;}
#ContestLinks {text-align: center; font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; color:#000; font-size: 16px;}
#ContestLinks a {color:#000; text-decoration: underline;}

/* Contest Modal */
#contestModal {}
#contestModal .modal-dialog {width:auto; max-width:970px;}
#contestModal .modal-content {border:#000 8px solid; background:#fff; background-size: 1px 100%;
-moz-border-radius: 14px; 
-webkit-border-radius: 14px;
border-radius: 14px; 
} 
#contestModal .modal-header {border-bottom: none; padding:20px;}
#contestModal .modal-header h2 {margin:0; padding:12px; font-size:30px; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; color:#000; text-align: center;}
#contestModal .modal-body {padding:0;}
.ContestClose {display: block; position: absolute; right:6px; top:6px;}
.ContestClose img {width:24px; height:auto;}

/* Quiz Modal */
#quizModal {}
#quizModal .modal-dialog {
    background: #fff;
    padding: 20px;
    text-align: left;
}
.QuizClose img {width:24px; height:auto;}

/* Media Queries */

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 600px) {
 
}

@media only screen and (min-width: 720px) {

/* Hero */
#healthy_hero .healthy_content {max-height: auto;}
#hero_sponsored {float: left; padding:20px 20px 18px 30px;}
#hero_logo {margin:0; position:absolute; left:25px; top:35px;}
  
#healthy_lessons #quizboxouter #quizbox .healthy_btn {display: inline-block; margin: 13px 40px 32px 40px;}
#healthy_lessons #quizboxouter #quizbox p {font-size: 18px;}
#healthy_lessons #quizboxouter #quizbox {padding: 36px 25px 11px 25px;}
  
/* Lessons */
#healthy_lessons .activities_pod {margin: 0 18px 34px; display: inline-block;}

/* Resources */
#resources_left {float:left;}
#resources_right {float:right;}

}

@media only screen and (min-width: 865px) {
#hero_text h1 {margin:0px auto 0 auto; padding:0; color:#000; font-family:'Museo Sans W01_900', sans-serif;    line-height:40px;font-weight: 900;font-size: 40px;text-align: center;}
#hero_text h1 strong {font-size: 60px;letter-spacing: 8.5px;font-weight: 900;line-height: 60px;display: block;padding: 9px 0 8px 0;}

#share-links {position: absolute;left: 30px;right: initial ;margin: 0;bottom: 30px;}

}
  
@media only screen and (min-width: 960px) {

/* Hero */
#healthy_hero .healthy_content {height: 542px;}


}

@media only screen and (min-width: 1080px) {

/* Social Links */
#share-links {position:absolute; bottom:30px; left:30px; padding: 0;}
#share-social.social-show {bottom: 54px;}

#share-social #share-tail {top:auto; bottom:-10px}
#share-social #share-tail:before {transform: rotate(180deg);}


/* Resources */
#healthy_resources {background:#fff url("../images/resources_bg-desktop.jpg") center bottom no-repeat; background-size:1080px auto;}
.resouces_img-mobile {display:none;}
#healthy_resources #resources_bottom {position:absolute; bottom:-6px; left:50%; transform: translateX(-50%);}

.resources_pod {padding-top:0; position:absolute; top:50px;}
#resources_left {left:40px;}
#resources_right {left:480px; max-width:330px;}


#splashbox {padding: 36px 25px}
#splashbox a.activities_btn {font-size:14px;}

}

@media only screen and (min-width: 1190px) {
/* Quiz Modal */
#quizModal {padding-left:200px;}
}  
  
@media only screen and (min-width: 1900px) {
 
}