@charset "UTF-8";
/* CSS Document */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*============================
 FONTS (via pbs-kids.fonts)
============================*/
@font-face{
  font-family: 'Colfax-Regular';
  src: url('../fonts/ColfaxWebRegular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ColfaxWebRegular.woff') format('woff'); /* Modern Browsers */
}

@font-face{
  font-family: 'Colfax-Regular';
  font-style: italic;
  src: url('../fonts/ColfaxWebRegularItalic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ColfaxWebRegularItalic.woff') format('woff'); /* Modern Browsers */
}

@font-face{
  font-family: 'Colfax-Medium';
  src: url('../fonts/ColfaxWebMedium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ColfaxWebMedium.woff') format('woff'); /* Modern Browsers */
}

@font-face{
  font-family: 'Colfax-Medium';
  font-style: italic;
  src: url('../fonts/ColfaxWebMediumItalic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ColfaxWebMediumItalic.woff') format('woff'); /* Modern Browsers */
}

@font-face{
  font-family: 'Colfax-Bold';
  src: url('../fonts/ColfaxWebBold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ColfaxWebBold.woff') format('woff'); /* Modern Browsers */
}

@font-face{
  font-family: 'Colfax-Bold';
  font-style: italic;
  src: url('../fonts/ColfaxWebBoldItalic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ColfaxWebBoldItalic.woff') format('woff'); /* Modern Browsers */
}


@font-face{
  font-family: 'PBS_KIDS_Headline';
  src: url('../fonts/pbskidsheadline-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/pbskidsheadline-regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pbskidsheadline-regular-webfont.ttf')  format('truetype'), /* iOS 4.2+ */
       url('../fonts/pbskidsheadline-regular-webfont.svg#PBS_KIDS_Headline') format('svg'); /* Older iOS */
}

@font-face{
  font-family: 'PBS_KIDS_Headline_Bold';
  src: url('../fonts/pbskidsheadline-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/pbskidsheadline-bold-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pbskidsheadline-bold-webfont.ttf')  format('truetype'), /* iOS 4.2+ */
       url('../fonts/pbskidsheadline-bold-webfont.svg#PBS_KIDS_Headline_Bold') format('svg'); /* Older iOS */
}



/*===============
  COLORS
===============*/
.white{
  background-color: #FFFFFF;
  border-color: #333333 !important;
}
.magenta{
  background-color: #EC2472;
  border-color: #C21D6A !important;
}
.purple{
  background-color:#802B83;
  border-color: #4F1E58 !important;
}



/*==================
  DEFAULT STYLES
==================*/
body{
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Colfax-Regular", "Arial", sans-serif;
  background: #F5BC19;
}

section[role='main']{
  width: 100%;
  overflow: hidden;
}

.has-headband section[role='main']{
  position: absolute;
  top: 40px;
}

.inner-wrapper{
  max-width: 960px;
  width: 98%;
  display: block;
  position: relative;
  margin: 0 auto;
}

.clearfix{ *zoom:1; }
.clearfix:after{ clear:both; }
.clearfix:before,
.clearfix:after{
  content:"";
  display:table;
}

img{
  max-width: 100%;
  height: auto;
}



/*================
  HEADER STYLES
================*/
#page-header{
	margin: 0 auto;
	width: 100%;
}

    #page-header hgroup{
      position: relative;
      margin: 14px 0 -100px;
      width: 37.5%;
      z-index: 10;
      min-width: 300px;
    }

    #page-header .kidslogo{
      margin: 0;
      margin-top: 8%;
      position: absolute;
      min-width: 60px;
      width: 20%;
    }

    #page-header .applogo{
      margin: 0;
      width: 100%;
    }

        #page-header .kidslogo img,
        #page-header .applogo img{
          width: 100%;
        }


    #page-header .main-nav{
      position: absolute;
      bottom: 126px;
      right: 0;
      width: 100%;
      text-align: right;
    }

      #page-header .banner-wrapper{
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
      }

      #page-header .banner-wrapper .header-banner{
				width: 100%;
        max-width: 1277px;
				max-height: 520px;
			}

      #page-header .banner-wrapper.home-banner .header-banner-mobile{
        display: none;
      }

      #page-header .banner-wrapper.home-banner .header-banner,
      #page-header .banner-wrapper.home-banner .header-banner-mobile{
        background-color: #FFE100;
      }

      #page-header .banner-wrapper.home-banner{
				margin-bottom: 80px;
			}

      #page-header.login .banner-wrapper{
        display: none;
				visibility: hidden;
      }

@media (max-width: 749px){
  #page-header .logos-nav-wrapper{
    width: 100%;
    background-color: #FFE100;
    padding: 12px 0 10px;
    margin-bottom: -4px;
  }

      #page-header hgroup{
        width: 300px;
        margin: 0 auto;
      }

          #page-header .kidslogo{
            width: 60px;
          }

          #page-header .applogo{
            width: 300px;
          }

  #page-header .main-nav{
      bottom: 20px;
      text-align: center;
  }

  .isios #page-header .banner-wrapper.home-banner,
  .issilky #page-header .banner-wrapper.home-banner,
  .isandroid #page-header .banner-wrapper.home-banner{
    margin-bottom: -20px;
  }
}


@media (max-width: 679px){
  #page-header .banner-wrapper.home-banner{
    margin-bottom: 70px;
  }
}


@media (max-width: 599px){
	#page-header .banner-wrapper.home-banner{
    margin-bottom: 60px;
  }
}


@media (max-width: 499px) {
  .isios #page-header .banner-wrapper.home-banner,
  .issilky #page-header .banner-wrapper.home-banner,
  .isandroid #page-header .banner-wrapper.home-banner{
    margin-bottom: 0px;
  }

  #page-header .banner-wrapper.home-banner .header-banner{
    display: none;
  }

  #page-header .banner-wrapper.home-banner .header-banner-mobile{
    display: block;
  }
}


@media (max-width: 469px){
	#page-header .banner-wrapper.home-banner{
    margin-bottom: 50px;
  }
}

@media (max-width: 400px){
  #page-header .main-nav{
  	bottom: 15px;
  }

  #page-header .banner-wrapper.home-banner .header-banner{
	  height: 156px;
	  max-width: inherit;
	  width: 500px;
	  margin-left: -250px;
	  left: 50%;
	  position: relative;
	}
}



/*==================
  CONTENT STYLES
==================*/
#call-to-action{
  font-size: 34px;
  font-family: "Colfax-Bold", Arial, sans-serif;
  color: #501C59;
  max-width: 878px;
  margin: 0 auto;
  padding: 0 8px;
  text-align: center;
}

.main-content{
  background-color: #FFDF00;
  font-family: "Colfax-Regular", Arial, sans-serif;
  padding: 0 1.04% 10px;
  box-sizing: border-box;
}

    .main-content b,
    .main-content strong,
    .main-content .bold{
      font-family: "Colfax-Bold", Arial, sans-serif;
    }

    .main-content article{
      font-size: 16px;
      color: #404041;
      background-color: #FFFFFF;
      margin: 10px auto 0;
      padding: 20px 5.106% 44px;
    }

        .main-content article p{
          line-height: 1.45em;
        }


        .main-content article h1{
          font-family: "PBS_KIDS_Headline", "Arial", sans-serif;
          font-size: 48px;
          color: #802A84;
          margin: 0 0 24px 10px;
          text-transform: uppercase;
        }

        .main-content article h2{
          font-family: "PBS_KIDS_Headline_Bold", "Arial", sans-serif;
          font-size: 36px;
          color: #000000;
          margin: 0 0 24px 10px;
          text-transform: uppercase;
        }

        .main-content article.info h2{
          color: #802A84;
          margin: 0 0 24px 0px;
        }

        .main-content article.info h3 {
          background-color: #802A84;
          color: #FFF;
          width: 50%;
          min-width: 250px;
          font-size: 1.5em;
          padding: 0.7em 0em 0.6em 0.7em;
          margin: 2em 0 0px -0.5em;
          text-transform: uppercase;
        }

        .main-content article.info a {
          color: #10BAB9;
          font-weight: bold;
        }

        .main-content article footer{
          background-color: initial;
          margin: 0;
          padding: 0;
        }

        .main-content article.info blockquote{
          background-color: #EBF9F9;
          padding: 1em;
          font-style: italic;
          margin: 1em 4.75%;
        }

            .main-content article.info blockquote p{
              margin-top: 0;
              padding-left: 0.75em;
            }

                .main-content article.info blockquote p:before,
                .main-content article.info blockquote p:after{
                  position: relative;
                }

                .main-content article.info blockquote p:before{
                  content: "\201D";
                  margin-left:-0.75em;
                }

                .main-content article.info blockquote p:after{
                  content: "\201C";
                }

        .main-content ol{
          list-style: decimal;
        }

        		.main-content ol li{
						  margin-bottom: 0.5em;
						}


        .main-content article.info ul{
          list-style: none;
        }

            .main-content article.info ul li{
              margin-bottom: 0.5em;
            }

                .main-content article.info ul li:before {
                  content: "";
                  background-color: #802A84;
                  width: 0.5em;
                  height: 0.5em;
                  margin: 0.2em 0.5em 0 -1em;
                  display: block;
                  position: absolute;
                }

                .main-content article.info li b{
                	color: #802A84;
                }


@media( max-width: 799px){
  .main-content article h1,
  .main-content article h2{
    margin-bottom: 16px
  }

  .main-content article h1{
    font-size: 32px;
  }

  .main-content article h2{
    font-size: 28px;
  }
}


@media( max-width: 599px){
	#call-to-action{
	  font-size: 28px;
	}

  .main-content article h1,
  .main-content article h2{
    margin-bottom: 8px
  }

  .main-content article h1{
    font-size: 24px;
  }

  .main-content article h2{
    font-size: 22px;
  }
}


@media( max-width: 499px){
  .main-content{
    width: 100%;
  }

  .main-content article{
    font-size: 14px;
  }
}


@media (max-width: 400px){
  #call-to-action{
	  font-size: 22px;
	}
}



/*================
  FOOTER STYLES
================*/
footer{
  background-color: #F69820;
  color: #045175;
  font-size: 14px;
  font-family: "Colfax-Regular", "Arial", sans-serif;
  margin-top: 60px;
  padding-top: 40px;
  padding-bottom: 45px;
  position: relative;
}

    footer a{
      color: inherit;
    }

    footer .fineprint{
      float: left;
      width: 50%;
      max-width: 400px;
      padding-top: 4px;
      margin: 0;
    }

        footer .cpblogo{
          width: 77px;
          float: left;
          margin-top: -4px;
          margin-right: 12px;
        }

        		footer .cpblogo img{
		        	width: 100%;
		        }


    footer .footerlinks{
      float: right;
      padding: 0;
      margin: 0;
      text-align: right;
      line-height: 2em;
      width: 48%;
    }

        footer .footerlinks li{
          list-style: none;
          display: inline;
          margin-left: 4px;
          white-space: nowrap;
        }

            footer .footerlinks li a{
              margin-right: 5px;
              text-decoration: underline;
            }


@media (max-width: 749px){
  footer{
    font-size: 0.8em;
  }

      footer .fineprint{
        width: 60%;
      }

      footer .footerlinks{
        width: 35%
      }
}


@media (max-width: 599px){
  footer .fineprint{
    float: none;
    margin: 10px auto;
    width: 285px;
  }

      footer .fineprint .cpblogo{
        width: 90px;
      }

  footer .footerlinks{
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 40px;
  }
}



/*================
  VIDEO TRAILER
================*/
.video{
  margin-top: 4.375%;
}



/*================
  MISC.
================*/
.hidden{
  display: none !important;
  visibility: none !important;
}