/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 08 2026 | 08:48:59 */
/* Members menu anchors and fly-out

   1. Anchor targets on the "Members and supporters" page.
      The header is fixed, so each country heading stops 15px below it.
      Header height while scrolling: 131px below 992px, 231px from 992px
      to about 1100px (logo and menu on two rows), 136px above that.
      Every heading except the first has 20px of blank space inside its
      box above the text, which is taken off the offset. */
#germany,
#france,
#uk-ireland,
#italy,
#spain,
#belgium-netherlands {
  --shd-header: 131px;
  --shd-blank: 20px;
  scroll-margin-top: calc(var(--shd-header) + 15px - var(--shd-blank));
}
#germany {
  --shd-blank: 0px;
}
@media (min-width: 991px) and (max-width: 1149px) {
  #germany,
  #france,
  #uk-ireland,
  #italy,
  #spain,
  #belgium-netherlands {
    --shd-header: 231px;
  }
}
@media (min-width: 1150px) {
  #germany,
  #france,
  #uk-ireland,
  #italy,
  #spain,
  #belgium-netherlands {
    --shd-header: 136px;
  }
}

/* 2. Desktop menu: a third-level list opens beside its parent item
      instead of dropping over the items below it. */
@media (min-width: 992px) {
  #menu-main-menu .dropdown-menu > li {
    position: relative;
  }
  #menu-main-menu .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
    right: auto;
    margin: 0;
  }
  /* The last four top-level items sit near the right edge of the
     screen, so their third level opens to the left. */
  #menu-main-menu > li:nth-last-child(-n+4) .dropdown-menu .dropdown-menu {
    left: auto;
    right: 100%;
  }
  #menu-main-menu .dropdown-menu > li.menu-item-has-children > a::after {
    content: "\203A";
    float: right;
    margin-left: 12px;
  }
}