/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/block-library/acf-two-col-img-alt/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.gradient-bg {
  background-image: radial-gradient(41% 44% at 68% 0%, #000000 0%, rgba(0, 0, 0, 0.86) 14.29%, rgba(0, 0, 0, 0.71) 28.57%, rgba(0, 0, 0, 0.57) 42.86%, rgba(0, 0, 0, 0.43) 57.14%, rgba(0, 0, 0, 0.29) 71.43%, rgba(0, 0, 0, 0) 100%), radial-gradient(45.5% 66% at 50% 50%, #5218c1 0%, rgba(77, 22, 179, 0.92) 8.33%, rgba(71, 20, 165, 0.83) 16.67%, rgba(66, 18, 151, 0.75) 25%, rgba(60, 15, 138, 0.67) 33.33%, rgba(55, 13, 125, 0.58) 41.67%, rgba(49, 11, 112, 0.5) 50%, rgba(44, 9, 100, 0.42) 58.33%, rgba(38, 7, 88, 0.33) 66.67%, rgba(33, 5, 76, 0.25) 75%, rgba(27, 4, 64, 0.17) 83.33%, rgba(9, 1, 29, 0) 100%), radial-gradient(100% 100% at 3% 39%, #010009 25%, rgba(1, 0, 9, 0.86) 33.86%, rgba(1, 0, 9, 0.71) 42.71%, rgba(1, 0, 9, 0.57) 51.57%, rgba(1, 0, 9, 0.43) 60.43%, rgba(1, 0, 9, 0.29) 69.29%, rgba(1, 0, 9, 0) 87%), linear-gradient(180deg, #5218c1 26%, #6c17b7 32.57%, #7d17b1 39.14%, #8c16ad 45.71%, #9916aa 52.29%, #a616a8 58.86%, #be16a4 72%, #c8169d 75.14%, #d21795 78.29%, #dc178b 81.43%, #e6177d 84.57%, #f01768 87.71%, #f14417 94%), radial-gradient(25% 25% at 50% 50%, #010008 23%, rgba(42, 0, 64, 0.86) 34%, rgba(72, 0, 81, 0.71) 45%, rgba(104, 0, 95, 0.57) 56%, rgba(138, 0, 106, 0.43) 67%, rgba(174, 0, 110, 0.29) 78%, rgba(255, 0, 0, 0) 100%);
  background-size: 150% 200%;
  animation: gradient 20s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 20%;
  }
  25% {
    background-position: 20% 50%;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 80% 20%;
  }
  100% {
    background-position: 0% 20%;
  }
}
.has-trubody-purple-lighter-color {
  color: #9520ff;
}

.has-trubody-purple-lighter-background-color {
  background-color: #9520ff;
}

.has-trubody-purple-color {
  color: #6100B9;
}

.has-trubody-purple-background-color {
  background-color: #6100B9;
}

.has-trubody-purple-darker-color {
  color: #2c0053;
}

.has-trubody-purple-darker-background-color {
  background-color: #2c0053;
}

.has-trubody-dark-purple-color {
  color: #100145;
}

.has-trubody-dark-purple-background-color {
  background-color: #100145;
}

.has-trubody-pink-color {
  color: #FF00EB;
}

.has-trubody-pink-background-color {
  background-color: #FF00EB;
}

.has-trubody-accent-color {
  color: #FF6621;
}

.has-trubody-accent-background-color {
  background-color: #FF6621;
}

.has-trubody-white-color {
  color: #ffffff;
}

.has-trubody-white-background-color {
  background-color: #ffffff;
}

.has-trubody-light-gray-color {
  color: #F4F4F4;
}

.has-trubody-light-gray-background-color {
  background-color: #F4F4F4;
}

.has-trubody-gray-color {
  color: #79797C;
}

.has-trubody-gray-background-color {
  background-color: #79797C;
}

.has-trubody-black-color {
  color: #000000;
}

.has-trubody-black-background-color {
  background-color: #000000;
}

.two-col-img-alt {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .two-col-img-alt {
    padding: 1em;
  }
}
.two-col-img-alt .col-text {
  border-radius: 0 0 40px 0;
  position: relative;
  z-index: 0;
  padding: 0 3.1em;
}
.two-col-img-alt .col-text h1,
.two-col-img-alt .col-text h2,
.two-col-img-alt .col-text h3,
.two-col-img-alt .col-text h4,
.two-col-img-alt .col-text h5,
.two-col-img-alt .col-text h6,
.two-col-img-alt .col-text p {
  color: #ffffff !important;
}
.two-col-img-alt p {
  padding-right: 6em;
}
@media (max-width: 768px) {
  .two-col-img-alt p {
    padding-right: 0;
  }
}
.two-col-img-alt .col-img {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 0 40px 0;
  margin-top: -42px;
  min-height: 250px;
  position: relative;
  z-index: -1;
}
@media (min-width: 768px) {
  .two-col-img-alt .col-img {
    margin: 0 0 0 -42px;
    min-height: unset;
    width: calc(25% + 42px);
  }
}
.two-col-img-alt .col-img figcaption {
  bottom: 18px;
  right: 18px;
  left: unset;
}

/*# sourceMappingURL=style-acf-two-col-img-alt.css.map*/