a {
  text-decoration: none;
}

a:not(.wp-block-button__link):hover {
  text-decoration: underline;
}

@media screen and ( min-width: 1000px ) {
  body:has(.page-hero),
  body:has(.cover-home-banner){
    & header {
      position: absolute;
      width: 100%;
      top: var( --admin-bar-height );
      z-index: 4;
      /* background-color: rgba( 0, 0, 0, 0.6 ); */
      background-color: rgba(255, 255, 255, 0.75);
  
      & .wp-block-site-logo {
        max-width: max( 150px, 35vw );
      }
    }
    .header-inner {
      background-color: transparent !important;
    }
  }
}

.cover-home-banner {
  a {
    color: var( --wp--preset--color--boulton-gray ) !important;
  }
}

body:has(.cover-home-banner) {
  
  .header-inner {
    background-color: transparent !important;
  }  
  
  @media screen and ( min-width: 1250px ) {
    .wp-block-cover__inner-container {
      transform: translateX( -20% );
      position: absolute;
      bottom: 25%;
    }

    .wp-block-cover__background {
      width: 70%;
      background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%) !important;
    }
  }  
}

.home-hero-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  
  p {
    margin: 0;
  }
  
  p:not(:last-child)::after {
    content: "|";
    padding-left: 1rem;
    padding-right: 0.5rem;
    color: var(--wp--preset--color--primary);
    position: absolute;
    
  }
  
  p:not(:last-child) {
    position: relative;
    margin-right: 1rem;
  }
}

/* Upper Navigation */
@media screen and (min-width: 1000px) {
  .header-top {
    border-top: 10px solid #e1e1e1;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}

@media screen and (max-width: 999px) {
  .header-top {
    display: none;
  }
}

/* Nav styling to match old site */

.site-branding {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;

}

.nav-parent {
  align-items: stretch;

  > nav  > ul {
    height: 100%;
    column-gap: 0;
    
    > li {
      height: 100%;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  } 
}

.main-nav .current-menu-item {
  background-color: var( --wp--preset--color--primary );
  color: var( --wp--preset--color--white );
}

.main-nav .wp-block-navigation-item:hover {
  background-color: #ec7565;
  color: var( --wp--preset--color--white ) !important;

  & a {
    text-decoration: none !important;
  }
}

.main-nav .current-menu-ancestor {
  background-color: var( --wp--preset--color--primary );
  color: white;
}

/* Make navigation links fill entire container space */
.main-nav a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}