/*
 * Stylesheet: Text with CTA
 * Applies to editor and front end
 */

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

.block__text-with-cta {

  clear: both;

  padding-top: 2.5rem;

  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {

  .block__text-with-cta {

    padding-top: 3.75rem;

    padding-bottom: 3.75rem;
  }
}

.block__text-with-cta .text-with-cta--inner {

  width: 100%;

  margin-right: auto;

  margin-left: auto;

  padding-right: 1.25rem;

  padding-left: 1.25rem;
}

@media (min-width: 320px) {

  .block__text-with-cta .text-with-cta--inner {

    max-width: 320px;
  }
}

@media (min-width: 375px) {

  .block__text-with-cta .text-with-cta--inner {

    max-width: 375px;
  }
}

@media (min-width: 480px) {

  .block__text-with-cta .text-with-cta--inner {

    max-width: 480px;

    padding-right: 2rem;

    padding-left: 2rem;
  }
}

@media (min-width: 768px) {

  .block__text-with-cta .text-with-cta--inner {

    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .block__text-with-cta .text-with-cta--inner {

    max-width: 1024px;

    padding-right: 4rem;

    padding-left: 4rem;
  }
}

@media (min-width: 1366px) {

  .block__text-with-cta .text-with-cta--inner {

    max-width: 1366px;

    padding-right: 5rem;

    padding-left: 5rem;
  }
}

@media (min-width: 1466px) {

  .block__text-with-cta .text-with-cta--inner {

    max-width: 1466px;
  }
}

@media (min-width: 1536px) {

  .block__text-with-cta .text-with-cta--inner {

    max-width: 1536px;

    padding-right: 6rem;

    padding-left: 6rem;
  }
}

@media (min-width: 1920px) {

  .block__text-with-cta .text-with-cta--inner {

    max-width: 1920px;
  }
}

.block__text-with-cta .text-with-cta--inner {

  display: flex;

  justify-content: center;
}

@media (min-width: 1366px) {

  .block__text-with-cta .text-with-cta--inner {

    margin-left: auto;

    margin-right: auto;

    max-width: 1024px;
  }
}

.block__text-with-cta .block-wrapper {

  width: 100%;

  margin-right: auto;

  margin-left: auto;

  padding-right: 1.25rem;

  padding-left: 1.25rem;
}

@media (min-width: 320px) {

  .block__text-with-cta .block-wrapper {

    max-width: 320px;
  }
}

@media (min-width: 375px) {

  .block__text-with-cta .block-wrapper {

    max-width: 375px;
  }
}

@media (min-width: 480px) {

  .block__text-with-cta .block-wrapper {

    max-width: 480px;

    padding-right: 2rem;

    padding-left: 2rem;
  }
}

@media (min-width: 768px) {

  .block__text-with-cta .block-wrapper {

    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .block__text-with-cta .block-wrapper {

    max-width: 1024px;

    padding-right: 4rem;

    padding-left: 4rem;
  }
}

@media (min-width: 1366px) {

  .block__text-with-cta .block-wrapper {

    max-width: 1366px;

    padding-right: 5rem;

    padding-left: 5rem;
  }
}

@media (min-width: 1466px) {

  .block__text-with-cta .block-wrapper {

    max-width: 1466px;
  }
}

@media (min-width: 1536px) {

  .block__text-with-cta .block-wrapper {

    max-width: 1536px;

    padding-right: 6rem;

    padding-left: 6rem;
  }
}

@media (min-width: 1920px) {

  .block__text-with-cta .block-wrapper {

    max-width: 1920px;
  }
}

.block__text-with-cta .block-wrapper {

  display: flex;

  width: 100%;

  flex-direction: column;
}

@media (min-width: 1366px) {

  .block__text-with-cta .block-wrapper {

    padding-left: 0px;

    padding-right: 0px;
  }
}

.block__text-with-cta .text-with-cta__text {

  margin: 0px;
}

.block__text-with-cta .block-wrapper .inner-blocks-wrapper {

  margin-top: 1.5625rem;

  display: flex;

  flex-direction: column;

  gap: 1.5625rem;
}

.block__text-with-cta .block-wrapper .block__button {

  justify-content: flex-start;
}

/***********************************************
 *
 * Layout - Stacked & alignment left ( default )
 *
 ***********************************************/

.block__text-with-cta .is-stacked.block-wrapper .text-with-cta__heading,
.block__text-with-cta .is-stacked.block-wrapper .text-with-cta__text,
.block__text-with-cta .is-stacked.block-wrapper .inner-blocks-wrapper {

  width: 100%;
}

/**************************************************
 *
 * Style Variation - Stacked with Center Alignment
 *
 **************************************************/

.block__text-with-cta:has(.is-stacked) {

  display: flex;

  flex-direction: column;

  justify-content: center;
}

.block__text-with-cta .is-stacked.is-center.block-wrapper {

  align-items: center;

  justify-content: center;

  text-align: center;

  grid-template: none;
}

.block__text-with-cta
.is-stacked.is-center.block-wrapper
.inner-blocks-wrapper {

  align-items: center;
}

.block__text-with-cta
.is-stacked.is-center.block-wrapper
.wp-block-social-links {

  justify-content: center;
}

/***********************************************
 *
 * Layout - Split & Heading alignment left (default)
 *
 ***********************************************/

.block__text-with-cta:has(.is-split) {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;
}

@media (min-width: 1024px) {

  .block__text-with-cta .is-split.block-wrapper {

    display: grid;
  }
}

@media (min-width: 1366px) {

  .block__text-with-cta .is-split.block-wrapper {

    max-width: 1024px;
  }
}

.block__text-with-cta .is-split.block-wrapper {

  grid-column-gap: 0;
}

@media (min-width: 1024px) {

.block__text-with-cta .is-split.block-wrapper {
    grid-template-columns: 1fr 1fr 4.813rem 1fr 1fr;
    grid-template-rows: auto auto
}

.block__text-with-cta .is-split.block-wrapper .text-with-cta__heading {
    grid-column: 1/3;
    grid-row: span 2
}

.block__text-with-cta .is-split.block-wrapper .text-with-cta__text {
    grid-column: 4/6;
    margin-top: 0px
}

.block__text-with-cta .is-split.block-wrapper .inner-blocks-wrapper {
    grid-column: 4/6
}
  }

/***********************************************************************
 *
 * Style Variation - HeadingAlignment rightside
 *
 ***********************************************************************/

@media (min-width: 1024px) {

.block__text-with-cta .is-split.is-right.block-wrapper .text-with-cta__heading {
    grid-column: 4/6;
    grid-row: span 2
}

.block__text-with-cta .is-split.is-right.block-wrapper .text-with-cta__text {
    grid-column: 1/3;
    grid-row: 1
}

.block__text-with-cta .is-split.is-right.block-wrapper .inner-blocks-wrapper {
    grid-column: 1/3
}
  }

/***********************************************************************
 *
 * Style Variation - Default Base
 *
 ***********************************************************************/

.block__text-with-cta:has(.is-default-base.has-border-bottom) {

  border-bottom-width: 6px;

  border-style: solid;

  border-bottom-color: currentColor;
}

/***********************************************
 *
 * Style Variation - Bump up Base
 *
 ***********************************************/

.block__text-with-cta .has-bump-up::after {

  position: absolute;

  bottom: 0px;

  left: 50%;

  z-index: 10;

  height: 8%;

  max-height: 85px;

  min-height: 35px;

  width: 95%;

  max-width: 1088px;

  --tw-translate-x: -50%;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  justify-self: center;

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

  .block__text-with-cta .has-bump-up::after {

    width: 80%;
  }
}

.block__text-with-cta .has-bump-up::after {

  content: "";
}

.block__text-with-cta .has-bump-up.has-border-top::after {

  border-width: 0;

  border-top-width: 6px;

  border-style: solid;

  border-color: currentColor;
}

.block__text-with-cta .has-bump-up .inner-blocks-wrapper {

  margin-bottom: 2.5rem;
}

/***********************************************
 *
 * Style Variantion - Curved Base
 *
 ***********************************************/

.block__text-with-cta .has-curve {

  position: relative;

  width: 100%;
}

.block__text-with-cta:has(.has-curve) .text-with-cta--inner::before {

  position: absolute;

  left: -5%;

  right: -5%;

  bottom: 6px;

  z-index: 10;

  height: 120px;

  -webkit-clip-path: ellipse(50% 60% at 50% 100%);

          clip-path: ellipse(50% 60% at 50% 100%);
  content: "";
}

.block__text-with-cta:has(.has-curve) .text-with-cta--inner::after {

  position: absolute;

  left: -5%;

  right: -5%;

  bottom: 0px;

  z-index: 20;

  height: 120px;

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));

  -webkit-clip-path: ellipse(50% 60% at 50% 100%);

          clip-path: ellipse(50% 60% at 50% 100%);
  content: "";
}

.block__text-with-cta:has(.has-curved-border) .text-with-cta--inner::before {

  background-color: currentColor;
}

.block__text-with-cta .has-curve .inner-blocks-wrapper {

  margin-bottom: 5rem;
}

/***********************************************
 *
 * Button and Social Links
 *
 ***********************************************/

.block__text-with-cta .block-wrapper .wp-block-social-links {

  margin: 0px;
}