/*

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';
font-family:'MuseoSansW01-900Italic';

*/


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; }

#overthemoon {width:100%; position:relative; z-index:1; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}

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

#overthemoon a.overthemoon_btn {
	display: block;
    height: 40px;
    line-height: 37px;
    background:#bd7322;
    font-family: 'Museo Sans W01_900', sans-serif;
    color: #009198;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    width: 178px;
    font-size: 11px;
    margin: 0 auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    letter-spacing: .5px;
	padding:0 25px; 
}

/* Hero */
#overthemoon_hero {background:url("../images/hero.jpg") center center no-repeat; background-size: cover;}
#overthemoon_hero .overthemoon_content {text-align:center; padding:0px 0 40px 0;}

#hero_top {width:90%; margin:0 auto; padding: 26px 0;}
#hero_top:after {
  content: "";
  display: table;
  clear: both;
}
#hero_sponsored {font-family:'Museo Sans W01_500', sans-serif; font-weight: 500; color:#fff; font-size:10px; padding:18px 0;}
#hero_logo {padding:0; width:145px; margin: 0 auto;}
#hero_logo img {width: 100%; height:auto;}

#overthemoon_hero h1 {margin:20px auto 0 auto; padding:0; width:90%;font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; color:#fff; font-size:60px; line-height:66px; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.61);}
#overthemoon_hero h2 {margin:8px auto 0; padding:0; width:90%;font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; color:#fff; font-size:24px; line-height:30px; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.61);text-transform: uppercase;}

/* Share Links */
#overthemoon_share-links {position:relative;}
.overthemoon_share-socialholder {position:relative;}
#overthemoon_share-social {position:absolute; top:-999999px; left:-30px; /*background-color:#5a3487;*/ border:1px #fff solid; width:200px; 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;
}
#overthemoon_share-social.coned_social-show {bottom:-54px; top:auto;}

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

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

#overthemoon_share-links {text-align:center; padding:45px 0 47px 0;}
#overthemoon_share-links a {display:inline-block; margin:0 4px;}

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

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

#overthemoon_share-links p {display: none;}


/* Nav */
#overthemoon_nav {background: #009198; /* Old browsers */
 /* FF3.6-15 */
 /* Chrome10-25,Safari5.1-6 */
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 /* IE6-9 */
min-height: 70px;
}
#overthemoon_nav .overthemoon_content {text-align:center; padding: 18px 0; }
#overthemoon_nav .overthemoon_content a {width: 90%; display: block ; vertical-align: middle; color: #fff; font-family:'Museo Sans W01_700', sans-serif; font-weight: 700;text-decoration: none;font-size: 12px;line-height: 30px; margin: 0 auto; border-bottom: 1px solid white;/*! letter-spacing: 1px; */}
#overthemoon_nav .overthemoon_content a:nth-child(2) {border-bottom: none;}

#overthemoon_nav .overthemoon_content a br {display: none;}




/* Tabs Nav*/
#resource_tabs-nav {margin:0 auto; position:relative; max-width: 800px;}
#resource_tabs-nav a.resource_tabslink {font-family:'Museo Sans W01_700', sans-serif; font-weight:400; font-size: 12px; line-height: 1.3; letter-spacing: normal; color:#818385; padding:20px 10px; text-decoration:none; display:inline-block; width: 32%; /*! border-bottom: solid 12px #818385; */ margin: 0 -3px 0 -2px;}
#resource_tabs-nav a.resource_tabs-highlight {border-bottom: solid 12px #fff; color:#fff;}

.resource_tabs {display: none;}
.resource_tabs:before {content: " "; display: block; height:28px; width:100%; max-width: 926px; margin: 0 auto; border-top: 1px #fff solid;}
.resource_tabs p {color: #fff; font-size: 18px; line-height: 24px; width: 90%; margin: 0 auto;padding: 44px 0 58px;}



/* Activities */
#overthemoon_activities {background:#000 url("../images/activities_bg.jpg") bottom center no-repeat; background-size: contain;padding: 0 0 140px 0;}
#overthemoon_activities .overthemoon_content {text-align: center;}


#activities_intro {text-align: center; padding: 41px 0 70px; width: 90%; margin: 0 auto; max-width: 839px;}
.activities_icon {margin:0px 0 14px 0;}
#activities_intro h2 {margin: 0px 0 5px 0; padding: 0; font-family:'Museo Sans W01_900', sans-serif; font-weight:900; color:#fff; font-size: 32px; line-height: 42px;}
#activities_intro p {margin: 0; padding: 3px 14px; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; color:#000; font-size:14px; line-height:18px;text-transform: uppercase;background: #fff;display: inline-block;letter-spacing: .4px;}



.resources_pods  {margin:40px auto 0; text-align: center; color: #fff; display: block;}


.resources_pods:after {
  content: "";
  display: table;
  clear: both;
}
 
#math_gr-1-2_art {width: 153px; display: none;}
#ela_gr-1-2_art {width: 257px; display: none;}
#fam_act_gr-1-2_art {width: 244px; display: none;}

#science_gr-3-5_art {width: 156px; display: none;}
#math_gr-3-5_art {width: 178px; display: none;}
#ela_gr-3-5_art {width: 135px; display: none;}
#fam_act_gr-3-5_art {width: 293px; display: none;}

.resources_pod {
  display:block;
  vertical-align: text-top;
  margin: 0 auto 54px auto;
  width:90%;
  /*! background-color: #bd7322; */
  text-decoration:none;
  padding: 0 0 25px 0;
  position: relative;
  max-width: 442px;
}

.resources_pod:hover {text-decoration:none;}
.resources_pod img {width:100%; height:auto;}
.resourcepod_subject {
  display:inline-block;
  font-size: 26px;
  line-height: 20px;
  text-align: center;
  color: #8cc1c8;
  padding:17px 0 0 0;
  font-family:'Museo Sans W01_900', sans-serif; 
  font-weight: 900; 
  text-transform: uppercase;
  position: absolute;
  top: -34px;
  left: 0;
  right: 0;
  margin: auto;
  background: #bd7322;
  border-radius: 16px;
  width: 240px;
  height: 54px;
 }

.resourcepod_info {display:block; /*! min-height: 185px; */background: #bd7322;position: relative;padding: 0;}
.resourcepod_info a {font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; color: #fff; font-size: 13px;margin: 30px 0 0 0;display: block; text-decoration: underline;}
.resourcepod_info .copylink {text-indent: -9999px;margin: -16px 0 0 0;}

.resourcepod_type {
  display:block;
  font-size: 13px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  padding:36px 0 0 0;
  font-family:'Museo Sans W01_900', sans-serif; 
  font-weight: 900; 
  text-transform: uppercase;
 }

.resourcepod_title {
  display:block;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  padding:4px 0 0 0;
  font-family:'Museo Sans W01_300', sans-serif; 
  font-weight: 300;
}

.resourcepod_grades {
  display:block;
  font-family:'Museo Sans W01_700', sans-serif;
  font-weight:400;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: .3px;
  text-align: center;
  color: #8cc1c8;	
  padding:13px 0 18px 0;
}
.resourcepod_grades strong {
  display:block;
  font-family:'Museo Sans W01_900', sans-serif;
  font-weight:400;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  color: #8cc1c8;	
  padding-top:5px;
}


#overthemoon a.resources_btn {background:#fff;}
#overthemoon a.games_downloadall_btn {margin-bottom: 40px;max-width: 432px;width: 90%;color: #fff;margin: 0 auto;}
#overthemoon a.poster_btn {margin-bottom: 40px;max-width: 432px;width: 90%;color: #fff;margin: 0 auto;}
#overthemoon #mini_poster {margin: 0 auto; padding: 10px 0 400px 0;}
#overthemoon #mini_poster img {width: 195px; height: auto; margin: 0 auto; padding: 0;}

/* Trailer */
#overthemoon_trailer {background: url("../images/video_bg.jpg") center center no-repeat; background-size: cover;}
#overthemoon_trailer .overthemoon_content {text-align: center;padding: 78px 0 112px;}


#trailer_intro {text-align: center; padding: 0 0 40px 0; width: 90%; margin: 0 auto; max-width: 804px;}
.trailer_icon {margin:0 0 8px 0;}
#trailer_intro h2 {margin: 1px 0 0 0; padding: 0; font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; color:#fff; font-size: 32px; line-height: 38px;}
#trailer_intro h2 em {font-family:'MuseoSansW01-900Italic', sans-serif; font-style: normal;}

#trailer_intro p {margin: 0; padding: 0;   color:#fff; font-size:18px; line-height:28px;}


/* Extra Credit */
#overthemoon_extracredit {background: #000;}
#overthemoon_extracredit .overthemoon_content {padding:15px 0 17px; text-align: center;}
#overthemoon_extracredit #explore_icon {width:143px; height: auto; margin-bottom:5px;}
#overthemoon_extracredit p {font-family:'Museo Sans W01_500', sans-serif; font-weight:500; text-align: center; margin:0; padding:2px 0 0 0; color: #fff; font-size:16px; line-height: 19px;}
#overthemoon_extracredit p a {font-family:'Museo Sans W01_900', sans-serif; font-weight:900; color:#fff; text-decoration: underline;}

/* Footer */
#overthemoon_footer {}
#overthemoon_footer .overthemoon_content {padding:21px 0 45px 80px; /*! text-align: center; */}
#overthemoon_footer p {font-family:'Museo Sans W01_100', sans-serif; font-weight:100; /*! text-align: center; */ margin:0; padding:0; color: #000; font-size:8px; line-height: 19px;}





/* Media Queries */

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

#overthemoon a.overthemoon_btn {font-size: 13px;}

}

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

#intro_txt h3 {margin:0 0 0 58px;}
#intro_txt #space_camp_logo {display: block; position: absolute; top: 29px; left: -7px;}


}

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

/* Activities */
.resources_pod {margin:0 20px 19px 20px; display: inline-block;}
#resource_tabs-nav a.resource_tabslink {font-size: 24px; padding: 20px 20px 14px 20px;margin: 0 20px;}

#math_gr-1-2_art {display: block; position: absolute; right: -18px; top: -270px;}
#ela_gr-1-2_art {display: block; position: absolute; right: -71px; top: 157px;}
#fam_act_gr-1-2_art {display: block; position: absolute; left: -71px; top: -170px;}

#science_gr-3-5_art {display: block; position: absolute; left: -2px; top: -95px;}
#math_gr-3-5_art {display: block; position: absolute; left: -18px; top: -106px;}
#ela_gr-3-5_art {display: block; position: absolute; right: -2px; top: -117px;}
#fam_act_gr-3-5_art {display: block; position: absolute; left: 0px; top: -144px;}

}

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

/* Activities */


}



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

#overthemoon_nav .overthemoon_content a {width: 30%; display: inline-block ; vertical-align: middle; color: #fff; font-family:'Museo Sans W01_700', sans-serif; font-weight: 700;text-decoration: none; line-height: 35px;   border-bottom: none; border-right: 1px solid white;}
#overthemoon_nav .overthemoon_content a:nth-child(2) {border-right: none; margin: 0;padding: 0;}
#overthemoon_nav .overthemoon_content a br {display: initial}
  
#intro_txt {width:90%; margin: 17px 33px 0 0; text-align: left;/*! padding: 0 50px 0 0; */}
#overthemoon_intro #intro_img p {text-align: left; padding: 0 0 0 29px;}


#winners-holder .winners_col {width: 290px; margin: 0 10px 0 10px; float: left;}
#winners-holder .winners_col:first-of-type {margin: 0 15px 0 20px;}
#winners-holder .winners_col:last-of-type {margin: 0 15px 0 20px;}
  
#winners-holder:after {
  content: "";
  display: table;
  clear: both;
} 
  


}

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


/* Hero */
#overthemoon_hero {min-height: 521px; background-position: center center;}
#overthemoon_hero .overthemoon_content {padding:0px 0 25px 0;height: 521px;}
#hero_top {width:100%; padding:0; margin-bottom:32px;}
#hero_sponsored {float: left; padding:28px 0 0 76px;}
#hero_logo {float: right; margin:40px 57px 0 0;}
#overthemoon_hero h1 {}
#overthemoon_hero h2 {/*! margin: 0 auto; */}
#overthemoon_hero h3 {text-align: left;margin: 10px 0 0 277px; width: initial;}

/* Social Links */
#overthemoon_share-links {position:absolute; bottom:28px; left:26px; padding: 0;}
#overthemoon_share-social.coned_social-show {bottom: 54px;}

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


/* Activities */
#overthemoon a.games_downloadall_btn {width:360px;margin: 4px auto 26px;}


/* Games */
#overthemoon a#games_btn {width:360px;}

}

@media only screen and (min-width: 1320px) {
#hero_logo {float: right; padding: 17px 0 0 0; margin-right: -30px;}
}  
  
@media only screen and (min-width: 1600px) {
#overthemoon_activities {background:#000 url("../images/activities_bg.jpg") bottom center no-repeat; background-size: cover;padding: 0 0 840px 0;}
}