/* =copy-image block
*/

.block-copy-image {
  margin: var(--wp--custom--layout--block-gap) auto;
}
.block-copy-image.block-copy-image-left .block-copy-image__inner-container,
.block-copy-image.block-copy-image-right .block-copy-image__inner-container {
}

.block-copy-image .block-copy-image__inner-container {
  position: relative;
}
.block-copy-image .block__image {
  margin-left: auto;
  margin-right: auto;
  grid-area: 1 / 1 / 3 / 4;
  height: 100%;
  width: 100%;
}
.block-copy-image .block-copy-image__inner-container .block__image .wp-block-image {
  height: 100%;
  overflow: hidden;
}
.block-copy-image .block-copy-image__inner-container .block__image .wp-block-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: var(--wp--custom--border-radius--small);
}
.block-copy-image .block__copy {
  margin: var(--wp--custom--layout--block-gap) auto;
  position: relative;
}
.block-copy-image .block__heading {
  margin: 0;
}
.block-copy-image .block__subheading {
  margin: 0;
}
@media only screen and (max-width: 55em) {
  .wp-block-group .block-copy-image,
  .block-copy-image {
    width: 100%;
  }
}
@media only screen and (min-width: 55em) {
  .block-copy-image {
    margin: var(--wp--custom--spacing--xl) 0;
  }
  .block-copy-image .block-copy-image__inner-container {
    display: grid;
    grid-column-gap: 64px;
    grid-row-gap: 0px;
    align-items: center;
  }
  .block-copy-image.block-copy-image-left .block-copy-image__inner-container {
    grid-template-columns: 40% 1fr;
  }
  .block-copy-image.block-copy-image-right .block-copy-image__inner-container {
    grid-template-columns: 1fr 40%;
  }
  .block-copy-image .block__image {
    margin: 0 auto;
    grid-area: 1 / 1 / 2 / 2;
  }
  .block-copy-image .block-copy-image__inner-container .block__image {
    order: 2;
  }
  .block-copy-image .block__copy {
    max-width: 100%;
    margin: 0;
    width: 100%;
    grid-area: 1 / 2 / 2 / 3;
  }
  .block-copy-image .block-copy-image__inner-container .block__copy {
    order: 1;
  }
  .block-copy-image .block-copy-image__inner-container .block__copy > *:last-child {
    margin-bottom: 0;
  }
}

/*Flipped Layout*/
@media only screen and (min-width: 55em) {
  .block-copy-image.block-copy-image-right .block-copy-image__inner-container .block__copy {
    order: 2;
    grid-area: 1 / 1 / 2 / 2;
  }
  .block-copy-image.block-copy-image-right .block-copy-image__inner-container .block__image {
    order: 1;
    grid-area: 1 / 2 / 2 / 3;
  }
}

/*Image Accent*/
@media only screen and (max-width: 55em) {
  .block-copy-image.has-image-accents .block__image {
    position: relative;
  }
  .block-copy-image.has-image-accents .block__image::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -25px;
    right: -21px;
    width: 71px;
    height: 65px;
    transform: rotate(90deg);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71' height='66' fill='none'%3E%3Cpath fill='%23971EC5' d='M55.814 54.806c-5.102 1.192-10.085 3.047-14.307 6.202-2.075 1.552.366 5.122 2.567 3.767 4.256-2.615 9.098-3.542 13.927-4.531 2.348-.481 4.7-.92 7.035-1.462 2.3-.535 7.1-1.707 5.391-5.122-1.407-2.81-4.856-1.171-7.086-.596-2.495.643-5.02 1.155-7.527 1.742ZM52.855 21.682c-.198-1.014-1.108-1.775-2.132-1.83-2.4-.13-4.333 1.744-5.793 3.454-1.636 1.91-3.256 3.836-4.91 5.736-3.16 3.635-6.318 7.273-9.25 11.094-1.48 1.928 1.557 4.476 3.252 2.759 3.364-3.405 6.933-6.594 10.48-9.803a309.848 309.848 0 0 0 5.045-4.649c1.796-1.696 3.815-4.138 3.305-6.759l.003-.002ZM8.708.939c-2.142 2.31-3.104 5.47-4.292 8.34-1.053 2.545-2.451 4.944-3.965 7.242-.867 1.317-.435 3.155.879 3.996 1.444.924 2.999.342 3.996-.878 1.807-2.21 3.347-4.582 4.968-6.922 1.886-2.727 3.892-5.576 4.462-8.89C15.283.76 10.76-1.287 8.702.936l.006.003Z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 55em) {
  .block-copy-image.has-image-accents .block__copy {
      position: relative;
  }
  .block-copy-image.has-image-accents .block__copy::before {
    content: "";
    display: block;
    position: absolute;
    top: -45px;
    right: -51px;
    width: 71px;
    height: 65px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71' height='66' fill='none'%3E%3Cpath fill='%23971EC5' d='M55.814 54.806c-5.102 1.192-10.085 3.047-14.307 6.202-2.075 1.552.366 5.122 2.567 3.767 4.256-2.615 9.098-3.542 13.927-4.531 2.348-.481 4.7-.92 7.035-1.462 2.3-.535 7.1-1.707 5.391-5.122-1.407-2.81-4.856-1.171-7.086-.596-2.495.643-5.02 1.155-7.527 1.742ZM52.855 21.682c-.198-1.014-1.108-1.775-2.132-1.83-2.4-.13-4.333 1.744-5.793 3.454-1.636 1.91-3.256 3.836-4.91 5.736-3.16 3.635-6.318 7.273-9.25 11.094-1.48 1.928 1.557 4.476 3.252 2.759 3.364-3.405 6.933-6.594 10.48-9.803a309.848 309.848 0 0 0 5.045-4.649c1.796-1.696 3.815-4.138 3.305-6.759l.003-.002ZM8.708.939c-2.142 2.31-3.104 5.47-4.292 8.34-1.053 2.545-2.451 4.944-3.965 7.242-.867 1.317-.435 3.155.879 3.996 1.444.924 2.999.342 3.996-.878 1.807-2.21 3.347-4.582 4.968-6.922 1.886-2.727 3.892-5.576 4.462-8.89C15.283.76 10.76-1.287 8.702.936l.006.003Z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: contain;
  }
  .block-copy-image.has-image-accents.block-copy-image-right .block__copy::before {
    right: inherit;
    left: -71px;
    top: -55px;
    transform: scale(-1, 1);
  }
}