/* header styles */

header:not(.tribe-block *):not(.tribe-events-header) {
  height: 4rem;
  width: 100%;
}


header .header-content {
  position: fixed;
  width: 100%;

  top: 0px;
  z-index: 2;

  padding: 0.2rem 1rem !important;
  box-sizing: border-box;

  min-height: 4rem;
}

.admin-bar header .header-content {
  top: 32px;
}

header .wp-block-site-logo,
header .wp-block-buttons {
  flex-shrink: 0;
}


.header-main-menu {
  font-weight: bold;
  margin-right: 1rem !important;
}

.header-main-menu a:hover {
  text-decoration: none;
  color: var(--wp--preset--color--light-blue);
}

.header-main-menu .wp-block-navigation__container {
  gap: 1rem;

  /*
  shouldn't be needed...
  @see https://wordpress.org/support/topic/wp-6-2-gutenberg-ul-has-background-sometimes-appears-and-sometimes-doesnt/
  */
  padding: 0;
}

.header-main-menu .wp-block-navigation-item__content {
  padding: 0.5rem;
}

.header-main-menu .wp-block-navigation__submenu-container {
  border-top: 3px solid var(--wp--preset--color--light-blue);
  padding-left: 0.5rem;
}


/* footer */

.stick-to-bottom {
  position: sticky;
  bottom: 0;
}

#mailing-footer {
  box-shadow: -6px 3px 16px 6px #00000066;
}

#mailing-footer p {
  padding-bottom: 0;
}

.site-map li:nth-child(1) {
  font-weight: bold;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}


/* force nav menu to 2 lines */
@media only screen and (max-width: 1100px) {
  header:not(.tribe-block *):not(.tribe-events-header) {
    height: 9rem
  }

  header .header-content {
    min-height: 9rem;

    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media only screen and (max-width: 950px) {
  header .wp-block-buttons.is-layout-flex {
    flex-direction: column;
  }
}


/* small screen */

@media only screen and (max-width: 767px) {
  header .header-content {
    position: relative;
  }

  .admin-bar header .header-content {
    top: 0px;
  }

  header .is-layout-flex {
    /*  flex-direction: column; */
  }

  header .wp-block-navigation-item__content {
    font-size: 14px;
  }

  section.has-global-padding,
  article.has-global-padding {
    padding: 1rem;
  }

  #mailing-footer {
    flex-direction: column;
  }

  .stick-to-bottom {
    position: relative;
    bottom: unset;
  }

  .site-map .wp-block-column {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 600px) {
  header .is-layout-flex.wp-block-buttons {
    flex-direction: row;
    gap: 0.1rem;
  }

  header .is-layout-flex.wp-block-buttons .wp-block-button__link {
    padding: 0.5rem 1rem;
  }

  header:not(.tribe-block *):not(.tribe-events-header) {
    height: 3.5rem;
  }
  header .header-content {
    min-height: 3.5rem;
  }

  /* fix burger menu */
  .wp-block-navigation__responsive-container.is-menu-open {
    height: 75vh;
    padding: 1rem;
    box-shadow: -6px 3px 16px 6px #00000066;
    scrollbar-width: 0;
  }

  .wp-block-navigation__responsive-container.is-menu-open::-webkit-scrollbar {
    display: none;
  }


  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
    margin-top: 0px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 0px !important;
  }

  header .wp-block-navigation-item__content {
    font-size: 16px;
    padding-bottom: 1rem !important;
  }
}

#main-content .container {
  max-width: 700px;
  margin: auto;
}

.project-template-page-template-blank #page-container {
  padding-top: 0px;
}

@media (min-width: 981px) {
  .fullwidth {
    margin-left: -10%;
    margin-right: -10%;
    width: 120%;
  }
}

.project-template-page-template-blank #page-container {
  padding-top: 0px;
}

.et_pb_post div.entry-content {
  padding-top: 15px;
}

span.mobile_menu_bar.mobile_menu_bar_toggle::before {
  color: #ffffff !important;
}