.elementor-7071 .elementor-element.elementor-element-4603347{z-index:1000;}.elementor-7071 .elementor-element.elementor-element-05807b3 > .elementor-element-populated{margin:-118px 0px -0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}@media(max-width:1024px){.elementor-7071 .elementor-element.elementor-element-05807b3 > .elementor-element-populated{margin:-68px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-7071 .elementor-element.elementor-element-05807b3 > .elementor-element-populated{margin:-68px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS *//* Med-LTER header menu - pill style, matching the dataset buttons.
   Paste into the header's Nav Menu widget: Advanced > Custom CSS.
   Elementor swaps the keyword at the start of each rule for that widget's
   own class, so nothing else on the site is touched. Plain ASCII only. */

/* The sweep angle of the hover outline. Registered so it can animate;
   a browser without @property shows the outline without the sweep. */
@property --pill-sweep{syntax:'<angle>';inherits:false;initial-value:0deg}

.elementor-361 .elementor-element.elementor-element-b6da5d5{--pill-line:rgba(255,255,255,.95);--pill-fill:#fff;--pill-text:#33409b;
  --pulse:rgba(79,195,247,.75)}

/* Drop the old fade-in underline */
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main .elementor-item::after{display:none !important}

/* Top-level items become pills */
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item{
  position:relative;border-radius:999px;margin:0 2px;padding:7px 13px !important;
  /* 13px + 2px margin per side = the original 15px, so the row width is unchanged */
  box-shadow:0 0 0 .8em rgba(79,195,247,0);
  transition:box-shadow .9s ease-out,background-color .25s,color .25s}

/* The outline: grows from the bottom centre, round both sides, closes at the top */
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item::before{
  content:"" !important;display:block !important;position:absolute !important;
  top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;
  width:auto !important;height:auto !important;margin:0 !important;
  background:none !important;opacity:1 !important;transform:none !important;
  border:1.5px solid var(--pill-line);border-radius:inherit;pointer-events:none;
  --pill-sweep:0deg;
  -webkit-mask:conic-gradient(from calc(180deg - var(--pill-sweep)),#000 calc(var(--pill-sweep) * 2),transparent 0);
  mask:conic-gradient(from calc(180deg - var(--pill-sweep)),#000 calc(var(--pill-sweep) * 2),transparent 0);
  transition:--pill-sweep .9s ease !important}
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main > .elementor-nav-menu > li:hover > a.elementor-item::before,
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item:focus-visible::before{
  --pill-sweep:180deg}
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item:hover,
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main > .elementor-nav-menu > li:hover > a.elementor-item,
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item:focus-visible{
  color:#fff !important;outline:none}

/* Current page (or the parent of the current page): filled pill */
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item.elementor-item-active,
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item{
  background:var(--pill-fill);color:var(--pill-text) !important}

/* Click: the same blue pulse as the dataset buttons */
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item:active{
  box-shadow:0 0 0 0 var(--pulse);transition:none}

/* Dropdowns: rounded card and pill-shaped rows; the colours stay the
   widget's own (purple card, solid blue highlight) */
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main .sub-menu{border-radius:14px;overflow:hidden;
  padding:6px !important;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main .sub-menu a.elementor-sub-item{
  border-radius:999px;transition:background-color .2s}

@media (prefers-reduced-motion:reduce){
  .elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main a.elementor-item,
  .elementor-361 .elementor-element.elementor-element-b6da5d5 .elementor-nav-menu--main a.elementor-item::before{transition:none !important}}
  /* Menu Test only: hide the site header, the new one sits in the page */
.elementor-location-header, #site-header { display: none !important; }/* End custom CSS */