/* Mobile styles — Use a "down" media query to avoid conflict with inline WordPress styles */

@media ( max-width: 48em ) {
  /* Reduce spacing */
  .dhw__header {
    padding-block: 0 !important;
  }

  /* Hide social media icons in header */
  .dhw__header .wp-block-social-links {
    display: none;
  }

  /* Change layout to get tagline to come up to one line */
  .dhw__header .dhw__header__col1 {
    flex-basis: 90% !important;
  }
  .dhw__header .dhw__header__col2 {
    flex-basis: 10% !important;
  }

  /* Mobile menu styles — div and UL */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    align-items: flex-start !important;
    width: 100%;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    width: 100%;
  }
  .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu__toggle .wp-block-navigation-item__label,
  .wp-block-navigation__responsive-container-content > .wp-block-navigation-link .wp-block-navigation-item__label {
    font-weight: bold;
  }
  .wp-block-navigation-submenu__toggle .wp-block-navigation-item__label {
    color: var(--wp--preset--color--custom-color-8);
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    padding-block: 0.25em;
  }
}

/* Styles to support the Portfolio Feature Pattern used on Homepage */
.dhw-portfolio-feature {
  position: relative;
  overflow: hidden;

  a::after {
    content: '';
    position: absolute;
    inset: 0;
  }
}

.dhw-portfolio-feature a {
  font-family: var(--wp--preset--font-family--amatic-sc) !important;
  text-decoration: none !important;
}

/* Only use these styles if hover is present */
@media (hover: hover) {
  /* Card style where title is hidden until hover or ficus */
  .entry-content.wp-block-post-content .dhw-portfolio-feature a {
    position: absolute;
    inset: 0;
    background-color: rgba(96, 160, 165, 0.88);
    display: flex;
    font-size: clamp(2.25rem, 10vw, 3.5rem) !important;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding-inline: 1em;
  }
  .entry-content.wp-block-post-content .dhw-portfolio-feature a {
    opacity: 0;
    transform: scale(1.25, 1.25);
    transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
  }
  .entry-content.wp-block-post-content .dhw-portfolio-feature a:hover,
  .entry-content.wp-block-post-content .dhw-portfolio-feature a:focus {
    opacity: 1;
    transform: scale(1, 1);
  }
  .entry-content.wp-block-post-content .dhw-portfolio-feature h2 {
    padding-block: 0 !important;
  }
  .entry-content.wp-block-post-content .dhw-portfolio-feature a {
    color: var(--wp--preset--color--white);
  }
}

@media ( max-width: 30em ) {
  .dhw-portfolio-feature .wp-block-columns.is-not-stacked-on-mobile {
    flex-flow: column;
  }
}

/* Extra spacing for larger screens */
main.wp-block-group .wp-block-group {}