#wrapper {
  /* has header bg-image (from resource.css) */
  background-color: #122c47;
  background-position: 0 0;
  overflow: hidden; }

.banner-ad #wrapper, .noscript #wrapper {
  background-position: 0 106px; }

#main {
  width: 100%;
  background: none;
  padding-bottom: 0; }

#masthead {
  position: relative;
  z-index: 1; }
  #masthead a img {
    width: auto;
    height: 33px;
    max-width: 150px;
    margin-left: 15px; }

#header {
  height: 150px;
  position: relative; }
  #header .nova-logo {
    width: 220px;
    height: 63px;
    background-image: url("/wgbh/nova/img/nova-logo.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-indent: -9999em;
    background-size: cover;
    position: absolute;
    top: 30px;
    left: 10px; }
  #header #search-form {
    background: none;
    height: auto;
    width: auto;
    padding: 0;
    position: absolute;
    bottom: -46px;
    right: 15px;
    width: 300px; }
    #header #search-form li {
      width: auto; }
    #header #search-form input[type="text"] {
      width: 272px;
      height: 22px;
      border: 0;
      padding-top: 0px;
      display: block;
      margin: 0;
      background-color: transparent;
      border-bottom: 1px solid #fff;
      color: #fff;
      font-family: "nimbus-sans-extended", sans-serif;
      font-weight: 400;
      font-size: 15px;
      padding: 0 0 0 8px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    #header #search-form input[type="image"] {
      margin: 0;
      width: 20px;
      height: 20px;
      text-indent: -9999em; }
    #header #search-form label {
      display: block;
      height: 11px;
      color: #fff;
      font-family: "nimbus-sans-extended", sans-serif;
      font-weight: 400;
      font-size: 15px; }
    #header #search-form li.the-input {
      width: 244px; }
    #header #search-form .mag-deco {
      width: 20px;
      height: 20px;
      background-image: url("/wgbh/nova/img/search-magglass-light.svg");
      background-repeat: no-repeat;
      background-position: 0px 0px;
      text-indent: -9999em;
      background-color: transparent;
      border: 0;
      text-indent: 0;
      margin: 0 6px 0 0; }
  #header .over-apply {
    color: #000;
    position: absolute;
    top: 0px;
    left: 5px; }
  #header #mobile-menu-toggle .mobile-menu-toggle:hover {
    cursor: pointer; }
  #header .nav-mobile-menu {
    display: none; }
  #header .topic-submenu {
    display: none;
    position: absolute;
    width: auto;
    padding: 18px 50px 14px 25px;
    box-shadow: #383842 1px 1px 4px;
    z-index: 1000;
    background-color: #336699;
    top: 58px; }
    #header .topic-submenu a {
      color: white;
      text-shadow: #000 0px 1px 0px; }
  #header .nav-menu {
    position: absolute;
    right: 15px;
    top: 76px; }
  #header .nav-menu .nav-item {
    display: inline-block;
    margin-left: 16px; }
    #header .nav-menu .nav-item.active a.topic {
      color: #ccff33;
      background: #336699;
      padding-bottom: 28px;
      z-index: 1001;
      position: relative; }
  #header .nav-menu .nav-item > a {
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, from(#326292), to(#2f567b));
    background: -moz-linear-gradient(top, #326292, #2f567b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#326292', endColorstr='#2f567b');
    text-transform: uppercase;
    padding: 18px 0;
    width: 140px;
    text-align: center;
    font-size: 11px;
    font-family: "nimbus-sans-extended", sans-serif;
    font-weight: 500;
    color: white; }
    #header .nav-menu .nav-item > a:hover {
      text-decoration: none;
      background: #336699;
      color: #ccff33;
      cursor: pointer; }
    #header .nav-menu .nav-item > a.topic {
      text-decoration: none; }
  #header .topic-submenu a {
    text-align: left;
    width: auto;
    height: 21px;
    padding-top: 10px;
    text-transform: capitalize;
    font-size: 13px;
    display: block;
    position: relative; }

.pbs_bookmarking_links_div {
  left: 0 !important;
  margin-top: 14px; }

.banner-ad #banner,
.noscript #banner {
  display: block; }

#ad-footer-container, #banner {
  display: none; }

#banner .label {
  height: 80px; }
  #banner .label p {
    float: none;
    padding-left: 10px;
    font-size: 11px;
    width: auto; }

#banner #banner-ad {
  float: right;
  background-color: white;
  padding-left: 7px; }

#ad-footer-container {
  width: 100%;
  padding: 15px 0 35px;
  background-color: white;
  display: none; }
  #ad-footer-container .add-container {
    margin: 0 auto;
    width: 300px; }

@media only screen and (max-width: 970px) {
  #wrapper {
    width: auto; }
  #main {
    width: auto;
    background: none; }
  #header .topic-submenu {
    top: 50px; }
  #header .nav-menu .nav-item {
    margin-left: 12px; }
    #header .nav-menu .nav-item > a {
      width: 130px;
      padding: 14px 0; } }

@media only screen and (max-width: 830px) {
  #banner .label {
    display: none; }
  #masthead ul li a img {
    width: auto;
    height: 30px; }
  #header .nova-logo {
    width: 200px;
    height: 57px; }
  #header .nav-menu {
    display: none; }
  #header .nav-mobile-menu {
    display: inline;
    position: absolute;
    width: 100%;
    bottom: 14px; }
    #header .nav-mobile-menu .mobile-menu-toggle {
      display: block;
      position: relative;
      width: 25px;
      height: 28px;
      background-image: url("/wgbh/nova/img/menu-burger.svg");
      background-repeat: no-repeat;
      background-position: 0px 0px;
      text-indent: -9999em;
      left: 9px;
      border: none;
      outline: 0; }
    #header .nav-mobile-menu .mobile-menu-wrapper {
      display: none;
      background-color: #2f567b;
      z-index: 5;
      position: absolute;
      left: 0;
      top: 42px;
      width: 100%;
      -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0px 3px 4px;
      -moz-box-shadow: rgba(0, 0, 0, 0.65) 0px 3px 4px;
      box-shadow: rgba(0, 0, 0, 0.65) 0px 3px 4px; }
      #header .nav-mobile-menu .mobile-menu-wrapper .submenu-col {
        float: left;
        margin: 46px 25px 25px 15px; }
    #header .nav-mobile-menu .submenu-head, #header .nav-mobile-menu .nav-item a {
      text-transform: uppercase;
      font-size: 12px;
      color: #ccff33; }
    #header .nav-mobile-menu .nav-item:first-child a {
      padding-top: 0; }
  #header #search-form {
    bottom: 12px;
    right: 10%;
    padding: 6px 4px 8px 6px; }
  #header nav a {
    background-color: #2f567b;
    text-align: left;
    width: auto;
    text-align: left;
    font-weight: 100;
    height: 21px;
    padding-top: 8px;
    text-transform: capitalize;
    color: #fff;
    font-size: 13px;
    display: block;
    position: relative;
    text-shadow: #000 0px 1px 0px; }
  #header .submenu-col nav {
    padding-top: 10px; }
  .pbs_bookmarking_links_div {
    left: -96px !important; } }

@media only screen and (max-width: 750px) {
  .noscript #wrapper, .banner-ad #wrapper, #wrapper {
    background-position: 0 0; }
  .tile-ad #ad-footer-container, .noscript #ad-footer-container {
    display: block; }
  #banner, .banner-ad #banner, .noscript #banner {
    display: none; } }

@media only screen and (max-width: 580px) {
  #masthead ul {
    width: 300px;
    min-width: 0;
    padding-right: 5px; }
    #masthead ul li a img {
      height: 27px; }
  #header {
    height: 197px; }
    #header .nav-mobile-menu {
      bottom: 0px;
      height: 47px;
      background-color: #2f567b; }
      #header .nav-mobile-menu .mobile-menu-toggle {
        margin-top: 9px; }
    #header #search-form {
      bottom: 15px;
      width: 230px;
      right: 15px;
      padding: 0;
      background-color: transparent; }
      #header #search-form input[type="text"] {
        width: 100%;
        margin-top: -1px; }
      #header #search-form li.the-input {
        width: 193px; }
    #header .nova-logo {
      width: 180px;
      height: 50px;
      top: 66px;
      left: 6px; }
  .pbs_bookmarking_links_div {
    left: -189px !important; } }

#foot {
  clear: both;
  background-color: #333;
  color: white;
  padding: 50px 0 60px 0; }
  #foot a {
    color: white; }

.inner-foot .columns {
  display: inline-block;
  vertical-align: top; }

.inner-foot .large-8 {
  width: calc(100% - 335px); }
  .inner-foot .large-8 > *, .inner-foot .large-8 #site-footer, .inner-foot .large-8 #sponsor-stripe {
    margin: 0 auto;
    left: auto;
    width: 461px; }

.inner-foot .large-4 {
  width: 330px; }
  .inner-foot .large-4 > * {
    margin-left: 15px; }

.inner-foot #mob_footerdiv a.footer-link {
  display: none; }

.inner-foot #inner-footer .site-links {
  margin-bottom: 20px;
  display: none; }

.inner-foot #site-footer ul {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  border: none;
  line-height: 2em;
  margin-bottom: 20px; }
  .inner-foot #site-footer ul li {
    border-right: 1px solid #fff;
    display: inline-block;
    line-height: 1;
    padding: 0 6px 0 0;
    margin: 0 3px 0 0;
    height: 1em;
    float: none;
    font: 1em/1em Arial; }
    .inner-foot #site-footer ul li:last-child {
      border: none; }
    .inner-foot #site-footer ul li + li a {
      border-left: none;
      padding: 0; }

.inner-foot #sponsor-stripe {
  float: none;
  margin: 0; }
  .inner-foot #sponsor-stripe p {
    width: auto;
    line-height: 1.6em;
    font-size: 1.1em; }

.inner-foot .non_profit {
  font-size: 11px;
  line-height: 1.6em; }

.inner-foot ul.social_icons li {
  display: inline-block;
  margin-right: 10px; }
  .inner-foot ul.social_icons li:last-child {
    margin-right: 0; }

.inner-foot .wgbhContainer {
  margin-top: 12px; }

@media only screen and (max-width: 830px) {
  .inner-foot .large-8 > *, .inner-foot .large-8 #site-footer, .inner-foot .large-8 #sponsor-stripe {
    width: auto;
    padding: 0 15px; } }

@media only screen and (max-width: 700px) {
  #foot {
    padding: 20px 15px; }
  .inner-foot .large-8 {
    width: 100%; }
    .inner-foot .large-8 > *, .inner-foot .large-8 #site-footer, .inner-foot .large-8 #sponsor-stripe {
      width: auto;
      padding: 0; }
  .inner-foot .large-4 {
    width: 100%; }
    .inner-foot .large-4 > * {
      margin-left: 0; }
    .inner-foot .large-4 .social_icons {
      padding: 10px 0 40px; } }

@media only screen and (max-width: 580px) {
  #foot {
    padding-top: 0px; }
  .inner-foot #mob_footerdiv a.footer-link {
    display: block;
    padding: 14px 0 14px 6%;
    width: 104%;
    background: url("../img/menu-arrow.png") no-repeat 3% 47%;
    color: white;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-left: -2%; }
    .inner-foot #mob_footerdiv a.footer-link:hover {
      text-decoration: none; }
    .inner-foot #mob_footerdiv a.footer-link.active_footer {
      background: url("../img/menu-arrow-down.png") no-repeat 2.5% 58%; }
  .inner-foot #site-footer ul {
    margin-top: 10px;
    margin-bottom: 5px; }
    .inner-foot #site-footer ul.mob_foot_nav {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
      -webkit-column-gap: 10px;
      -moz-column-gap: 10px; }
    .inner-foot #site-footer ul li {
      display: block;
      margin: 0;
      padding: 0;
      border: none;
      line-height: 30px;
      height: 30px;
      font-size: 12px; }
      .inner-foot #site-footer ul li a {
        text-decoration: none; }
  .inner-foot #mob_footer {
    display: none; }
    .inner-foot #mob_footer.active_footer {
      display: block; }
  .inner-foot .large-8 > *, .inner-foot .large-8 #site-footer, .inner-foot .large-8 #sponsor-stripe {
    margin-left: 0; }
  .inner-foot .large-4 > * {
    margin-left: 0; }
  .inner-foot .large-4 .social_icons {
    padding-top: 33px; } }

#site-footer {
  height: auto; }

#wrapper {
  background-color: white;
  overflow: auto; }

#main {
  padding-bottom: 64px; }

#columns {
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden; }

.share-bug {
  position: absolute;
  z-index: 3;
  right: -140px;
  top: 0px;
  background-image: url("/wgbh/nova/img/share-icon.svg");
  width: 31px;
  height: 31px; }
  .share-bug .text {
    font-family: arial, sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    color: #999;
    margin-left: -36px;
    margin-top: 10px; }
  .share-bug #share-choices {
    position: absolute;
    margin: 0 0 0 0px;
    z-index: 2;
    margin-left: -36px;
    height: 31px; }

.pbs_bookmarking_links_div {
  left: -34px !important; }

div.overlay {
  left: 0;
  right: 0;
  top: 110px;
  margin: 0 auto;
  max-width: 90%; }
  div.overlay img {
    width: 100%; }