/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.accordion-block .accordion-title {
  margin-bottom: 1.5rem; }
  @media (min-width: 769px) {
    .accordion-block .accordion-title {
      margin-bottom: 2.875rem; } }

.accordion-card {
  border-top: none;
  margin-bottom: 1.75rem;
  background-color: var(--color-grey200);
  border-radius: 2.625rem; }
  .accordion-card .card-heading {
    width: 100%;
    text-align: left;
    position: relative;
    text-decoration: none;
    align-items: center;
    justify-content: space-between;
    white-space: unset;
    padding: 0.75rem 4.0625rem 0.4375rem 1.5rem; }
    @media (min-width: 769px) {
      .accordion-card .card-heading {
        padding: 1.625rem 4.0625rem 1.125rem 2.25rem; } }
    .accordion-card .card-heading::before, .accordion-card .card-heading::after {
      content: '';
      transition: 0.3s ease;
      width: 1.1875rem;
      height: 0.1875rem;
      background: var(--color-black);
      position: absolute;
      top: 50%;
      right: 2.25rem;
      transform: translate(0, -50%);
      transform-origin: 50% 0%; }
      @media (min-width: 769px) {
        .accordion-card .card-heading::before, .accordion-card .card-heading::after {
          width: 1.5625rem; } }
    .accordion-card .card-heading::after {
      opacity: 0;
      transform: rotate(0deg) translate(0, -50%); }
    .accordion-card .card-heading.collapsed::before {
      transform: rotate(-90deg) translate(0, -50%); }
    .accordion-card .card-heading.collapsed::after {
      opacity: 1;
      transform: rotate(-180deg) translate(0, -50%); }
    .accordion-card .card-heading h4 {
      font-size: 1.125rem;
      line-height: 1.4375rem; }
  .accordion-card .card-desc {
    padding: 0 1.25rem; }
    @media (min-width: 769px) {
      .accordion-card .card-desc {
        padding: 0 6.25%; } }
    .accordion-card .card-desc.show {
      padding-top: 0.625rem;
      padding-bottom: 2.375rem; }
      @media (min-width: 769px) {
        .accordion-card .card-desc.show {
          padding-top: 0;
          padding-bottom: 2.375rem; } }

/*# sourceMappingURL=accordionCards.css.map*/