/* Header logo text reconfigured */
.ohns-logo {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 1rem;

  a {
    text-decoration: none;

    &.site-logo {
      margin-bottom: 0;
    }
  }

  .site-name {
    display: block;
    line-height: 1.1;
    color: rgb(5 2 73);
  }
}

.microsite-header-content {

  .site-name {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;

    a {
      display: block;
      padding: 4px 0;
      margin: 0;
      height: fit-content;
    }

    .site-name-large a {
      padding: 2px 0;
    }
  }
}


/* Main menu fixes */
.sf-menu li ul li ul li a {
  /* to fix the overflow of third level links */
  max-width: 340px;
}

/* Accordion reconfigured styling */
.accordion__button {
  &:focus {
    outline: 1px solid black;
  }
}

/* Events view - exposed filter form label fixes*/
.events-list-page {
  .js-form-item-field-daterange-value {
    label {
      /* hide as if .sr-only */
      border: 0;
      clip: rect(0, 0, 0, 0);
      clip-path: inset(50%);
      /* Modern alternative to clip */
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      white-space: nowrap;
      /* Prevents word wrapping that could expand the box */
    }
  }
}

/* Utility classes */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  /* Modern alternative to clip */
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* Prevents word wrapping that could expand the box */
}


/* Hidding the contextual link from anonymous users */
body:not(.user-logged-in) {
  div.contextual {
    display: none;
  }
}

/* Contact Card on Make Appointment */
.paragraph--type--contact-card {
  a {
    color: rgb(132 194 52);
    color: rgb(132 194 52 / var(--tw-text-opacity));

  }
}