/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}
@charset "UTF-8";
/* Responsive settings */
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,700");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

html, body {
  height: 100%; }

body {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
  color: #444;
  /* Updated to be the same dark gray used in _colors.scss */ }

h1, h2, h3, h4, h5 {
  border-bottom: 0px;
  padding: 0;
  font-weight: 600; }

h1 {
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -3px; }
  @media screen and (max-width: 768px) {
    h1 {
      font-size: 36px;
      line-height: 48px;
      letter-spacing: -1px; } }
h2 {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -1px; }

h1, h2 {
  margin-bottom: 24px; }

h3 {
  font-size: 24px;
  line-height: 32px; }

h4 {
  color: #999;
  /* Same as med-gray or .mute class */ }

p {
  margin-bottom: 1rem; }

img {
  border: none; }

.font-sm {
  font-size: 0.8; }

.font-med {
  font-size: 1.0; }

.font-lg {
  font-size: 1.2; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.float-right, .right {
  float: right; }

.float-left, .left {
  float: left; }

.clearfix {
  clear: both; }

.bold {
  font-weight: bold; }

.narrow {
  font-weight: 300; }

.font-normal {
  font-weight: normal; }

.justify-content-center {
  justify-content: center !important; }

.margin-top-1rem {
  margin-top: 1rem; }

.margin-bottom-1rem {
  margin-bottom: 1rem; }

.margin-bot-2rem {
  margin-bottom: 2rem; }

.margin-top-2rem {
  margin-top: 2rem; }

ul.list-inline {
  list-style: none; }
  ul.list-inline li {
    display: inline;
    list-style-type: none;
    margin-right: 1rem; }
    ul.list-inline li:last-of-type {
      margin-right: 0; }

ul.list-divide li:after {
  content: "•";
  /* Insert content that looks like bullets */
  padding-left: 1rem; }

ul.list-divide li:last-of-type:after {
  content: "";
  padding-left: 0; }

#powerTip {
  font-size: 0.7rem;
  padding: .25rem .5rem;
  line-height: 1rem;
  font-weight: bold;
  font-family: sans-serif; }

/* Default horizontal nav */
.nav {
  list-style: none;
  font-weight: bold;
  margin: 0;
  padding: 0;
  display: flex;
  /* Filter style nav used on Tools, Elearning pages */ }
  .nav.nav-filter {
    margin-bottom: 3rem;
    border-radius: 4px;
    box-shadow: 0 2px 12px 6px rgba(0, 0, 0, 0.025); }
    .nav.nav-filter a {
      line-height: 1rem;
      padding: .5rem 1rem;
      transition: all 0.3s ease-in-out; }
  .nav li.top-nav-link-dropdown > a:after {
    font-family: FontAwesome;
    content: "\f0d7";
    font-size: 0.7rem;
    opacity: 0.5;
    padding-left: .5rem;
    height: 1rem;
    width: 1rem; }
  .nav li a {
    display: block;
    padding: .475rem 1.5rem;
    line-height: 3rem;
    text-decoration: none; }
    @media screen and (max-width: 992px) {
      .nav li a {
        padding: .475rem 1rem; } }
  .nav li.nav-filter-item {
    border: 1px solid #f1f1f1;
    background: #fafafa;
    text-align: center;
    border-right: none;
    flex: 1;
    /*active link state on nav-filter items */ }
    .nav li.nav-filter-item a {
      color: #444;
      padding-top: 1rem; }
      .nav li.nav-filter-item a:hover {
        cursor: pointer; }
      .nav li.nav-filter-item a i {
        color: #cccccc;
        font-size: 1.75rem; }
      .nav li.nav-filter-item a h5 {
        color: #666;
        margin-top: .75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 3rem;
        font-size: .9rem;
        overflow: hidden; }
      @media (max-width: 1200px) {
        .nav li.nav-filter-item a {
          padding-left: .5rem;
          padding-right: .5rem; }
          .nav li.nav-filter-item a h5 {
            font-size: .7rem;
            height: 2rem;
            text-align: left; } }
    .nav li.nav-filter-item a.matched {
      color: #139e39;
      background: #fff; }
      .nav li.nav-filter-item a.matched i {
        color: #139e39;
        text-shadow: -1px 1px 3px rgba(40, 132, 38, 0.3); }
      .nav li.nav-filter-item a.matched h5 {
        color: #444; }
    .nav li.nav-filter-item:last-of-type {
      border-right: 1px solid #f1f1f1;
      border-radius: 0 4px 4px 0; }
    .nav li.nav-filter-item:first-of-type {
      border-radius: 4px 0 0 4px; }

/* Add opacity to cards without .matched class on their container */
.matched-container .card-wrap {
  transition: opacity 0.5s ease-out;
  opacity: 0.2;
  order: 2;
  box-shadow: 0; }

.matched-container .card-wrap.matched {
  opacity: 1;
  height: auto;
  order: 1; }

/*--- Dropdown Menu ---*/
.nav ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 5rem 3rem;
  border-bottom: 1px solid #ccc;
  box-shadow: 4px 7px 34px rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
  list-style: none;
  position: absolute;
  z-index: 9;
  width: 100%;
  left: 0;
  right: 0;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }

@media (hover: hover) {
  .nav li:hover ul, .nav li:focus ul, .nav li:active ul {
    /* Display the dropdown on hover */
    visibility: visible;
    /* shows sub-menu */
    opacity: 1;
    z-index: 9;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.1s;
    /* this removes the transition delay so the menu will be visible while the other styles transition */ }
    .nav li:hover ulli a:hover, .nav li:focus ulli a:hover, .nav li:active ulli a:hover {
      /* Here we define the most explicit hover states--what happens when you hover each individual link. */
      background-color: #f1f1f1; } }

.nav .top-nav-link-dropdown ul.visible {
  visibility: visible;
  opacity: 1;
  z-index: 9;
  transform: translateY(0%);
  transition: none; }

/* Top Navigation Bar */
.top-nav {
  display: block;
  width: 100%;
  height: 4rem;
  background-color: #202B7D;
  color: #fff;
  border-bottom: 1px solid #1e2660; }
  .top-nav .nav {
    /*align navbar links to right of page*/
    justify-content: flex-end;
    /*Set active state to top level link on hover */
    /* Set dropdown menu items to display inline as 'cards'*/
    /* Submenu hierarchies should not display as cards */
    /* Icons within sub-nav should be enlarged to follow design */ }
    .top-nav .nav a {
      color: #fff; }
    .top-nav .nav > li:hover > a, .top-nav .nav > li:hover {
      background: #1e2660;
      color: #fff;
      text-decoration: none; }
    .top-nav .nav > li > ul > li {
      padding-top: 1px;
      /* Introducing a padding between the li and the a give the illusion spaced items */
      text-align: center;
      flex: 1;
      max-width: 20rem;
      /* This is the View All button in top nav which uses
            primary color as big, is smaller, no icon. Will want
            to work into Wagtail next, currently added via HTML link 
            for testing */ }
      .top-nav .nav > li > ul > li.block-html {
        max-width: 100%;
        width: 100%;
        flex: 2 100%;
        margin-top: 2rem; }
        .top-nav .nav > li > ul > li.block-html div {
          display: flex;
          justify-content: center; }
          .top-nav .nav > li > ul > li.block-html div a {
            flex: 1;
            max-width: 15rem;
            background: #139e39;
            color: #fff;
            padding: .5rem 1rem;
            border-color: transparent; }
            .top-nav .nav > li > ul > li.block-html div a:hover {
              background: #077024;
              color: #fff;
              border-color: transparent; }
            .top-nav .nav > li > ul > li.block-html div a i {
              font-size: 1rem;
              display: inline-block;
              width: auto; }
      .top-nav .nav > li > ul > li > div {
        width: 100%;
        height: 100%; }
        .top-nav .nav > li > ul > li > div > a {
          padding: 1.5rem .5rem;
          margin-left: 1rem;
          border: 1px solid #f1f1f1;
          background-color: #fff;
          border-radius: 4px;
          box-shadow: -2px 1px 7px rgba(0, 0, 0, 0.05);
          line-height: 1.25rem;
          color: #139e39;
          display: flex;
          justify-content: center;
          flex-direction: column;
          text-align: center;
          height: 100%; }
          .top-nav .nav > li > ul > li > div > a i {
            font-size: 2rem;
            margin-bottom: 1rem; }
          .top-nav .nav > li > ul > li > div > a:hover {
            text-decoration: none;
            box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
            color: #077024; }
          .top-nav .nav > li > ul > li > div > a:last-of-type {
            margin-right: 1rem; }
    .top-nav .nav .block-hierarchy_block {
      border-left: 1px solid #139e39;
      padding-left: 3em; }
      .top-nav .nav .block-hierarchy_block > div > a {
        all: initial;
        color: #139e39;
        text-align: left;
        font-size: 1.25em;
        font-weight: 800;
        padding-left: 2em; }
      .top-nav .nav .block-hierarchy_block .showall div a {
        padding-top: .85em; }
      .top-nav .nav .block-hierarchy_block ul {
        all: initial; }
        .top-nav .nav .block-hierarchy_block ul li {
          all: initial;
          text-align: left; }
          .top-nav .nav .block-hierarchy_block ul li div a:hover {
            border-color: initial;
            color: #139e39; }
          .top-nav .nav .block-hierarchy_block ul li div a:link, .top-nav .nav .block-hierarchy_block ul li div a:visited {
            text-decoration: underline; }
      .top-nav .nav .block-hierarchy_block a {
        color: #139e39;
        line-height: initial;
        padding: initial;
        border: initial; }

.slicknav_menu {
  display: none; }

@media screen and (max-width: 1199px) {
  /* Horizontal Scrolling Menu for mobile resolutions*/
  .scroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .scroll.nav-filter > .nav-filter-item {
      min-width: 140px; } }

@media screen and (max-width: 1199px) and (max-width: 767px) {
  /* #menu is the original menu */
  .js .top-nav {
    display: none; }
  .js .slicknav_menu {
    display: block;
    top: 0px;
    position: relative;
    width: 100%;
    z-index: 4;
    padding: 0;
    background: #202B7D;
    border-bottom: 1px solid #1e2660; }
    .js .slicknav_menu .logo-group {
      height: 3rem; }
      .js .slicknav_menu .logo-group li {
        height: 3rem; }
        .js .slicknav_menu .logo-group li a {
          padding-top: 0; }
          .js .slicknav_menu .logo-group li a img {
            height: 3rem;
            padding: .5rem; }
    .js .slicknav_menu .slicknav_nav {
      border-top: 1px solid #1e2660;
      font-size: 1rem;
      background: #fff; }
      .js .slicknav_menu .slicknav_nav li {
        padding: .5rem 0;
        border-top: 1px solid #1e2660; }
        .js .slicknav_menu .slicknav_nav li:first-of-type {
          border-top: none; }
        .js .slicknav_menu .slicknav_nav li a {
          color: #202B7D; }
          .js .slicknav_menu .slicknav_nav li a:focus {
            background: #f1f1f1; } }
      @media screen and (max-width: 1199px) and (max-width: 767px) and (max-width: 767px) {
        .js .slicknav_menu .slicknav_nav li {
          padding: 0.25rem 0; } }
@media screen and (max-width: 1199px) and (max-width: 767px) {
    .js .slicknav_menu .slicknav_btn {
      margin-top: 7px;
      background: #1e2660; }
  /* NASA Top Bar, needs to be moved above Slicknav */
  .th-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4; } }

@media screen and (max-width: 1199px) {
  .th-wrapper {
    overflow: hidden; }
    .th-wrapper header {
      overflow: hidden; }
  .nav-search.show {
    box-shadow: 1px 6px 3px rgba(0, 0, 0, 0.3); } }
  @media screen and (max-width: 1199px) and (max-width: 767px) {
    .nav-search.show {
      position: relative;
      top: 0;
      padding: 0.5rem; }
      .nav-search.show h3 {
        font-size: 18px; } }
.search-btn {
  border-left: 1px solid #1e2660; }
  .search-btn a {
    padding-left: 2rem;
    padding-right: 2rem; }
    @media screen and (max-width: 767px) {
      .search-btn a {
        padding-left: 1rem;
        padding-right: 1rem; } }
  @media (max-width: 767px) {
    .search-btn {
      border-left: none; } }
.search-btn i {
  font-size: 1.5rem; }
  @media screen and (max-width: 767px) {
    .search-btn i {
      font-size: 1rem; } }
.nav-search {
  z-index: 999;
  background: #fff;
  color: #333;
  display: block;
  width: 100%;
  position: absolute;
  right: 0;
  padding: 3rem 0;
  box-shadow: 4px 7px 34px rgba(0, 0, 0, 0.3);
  line-height: 30px; }

.nav-search h3 {
  margin: 0;
  margin-bottom: 1em; }

.nav-search form {
  text-align: left;
  margin: 0; }

.nav-search.hide {
  display: none; }

.logo-group {
  height: 4rem;
  padding: 0;
  padding-left: .5rem;
  float: left;
  list-style-type: none; }
  .logo-group li a {
    border: none;
    display: block;
    padding-top: .5rem; }
  .logo-group img {
    border: none;
    margin: 0 auto;
    line-height: 3rem;
    height: 3rem;
    padding: .5rem; }
  .logo-group li {
    height: 4rem;
    width: auto;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #1e2660; }
    .logo-group li:first-of-type {
      padding-left: 0; }