/* Header */

/* .is-sticky-header {
  position: absolute;
  top: 0;
  z-index: 999;
  background: transparent; No background
} */


/* Some overrides */
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    background-color: #afa783;
}

/* Optional: Prevent content from sliding under the sticky header */
body {
  scroll-padding-top: 100px; /* Adjust based on header height */
}
.wp-block-group.alignfull {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.entry-content > .wp-block-cover.alignfull {
  width: calc(100vw - (var(--wp--style--root--padding-right) * 2) );
  margin: 0 auto;
}

/* Typo */
b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--bold);
}

/* Home */
#hero-container {
    position: relative;
}

figure#home-logo {
  position: absolute;
  left: 50%;
  top: 3.5rem;
  transform: translateX(-50%);
  z-index: 1;
}


@media (min-width: 768px) {
  figure#home-logo {
    left: 3rem;
    top: 3rem;
    transform: unset
  }
}

/* Utility */
.abs-full-width {
    width: 100vw !important;
    margin-left: -30px !important;
}

.site-header > .wp-block-group.alignfull {
  height: 65px;
  max-height: 65px;;
}

#hero-container .wp-block-cover {
  min-height: calc(100vh - 75px) !important;
  align-items: end;
  padding-bottom: 5rem;
}

@media (max-width: 768px) {
  div.wp-block-columns.break-early-columns {
      flex-wrap: wrap !important;
  }
  div.wp-block-columns.break-early-columns > div {
      flex-basis: 100% !important; /* Or adjust to a desired percentage for smaller columns before full break */
  }

  /* Nav */
  .site-header .wp-block-columns.alignfull .wp-block-column:first-child {
    display: none;
  }

  .site-header .wp-block-columns.alignfull .wp-block-column:nth-child(2) {
    flex-basis: 15% !important;;
  }

  .site-header .wp-block-columns.alignfull .wp-block-column:nth-child(2) h1 {
    text-align: left;
  }

  .site-header .wp-block-columns.alignfull .wp-block-column:last-child {
    flex-basis: 85% !important;
  }

  /* Mobnav */

  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: rgba(255, 255, 255, 0.9);
    padding-top: 20px !important;  
  }

  .is-menu-open .wp-block-navigation__responsive-close, 
  .is-menu-open .wp-block-navigation__responsive-container-content, 
  .is-menu-open .wp-block-navigation__responsive-dialog {
    height: 100vh;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    align-items: center !important;
    position: absolute;
    width: 100%;
    height: auto;;
    text-align: center;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 0;
  }

  .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    align-items: center !important;
  }

  .is-menu-open .wp-block-navigation__responsive-container-content .is-content-justification-right {
    justify-content: center;
  }

  .is-menu-open .wp-block-navigation__responsive-container-content a {
    font-size: 30px !important;
    margin-bottom: 1.5rem !important;
  }

  /* Container */
  #hero-container {
      padding: 0 !important;
  }

  #hero-container .wp-block-cover {
      border-radius: 0 !important;
      min-height: calc(65vh - 75px) !important;
      padding-bottom: 30px;
      align-items: end;
  }

  #hero-container .wp-block-cover > .wp-block-cover__image-background {
    object-position: 60% 50%;
  } 

  #hero-container h1 {
    font-size: 40px !important;
    line-height: 1 !important;
  }

  #hero-container h1 strong {
    display: block !important
  }

}

@media (max-width: 460px) {
  #home-logo {
    max-width: 275px;
  }
}