:root {
  --global-border-radius: 0.75rem ;
}

/**
 * Expandable Text & Images Block - Frontend Styles
 * 
 * @package verda
 */
.block--expandable-text-images.section {
  margin-block-start: 0 !important;
}
@media screen and (min-width: 1400px) {
  .block--expandable-text-images.section > .inner {
    max-width: clamp(320px, 93vw, var(--page-max-width) * 0.8);
  }
}
.block--expandable-text-images.section.bg--dark {
  background: var(--c-black);
  color: #fff;
}
.block--expandable-text-images.section.remove-top-padding > .inner {
  padding-top: 0 !important;
}
.block--expandable-text-images.section.remove-bottom-padding > .inner {
  padding-bottom: 0 !important;
}
.block--expandable-text-images.section .image-column {
  margin-top: 2em;
  max-width: 26em;
}
.block--expandable-text-images.section .image-column img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--aspect-ratio, 4/3);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}
.block--expandable-text-images.section .image-column:has(.field--image + .field--image) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 1em;
}
.block--expandable-text-images.section .content-column {
  max-width: 26em;
  position: relative;
}
.block--expandable-text-images.section .h2 {
  font-weight: 300;
}
.block--expandable-text-images.section .body {
  color: color-mix(in srgb, var(--c-text), transparent 30%);
  line-height: 1.5em;
  max-width: 26em;
}
.block--expandable-text-images.section .field--body,
.block--expandable-text-images.section .field--body-below {
  font-size: var(--font-size-0);
  line-height: 1.5em;
}
.block--expandable-text-images.section .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block--expandable-text-images.section .actions:has(.button) {
  margin-top: 1em;
}
.block--expandable-text-images.section .actions:has(.button) .toggle {
  margin-top: 0;
}
.block--expandable-text-images.section .expandable-container .toggle {
  color: var(--c-brand-primary);
}
.block--expandable-text-images.section.bg--dark .actions .toggle {
  color: var(--c-brand-secondary-light);
}
@media screen and (min-width: 768px) {
  .block--expandable-text-images.section > .inner {
    gap: clamp(2rem, 4.8vw, 4rem) clamp(2rem, 4.8vw, 4rem);
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .block--expandable-text-images.section[data-vertical-alignment=center] > .inner {
    align-items: center;
  }
  .block--expandable-text-images.section .image-column {
    margin-top: 0;
    max-width: 36em;
    flex-grow: 1;
    flex-basis: 0;
  }
  .block--expandable-text-images.section .content-column {
    min-width: 40%;
  }
  .block--expandable-text-images.section[data-image-position=left] .image-column {
    order: 1;
  }
  .block--expandable-text-images.section[data-image-position=left] .content-column {
    order: 2;
  }
}
@media screen and (min-width: 1000px) {
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .image-column .field--image {
    transform: translateY(80px);
    opacity: 0;
  }
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .image-column.loaded .field--image {
    transform: none;
    opacity: 1;
    transition: all 1s var(--ease-cubic);
  }
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .image-column.loaded .field--image:nth-child(even) {
    transition-delay: 0.25s;
  }
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .content-column h2,
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .content-column .field--body,
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .content-column .expandable-container {
    transform: translateY(80px);
    opacity: 0;
  }
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .content-column.loaded h2,
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .content-column.loaded .field--body,
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .content-column.loaded .expandable-container {
    transform: none;
    opacity: 1;
    transition: all 1s var(--ease-cubic);
  }
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .content-column.loaded h2 {
    transition-delay: 0.25s;
  }
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .content-column.loaded .field--body {
    transition-delay: 0.5s;
  }
  body:not(.block-editor-iframe__body) .block--expandable-text-images.section .content-column.loaded .expandable-container {
    transition-delay: 0.75s;
  }
}

.section > .inner > .wp-block-verda-expandable-text-images:first-child > .inner,
.section > .inner > .accordion-section > .wp-block-verda-expandable-text-images:first-child > .inner {
  padding-top: 0;
}

.section > .inner > .wp-block-verda-expandable-text-images:last-child > .inner,
.section > .inner > .accordion-section > .wp-block-verda-expandable-text-images:last-child > .inner {
  padding-bottom: 0;
}

.block--expandable-text-images.bg--white + .block--expandable-text-images.bg--white > .inner {
  padding-top: 0 !important;
}
@media screen and (min-width: 1000px) {
  .block--expandable-text-images.bg--white + .block--expandable-text-images.bg--white {
    margin-top: -8rem;
  }
}

.block--expandable-text-images.bg--light + .block--expandable-text-images.bg--light > .inner {
  padding-top: 0 !important;
}
@media screen and (min-width: 1000px) {
  .block--expandable-text-images.bg--light + .block--expandable-text-images.bg--light {
    margin-top: -8rem;
  }
}

.block--expandable-text-images.bg--dark + .block--expandable-text-images.bg--dark > .inner {
  padding-top: 0 !important;
}
@media screen and (min-width: 1000px) {
  .block--expandable-text-images.bg--dark + .block--expandable-text-images.bg--dark {
    margin-top: -8rem;
  }
}
/*# sourceMappingURL=style.css.map */