/** Navigation Secondary Styles  */


  .secondary-nav__wrapper {
    display: flex;
    margin-top: 0.850rem;
    margin-bottom: 2.25rem;
  }
  
  .secondary-nav {
    letter-spacing: 0.02em;
    font-size: 0.875rem;
    font-weight: 600
  }

  .secondary-nav {
    font-size: 1.75;
  } 
 
  
  /* [dir="ltr"] .secondary-nav ul.menu {
      margin-left: 0;
  }
  
  [dir="rtl"] .secondary-nav ul.menu {
      margin-right: 0;
  }
  
  [dir="ltr"] .secondary-nav ul.menu {
      margin-right: 0;
  }
  
  [dir="rtl"] .secondary-nav ul.menu {
      margin-left: 0;
  }
  
  [dir="ltr"] .secondary-nav ul.menu {
      padding-left: 0;
  }
  
  [dir="rtl"] .secondary-nav ul.menu {
      padding-right: 0;
  }
  
  [dir="ltr"] .secondary-nav ul.menu {
      padding-right: 0;
  }
  
  [dir="rtl"] .secondary-nav ul.menu {
      padding-left: 0;
  }
   */
  .secondary-nav ul.menu {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
      list-style: none
    }
  
  .secondary-nav ul.menu li {
        /* Parent element is set to flex-basis: 0. We
         * don't want text to wrap unless it goes over a
         * certain arbitrary width.
        */
  
        /* @todo should this be scoped to desktop nav? */
        width: -webkit-max-content;
        width: 100%;
        /* max-width: 12.5rem; */
        max-width: 100%;
        margin-bottom: 1rem;
      }
  
  [dir="ltr"] .secondary-nav ul.menu li:not(:last-child) {
          margin-right: 1.6875rem;
          margin-right: 0;
  }
  
  [dir="rtl"] .secondary-nav ul.menu li:not(:last-child) {
          margin-left: 1.6875rem;
          margin-right: 0;
  }
  
  .secondary-nav ul.menu a:not(.button--primary) {
        position: relative;
        display: inline-flex;
        align-items: center;
        height: 2.25rem;
        text-decoration: none;
        color: inherit
      }
  
  .secondary-nav ul.menu a:not(.button--primary):after {
          position: absolute;
          /* stylelint-disable csstools/use-logical */
          bottom: 0;
          left: 0;
          /* stylelint-enable csstools/use-logical */
          width: 100%;
          height: 0;
          content: "";
          transition: opacity 0.2s, transform 0.2s;
          transform: translateY(0.3125rem);
          opacity: 0;
          /* Intentionally not using CSS logical properties. */
          border-top: solid 6px currentColor;
        }
  
  .secondary-nav ul.menu a:not(.button--primary):focus:after, 
  .secondary-nav ul.menu a:not(.button--primary):hover:after {
            transform: translateY(0);
            opacity: 0.8;
  }

  .user-log-out,
  [data-drupal-link-system-path="user"],
  [data-drupal-link-system-path="user/edit"],
  [data-drupal-link-system-path="user/logout"]:not(.toolbar-icon),
  [data-drupal-link-system-path="user/login"]  {
    display: block;
    padding: 1.75rem 1.25rem;
    font-size: 1.75rem;
    color: #fff !important;
    background-color: #e31f26 !important;
    /* border: 2px solid #e31f26; */
  }

  .user-log-out:hover,
  .user-log-out:focus,
  [data-drupal-link-system-path="user"]:hover, 
  [data-drupal-link-system-path="user"]:focus,
  [data-drupal-link-system-path="user/edit"]:hover,
  [data-drupal-link-system-path="user/edit"]:focus,
  [data-drupal-link-system-path="user/logout"]:not(.toolbar-icon):hover,
  [data-drupal-link-system-path="user/logout"]:not(.toolbar-icon):focus,
  [data-drupal-link-system-path="user/login"]:hover,
  [data-drupal-link-system-path="user/login"]:focus   {
    text-decoration: none;
    background-color: #5fbb46 !important;
    color: #222 !important;
  }

  [data-drupal-link-system-path="user"],
  [data-drupal-link-system-path="user/edit"],
  [data-drupal-link-system-path="user/login"] {
    background-color: #5fbb46 !important;
    /* border: 2px solid #5fbb46; */
  }

  /* [data-drupal-link-system-path="user"]:hover, 
  [data-drupal-link-system-path="user"]:focus {
    border: 2px solid #e31f26;
  } 
  */

  /* 
  [data-drupal-link-system-path="user/logout"]:not(.toolbar-icon):hover::after,
  [data-drupal-link-system-path="user/logout"]:not(.toolbar-icon):focus::after,
  [data-drupal-link-system-path="user"]:hover::after, 
  [data-drupal-link-system-path="user"]:focus::after {
    display: none;
  }
 */

 #block-eeofe-account-menu.navigation.menu--account ul li.menu__item {
  margin-right: 0;
}


@media (min-width: 75rem) {
      body:not(.is-always-mobile-nav) .secondary-nav__wrapper {
        justify-content: flex-end;
        margin: 0
  
        /* If the secondary nav is the first item within the header, it does not need left separator. */
      }
        body:not(.is-always-mobile-nav) .secondary-nav__wrapper:first-child .secondary-nav:before {
          content: none;
        }
  
      [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav {
        margin-left: 1.125rem;
      }
    
        [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav {
          margin-right: 1.125rem;
      }
    
        [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav {
          padding-left: 2.25rem;
      }
    
        [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav {
          padding-right: 2.25rem;
      }
    
        body:not(.is-always-mobile-nav) .secondary-nav {
          position: relative;
          display: flex
        }
    
          [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav:before {
            left: 0;
      }
    
          [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav:before {
            right: 0;
      }
    
          body:not(.is-always-mobile-nav) .secondary-nav:before {
            position: absolute;
            top: 50%;
            width: 2px;
            height: 2.25rem;
            content: "";
            transform: translateY(-50%);
            background-color: #d7e1e8 !important;
          }
    
          [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav ul.menu li:not(:last-child) {
            margin-right: 2.25rem;
      }
    
          [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav ul.menu li:not(:last-child) {
            margin-left: 2.25rem;
      }
    }