/*=========================
	ACCORDION IMAGE BLOCK
=========================*/

.block-accordion-image .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  gap: var(--space-6);
}

.block-accordion-image .container.switchSides .items {
  grid-column: 2;
}

.block-accordion-image .container.switchSides .content {
  grid-column: 1;
}

.block-accordion-image .items {
  grid-column: 1;
  grid-row: 1;
  position: relative;
}

.block-accordion-image .content {
  grid-column: 2;
  grid-row: 1;
}

.block-accordion-image .items .copy {
  margin-bottom: var(--space-5);
}

.block-accordion-image .accordion {
  margin-top: var(--space-5);
}

.block-accordion-image .ui-accordion-header {
  padding: 20px 15px;
  background-color: #F4F4F4;
  border: 2px solid var(--color-p);
  margin-bottom: 15px;
}

.block-accordion-image .ui-accordion-header:after {
  content: '+';
  position: absolute;
  right: 15px;
  font-size: 20px;
  line-height: .8;
}

.block-accordion-image .ui-accordion-header.ui-state-active:after {
  content: '-';
  font-size: 35px;
  line-height: .5;
}

.block-accordion-image .ui-accordion-content {
  padding: 20px 30px;
}

@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 578px) {
  .block-accordion-image .container {
    grid-template-columns: 1fr;
      gap: var(--space-4);
  }
  .block-accordion-image .items {
    grid-row: 1;
  }
  .block-accordion-image .content {
    grid-row: 2;
  }
  .block-accordion-image .container.switchSides .items,
  .block-accordion-image .content {
    grid-column: unset;
  }
  .block-accordion-image .accordion {
    margin-top: var(--space-4);
  }

}