/* Empty author social block is hoisted out of <head> and its 1em margin leaves a white strip. */
body > ul.wp-block-social-links {
  display: none;
}

/* The curve file is 1600px wide, so on a wider window it sat centred and stopped short of the edges. */
.fusion-imageframe:has(img[alt="footer curve"]) {
  display: block;
  width: 100%;
  max-width: none;
}

.fusion-imageframe img[alt="footer curve"] {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}

@media only screen and (min-width: 601px) {
  /* Labels were set to white for a dark bar. On the light hero they disappear, and the 5px top border shows up as a stray line. */
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link:hover,
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link:focus,
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #2c2865;
    background-color: transparent;
    border-color: transparent;
  }

  /* The link is the full header height, so the panel was opening far below the label. */
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-flyout > ul.mega-sub-menu {
    top: calc(50% + 18px);
    margin-top: 0;
    padding: 6px 0;
    border-radius: 6px;
    background-color: #fffcf8;
    box-shadow: 0 16px 36px rgba(40, 30, 17, 0.16);
  }

  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    padding: 0 16px;
    background-color: transparent;
    color: #2c2865;
  }

  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background-color: #f3eee6;
    color: #2c2865;
  }
}