/********				INDEX - ALT CONTENT TOP NAV 				*********/
.home-index #content {
  padding: 0;
}

#coastline.wide.flexible {
  background: #2398cb;
  font-family: "Nunito", "Arial", sans-serif;
  padding: 0;
  width: 100%;
  /*absolutely position pbs logo + hilight*/
}
#coastline.wide.flexible #topImg {
  display: none;
}
#coastline.wide.flexible #siteNavBar li {
  width: 21.5%;
}
#coastline.wide.flexible #siteNavBar li a {
  float: none;
  font-size: 18px;
}
#coastline.wide.flexible #siteNavBar li span {
  padding: 17px 0 0 0;
}
#coastline.wide.flexible #topNav, #coastline.wide.flexible #funderHeader {
  height: auto;
}
#coastline.wide.flexible #footer {
  background-color: #2398cb;
}
#coastline.wide.flexible #footer #bottomHightlight {
  padding: 5% 0 0 0;
}
#coastline.wide.flexible #footer #bottomHightlight ul {
  margin: 0 0 10% 0;
  float: none;
}
#coastline.wide.flexible #footer #bottomHightlight li {
  margin: 2% auto;
  width: 90%;
  text-align: center;
}
#coastline.wide.flexible #footer a {
  line-height: 28px;
}
#coastline.wide.flexible #footer p {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
}
#coastline.wide.flexible #footer .footer-copyright {
  width: 100%;
  text-align: left;
  margin: 20px auto;
}
#coastline.wide.flexible #footer .footer-copyright.wide {
  width: 100%;
}
#coastline.wide.flexible #footer #footerContainer {
  padding: 40px 8% 80px;
}
#coastline.wide.flexible #footer #footerMainNav {
  width: 26%;
  height: 200px;
}
#coastline.wide.flexible #footer #footerSubNav {
  width: 70%;
  height: 200px;
}
#coastline.wide.flexible .nav-icon {
  display: none;
}
#coastline.wide.flexible .group-img {
  display: none;
}
#coastline.wide.flexible #home_logos {
  width: 345px;
  float: left;
}
#coastline.wide.flexible #pbsLogo {
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 3;
  margin: 0;
}
#coastline.wide.flexible #arthurLogo {
  width: 60%;
  max-width: 308px;
  padding: 0 0 10px 0;
  height: auto;
}
#coastline.wide.flexible .nav-ruler.games {
  display: none;
}
#coastline.wide.flexible .beingafriend .gameHighlight a {
  border-radius: 10px;
  border: 4px solid white;
  background: white;
  font-family: "Trebuchet MS",Arial,sans-serif;
  font-size: 20px;
  color: #0057b1;
}
#coastline.wide.flexible .beingafriend .gameHighlight a span {
  padding: 10px;
  display: block;
}
#coastline.wide.flexible .beingafriend .gameHighlight a:hover {
  text-decoration: none;
  color: #62a7ee;
}
#coastline.wide.flexible #homeHighlight, #coastline.wide.flexible #bottomHightlight ul, #coastline.wide.flexible .gameHighlight {
  width: 100%;
  overflow: auto;
}
#coastline.wide.flexible #homeHighlight a, #coastline.wide.flexible #bottomHightlight ul a, #coastline.wide.flexible .gameHighlight a {
  display: inline-block;
  position: relative;
  top: 0;
}
#coastline.wide.flexible #homeHighlight a:hover, #coastline.wide.flexible #bottomHightlight ul a:hover, #coastline.wide.flexible .gameHighlight a:hover {
  top: -5px;
}
#coastline.wide.flexible .big-highlight, #coastline.wide.flexible .sm-highlight {
  margin: 2% 0;
  text-align: center;
  width: 98%;
}
#coastline.wide.flexible #bottomHightlight li img {
  width: 100%;
}
#coastline.wide.flexible #homeHighlight li, #coastline.wide.flexible .gameHighlight li {
  position: relative;
}
#coastline.wide.flexible #homeHighlight .new-game, #coastline.wide.flexible .gameHighlight .new-game {
  position: absolute;
  width: 30%;
  max-width: 131px;
  border: none;
  right: -1%;
  bottom: -1%;
}
#coastline.wide.flexible #homeHighlight li img, #coastline.wide.flexible .gameHighlight li img {
  width: 90%;
}
#coastline.wide.flexible #homeHighlight li img, #coastline.wide.flexible .gameHighlight li img, #coastline.wide.flexible #bottomHightlight li img {
  border-radius: 10px;
  border: 4px solid #fff;
}
#coastline.wide.flexible .beingafriend .gameHighlight li img {
  border-radius: 10px 10px 0 0;
  border: none;
  width: 100%;
}
#coastline.wide.flexible .top-funder-mobile {
  display: block;
  width: 100%;
  height: 30px;
  background-color: #208dbd;
  padding: 6px 0 0 0;
  text-align: right;
}
#coastline.wide.flexible .top-funder-mobile img {
  max-width: 93px;
  padding-top: 4px;
}
#coastline.wide.flexible .top-funder {
  display: none;
  top: 26px;
}
#coastline.wide.flexible #topNav .top-funder img, #coastline.wide.flexible .top-funder-mobile img {
  float: right;
  padding-right: 13px;
}
#coastline.wide.flexible #topNav .top-funder span, #coastline.wide.flexible .top-funder-mobile span {
  padding: 5px 13px 0 0;
}
#coastline.wide.flexible .top-funder-mobile span {
  display: inline-block;
}

/********				INDEX - MINOR HIGHLIGHTS 				*********/
#minor-hilights {
  background: url("../i/minor_highlights/left_rounded.png") no-repeat top left;
  /*overflow:auto;*/
  height: 266px;
  padding: 0 0 0 11px;
}

#callouts-games, #callouts-print, #callouts-videos {
  padding: 0;
  margin: 0 10px 0 0;
  /*overflow:hidden;*/
  position: relative;
  float: left;
}

#callouts-games {
  width: 291px;
}

#callouts-print {
  width: 295px;
}

#callouts-videos {
  width: 295px;
}

#callouts-print .hilight-tag {
  width: 86px;
}

#callouts-videos .hilight-tag {
  width: 86px;
}

.callout-images {
  left: 1px;
}

.hilight-tag {
  float: left;
  margin: 9px 0 0;
  display: inline-block;
  overflow: hidden;
  width: 83px;
  height: 0;
  padding: 68px 0 0;
}

#tagGames {
  background: url("../i/minor_highlights/tag_games.gif") top left no-repeat;
}

#tagPrints {
  background: url("../i/minor_highlights/tag_print.gif") top left no-repeat;
}

#tagVideos {
  background: url("../i/minor_highlights/tag_videos.gif") top left no-repeat;
}

#minor-hilights ul {
  position: relative;
  left: 0;
}

#minor-hilights li {
  float: left;
  list-style: none;
}

#minor-hilights .prev, #minor-hilights .next {
  display: block;
  width: 34px;
  height: 0;
  overflow: hidden;
  padding: 43px 0 0;
  background: url("../i/minor_highlights/arrows.gif") left top no-repeat;
  margin: 117px 0 0 0;
  position: absolute;
  top: 0;
  cursor: pointer;
}

#minor-hilights .next {
  background-position: -102px 0;
  right: 0;
}

#minor-hilights .prev {
  left: 50px;
}

#minor-hilights .prev:hover, #minor-hilights .prev.on {
  background-position: -34px 0;
}

#minor-hilights .next:hover, #minor-hilights .next.on {
  background-position: -136px 0;
}

#minor-hilights .prev:active {
  background-position: -68px 0;
}

#minor-hilights .next:active {
  background-position: -170px 0;
}

/********				INDEX - CHARACTER HIGHLIGHTS 				*********/
#character-hilights {
  overflow: auto;
  padding: 5px 0 10px 10px;
}

#character-hilights li {
  float: left;
  margin: 0 0 0 2px;
}

#character-hilights a {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 69px 0 0;
}

#char-sue a {
  width: 69px;
  background: url("../i/char_highlights/icon_sue.gif") left top no-repeat;
}

#char-muffy a {
  width: 59px;
  background: url("../i/char_highlights/icon_muffy.gif") left top no-repeat;
}

#char-buster a {
  width: 68px;
  background: url("../i/char_highlights/icon_buster.gif") left top no-repeat;
}

#char-prunella a {
  width: 66px;
  background: url("../i/char_highlights/icon_prunella.gif") left top no-repeat;
}

#char-brain a {
  width: 64px;
  background: url("../i/char_highlights/icon_brain.gif") left top no-repeat;
}

#char-kate a {
  width: 64px;
  background: url("../i/char_highlights/icon_kate.gif") left top no-repeat;
}

#char-arthur a {
  width: 66px;
  background: url("../i/char_highlights/icon_arthur.gif") left top no-repeat;
}

#char-dw a {
  width: 65px;
  background: url("../i/char_highlights/icon_dw.gif") left top no-repeat;
}

#char-pal a {
  width: 65px;
  background: url("../i/char_highlights/icon_pal.gif") left top no-repeat;
}

#char-francine a {
  width: 65px;
  background: url("../i/char_highlights/icon_francine.gif") left top no-repeat;
}

#char-binky a {
  width: 65px;
  background: url("../i/char_highlights/icon_binky.gif") left top no-repeat;
}

#char-fern a {
  width: 65px;
  background: url("../i/char_highlights/icon_fern.gif") left top no-repeat;
}

#char-george a {
  width: 63px;
  background: url("../i/char_highlights/icon_george.gif") left top no-repeat;
}

#char-tibbles a {
  width: 64px;
  background: url("../i/char_highlights/icon_tibbles.gif") left top no-repeat;
}

#char-ladonna a {
  width: 66px;
  background: url("../i/char_highlights/icon_ladonna.gif") left top no-repeat;
}

#char-arthur a:hover, #char-prunella a:hover, #char-ladonna a:hover {
  background-position: -66px 0;
}

#char-sue a:hover {
  background-position: -69px 0;
}

#char-muffy a:hover {
  background-position: -59px 0;
}

#char-buster a:hover {
  background-position: -68px 0;
}

#char-brain a:hover, #char-kate a:hover, #char-tibbles a:hover {
  background-position: -64px 0;
}

#char-dw a:hover, #char-pal a:hover, #char-francine a:hover, #char-binky a:hover, #character-hilights #char-fern a:hover {
  background-position: -65px 0;
}

#char-george a:hover {
  background-position: -63px 0;
}

#appPromoUnicornApp {
  margin-top: 50px;
  text-align: center;
}

#appPromoUnicornApp img {
  border-style: none;
}

#parentTeacherContainer {
  background-color: #2f9fd1;
}

#parentTeacherContainer img {
  margin-top: 1px;
}

#descripHealthHub {
  float: right;
  font-family: 'Trebuchet MS';
  color: #ffffff;
  width: 15em;
  font-size: 1em;
  leading: 1.1em;
  margin-left: 0px;
  margin-top: 5%;
  margin-right: 30px;
}

#weezieButton {
  background-color: #2f9fd1;
  text-align: center;
}

#weezieButton img {
  margin-left: 260px;
  margin-top: 10px;
}

@media screen and (min-width: 655px) {
  #coastline.wide.flexible {
    /*absolutely position pbs logo + hilight*/
  }
  #coastline.wide.flexible #siteNavBar li {
    width: 18.5%;
    max-width: 177px;
  }
  #coastline.wide.flexible #siteNavBar li a {
    font-size: 22px;
  }
  #coastline.wide.flexible .top-funder {
    position: absolute;
    background: none;
    display: inline;
    right: 2%;
  }
  #coastline.wide.flexible .top-funder-mobile {
    display: none;
  }
  #coastline.wide.flexible .group-img {
    display: block;
  }
  #coastline.wide.flexible #funderHeader {
    position: static;
    height: 151px;
  }
  #coastline.wide.flexible #home_logos {
    width: 345px;
    float: left;
  }
  #coastline.wide.flexible #pbsLogo {
    position: absolute;
    top: 10px;
    left: 8px;
    z-index: 3;
    margin: 0;
  }
  #coastline.wide.flexible #footer #bottomHightlight ul {
    margin: 2% auto 5% auto;
    width: 80%;
    float: none;
  }
  #coastline.wide.flexible #footer #bottomHightlight ul li {
    float: left;
    width: 45%;
    margin: 2%;
  }
  #coastline.wide.flexible .nav-ruler.games {
    display: block;
  }
  #coastline.wide.flexible #homeHighlight, #coastline.wide.flexible .gameHighlight {
    width: 95%;
    margin: 0 auto;
    overflow: auto;
    padding: 2% 0;
  }
  #coastline.wide.flexible #homeHighlight li, #coastline.wide.flexible .gameHighlight li {
    float: left;
    margin: 1.1%;
  }
  #coastline.wide.flexible #homeHighlight li img, #coastline.wide.flexible .gameHighlight li img, #coastline.wide.flexible .beingafriend .gameHighlight li.title p {
    width: 98%;
  }
  #coastline.wide.flexible .is-mobile .gameHighlight .big-highlight.only {
    margin: 1.2% auto;
    float: none;
  }
  #coastline.wide.flexible .big-highlight {
    width: 47.6%;
  }
  #coastline.wide.flexible .sm-highlight {
    width: 46.9%;
  }
  #coastline.wide.flexible .top-game-highlight {
    background: url("../i/games/games_pattern_tile.png") top left repeat;
  }
}
@media screen and (min-width: 750px) {
  #coastline.wide.flexible #footer #footerMainNav {
    width: 9%;
  }
  #coastline.wide.flexible #footer #footerSubNav {
    width: 21%;
    /*margin-right:10px;*/
    /*width:160px;*/
  }
  #coastline.wide.flexible #footer .footer-copyright a {
    line-height: 16px;
    font-size: 12px;
  }
  #coastline.wide.flexible #footer .footer-copyright.wide {
    margin: 0;
    width: 62%;
    margin-right: 25px;
  }
  #coastline.wide.flexible.home-index #footer .footer-copyright.wide {
    width: 35%;
    margin: 0 2%;
  }
  #coastline.wide.flexible #footer .footer-copyright {
    margin: 0;
    width: 28%;
  }
  #coastline.wide.flexible #footer.beingafriend .footer-copyright {
    margin: 0;
    width: 30%;
  }
  #coastline.wide.flexible #footer.beingafriend .footer-copyright.templeton {
    margin: 0 9% 0 5%;
    width: 24%;
  }
  #coastline.wide.flexible #footer #footerContainer {
    padding: 40px 6% 80px 6%;
  }
}
@media screen and (min-width: 960px) {
  #coastline.wide.flexible .nav-icon {
    display: inline;
    padding: 7px 0 0 12px;
  }
  #coastline.wide.flexible #siteNavBar li a {
    float: left;
  }
  #coastline.wide.flexible #siteNavBar li span {
    padding: 17px 0 0 3px;
  }
  #coastline.wide.flexible #topImg {
    display: inline;
  }
  #coastline.wide.flexible .sm-highlight {
    width: 30.9%;
  }
  #coastline.wide.flexible .beingafriend .sm-highlight {
    width: 29.9%;
  }
}
@media screen and (min-width: 1200px) {
  #coastline.wide.flexible {
    width: 1200px;
    background: url("../i/side_border_wide.png") top left repeat-y;
    padding: 0 6px;
    /*absolutely position pbs logo + hilight*/
    /*#main-hilight { position:absolute; top:9px; left:56px;  z-index:2; }
    #main-char-hilight { position:relative; z-index:1; margin:7px 0 0 0; }*/
  }
  #coastline.wide.flexible .nav-icon {
    padding: 7px 0 0 6px;
  }
  #coastline.wide.flexible #content {
    padding: 0;
  }
  #coastline.wide.flexible .top-funder {
    position: absolute;
    background: none;
    display: inline;
    right: 2%;
  }
  #coastline.wide.flexible .top-funder-mobile {
    display: none;
  }
  #coastline.wide.flexible #funderHeader {
    position: static;
    height: 151px;
  }
  #coastline.wide.flexible #siteNavBar li {
    width: 14.5%;
  }
  #coastline.wide.flexible #topImg {
    display: inline;
  }
  #coastline.wide.flexible #home_logos {
    width: 345px;
    float: left;
  }
  #coastline.wide.flexible #pbsLogo {
    position: absolute;
    top: 10px;
    left: 8px;
    z-index: 3;
    margin: 0;
  }
  #coastline.wide.flexible #homeHighlight {
    width: 84%;
  }
  #coastline.wide.flexible .gameHighlight {
    width: 93%;
  }
  #coastline.wide.flexible #homeHighlight li, #coastline.wide.flexible .gameHighlight li {
    float: left;
    margin: 1.2%;
  }
  #coastline.wide.flexible #homeHighlight li img, #coastline.wide.flexible .gameHighlight li img {
    width: 98%;
  }
  #coastline.wide.flexible .big-highlight {
    width: 47.6%;
  }
  #coastline.wide.flexible .sm-highlight, #coastline.wide.flexible .beingafriend .gameHighlight .sm-highlight {
    width: 30.9%;
  }
  #coastline.wide.flexible .gameHighlight .sm-highlight {
    width: 22.6%;
  }
  #coastline.wide.flexible #footer #bottomHightlight ul {
    width: 60%;
    margin: 0 10px 0 30px;
    float: left;
  }
  #coastline.wide.flexible #footer #fundersImg {
    float: left;
    width: 34%;
    padding: 20px 0 0 0;
    text-align: left;
  }
  #coastline.wide.flexible #footer #footerContainer {
    clear: both;
  }
}

/*# sourceMappingURL=home.css.map */