/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/hero-cover/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;
}

.hero-cover {
  position: relative;
}
@media (max-width: 768px) {
  .hero-cover {
    margin: 0 !important;
  }
}
.hero-cover .wp-block-cover {
  min-height: 60vh;
}
@media (max-width: 768px) {
  .hero-cover .wp-block-cover {
    min-height: 42vh !important;
  }
}
.hero-cover .wp-block-cover img {
  height: 60vh;
  overflow: hidden;
  border-radius: 0 0 40px 0;
  transform: scale(1);
}
@media (max-width: 480px) {
  .hero-cover .wp-block-cover img {
    height: 48vh !important;
    -o-object-position: 84% 52% !important;
       object-position: 84% 52% !important;
  }
}
@media (max-width: 768px) {
  .hero-cover .wp-block-cover img {
    -o-object-position: 84% 52% !important;
       object-position: 84% 52% !important;
  }
}
.hero-cover .wp-block-cover__background {
  background-color: transparent;
  display: none;
}
.hero-cover .wp-block-cover__inner-container {
  mix-blend-mode: exclusion;
}
.hero-cover .hero-text {
  position: absolute;
  left: -50px;
  top: 35%;
  transform: translatey(-50%);
  max-width: 690px;
  padding-top: 2em !important;
  padding-left: 9em;
  padding-right: 5em;
}
@media (max-width: 480px) {
  .hero-cover .hero-text {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 768px) {
  .hero-cover .hero-text {
    left: 0;
    padding: 2em;
    z-index: 1;
    max-width: 100%;
    position: relative;
    top: 110px;
    margin-bottom: 50px;
  }
}
.hero-cover .hero-text:before {
  content: "Model. Not actual patient.";
  position: absolute;
  top: -32px;
  color: #79797C;
  font-size: 10px;
  mix-blend-mode: exclusion;
}
@media (min-width: 768px) {
  .hero-cover .hero-text:before {
    display: none;
  }
}
.hero-cover p {
  position: absolute;
  bottom: 2%;
  color: #79797C !important;
  font-size: 10px !important;
  left: 35px;
}
@media (max-width: 768px) {
  .hero-cover p {
    font-size: 10px;
    left: 34px;
    bottom: 34px;
    display: none;
  }
}

/*# sourceMappingURL=style-hero-cover.css.map*/