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

.trubody-alt-video .video-wrapper {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  aspect-ratio: 1/1;
  align-items: center;
  overflow: hidden;
  margin-top: -150px;
  margin-bottom: -150px;
}
@media (max-width: 768px) {
  .trubody-alt-video .video-wrapper {
    height: 300px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.trubody-alt-video .video-caption {
  position: absolute;
  z-index: 15;
  color: #ffffff;
  bottom: -40px;
  transition: ease all 500ms;
}
.trubody-alt-video .video-thumbnail {
  position: relative;
  width: 100%;
  height: 60%;
  aspect-ratio: 1/1;
  border-radius: 0 0 40px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 768px) {
  .trubody-alt-video .video-thumbnail {
    height: 300px;
  }
}
.trubody-alt-video .video-thumbnail::after {
  content: "";
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0) 30%);
  height: 100%;
  width: 100%;
  top: 200px;
  border-radius: 0 0 40px 40px;
  opacity: 0;
  transition: ease all 500ms;
  z-index: 5;
}
.trubody-alt-video .video-thumbnail:hover::after {
  opacity: 1;
  top: 0;
  border-radius: 0 0 40px 40px;
}
.trubody-alt-video .video-thumbnail::before {
  content: "";
  position: absolute;
  background: linear-gradient(to right, #231000, #3a140b, #54121b, #6e0932, #840252, #95015f, #a7016d, #b9007b, #d10069, #e20055, #ed233d, #f1431f, #5218C1);
  height: 4px;
  width: 100%;
  animation: navgradient3 15s ease infinite;
  background-size: 200% 200%;
  top: 0;
}
@keyframes navgradient3 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.trubody-alt-video .video-thumbnail:hover {
  transition: ease all 500ms;
}
.trubody-alt-video .video-thumbnail:hover .playbutton {
  transform: scale(2) translateY(-5px);
}
.trubody-alt-video .video-thumbnail:hover .video-caption {
  position: absolute;
  z-index: 15;
  color: #ffffff;
  bottom: 0;
}
.trubody-alt-video .video-thumbnail .playbutton {
  top: 0;
  position: relative;
  z-index: 10;
  transform: scale(2) translateY(0);
  transition: ease all 500ms;
}
.trubody-alt-video .modal .video {
  border-radius: 40px;
  width: 80vw;
  margin: 0 auto;
  display: flex;
  margin-top: 30px;
}
.trubody-alt-video .modal .vimeo {
  max-width: 80vw;
  margin-top: 0px;
}
.trubody-alt-video .modal iframe {
  position: relative;
  top: -50px;
}
.trubody-alt-video .modal-content {
  background: none;
  border: none;
  height: 100vh;
}
.trubody-alt-video .modal-dialog {
  max-width: 95%;
}
.trubody-alt-video .modal-header {
  border-bottom: none;
  height: 50px;
}
.trubody-alt-video .close {
  text-shadow: none;
  opacity: 1;
}
.trubody-alt-video .close span {
  position: relative;
  z-index: 10;
}
.trubody-alt-video .close:after {
  content: " ";
  height: 50px;
  width: 50px;
  background: #ffffff;
  position: absolute;
  /* left: -1px; */
  top: -3px;
  right: 1px;
  z-index: 0;
  border-radius: 100%;
}
.trubody-alt-video .close svg {
  width: 18px;
  position: relative;
  top: -5px;
  left: -1px;
  display: inline-block;
}

/*# sourceMappingURL=style-acf-video-alt.css.map*/