/**
 * Rosies header-specific styles.
 */

#top .container .row .span_9 nav {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  justify-content: center;
}
#top .container .nectar-header-text-content div {
  display: flex;
  gap: 20px;
}
#header-outer .sf-menu ul {
  margin-top: 30px;
}

#header-outer .sf-menu > .sfHover > ul,
#header-outer .sf-menu > .sfHover > ul > li > ul {
  background-color: #dcefeb !important;
  border-radius: 10px;
}

#header-outer .sf-menu > .sfHover > ul a:hover,
#header-outer .sf-menu > .sfHover > ul > li > ul a:hover,
body
  #header-outer:not([data-format='left-header'])
  #top
  nav
  > ul
  > li:not(.megamenu)
  .sfHover
  > a,
#header-outer #top nav > ul > li:not(.megamenu) .sfHover > a,
body
  #header-outer:not([data-format='left-header'])
  #top
  nav
  > ul
  > li:not(.megamenu)
  ul
  a:hover {
  background-color: unset !important;
  color: #059dd9 !important;
}
body #header-outer nav ul li li:hover > a .sf-sub-indicator i {
  color: #059dd9;
}

#header-outer .nectar-header-text-content .join-email-list {
  padding: 10px 20px;
  font-family: var(--rtk-font-display);
  font-weight: 600;
  font-size: 20px;
  background-color: #059dd9 !important;
  border-radius: 50px !important;
}
#header-outer .nectar-header-text-content .join-email-list:hover {
  text-decoration: none;
  box-shadow: none !important;
  transform: unset;
  -webkit-transform: unset;
}
#header-outer .nectar-header-text-content .join-email-list:hover::after {
  content: unset;
}

#header-outer .nectar-header-text-content .rtk-donate > a,
#header-outer .nectar-header-text-content a.rtk-donate,
#slide-out-widget-area .nectar-header-text-content .rtk-donate > a,
#slide-out-widget-area .nectar-header-text-content a.rtk-donate {
  display: inline-block !important;
  width: 150px;
  min-width: 150px;
  height: 40px;
  padding: 0 !important;
  overflow: hidden;
  vertical-align: middle;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-color: transparent !important;
  background-image: url('../decorators/donate.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: 0 !important;
  box-shadow: none !important;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

#header-outer .nectar-header-text-content .rtk-donate > a > span,
#header-outer .nectar-header-text-content a.rtk-donate > span,
#slide-out-widget-area .nectar-header-text-content .rtk-donate > a > span,
#slide-out-widget-area .nectar-header-text-content a.rtk-donate > span {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#header-outer .nectar-header-text-content .rtk-donate > a:hover,
#header-outer .nectar-header-text-content a.rtk-donate:hover,
#slide-out-widget-area .nectar-header-text-content .rtk-donate > a:hover,
#slide-out-widget-area .nectar-header-text-content a.rtk-donate:hover {
  opacity: 0.75;
  transform: translateY(-1px);
}

#header-outer .nectar-header-text-content .rtk-donate > a:focus-visible,
#header-outer .nectar-header-text-content a.rtk-donate:focus-visible,
#slide-out-widget-area
  .nectar-header-text-content
  .rtk-donate
  > a:focus-visible,
#slide-out-widget-area .nectar-header-text-content a.rtk-donate:focus-visible {
  outline: 2px solid #f58221;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  #header-outer .nectar-header-text-content .rtk-donate > a,
  #header-outer .nectar-header-text-content a.rtk-donate,
  #slide-out-widget-area .nectar-header-text-content .rtk-donate > a,
  #slide-out-widget-area .nectar-header-text-content a.rtk-donate {
    transition: none;
  }
}

/* Off Canvas Menu */

body #slide-out-widget-area {
  color: #333333;
  background: #dcefeb;
  padding-top: 40px !important;
}
#slide-out-widget-area.slide-out-from-right-hover .off-canvas-menu-container {
  margin: 0px;
}
body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content {
  display: flex;
  align-self: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 1px) and (max-width: 999px) {
  body #slide-out-widget-area.slide-out-from-right-hover {
    padding: 30px;
  }
  #slide-out-widget-area .nectar-header-text-content.mobile-only {
    order: 2;
    background-color: unset !important;
    padding: 0px !important;
  }
  #slide-out-widget-area
    .nectar-header-text-content.mobile-only
    .join-email-list {
    display: none;
  }
  body
    #slide-out-widget-area.slide-out-from-right-hover
    .inner-wrap
    > .inner
    .off-canvas-menu-container
    li
    a {
    color: inherit !important;
  }
  body
    .slide-out-hover-icon-effect.slide-out-widget-area-toggle
    .unhidden-line
    .lines:after,
  body
    .slide-out-hover-icon-effect.slide-out-widget-area-toggle
    .unhidden-line
    .lines:before,
  body
    .slide-out-hover-icon-effect.slide-out-widget-area-toggle
    .unhidden-line.lines-button:after {
    background-color: #333;
  }
  body #slide-out-widget-area .ocm-dropdown-arrow {
    transform: translateY(-50%) rotate(-90deg);
  }
  body #slide-out-widget-area .open-submenu > .ocm-dropdown-arrow {
    transform: translateY(-50%) rotate(0deg);
  }
  body #slide-out-widget-area .rtk-privacy {
    display: none !important;
  }
  body #slide-out-widget-area.slide-out-from-right-hover .inner-wrap {
    margin: 20px 0px !important;
  }
  body
    #slide-out-widget-area.slide-out-from-right-hover[data-dropdown-func='separate-dropdown-parent-link']
    .inner-wrap
    > .inner {
    align-content: space-around;
    height: 90% !important;
  }
  /* Gravity Form */
  .mail-list-form .gform-theme--foundation .gfield input {
    border-radius: 50px;
  }
  .mail-list-form .gform-theme--foundation .gform-grid-col {
    flex: 1;
  }
  .mail-list-form .gform-theme--foundation .gform_fields {
    row-gap: 20px;
  }
  .mail-list-form-title {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0.5em;
  }
  body #slide-out-widget-area .mail-list-form button,
  body #slide-out-widget-area .mail-list-form input[type='button'],
  body #slide-out-widget-area .mail-list-form input[type='submit'] {
    font-family: var(--rosies-font-display);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border-radius: 50px !important;
    background-color: #059dd9 !important;
  }
  body
    #slide-out-widget-area
    .inner-wrap
    > .inner
    .off-canvas-menu-container.mobile-only
    li
    > a,
  body
    #slide-out-widget-area.slide-out-from-right-hover
    .inner-wrap
    > .inner
    .off-canvas-menu-container.mobile-only
    li
    a {
    font-weight: 400;
  }
  body.material
    #slide-out-widget-area[class*='slide-out-from-right']
    .off-canvas-menu-container
    li
    a:after {
    content: unset !important;
  }
}

/* ============================================================
 * Active navigation path, patch 02.
 * Uses WordPress menu ancestry, not page IDs or URL matching.
 * White desktop header: cyan with existing orange artwork.
 * Mint dropdowns/off-canvas: navy blocks with white labels.
 * Scoped to main navigation; footer links and forms are untouched.
 * ============================================================ */
#header-outer,
#slide-out-widget-area {
  --rtk-nav-active-color: #059dd9;
  --rtk-nav-active-background: #004671;
  --rtk-nav-active-on-mint: #ffffff;
  --rtk-nav-active-underline: url('../decorators/learnmore-underline.png');
}

/* Only the white top-level header retains cyan active labels. */
body #header-outer #top nav .sf-menu >
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a {
  color: var(--rtk-nav-active-color) !important;
  background-color: transparent !important;
}

/* Direct-child selectors prevent an ancestor from highlighting siblings.
 * Match Salient's generated !important accent-rule specificity so the
 * navy/white treatment persists while hovering an active branch. */
body #header-outer #top nav .sf-menu .sub-menu
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a,
body #header-outer:not([data-format='left-header']) #top nav > ul.sf-menu >
  li:not(.megamenu) ul li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a,
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a {
  color: var(--rtk-nav-active-on-mint) !important;
  background-color: var(--rtk-nav-active-background) !important;
}

body #header-outer #top nav .sf-menu >
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a > .menu-title-text {
  color: var(--rtk-nav-active-color) !important;
}

body #header-outer #top nav .sf-menu .sub-menu
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a > .menu-title-text,
body #header-outer #top nav .sf-menu .sub-menu
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a > .sf-sub-indicator > i,
body #slide-out-widget-area .off-canvas-menu-container
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > .ocm-dropdown-arrow {
  color: var(--rtk-nav-active-on-mint) !important;
}

/* Keep the established top-level text geometry and underline treatment.
 * current-menu-ancestor covers deeper paths such as Who We Are > Staff. */
body #header-outer #top nav .sf-menu >
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a > .menu-title-text {
  background-image: var(--rtk-nav-active-underline);
  background-repeat: no-repeat;
  background-position: left 25px;
  padding-bottom: 10px;
}

/* Intermediate dropdown branches and exact pages get modest emphasis. */
body #header-outer #top nav .sf-menu .sub-menu
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a,
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container .sub-menu
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a {
  font-weight: 600;
}

/* No orange artwork on mint. Explicit resets also prevent Patch 01's
 * label decoration surviving another stylesheet copy in a cache bundle. */
body #header-outer #top nav .sf-menu .sub-menu
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a > .menu-title-text {
  background-image: none;
  padding-bottom: 0;
}

/* Remove Salient's competing line only on the active path. Its native
 * keyboard focus behavior and ordinary sibling hover styles remain. */
body #header-outer #top nav .sf-menu
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a > .menu-title-text::after {
  content: none !important;
}

/* Off-canvas anchors contain plain text. Fill the available menu row,
 * including the area behind its separate dropdown arrow. Horizontal
 * padding protects the label without altering native vertical padding.
 * Existing arrow handlers, nesting and indentation remain unchanged. */
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding-inline: 8px 32px;
  background-image: none;
}

body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container
  li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a::before {
  content: none !important;
}