/**
 * Overlay
 * Overlay menu positions the toggle in a corner (any), with the menu
 * hidden. When toggled the menu opens in an overlay above the content
 * and fills the whole screen.
 ============================================================================ */
.ms-overlay .rm-toggle {
  display: block;
  position: fixed;
  padding: 0;
  z-index: 1000;
  opacity: 0.5;
  border-radius: 0;
  bottom: 1rem;
  right: 1.625rem;
}

.ms-overlay .rm-toggle span {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  word-wrap: normal;
  font: 0/0 a;
}

.ms-overlay .rm-toggle__link {
  border: 0;
  box-sizing: content-box;
  padding: 0.5rem 1rem;
}

.ms-overlay .rm-toggle__link:hover, .ms-overlay .rm-toggle__link:focus {
  outline: none;
  padding: 0.5rem 1rem;
}

.ms-overlay .rm-toggle__icon {
  margin-top: 0.1875rem;
}

.ms-overlay .rm-toggle__link, .ms-overlay .rm-toggle__icon {
  background-color: transparent;
}

.ms-overlay .rm-toggle__link:hover, .ms-overlay .rm-toggle__link:focus, .ms-overlay .rm-toggle__icon:hover, .ms-overlay .rm-toggle__icon:focus {
  background-color: transparent;
}

.ms-overlay .rm-block__content {
  display: none;
  opacity: .001;
}

.ms-overlay .rm-block__content .is-child {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: all, 225ms, ease-in-out;
}

.ms-overlay .rm-block__content .is-child.is-open--child {
  position: relative;
  visibility: visible;
  opacity: 1;
}

.ms-overlay.rm-is-open .rm-toggle {
  opacity: 1;
}

.ms-overlay.rm-is-open .rm-block__content {
  opacity: 1;
  display: block;
  position: absolute;
  z-index: 990;
  top: 0.75rem;
  bottom: 0.75rem;
  right: 0.75rem;
  left: 0.75rem;
  padding: 0.25rem;
}

.ms-overlay.rm-is-open .rm-block__content .menu {
  background-color: transparent;
}

.ms-overlay.rm-is-open .rm-block__content .menu a {
  padding: 0.625rem;
  margin-bottom: 0.25rem;
  display: block;
}

.ms-overlay.rm-is-open .rm-block__content .menu a:after {
  content: none;
  display: none;
}
/*# sourceMappingURL=responsive-menus--overlay.css.map */

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 255px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.6); /* Black background with opacity */
  z-index: 11; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
.rm-is-open #overlay {
  top: 0;
}
#leaderboard-overlay {
  position: absolute; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 222px;
  left: 0;
  right: 0;
  top: 0;
  background-color: white;
  z-index: 15; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
.rm-is-open .l-header.l-row,
.rm-is-open .mobile_hero_image {
  visibility: hidden;
}
.rm-is-open .field.field-block-content--body {
  margin-bottom: 0;
}
.toolbar-tray-open #leaderboard-overlay {
  height: 325px;
}
#leaderboard-overlay.path-frontpage {
  height: 183px;
}
.path-frontpage.toolbar-tray-open #leaderboard-overlay {
  height: 249px;
}
#block-desktopresources.block {
  margin-top: 0;
}
#message-banner {
/*  display: none; */
  z-index: 1000;
}
.resources-is-open .block-search {
  position: absolute !important;
  z-index: 15 !important;
  right: 146px;
  top: 85px;
}
#leaderboard-overlay {
  display: none;
}
#leaderboard-overlay.shown,
#overlay.shown,
.resources-is-open #overlay,
.resources-is-open #leaderboard-overlay,
.rm-is-open #overlay {
  display: block !important;
}
