/*

font-family:'Museo Sans W01_300', sans-serif;
font-family:'Museo Sans W01_500', sans-serif;
font-family:'Museo Sans W01_700', sans-serif;
font-family:'Museo Sans W01_900', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'M PLUS Rounded 1c', sans-serif;


*/

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; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; position:relative;}

#parents {width:100%; position:relative; z-index:1; font-family:'Museo Sans W01_300', sans-serif; font-weight: 300; color: #000;}
.bg_panel {width:100%; height:100vh; position:fixed; top:0; left:0; z-index:-1;
background: url(../images/background_img.png), linear-gradient(256deg, #00C4DA 0%, #ECED77 100%);;
background-position: center top;
background-size: contain;
}

#parents sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.parents_section {width:100%; position:relative; z-index:1;}
.parents_content {max-width:1080px; position:relative; z-index:1; margin:0 auto;}
.clearfix:after {content:" "; clear:both; display:table;}

/* Mobile Banner */
#mobile_banner {background: #333; padding: 3px 0; text-align: center;}
#mobile_banner h3 {font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; color: #A4E195; font-size: 15px; margin: 0; padding: 0;}

/* Header */
#parents_header {background: #fff; }
#parents_header .parents_content {padding: 25px 0 68px;}
#parents_header #sponsored {font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; font-size: 8px; color: #9B9B9B; letter-spacing: 0.64px; position: absolute; top: 5px; left: 5px;text-transform: uppercase;}
#parents_header #scholastic_home_logo {background:url(../images/scholastic-logo.png) center center no-repeat; background-size:contain; width: 92px; height: 12px; position: absolute; top: 5px; right: 5px;}
#parents_header  h1 {text-indent: -9999px;}
#parents_header .mobile_logo {background:url(../images/logo.png) center center no-repeat; background-size:contain; width: 309px; height: 60px; margin: 0 auto; padding: 0;}
#parents_header .desktop_logo {}

#parents_header #social_links {position: absolute; bottom: 16px; left:20px; z-index: 10;}
#parents_header #social_links a {height: 42px; width: 42px;display: inline-block;margin: 0 3px;}
#parents_header #cat_mobile {width:134px; height:70px; position:absolute; bottom:0px; right:1px;
background-image: url(../images/mobile_cat_shadow.png), url(../images/mobile_cat.gif);
background-position:center center, center center;
background-repeat: no-repeat, no-repeat;
background-size:contain, contain;
}

/* Hero */
#parents_hero {background: #F4F4F4 url(../images/blue_shadow.png) center top repeat-x; z-index:3;}
#parents_hero .parents_content {padding: 20px 0 30px; text-align: center;}
#parents_hero h2 {margin: 0 auto; padding: 0 0 13px 0; font-size: 42px; line-height: 39.5px; font-family: 'M PLUS Rounded 1c', sans-serif;  
  background: -webkit-linear-gradient(210deg, #00C4DA 50%, #ECED77 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
max-width: 360px;
}


#parents_hero #hero_holder {position: relative; display: inline-block; margin: 0 auto;}

#parents_hero #grade_toggle {background:#00C4DA; box-shadow:3px 3px 0 0 rgba(0,0,0,0.41); width:294px; height:56px; margin:0 auto; text-align:left;}
#parents_hero #grade_toggle #grade_select {text-align:left;}

.custom-select {
  position: relative;
  font-family:'M PLUS Rounded 1c', sans-serif;
  font-size:35.91px; 
  color:#fff; 
  line-height:56px;
  
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color:#00C4DA; padding:0 20px;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: " ";
  top:24px;
  right: 10px;
  width:22px;
  height:12px;
  background:url("../images/down_arrow.png") 0 0 no-repeat;
  background-size:22px 12px;
  
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active {
background-color: rgba(0, 0, 0, 0.1);
}
.select-selected.select-arrow-active:after {
transform: rotate(180deg);
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {

  cursor: pointer;
}
.select-items div {
padding:0 20px;
}
/* Style items (options): */
.select-items {
  position: absolute;
  background-color:#00C4DA;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
#home-select .select-items {top:0;}
#home-select .select-items:after {
  position: absolute;
  content: " ";
  top:24px;
  right: 10px;
  width:22px;
  height:12px;
  background:url("../images/down_arrow.png") 0 0 no-repeat;
  background-size:22px 12px;
  transform: rotate(180deg);
  
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}



#parents_hero #activities_burst {display: none;}

/* Resources */
#parents_resources {z-index:2;}
#parents_resources .parents_content {}

/* Bottom */
#parents_bottom {padding:40px 0; font-family:'Museo Sans W01_300', sans-serif; font-size:14px; color:#000; text-align:center; margin:320px 0 0 0;}
#parents.parents_sub-page #parents_bottom {margin:300px 0 0 0;}
#parents_bottom p {padding:15px 0 0 0;}
#parents_bottom a {color:#000;}
#parents_bottom #privacy_policy {font-family:'Museo Sans W01_700', sans-serif; font-size:16px; color:#000; text-transform:uppercase; padding-right:20px;}


/* Animations */
#parents_explore-holder {height:0px; max-width:960px; position:fixed; left:50%; top:320px; transform:translate(-50%, 0); width:100%; z-index:9999; display:none;

transition: top .2s ease-in-out;
-moz-transition: top .2s ease-in-out;
-webkit-transition: top .2s ease-in-out;

}
#parents_explore {width:122px; position:absolute; top:0; right:0;}
#explore_shelf {width:100%; height:auto;}
#explore_text {text-align:center; color:#fff; font-size:13px; line-height:12px; font-family:'Museo Sans W01_900', sans-serif; font-weight:900; margin:10px 0;}
a#explore_btn {
    text-decoration: none;
	font-family:'Museo Sans W01_500', sans-serif;
	font-weight:500;
	text-align:center;
    margin:0 auto;
    display: block;
    font-size:14px;
    color: #000;
    width:80px;
    background: #F8E71C;
    box-shadow: 3px 3px 0 0 rgba(0,0,0,0.41);
    border-radius: 17.69px;
    height:35px;
    line-height:35px;
}

.explore_mobile {max-width:340px; margin:0 auto; width:100%;}
.explore_mobile-left {width:120px; float:left;}
.explore_mobile-left img {width:100%; height:auto;}
.explore_mobile-right {width:160px; float:right; text-align:center;}
.explore_mobile-text {text-align:center; color:#fff; font-size:13px; line-height:12px; font-family:'Museo Sans W01_900', sans-serif; font-weight:900; margin:10px 0;}
a.explore_mobile-btn  {
    text-decoration: none;
	font-family:'Museo Sans W01_500', sans-serif;
	font-weight:500;
	text-align:center;
    margin:0 auto;
    display: block;
    font-size:14px;
    color: #000;
    width:80px;
    background: #F8E71C;
    box-shadow: 3px 3px 0 0 rgba(0,0,0,0.41);
    border-radius: 17.69px;
    height:35px;
    line-height:35px;
}

#parents_cat {position:fixed; bottom:0; right:0; width:200px; display:none; z-index:99999; background:url("../images/desktop_cat_shadow.png") center center no-repeat; background-size:contain;}
#parents_cat img#cat_image {width:100%; height:auto;}
#parents_cat a#cat_close {display:block; width:22px; height:22px; position:absolute; top:20px; right:11px; overflow:hidden; text-indent:-9999px; 
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}

#parents_message-holder {margin:100px auto 140px auto; position:absolute; bottom:0; left:0; width:100%; z-index:9999;}
#parents_message {width:172px; height:217px; position:relative; margin:0 auto;}
#message-cactus {width:172px; height:217px; background:url("../images/cactus_rev2_shadow.png") center center no-repeat; background-size:contain; transform: translate3d(0,0,0);}
#message-cactus img {width:100%; height:auto; transform: translate3d(0,0,0);}
#message-balloon {width:115px; height:145px; position:absolute; right:17px; top:-130px; background:url("../images/bringonthefun.png") 0 0 no-repeat; background-size:contain;}
#message-balloon img {width:100%; height:auto; position:absolute; top:0; left:0; display:none;}


#parents_backtop-holder {height:0px; max-width:960px; position:fixed; left:50%; bottom:50px; transform:translate(-50%, 0); width:100%; z-index:9999; display:none;}
#parents_backtop {display:block; width:50px; position:absolute; top:-6px; left:6px;}
#parents_backtop img {width:100%; height:auto;}
#parents_backtop-holder.parents_backtop-scroll {display:block;}


/* Media Queries */

@media only screen and (min-width:350px) {
.explore_mobile-left {width:170px;}
.explore_mobile-text {font-size:18px; line-height:17px;}
a.explore_mobile-btn  {
	font-size:20px;
    width:112px;
    border-radius: 17.69px;
    height:38px;
    line-height:38px;
}
}

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

}

@media only screen and (min-width: 600px) {
#mobile_banner {display: none;}


#parents_header #sponsored {position: absolute; top: 6px; left: 15px;}
#parents_header #scholastic_home_logo {position: absolute; top: 10px; right: 10px;}
#parents_header #social_links {position: absolute; bottom: 6px; left:10px;}

  
#parents_header .mobile_logo {background:none;}

#parents_header #scholastic_home_logo {width: 92px; height: 12px; position: absolute; top: 22px; left: 15px;}
#parents_header #social_links {position: absolute; top: 14px; left:initial; right: 10px;}
#parents_header .parents_content {padding: 5px 0 7px;}
#parents_header #cat_mobile {display: none;}
#parents_header .desktop_logo {background:url(../images/logo.png) center center no-repeat; background-size:contain; width: 242px; height: 45px; margin: 0 auto; padding: 0;}
#parents_header #social_links a {height: 28px; width: 28px;}  
#parents_header #social_links a img {height: 28px; width: 28px;}  
  
#parents_header .parents_content {padding: 7px 0 5px;}
#parents_hero #activities_burst {display: block; width: 99px; height: 97px; background:url(../images/green_burst.png) center center no-repeat; background-size:contain;position: absolute;top: 24px;left: -90px;}
#parents_hero #activities_burst p {padding: 19px 12px 0 0; margin: 0; text-align: center; transform: rotate(330deg); font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 11.9px; line-height: 11.9px; }
#parents_hero #activities_burst p strong {display: block; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; font-size: 21px;line-height: 19.5px;}

/* Bottom */
#parents_bottom {margin:0;}
#parents.parents_sub-page #parents_bottom {margin:0;}

/* Animations */
#parents_explore-holder {display:block;}
#parents_cat {display:block;}
.explore_mobile {display:none;}
#parents_message-holder {height:0px; max-width:960px; position:fixed; left:50%; top:380px; transform:translate(-50%, 0); margin:0;}
#parents_message {width:122px; height:154px; position:absolute; top:0; left:0;}
#message-cactus {width:122px; height:154px; position:absolute; top:0; left:0;}
#message-balloon {width:80px; height:100px; position:absolute; right:7px; top:-70px; background:none;}
#message-balloon img {}
#message-balloon.balloon_show img {}
#message-balloon.balloon_hide img {}

#parents_backtop {top:-20px; left:60px;}

}
@media only screen and (min-width: 720px) {
#parents_explore {right:10px;}
#parents_message {left:2px;}





}
@media only screen and (min-width: 768px) {
#parents_header #social_links {position: absolute; top: 17px; left:initial; right: 14px;}
#parents_hero h2 {max-width: none; padding: 0 0 38px 0}
#parents_hero .parents_content {padding: 25px 0 39px;}
#parents_hero #activities_burst {position: absolute;top: 54px;left: 104px;}
#parents_hero h2 br {display: none;}  
}

@media only screen and (min-width: 865px) {
#parents_hero h2 {max-width: none;}
#parents_header #scholastic_home_logo {width: 157px; height: 20px; position: absolute; top: 22px; left: 5px;}
#parents_hero #activities_burst {position: absolute;top: 54px;left: 104px;}

}

@media only screen and (min-width: 960px) {
#parents_header .desktop_logo {width: 354px; height: 68px;}
#parents_header #social_links a {height: 40px; width: 40px;margin: 0 0 0 10px;}  
#parents_header #social_links a img {height: 40px; width: 40px;}  
}

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

/* Animations */
#parents_cat {width:280px;}
#parents_cat a#cat_close {width:28px; height:28px; top:28px;right:15px;}
#parents_explore-holder.parents_explore-scoll {top:20px;}

}

@media only screen and (min-width: 1080px) {
#parents_header #social_links {position: absolute; top: 17px; left:initial; right: 24px;}
#parents_header #scholastic_home_logo {width: 157px; height: 20px; position: absolute; top: 29px; left: 30px;}
#parents_header #sponsored {position: absolute; top: 6px; left: 30px;}
#parents_hero h2 { 
  background: -webkit-linear-gradient(210deg, #00C4DA 36%, #ECED77 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
#parents_hero #activities_burst {display: block; width: 144px; height: 141px; background:url(../images/green_burst.png) center center no-repeat; background-size:contain;position: absolute;top: -44px;left: -152px;}
#parents_hero #activities_burst p {padding: 29px 16px 0 0; margin: 0; text-align: center; transform: rotate(330deg); font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 17.5px; line-height: 17.5px; }
#parents_hero #activities_burst p strong {display: block; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; font-size: 31px;line-height: 28px;}
}

@media only screen and (min-width: 1280px) {
#parents_hero h2 {font-size: 54px; line-height: 58px;}
#parents_hero #activities_burst {position: absolute;top: -44px;left: -150px;}
#parents_hero .parents_content {max-width:100%;}

/* Animations */
#parents_explore {right:-140px;}
#parents_message {left:-140px;}

#parents_backtop {left:-100px;}



}

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

/* Animations */
#parents_explore-holder {}
#parents_explore {width:172px; right:-200px;}
#explore_text {font-size:19px; line-height:18px;}
a#explore_btn {
    font-size:21px;
    width:112px;
    border-radius: 17.69px;
    height: 40px;
    line-height: 40px;
}

#parents_message-holder {top:460px;}
#parents_message {left:-200px; width:172px; height:217px;}
#message-cactus {width:172px; height:217px;}
#message-balloon {width:115px; height:145px; position:absolute; right:17px; top:-130px;}

#parents_backtop {width:74px; position:absolute; top:-30px; left:-100px;}

}

@media only screen and (min-width: 1440px) {
#parents_header #social_links a {height: 42px; width: 42px; margin: 0 5px;}



}

@media only screen and (min-width:1600px) {
#parents_hero h2 {display: inline-block;}
#parents_hero #grade_toggle {display: inline-block; margin-left: 18px;top: -6px;position: relative;}
#parents_hero .parents_content {padding: 43px 0 34px; max-width:100%; position:relative; z-index:1; margin:0 auto; text-align: center;}
#parents_hero #activities_burst {position: absolute;top: -61px;left: -150px;}


#parents_explore-holder.parents_explore-scoll {top:320px;}

}

@media only screen and (min-width:1920px) {
/* Animations */
#parents_cat {width:436px;}
#parents_cat a#cat_close {width:45px; height:45px; top:46px; right:23px;}

}


@media (min-height:1400px) and (min-width:1600px) {

#parents_explore-holder {left:50%; top:50%; transform:translate(-50%, -50%);}
#parents_explore-holder.parents_explore-scoll {top:50%;}

}

@media (max-height:600px) {
#parents_cat {display:none;}
}


@media (max-height:800px) and (min-width:1024px) {

#parents_message-holder {top:50%; transform:translate(-50%, -100px);}

}