.collapse-has-icon .collapse-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1rem;
  margin: 0;
}

.collapse-icon {
  display: flex;
  svg {
    fill: var(--color-grey-10);
    height: 1.5rem;
    width: 1.5rem;
  }
}

/* If this is set to mobile only, make it appear open on larger displays */
@media (min-width: 960px) {
  .collapse-mobile-only {

    .collapse-toggle {
      display: none;
    }

    .collapse {
      display: block !important;
    }

  }
}

/* Sidebar menu variant */

.collapse--sidebar-menu {
  .collapse-heading {
    a {
      color: var(--color-blue-dk);
      font-size: 1.4rem;
      text-decoration: none;
    }
  }
}

@media (max-width: 959px) {
  .collapse--sidebar-menu {
    border-block: 1px solid var(--color-grey-88);
    padding: .5rem 0;

    .collapse-heading {
      display: none;
    }
  }
}

@media (min-width: 960px) {
  .collapse--sidebar-menu  {

    .collapse-icon {
      display: none;
    }

    .collapse,
    .collapse.show {
      display: block !important;
    }

    .collapsing {
      height: auto;
      overflow: visible;
      transition: none
    }

  }
}