/*
Theme Name: SSEC Main Theme
Theme URI: http://www.ssec.wisc.edu/
Author: Bill Bellon
Description: SSEC Data Center theme based on the SSEC Project Template
Version: 2.0
*/
@import url(include/css/partials/us_comp_page.css);
* {
  margin: 0; }

html, body {
  height: 100%; }

.sf-wrapper {
  min-height: 100%;
  height: 100%;
  margin: 0 auto -290px;
  /* the bottom margin is the negative value of the footer's height */ }

.sf-footer, .sf-push {
  height: 290px;
  /* .push must be the same height as .footer */ }

@media only screen and (min-width: 600px) {
  .sf-wrapper {
    margin: 0 auto -300px;
    /* the bottom margin is the negative value of the footer's height */ }

  .sf-footer, .sf-push {
    height: 300px;
    /* .push must be the same height as .footer */ } }
/*

!!! This has been modified to use Less so that different selectors can be used !!!

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
/* https://css-tricks.com/snippets/css/clear-fix/ */
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/*
  Responsive / resizable block container that preserves it's aspect ratio.
  Source: https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/
 */
/**
Put an icon within a textbox.

Based on: http://stackoverflow.com/questions/18838964/add-bootstrap-glyphicon-to-input-box/18839305#18839305
 */
body {
  font-size: 16px;
  font-family: "Verlag", "Helvetica Neue", Helvetica, Arial, sans-serif; }

#nav-main, .thumb-section h2, .thumb-section h3, .image-caption {
  text-transform: uppercase; }

#main p {
  line-height: 1.5em; }

#main h2 {
  font-weight: 700 !important; }

#header #nav-main a {
  font-weight: 800 !important; }

#nav-other {
  font-weight: 700 !important; }

body {
  line-height: normal; }

img {
  vertical-align: baseline; }

a :active, a :focus {
  outline: none;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-appearance: none;
  border: none; }
a :active, a :focus, a ::-moz-focus-inner {
  outline: none;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-appearance: none;
  border: none; }

/* MOBILE FIRST THEN MEDIA QUERIES FOR DESKTOP SPECIFIC RULES */
.sf-wrapper {
  display: table;
  min-width: 100%; }

.sf-wrapper > * {
  display: table-row; }

.wrapper {
  display: table; }

p {
  margin-top: 1em;
  margin-bottom: 1em; }

.wrapper {
  width: 90%;
  left: 0;
  right: 0;
  margin-left: auto !important;
  margin-right: auto !important; }
  @media only screen and (min-width: 1140px) {
    .wrapper {
      width: 1026px;
      margin: 0 auto; } }

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

ul.nice_list li {
  margin-bottom: 1em; }

.list-controls {
  margin-bottom: 0;
  background-color: transparent;
  border: none; }
  .list-controls ul.category-filter {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #dadfe1;
    padding: 5px 0 5px 0 !important;
    display: none; }
    @media only screen and (min-width: 600px) {
      .list-controls ul.category-filter {
        display: block; } }
    .list-controls ul.category-filter, .list-controls ul.category-filter ul.category-filter li {
      list-style-type: none;
      margin: 0;
      padding: 0; }
    .list-controls ul.category-filter li {
      display: inline-block;
      white-space: nowrap;
      font-weight: bold;
      font-size: 16px; }
      .list-controls ul.category-filter li:first-child {
        display: block; }
        .list-controls ul.category-filter li:first-child h3 {
          text-align: center;
          font-size: 20px;
          margin-bottom: 0; }
    .list-controls ul.category-filter li.category-delimiter {
      height: 1em;
      width: 6px; }
      .list-controls ul.category-filter li.category-delimiter svg {
        position: relative;
        top: -2px; }
        .list-controls ul.category-filter li.category-delimiter svg > * {
          fill: #333;
          stroke: #ddd;
          stroke-width: 4px; }
    .list-controls ul.category-filter > li.category-delimiter:last-child {
      display: none; }
    .list-controls ul.category-filter a {
      text-decoration: none; }
    .list-controls ul.category-filter .current_cat_link a {
      color: black; }
  .list-controls .category-filter-mobile {
    width: 80%;
    margin: 0 auto 1.5em auto;
    display: block; }
    @media only screen and (min-width: 600px) {
      .list-controls .category-filter-mobile {
        display: none; } }
  .list-controls #expand_collapse_all_buttons {
    font-size: 14px;
    text-align: right;
    white-space: nowrap;
    margin-bottom: 1.5em; }
    .list-controls #expand_collapse_all_buttons #collapse_all {
      display: none; }
    @media only screen and (min-width: 600px) {
      .list-controls #expand_collapse_all_buttons {
        margin-bottom: 5px; }
        .list-controls #expand_collapse_all_buttons #expand_all, .list-controls #expand_collapse_all_buttons #collapse_all {
          display: none; } }
    .list-controls #expand_collapse_all_buttons .arrow {
      font-size: 14px; }
    .list-controls #expand_collapse_all_buttons span {
      color: #214184;
      cursor: pointer; }
  .list-controls .list-search {
    width: 120px; }
    @media only screen and (min-width: 600px) {
      .list-controls .list-search {
        width: auto; } }

hr.divider {
  margin: 0.75em auto 0.75em auto;
  width: 50%;
  border-bottom: solid 2px #214184; }

.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.aligncenter {
  width: 90% !important;
  height: auto !important; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

#header {
  background: #f7f7f7;
  height: 1px; }
  #header a, #header a > img {
    text-decoration: none;
    border: none; }
  #header #nav-other {
    display: none;
    background: #9b0000;
    text-align: right;
    font-size: 14px;
    line-height: 2.2; }
    #header #nav-other .internal-links {
      float: left; }
    #header #nav-other .search-container {
      /* enable absolute positioning */
      /* style icon */
      /* align icon */
      /* add padding  */ }
      #header #nav-other .search-container input {
        font-weight: normal !important;
        padding-left: 5px;
        width: 160px;
        font-size: 14px;
        line-height: 1.25; }
      #header #nav-other .search-container input:focus {
        outline: none; }
      #header #nav-other .search-container .inner-addon {
        position: relative; }
      #header #nav-other .search-container .inner_class {
        height: 24px; }
      #header #nav-other .search-container .inner-addon .glyphicon {
        position: absolute;
        pointer-events: none;
        line-height: 24px; }
      #header #nav-other .search-container .left-addon .glyphicon {
        left: 0;
        padding-left: 10px; }
      #header #nav-other .search-container .right-addon .glyphicon {
        right: 0;
        padding-right: 10px;
        top: 3px; }
      #header #nav-other .search-container .left-addon input {
        padding-left: 30px; }
      #header #nav-other .search-container .right-addon input {
        padding-right: 30px; }
    @media only screen and (min-width: 600px) {
      #header #nav-other {
        display: block; } }
    #header #nav-other ul, #header #nav-other ul li {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    #header #nav-other li {
      margin-left: 1.5em !important;
      display: inline-block; }
    #header #nav-other a {
      color: white;
      text-transform: uppercase; }
      #header #nav-other a:hover {
        text-decoration: underline; }
    #header #nav-other ul {
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      padding-right: 10px; }
      @media only screen and (min-width: 959.47368px) {
        #header #nav-other ul {
          width: 939.47368px;
          padding-right: 0; } }
      @media only screen and (min-width: 1191.05263px) {
        #header #nav-other ul {
          width: 1171.05263px;
          padding-right: 0; } }
      @media only screen and (min-width: 1420px) {
        #header #nav-other ul {
          width: 1400px;
          padding-right: 0; } }
    @media only screen and (max-width: 835px) {
      #header #nav-other li, #header #nav-other .search-container input {
        font-size: 12px; }
      #header #nav-other li.internal-links {
        line-height: 2.5; }
      #header #nav-other .search-container input {
        width: 100px;
        line-height: 1; }
      #header #nav-other .search-container .glyphicon {
        top: -1px; } }
    @media only screen and (max-width: 680px) {
      #header #nav-other li, #header #nav-other .search-container input {
        font-size: 10px; }
      #header #nav-other li.internal-links {
        line-height: 3; }
      #header #nav-other .search-container input {
        width: 80px;
        line-height: 1; }
      #header #nav-other .search-container .glyphicon {
        top: 0 !important; } }
  #header h1 {
    margin: 10px auto;
    display: table;
    width: 1px; }
    #header h1 #ssec-logo-container, #header h1 #title-container {
      float: none;
      display: table-cell;
      white-space: nowrap;
      vertical-align: middle;
      width: 1px; }
    #header h1 #title-container {
      font-size: 0;
      white-space: nowrap;
      padding-left: 17px; }
      #header h1 #title-container #main-title {
        display: block;
        font-size: calc(12px + 1vw);
        color: #214184; }
      #header h1 #title-container #sub-title {
        font-weight: normal;
        font-size: calc(9px + 1vw);
        color: black; }
    #header h1 img#ssec-logo {
      width: 55px;
      max-width: 103px;
      position: relative;
      top: 3px; }
    @media only screen and (min-width: 600px) {
      #header h1 #title-container #main-title {
        font-size: calc(14px + 1vw); }
      #header h1 #title-container #sub-title {
        font-weight: normal;
        font-size: calc(7px + 1vw); }
      #header h1 #title-container {
        padding-left: 20px; }
      #header h1 img#ssec-logo {
        width: calc(70px + 1vw);
        top: 3px; } }
    @media only screen and (min-width: 620px) {
      #header h1 #title-container span {
        font-size: 28px; }
        #header h1 #title-container span:first-child + span {
          font-size: 22px; } }
  #header #mobile-menu-search {
    background-color: #9b0000;
    color: white; }
    #header #mobile-menu-search .wrapper > * {
      display: inline-block; }
    #header #mobile-menu-search .wrapper > * {
      float: left; }
    #header #mobile-menu-search .wrapper > * + * {
      float: right; }
    #header #mobile-menu-search .wrapper #search-icon-mobile {
      height: 24px;
      margin-top: 12px; }
    #header #mobile-menu-search #mobile-search-container {
      display: none;
      height: 2.25em; }
      #header #mobile-menu-search #mobile-search-container input {
        width: 100%;
        margin-bottom: 10px;
        color: black; }
    #header #mobile-menu-search #mobile-search-container.visible-mobile-search {
      display: block; }
    #header #mobile-menu-search #search-icon-mobile.visible-mobile-search {
      -ms-transform: rotate(-90deg);
      /* IE 9 */
      -webkit-transform: rotate(-90deg);
      /* Chrome, Safari, Opera */
      transform: rotate(-90deg); }
    @media only screen and (min-width: 600px) {
      #header #mobile-menu-search {
        display: none; } }
  #header .nav-menu {
    clear: both;
    background-color: #272727; }
    #header .nav-menu#nav-page {
      background: none;
      margin: 0;
      padding: 0; }
      #header .nav-menu#nav-page ul {
        background: #eee;
        border: solid 1px #e6e6e6;
        border-left: none;
        border-right: none;
        margin: 0;
        margin-top: -1px;
        padding: 4px 0 4px 0; }
    #header .nav-menu a {
      font-weight: bold;
      color: white; }
    #header .nav-menu ul, #header .nav-menu ul li {
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: block;
      text-align: center; }
    #header .nav-menu ul {
      padding-top: 1em;
      padding-bottom: 0.5em; }
    #header .nav-menu ul li {
      padding-bottom: 0.5em;
      margin-bottom: 2em; }
    #header .nav-menu #nav-other-mobile-only-top-border {
      border-top: solid 1px white; }
    @media only screen and (min-width: 600px) {
      #header .nav-menu {
        box-shadow: none;
        border: none;
        background-image: url(/wordpress/wp-content/themes/ssec_main/include/img/nav-main-border-top.png);
        background-repeat: repeat-x;
        background-position: top center;
        padding-top: 8px;
        margin-top: -6px;
        background-color: transparent; }
        #header .nav-menu ul {
          margin-top: -2px !important; }
          #header .nav-menu ul li {
            padding-top: 4px !important; }
        #header .nav-menu ul li {
          margin-bottom: 0; }
        #header .nav-menu ul > li a, #header .nav-menu ul > li.current_nav_link a {
          border-bottom: solid 2px transparent; }
        #header .nav-menu ul > li:hover a, #header .nav-menu ul > li.current_nav_link a {
          border-bottom-color: #9b0000 !important; }
        #header .nav-menu ul > li.has_children {
          background-color: #eee; }
          #header .nav-menu ul > li.has_children a:hover {
            border-bottom-color: #9b0000 !important; }
        #header .nav-menu a {
          box-sizing: border-box;
          color: #9b0000;
          font-size: 14px;
          display: inline-block; }
        #header .nav-menu ul, #header .nav-menu ul li {
          margin: 0;
          padding: 0 1vw 0 1vw;
          list-style-type: none; }
        #header .nav-menu ul li {
          padding-top: 3px;
          padding-bottom: 3px; }
        #header .nav-menu ul {
          display: -webkit-flex;
          display: flex;
          justify-content: space-between; }
        #header .nav-menu li {
          vertical-align: middle;
          text-align: center; }
        #header .nav-menu li.nav-other-mobile-only {
          display: none; } }
  #header .alt-format-debug {
    padding-bottom: 4px; }
    #header .alt-format-debug#nav-page ul {
      background: none;
      border: none;
      border-top: solid 1px #ccc; }
    @media only screen and (min-width: 600px) {
      #header .alt-format-debug ul > li.has_children {
        background: none; }
        #header .alt-format-debug ul > li.has_children a {
          border-bottom-color: #9b0000 !important; } }
  #header #mobile-menu-button {
    width: calc(40px + 50px);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 45px;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    display: table;
    border: none;
    background-color: transparent;
    outline: none;
    padding: 0;
    margin-top: 5px; }
    #header #mobile-menu-button span {
      display: table-cell;
      vertical-align: middle;
      text-align: left;
      padding-right: 5px;
      font-size: 16px; }
    #header #mobile-menu-button span + span {
      text-align: right;
      padding-right: 0; }
    #header #mobile-menu-button svg {
      width: 40px;
      height: 45px; }
      #header #mobile-menu-button svg rect {
        fill: white; }
  #header #mobile-menu-button.visible-mobile-menu {
    -ms-transform: rotate(90deg) scale(0.8, 1);
    /* IE 9 */
    -webkit-transform: rotate(90deg) scale(0.8, 1);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg) scale(0.8, 1);
    position: relative;
    top: 17px;
    right: -22px; }
    #header #mobile-menu-button.visible-mobile-menu #mobile-menu-button-text {
      display: none; }
  #header #nav-main {
    display: none;
    width: 100%; }
    @media only screen and (min-width: 600px) {
      #header #nav-main {
        display: block; } }
  #header #nav-main.visible-mobile-menu {
    display: block; }
  #header .internal-links.nav-other-mobile-only {
    margin-top: 1em !important;
    padding-top: 1em !important;
    border-top: solid 1px #eee;
    float: none; }

@media only screen and (min-width: 600px) {
  .no-flexbox #nav-main ul {
    display: table !important; }
  .no-flexbox #nav-main li {
    display: table-cell !important; } }
.small_main_menu {
  justify-content: flex-start !important; }

#main {
  background: #f7f7f7; }
  #main #news_events {
    border-top: solid 1px #777;
    padding-top: 0; }
    #main #news_events a {
      text-decoration: none; }
  #main .thumb-section {
    padding-bottom: 2.1em; }
    #main .thumb-section h2 {
      font-size: 35px;
      text-align: center;
      margin: 1em 0 1em 0;
      padding: 0.3em auto;
      font-weight: 800 !important; }
    #main .thumb-section a {
      color: #9b0000;
      text-decoration: none; }
      #main .thumb-section a:hover {
        text-decoration: underline; }
    #main .thumb-section li {
      border: solid 2px transparent !important; }
      #main .thumb-section li:hover {
        border: solid 2px #045575 !important; }
  #main .thumbnail-fix {
    visibility: hidden; }
  #main #research {
    background-color: #dadfe1; }
    #main #research .responsive-thumb-gallery {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none;
      text-align: center;
      font-size: 0; }
      #main #research .responsive-thumb-gallery li {
        padding: 0;
        display: inline-block;
        width: 23%;
        margin-top: 1%;
        margin-right: 1%;
        margin-bottom: 50px;
        margin-left: 1%;
        min-width: 140px; }
        #main #research .responsive-thumb-gallery li a {
          display: block;
          position: relative;
          text-decoration: none; }
        #main #research .responsive-thumb-gallery li img {
          max-width: 100%;
          border: none; }
        #main #research .responsive-thumb-gallery li .image-caption {
          font-size: 16px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(80, 80, 80, 0.7);
          padding: 5px;
          color: white;
          overflow: hidden; }
  #main #data_imagery {
    background-color: #f7f7f7; }
    #main #data_imagery .responsive-thumb-gallery {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none;
      text-align: center;
      font-size: 0; }
      #main #data_imagery .responsive-thumb-gallery li {
        padding: 0;
        display: inline-block;
        width: 23%;
        margin-top: 1%;
        margin-right: 1%;
        margin-bottom: 50px;
        margin-left: 1%;
        min-width: 140px; }
        #main #data_imagery .responsive-thumb-gallery li a {
          display: block;
          position: relative;
          text-decoration: none; }
        #main #data_imagery .responsive-thumb-gallery li img {
          max-width: 100%;
          border: none; }
        #main #data_imagery .responsive-thumb-gallery li .image-caption {
          font-size: 16px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(80, 80, 80, 0.7);
          padding: 5px;
          color: white;
          overflow: hidden; }
  #main #software {
    background-color: #dadfe1; }
    #main #software .responsive-thumb-gallery {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none;
      text-align: center;
      font-size: 0; }
      #main #software .responsive-thumb-gallery li {
        padding: 0;
        display: inline-block;
        width: 23%;
        margin-top: 1%;
        margin-right: 1%;
        margin-bottom: 50px;
        margin-left: 1%;
        min-width: 140px; }
        #main #software .responsive-thumb-gallery li a {
          display: block;
          position: relative;
          text-decoration: none; }
        #main #software .responsive-thumb-gallery li img {
          max-width: 100%;
          border: none; }
        #main #software .responsive-thumb-gallery li .image-caption {
          font-size: 16px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(80, 80, 80, 0.7);
          padding: 5px;
          color: white;
          overflow: hidden; }
  #main #education {
    background-color: #f7f7f7; }
    #main #education .responsive-thumb-gallery {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none;
      text-align: center;
      font-size: 0; }
      #main #education .responsive-thumb-gallery li {
        padding: 0;
        display: inline-block;
        width: 23%;
        margin-top: 1%;
        margin-right: 1%;
        margin-bottom: 50px;
        margin-left: 1%;
        min-width: 140px; }
        #main #education .responsive-thumb-gallery li a {
          display: block;
          position: relative;
          text-decoration: none; }
        #main #education .responsive-thumb-gallery li img {
          max-width: 100%;
          border: none; }
        #main #education .responsive-thumb-gallery li .image-caption {
          font-size: 16px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(80, 80, 80, 0.7);
          padding: 5px;
          color: white;
          overflow: hidden; }
  @media only screen and (max-width: 753px) {
    #main #research .responsive-thumb-gallery, #main #data_imagery .responsive-thumb-gallery, #main #software .responsive-thumb-gallery, #main #education .responsive-thumb-gallery {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none;
      text-align: center;
      font-size: 0; }
      #main #research .responsive-thumb-gallery li, #main #data_imagery .responsive-thumb-gallery li, #main #software .responsive-thumb-gallery li, #main #education .responsive-thumb-gallery li {
        padding: 0;
        display: inline-block;
        width: 46%;
        margin-top: 2%;
        margin-right: 2%;
        margin-bottom: 50px;
        margin-left: 2%;
        min-width: 140px; }
        #main #research .responsive-thumb-gallery li a, #main #data_imagery .responsive-thumb-gallery li a, #main #software .responsive-thumb-gallery li a, #main #education .responsive-thumb-gallery li a {
          display: block;
          position: relative;
          text-decoration: none; }
        #main #research .responsive-thumb-gallery li img, #main #data_imagery .responsive-thumb-gallery li img, #main #software .responsive-thumb-gallery li img, #main #education .responsive-thumb-gallery li img {
          max-width: 100%;
          border: none; }
        #main #research .responsive-thumb-gallery li .image-caption, #main #data_imagery .responsive-thumb-gallery li .image-caption, #main #software .responsive-thumb-gallery li .image-caption, #main #education .responsive-thumb-gallery li .image-caption {
          font-size: 16px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(80, 80, 80, 0.7);
          padding: 5px;
          color: white;
          overflow: hidden; } }

/**
README:
IMPROVE - DOCUMENT HOW ALL OF THIS WORKS
 */
#news-carousel ul, #news-carousel li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block; }

#news-carousel {
  background-color: #272727;
  font-size: 0;
  /* collapse white space */
  position: relative;
  border: none; }
  #news-carousel #carousel-inner-shadow {
    display: none; }
  #news-carousel ul.stories li {
    display: none; }
    #news-carousel ul.stories li:first-child {
      display: block; }
  #news-carousel .news-carousel-background {
    display: none; }
  #news-carousel .news-carousel-image {
    width: 100%;
    height: auto;
    display: block; }
  #news-carousel .carousel-image-caption {
    margin: auto;
    color: black;
    z-index: 103;
    font-size: 20px;
    text-align: center; }
    #news-carousel .carousel-image-caption a {
      color: #bfbfbf; }
      #news-carousel .carousel-image-caption a:hover * {
        color: white;
        text-decoration: underline; }
    #news-carousel .carousel-image-caption h2 {
      font-size: 26px;
      text-transform: none;
      margin-bottom: 0;
      padding: 10px 0 10px 0; }
    #news-carousel .carousel-image-caption p {
      margin-top: 0;
      display: none; }
  @media only screen and (min-width: 600px) {
    #news-carousel {
      padding-bottom: 0; }
      #news-carousel .news-carousel-image {
        display: block; }
      #news-carousel .news-carousel-image-mobile-version {
        display: none; }
      #news-carousel #carousel-inner-shadow {
        display: block;
        width: auto;
        /* width will be set via JavaScript */
        height: 220px;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 102; }
        #news-carousel #carousel-inner-shadow div {
          box-shadow: inset 0px -133px 70px 0px rgba(0, 0, 0, 0.75);
          position: absolute;
          left: -25%;
          width: 200%;
          height: 400px; }
      #news-carousel #carousel-inner-shadow div {
        bottom: -50px; }
      #news-carousel .carousel-image-caption {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 50px; }
        #news-carousel .carousel-image-caption a {
          color: white; }
          #news-carousel .carousel-image-caption a:hover * {
            color: white; }
      #news-carousel .carousel-image-caption h2 {
        margin-bottom: -7px; } }
  @media only screen and (min-width: 768px) {
    #news-carousel .carousel-image-caption p {
      display: block; }
    #news-carousel .carousel-image-caption h2 {
      margin-bottom: 0; }
    #news-carousel #carousel-inner-shadow div {
      bottom: 0; } }
  @media only screen and (min-width: 959.47368px) {
    #news-carousel ul.stories li {
      background-color: #f9f9f9; }
    #news-carousel .news-carousel-background {
      display: block;
      overflow: hidden;
      width: 100%; }
      #news-carousel .news-carousel-background img {
        width: 175%;
        margin-left: -32.5%;
        opacity: 0.2;
        -webkit-filter: blur(7px);
        /* Safari 6.0 - 9.0 */
        filter: blur(5px); }
    #news-carousel .news-carousel-image {
      width: auto;
      height: 100%; }
    #news-carousel .news-carousel-image, #news-carousel .news-carousel-background {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      padding: 0; }
    #news-carousel .news-carousel-image {
      z-index: 101; }
    #news-carousel .news-carousel-background {
      z-index: 100; }
    #news-carousel {
      height: 357px; } }
  @media only screen and (min-width: 1191.05263px) {
    #news-carousel {
      height: 445px; } }
  @media only screen and (min-width: 1420px) {
    #news-carousel {
      height: 532px; } }
  #news-carousel button {
    border: none;
    padding: 0;
    background-color: transparent; }
    #news-carousel button svg {
      height: 100%;
      width: 100%; }
  #news-carousel button.arrow {
    padding: 0;
    font-size: 0;
    position: absolute;
    opacity: 0.8;
    right: 10px;
    height: 40px;
    width: 40px;
    z-index: 104;
    top: 50%;
    bottom: auto;
    margin-top: -54px;
    display: inline-block; }
    #news-carousel button.arrow:hover {
      cursor: pointer; }
    #news-carousel button.arrow:hover svg .cls-1 {
      fill: #214083; }
    #news-carousel button.arrow:hover svg .cls-2 {
      fill: white; }
    @media only screen and (min-width: 600px) {
      #news-carousel button.arrow {
        display: none; } }
  #news-carousel:hover button.arrow {
    display: block; }
  #news-carousel button.left-arrow {
    transform: rotate(180deg);
    left: 10px; }
  #news-carousel .nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 104;
    width: 100%;
    text-align: center; }
  #news-carousel .nav ul {
    width: auto;
    margin: 0 auto;
    padding: 10px 0; }
    #news-carousel .nav ul li {
      height: 34px;
      padding: 10px 15px;
      display: inline-block;
      text-align: center;
      vertical-align: middle; }
    #news-carousel .nav ul button.nav-button {
      height: 14px;
      width: 15.6087px; }
      #news-carousel .nav ul button.nav-button svg > * {
        fill: transparent;
        stroke: #ddd;
        stroke-width: 4px; }
    #news-carousel .nav ul li:hover {
      cursor: pointer; }
      #news-carousel .nav ul li:hover button.nav-button {
        cursor: pointer; }
    #news-carousel .nav ul li:hover button.nav-button svg > *, #news-carousel .nav ul li.current button.nav-button svg > * {
      fill: white;
      stroke: white; }
  #news-carousel .nav ul {
    display: none; }
  @media only screen and (min-width: 600px) {
    #news-carousel {
      margin-bottom: 0; }
      #news-carousel .nav ul {
        display: block; } }

#footer {
  background: #272727;
  position: relative;
  font-size: 18px;
  text-align: center; }
  #footer, #footer a {
    color: #bfbfbf;
    text-decoration: none; }
  #footer a:hover {
    color: white !important; }
  #footer .wrapper, #footer #footer-container-2 > div {
    height: 100%; }
  #footer .wrapper > div {
    padding-top: 20px; }
  #footer #footer-container-2 {
    display: none; }
  #footer .vertically-align-links {
    display: inline-block;
    text-align: left; }
  #footer #contact-links {
    margin-bottom: 1em; }
    #footer #contact-links a {
      display: inline-block;
      margin-right: 1em; }
    #footer #contact-links svg {
      width: 28px;
      height: 22px;
      position: relative;
      right: -2px;
      bottom: -2px; }
      #footer #contact-links svg .contact-links-path {
        fill: #adadad; }
    #footer #contact-links svg#contact-us-icon .contact-links-path {
      stroke: #272727;
      stroke-width: 66px;
      fill-rule: evenodd; }
    #footer #contact-links a:hover .contact-links-path {
      fill: white; }
  #footer #address-container {
    display: none; }
  #footer #social-media-icons {
    margin-top: 30px; }
    #footer #social-media-icons a {
      display: inline-block;
      margin-right: 20px; }
    #footer #social-media-icons > a:last-child {
      margin-right: 0; }
    #footer #social-media-icons img, #footer #social-media-icons svg {
      width: 30px;
      height: 30px; }
      #footer #social-media-icons img .svg-circle, #footer #social-media-icons svg .svg-circle {
        fill: #adadad; }
      #footer #social-media-icons img .svg-path, #footer #social-media-icons svg .svg-path {
        fill: #272727; }
      #footer #social-media-icons img:hover .svg-circle, #footer #social-media-icons svg:hover .svg-circle {
        fill: white; }
  @media only screen and (min-width: 600px) {
    #footer .vertically-align-links {
      width: 5.5em; }
    #footer #social-media-icons {
      margin-top: 0; }
      #footer #social-media-icons a {
        margin-right: 10px; }
    #footer .wrapper > div > *:first-child {
      margin-top: -20px; }
    #footer #footer-container-1 > * {
      position: relative;
      top: -20px; }
    #footer .wrapper, #footer #footer-container-2 > div {
      display: table; }
    #footer #footer-container-2 > div {
      width: 100%; }
    #footer .wrapper > div {
      padding-top: 10px;
      width: 33%; }
    #footer .wrapper > div, #footer #footer-container-2, #footer #footer-container-2 ul {
      display: table-cell;
      vertical-align: middle; }
    #footer #footer-container-1 {
      vertical-align: middle;
      text-align: left;
      position: relative; }
    #footer #footer-container-2 {
      text-align: center; }
      #footer #footer-container-2 ul, #footer #footer-container-2 li {
        list-style-type: none;
        margin: 0;
        padding: 0; }
      #footer #footer-container-2 li {
        text-align: left;
        white-space: nowrap;
        margin-bottom: 20px; }
      #footer #footer-container-2 ul:first-child {
        padding-right: 20px; }
    #footer #footer-container-3 #contact-links {
      margin-bottom: 1em; }
      #footer #footer-container-3 #contact-links a {
        display: block;
        margin-right: 0;
        margin-bottom: 1.5em; }
    #footer #address-container {
      font-size: 15px !important;
      position: absolute;
      top: 252px;
      left: 0;
      margin: 0;
      text-align: center;
      height: auto;
      display: block;
      white-space: nowrap;
      width: auto; }
      #footer #address-container address {
        overflow: hidden;
        display: inline-block;
        text-align: left; }
    #footer .separator {
      font-size: 30px;
      line-height: 12px;
      position: relative;
      bottom: -5px; } }
  #footer #uw-logo svg#uw-logo-svg path {
    fill: #adadad; }
  #footer #uw-logo:hover svg#uw-logo-svg path {
    fill: white; }
  @media only screen and (min-width: 600px) {
    #footer #uw-logo {
      margin-top: 0; } }
  #footer #uw-logo, #footer #uw-logo svg#uw-logo-svg {
    width: 180px; }
    @media only screen and (min-width: 600px) {
      #footer #uw-logo, #footer #uw-logo svg#uw-logo-svg {
        width: 23vw; } }
    @media only screen and (min-width: 704px) {
      #footer #uw-logo, #footer #uw-logo svg#uw-logo-svg {
        width: 180px; } }

.secondary-page-content {
  font-size: 19px;
  margin-bottom: 1.5em;
  display: table; }
  .secondary-page-content a {
    color: #0479a8; }
    .secondary-page-content a:hover {
      color: #036890; }
  .secondary-page-content h2 {
    margin-top: 1em; }
  .secondary-page-content h3 {
    font-size: 19px; }
  .secondary-page-content h2, .secondary-page-content h3, .secondary-page-content h4 {
    margin-bottom: 0.5em; }
  .secondary-page-content .column-container {
    width: 100%;
    display: block; }
  .secondary-page-content .content-column {
    display: block;
    vertical-align: top;
    text-align: left; }
  .secondary-page-content .sidebar-container {
    min-width: 100%;
    width: auto; }
    .secondary-page-content .sidebar-container .sidebar {
      width: auto;
      margin: 1em 0 0 0;
      padding: 15px;
      border: solid 1px #ccc;
      border-bottom: solid 4px #c5050c; }
      .secondary-page-content .sidebar-container .sidebar ul, .secondary-page-content .sidebar-container .sidebar li {
        margin: 0;
        padding: 0;
        list-style-type: none; }
      .secondary-page-content .sidebar-container .sidebar li {
        margin-bottom: 1em; }
      .secondary-page-content .sidebar-container .sidebar h3 {
        margin-top: 0;
        margin-bottom: 1em; }
        .secondary-page-content .sidebar-container .sidebar h3 > * {
          margin-top: 0;
          padding-top: 0; }
  .secondary-page-content .hero-image {
    width: 100%; }
  .secondary-page-content .hero-image-caption {
    text-align: right;
    font-size: 14px; }
  @media only screen and (min-width: 768px) {
    .secondary-page-content .column-container {
      display: table; }
    .secondary-page-content .content-column {
      display: table-cell; }
    .secondary-page-content .sidebar-container {
      min-width: 280px;
      width: 25%; }
      .secondary-page-content .sidebar-container .sidebar {
        min-height: 300px;
        margin: 0 0 0 40px; } }

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