/*
 * Stylesheet: Image with text
 * Applies to editor and front end
 */

/***********************************************
 *
 * Shared styles
 *
 ***********************************************/

.block__image-with-text {
clear: both
}

@media (min-width: 1366px) {

.block__image-with-text {
display: flex;
justify-content: center
}
}

.block__image-with-text .image-with-text--inner {
width: 100%
}

.block__image-with-text .text-with-cta--inner,
.block__image-with-text
.is-layered
.text-with-cta--inner
.inner-blocks-wrapper {
gap: 1.5rem
}

@media (min-width: 1024px) {

.block__image-with-text .block__text-with-cta .block-wrapper {
padding: 0px
}
}

/***********************************************
 *
 * Layouts - 50/50 & 40/60
 *
 ***********************************************/

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1.25rem;
padding-left: 1.25rem
}

@media (min-width: 320px) {

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {
max-width: 320px
}
}

@media (min-width: 375px) {

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {
max-width: 375px
}
}

@media (min-width: 480px) {

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {
max-width: 480px;
padding-right: 2rem;
padding-left: 2rem
}
}

@media (min-width: 768px) {

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {
max-width: 768px
}
}

@media (min-width: 1024px) {

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {
max-width: 1024px;
padding-right: 4rem;
padding-left: 4rem
}
}

@media (min-width: 1366px) {

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {
max-width: 1366px;
padding-right: 5rem;
padding-left: 5rem
}
}

@media (min-width: 1466px) {

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {
max-width: 1466px
}
}

@media (min-width: 1536px) {

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {
max-width: 1536px;
padding-right: 6rem;
padding-left: 6rem
}
}

@media (min-width: 1920px) {

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {
max-width: 1920px
}
}

.block__image-with-text .inner-blocks-wrapper.is-50-50 .block-wrapper,
.block__image-with-text .inner-blocks-wrapper.is-40-60 .block-wrapper {}

.block__image-with-text .is-50-50,
.block__image-with-text .is-40-60 {
display: flex;
flex-direction: column
}

@media (min-width: 1024px) {

.block__image-with-text .is-50-50,
.block__image-with-text .is-40-60 {
flex-direction: row
}
}

.block__image-with-text .is-50-50 > div {
flex-basis: 100%
}

@media (min-width: 1024px) {

.block__image-with-text .is-50-50 > div {
flex-basis: 50%
}
}

.block__image-with-text .is-40-60 .block__text-with-cta {
flex-basis: 100%
}

@media (min-width: 1024px) {

.block__image-with-text .is-40-60 .block__text-with-cta {
flex-basis: 40%
}
}

.block__image-with-text .is-40-60 .block__featured-image {
flex-basis: 100%
}

@media (min-width: 1024px) {

.block__image-with-text .is-40-60 .block__featured-image {
flex-basis: 60%
}
}

/* Block - Text with CTA as innerBlock */

.block__image-with-text .is-50-50 .block__text-with-cta,
.block__image-with-text .is-40-60 .block__text-with-cta {
order: 2;
display: flex
}

@media (min-width: 1024px) {

.block__image-with-text .is-50-50 .block__text-with-cta,
.block__image-with-text .is-40-60 .block__text-with-cta {
    order: unset
}
  }

.block__image-with-text .is-50-50 .block__text-with-cta .text-with-cta--inner,
.block__image-with-text .is-40-60 .block__text-with-cta .text-with-cta--inner {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
word-break: break-all;
padding-top: 0.625rem;
padding-bottom: 0.625rem
}

@media (min-width: 768px) {

.block__image-with-text .is-50-50 .block__text-with-cta .text-with-cta--inner,
.block__image-with-text .is-40-60 .block__text-with-cta .text-with-cta--inner {
padding-top: 3.75rem;
padding-bottom: 3.75rem
}
}

@media (min-width: 1024px) {

.block__image-with-text .is-50-50 .block__text-with-cta .text-with-cta--inner,
.block__image-with-text .is-40-60 .block__text-with-cta .text-with-cta--inner {
padding-top: 5rem;
padding-bottom: 5rem
}
}

@media (min-width: 1366px) {

.block__image-with-text .is-50-50 .block__text-with-cta .text-with-cta--inner,
.block__image-with-text .is-40-60 .block__text-with-cta .text-with-cta--inner {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
}

/* BLock - Button and Social Links as innerBlock */

.block__image-with-text .is-50-50 .text-with-cta--inner .inner-blocks-wrapper,
.block__image-with-text .is-40-60 .text-with-cta--inner .inner-blocks-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem
}

/* Block - Featured Image as innerBLock */

.block__image-with-text .is-50-50 .block__featured-image .featured-image--inner,
.block__image-with-text
.is-50-50
.block__featured-image
.featured-image__image {
aspect-ratio: 1/1;
height: 100%;
width: 100%
}

.block__image-with-text .is-40-60 .block__featured-image .featured-image--inner,
.block__image-with-text
.is-40-60
.block__featured-image
.featured-image__image {
aspect-ratio: 3/2
}

/* Block - Book Cover as innerBlock */

.block__image-with-text
.is-50-50
.block__featured-image
.has-covers.has-one-cover
.block__book-cover {
width: 55%
}

@media (min-width: 768px) {

.block__image-with-text
.is-50-50
.block__featured-image
.has-covers.has-one-cover
.block__book-cover {
    scale: 1.3
}
  }

@media (min-width: 1024px) {

.block__image-with-text
.is-50-50
.block__featured-image
.has-covers.has-one-cover
.block__book-cover {
    scale: 1
}
  }

@media (min-width: 1366px) {

.block__image-with-text
.is-50-50
.block__featured-image
.has-covers.has-one-cover
.block__book-cover {
    scale: 1.3
}
  }

/* Has four cover images */

/* Two covers */

/* For 3 cover images */

.block__image-with-text
.is-40-60
.block__featured-image
.has-covers
.inner-blocks-wrapper,
.block__image-with-text
.is-40-60
.block__featured-image
.has-two-covers
.inner-blocks-wrapper,
.block__image-with-text
.is-40-60
.block__featured-image
.has-covers.has-three-covers
.inner-blocks-wrapper {
padding-left: 1.25rem;
padding-right: 1.25rem
}

@media (min-width: 768px) {

.block__image-with-text
.is-40-60
.block__featured-image
.has-covers
.inner-blocks-wrapper,
.block__image-with-text
.is-40-60
.block__featured-image
.has-two-covers
.inner-blocks-wrapper,
.block__image-with-text
.is-40-60
.block__featured-image
.has-covers.has-three-covers
.inner-blocks-wrapper {
padding-left: 3.125rem;
padding-right: 3.125rem
}
}

.block__image-with-text
.is-40-60
.block__featured-image
.has-covers.has-two-covers
.block__book-cover {
width: 40%
}

@media (min-width: 1024px) {

.block__image-with-text
.is-40-60
.block__featured-image
.has-covers.has-two-covers
.block__book-cover {
width: auto
}
}

/***********************************************
 *
 * Layout - layered
 *
 ***********************************************/

.block__image-with-text:has(.is-layered) {
margin-bottom: 3.125rem
}

@media (min-width: 768px) {

.block__image-with-text:has(.is-layered) {
margin-bottom: 6.25rem
}
}

.block__image-with-text .is-layered {
display: flex;
flex-direction: column;
align-items: center
}

.block__image-with-text .is-layered::after {
position: absolute;
bottom: 0px;
z-index: 1;
height: 50px;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 768px) {

.block__image-with-text .is-layered::after {
height: 100px
}
}

.block__image-with-text .is-layered::after {

  content: "";
}

.block__image-with-text .has-border .is-layered::after {
border-top-width: 6px;
border-style: solid;
border-color: currentColor
}

/* Block - Text with CTA as innerBlock */

.block__image-with-text .is-layered .block__text-with-cta {
order: 1;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-bottom: 2.5rem;
padding-top: 4.375rem
}

@media (min-width: 768px) {

.block__image-with-text .is-layered .block__text-with-cta {
padding-bottom: 3.125rem
}
}

.block__image-with-text
.is-layered
.block__text-with-cta
.text-with-cta--inner {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
display: flex;
width: 100%;
max-width: 760px;
align-items: center;
gap: 1.5rem;
padding: 0px;
text-align: center
}

.block__image-with-text
.is-layered
.block__text-with-cta
.text-with-cta--inner > * {
width: 100%
}

/* Blocks - Button and Social Links as innerBlock */

.block__image-with-text
.is-layered
.block__text-with-cta
.text-with-cta--inner
.inner-blocks-wrapper {
display: flex;
flex-direction: column;
justify-content: center
}

.block__image-with-text
.is-layered
.block__text-with-cta
.text-with-cta--inner
.inner-blocks-wrapper
.block__button,
.block__image-with-text
.is-layered
.block__text-with-cta
.text-with-cta--inner
.inner-blocks-wrapper
.wp-block-social-links {
display: flex;
justify-content: center
}

/* Block - Featured Image as innerBlock */

.block__image-with-text .is-layered .block__featured-image {
z-index: 2;
order: 2;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 1024px) {

.block__image-with-text .is-layered .block__featured-image {
max-width: 900px
}
}

.block__image-with-text .is-layered .block__featured-image {

  width: calc(100% - 40px);
}

@media (min-width: 768px) {

.block__image-with-text .is-layered .block__featured-image {
    width: calc(100% - 100px)
}
  }

/* Cover images with no featured image */

.block__image-with-text
.is-layered
.block__featured-image
.featured-image--inner {
aspect-ratio: 16/9
}

/* Four cover images */

.block__image-with-text
.is-layered
.block__featured-image
.has-covers
.inner-blocks-wrapper {
padding-left: 1.25rem;
padding-right: 1.25rem
}

@media (min-width: 768px) {

.block__image-with-text
.is-layered
.block__featured-image
.has-covers
.inner-blocks-wrapper {
padding-left: 3.125rem;
padding-right: 3.125rem
}
}

/* Three cover images */

.block__image-with-text
.is-layered
.block__featured-image
.has-three-covers
.inner-blocks-wrapper {
padding-left: 1.25rem;
padding-right: 1.25rem
}

@media (min-width: 768px) {

.block__image-with-text
.is-layered
.block__featured-image
.has-three-covers
.inner-blocks-wrapper {
padding-left: 3.125rem;
padding-right: 3.125rem
}
}

/* Two cover images */

.block__image-with-text
.is-layered
.block__featured-image
.has-two-covers
.inner-blocks-wrapper
.block__book-cover {
width: 30%
}

@media (min-width: 1024px) {

.block__image-with-text
.is-layered
.block__featured-image
.has-two-covers
.inner-blocks-wrapper
.block__book-cover {
width: auto
}
}