:root {
  --color-background: #ffffff;
  --color-title: #177ca3;
  --color-text: #01313c;
  --color-link: #397b9f;
  --color-link-hover: #fab216;
  --color-button-background: #397b9f;
  --color-button-border: #397b9f;
  --color-button-text: #ffffff;
  --color-topbar-background: #ffffff;
  --color-topbar-link: #00313c;
  --color-topbar-link-hover: #00313c;
  --color-header-background: #ffffff;
  --color-header-link: #00313c;
  --color-header-link-hover: #d29f00;
  --color-header-menu-hover: #ffffff;
  --color-header-submenu: #277b9f;
  --color-header-submenu-hover: #ffffff;
  --color-header-submenu-link: #ffffff;
  --color-header-submenu-link-hover: #d29f00;
  --color-footer-background: #177ca3;
  --color-footer-text: #ffffff;
  --color-footer-title: #ffffff;
  --color-footer-link: #ffffff;
  --color-footer-link-hover: #ffffff;
  --color-megamenu-background: #ffffff;
  --color-megamenu-title: #ffffff;
  --color-megamenu-text: #000000;
  --color-megamenu-link: #1a4a7a;
  --color-megamenu-link-hover: #d29f00;
  --color-megamenu-link-bg: #ffffff;
  --color-megamenu-link-bg-hover: #ffffff;
  --color-megamenu-sublink: #1a4a7a;
  --color-megamenu-sublink-hover: #d29f00;
  --color-hero-background: #177ca3;
  --color-hero-title: #ffffff;
  --color-hero-text: #ffffff;
  --color-grid-background: #c4820e;
  --color-grid-background-hover: #c4820e;
  --color-grid-background-bottom-hover: #c4820e;
  --color-grid-title: #ffffff;
  --color-grid-title-hover: #ffffff;
  --color-grid-description-hover: #ffffff;
  --color-slide-background: #177ca3;
  --color-slide-title: #ffffff;
  --color-slide-text: #ffffff;
  --color-slide-subcaption: #ffffff;
  --color-publication-year-title: #145279;
  --color-publication-text: #000000;
  --color-publication-link: #01313c;
  --color-publication-link-hover: #397b9f;
  --color-publication-doi: #af473c;
  --color-publication-author: #397b9f;
  --color-publication-author-hover: #397b9f;
  --color-person-name: #01313c;
  --color-person-info: #000000;
  --color-person-link: #59595c;
  --color-person-link-hover: #397b9f;
  --color-pager-link: #3e5c6c;
  --color-pager-link-hover: #127cb3;
  --color-pager-link-active: #000000;
  --color-accordion-title: #397b9f;
  --color-accordion-title-hover: #01313c;
  --color-accordion-title-text: #ffffff;
  --color-video-title: #01313c;
  --color-video-text: #e0e2e0;
  --color-story-card-title: #177ca3;
  --color-story-card-text: #59595c;
  --color-story-card-link-bg: #177ca3;
  --color-story-card-link-text: #ffffff;
  --color-story-card-link-hover-bg: #f0b443;
  --color-story-card-link-hover-text: #04343c;
  --color-spotlight-background: #ededed;
  --color-spotlight-titles: #01313c;
  --color-spotlight-text: #00313c;
  --color-spotlight-link: #177ca3;
  --color-spotlight-link-hover: #f0b443;
  --color-newsletter-background: #e0e2e0;
  --color-newsletter-title: #01313c;
  --color-newsletter-text: #01313c;
  --color-newsletter-link: #397b9f;
  --color-breadcrumb-background: #e9ecef;
  --color-breadcrumb-link: #1a95ad;
  --color-breadcrumb-link-hover: #0056b3;
  --color-breadcrumb-active: #6c757d;
  --color-tab-default: #397b9f;
  --color-tab-text: #397b9f;
  --color-tab-hover: #ffffff;
  --color-popup-block-title: #177ca3;
  --color-popup-block-text: #e0e2e0;
  --color-popup-block-link-bg: #f3b72f;
  --color-popup-block-link-text: #ffffff;
  --color-popup-block-link-hover-bg: #f3b72f;
  --color-popup-block-link-hover-text: #ffffff;
  --color-popup-block-footer-bg: #177ca3;
  --color-lr-header-bg: #397b9f;
  --color-lr-header-text: #000000;
  --color-lr-heading: #000000;
  --color-lr-subheader: #000000;
  --color-lr-text: #000000;
  --color-lr-button-text: #ffffff;
  --color-lr-button-bg: #397b9f;
  --color-lr-divider: #000000;
  --color-anchor-header-background: #02313c;
  --color-anchor-header-title: #ffffff;
  --color-anchor-header-text: #ffffff;
  --color-anchor-header-link: #ffffff;
  --color-anchor-header-link-hover: #ffffff;
  --color-anchor-header-link-hover-bg: #fab216;
  --color-anchor-section-title: #0a2532;
  --color-anchor-section-subtitle: #02313c;
  --color-anchor-section-text: #02313c;
  --color-anchor-section-expand-link: #02313c;
  --color-anchor-section-link: #ffffff;
  --color-anchor-section-link-bg: #177ca3;
  --color-anchor-section-link-hover: #ffffff;
  --color-anchor-section-link-hover-bg: #177ca3;
  --color-book-item-title: #007bff;
  --color-book-link: #007bff;
  --color-subsite-navigation-header: #626e60;
  --color-subsite-navigation-link: #af473c;
  --color-subsite-navigation-link-hover: #af473c;
}
@media all and  (min-width: 993px) {
  #main-navbar ul.nav li.nav-item:hover.is-megamenu > .megamenu-container {
  box-shadow: inset 0px 3px 3px rgba(50,50,50,0.5);
 }
 #main-navbar ul.nav li.nav-item.is-megamenu .megamenu-container .megamenu-links ul ul {display:block}
  #main-navbar ul.nav li.nav-item.is-megamenu .megamenu-container .megamenu-links ul ul li a {border-top: 1px solid #eee;}
  #main-navbar ul.nav li.nav-item.is-megamenu .megamenu-container .megamenu-links ul ul li:first-child a {border-top: 0px}
}
#main-navbar ul.nav li.nav-item.is-megamenu .megamenu-container .megamenu-block img {
max-width: 120px;
float: left;
margin: 0 20px 10px 0;
}

@media (min-width: 992px) {
  .infographic-wrapper {
    padding: 60px 0;
  }
  .infographic--description {
    max-width: 55%;
  }
}