/* lazyload for video */

.embedded_video_custom-wrap {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
}

.embedded_video_custom-wrap img {
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;
}

.embedded_video_custom-wrap .embedded_video_custom-play {
  width: 70px;
  height: 70px;
  background-color: #9D2235;
  box-shadow: 0 0 30px #9D223599;
  z-index: 1;
  opacity: 11;
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
}

.embedded_video_custom-wrap .embedded_video_custom-play:before {
  content: "";
  border-style: solid;
  border-width: 11.25px 0 11.25px 19.5px;
  border-color: transparent transparent transparent #fff;
  z-index: 2;
}

.embedded_video_custom-wrap .embedded_video_custom-play:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.1s ease-in-out;
  z-index: 1;
}

.embedded_video_custom-wrap img,
.embedded_video_custom-wrap .embedded_video_custom-play {
  cursor: pointer;
}

.embedded_video_custom-wrap img,
.embedded_video_custom-wrap iframe,
.embedded_video_custom-wrap .embedded_video_custom-play,
.embedded_video_custom-wrap .embedded_video_custom-play:before {
  position: absolute;
}

.embedded_video_custom-wrap .embedded_video_custom-play,
.embedded_video_custom-wrap .embedded_video_custom-play:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.embedded_video_custom-wrap iframe {
  /*height: 100%;*/
  width: 100%;
  top: 0;
  left: 0;
}

.embedded_video_custom-wrap .embedded_video_custom-play:hover {
  background-color: #FFFFFF;
  box-shadow: 0 0 30px #ffffff99;
}

.embedded_video_custom-wrap .embedded_video_custom-play:hover::before {
  border-color: transparent transparent transparent #9D2235;
}

.embedded_video_custom-wrap .embedded_video_custom-play:hover::after {
  width: 100px;
  height: 100px;
  border-color: #fff;
}


.video_wrap .embedded_video_custom-play {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.video_wrap .embedded_video_custom-play:hover {
  background-color: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

.video_wrap .embedded_video_custom-play:before {
  content: url('../images/play.svg');
  display: block;
}

.video_wrap.playing-video .embedded_video_custom-play:before {
  content: url('../images/pause.svg');
}


.embedded_video_custom-wrap, 
.landing_hero_video_custom-wrap {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25% !important;
  overflow: hidden;
  cursor: pointer;
  z-index: 6;
}
*:is(.embedded_video_custom-wrap, .landing_hero_video_custom-wrap) img {
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0.7;
  object-fit: cover;
}
*:is(.embedded_video_custom-wrap) .embedded_video_custom-play {
  width: 70px;
  height: 70px;
  background-color: #9d2235;
  z-index: 6;
  opacity: 1;
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
}
*:is(.embedded_video_custom-wrap) .embedded_video_custom-play:before {
  content: "";
  border-style: solid;
  border-width: 11.25px 0 11.25px 19.5px;
  border-color: transparent transparent transparent #fff;
  z-index: 2;
  margin-left: 2.5px;
}

*:is(.embedded_video_custom-wrap, .landing_hero_video_custom-wrap) .embedded_video_custom-play:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  background-color: rgb(255 255 255 / 0.6);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.1s ease-in-out;
  z-index: 1;
}

*:is(.embedded_video_custom-wrap) img, *:is(.embedded_video_custom-wra) .embedded_video_custom-play {
  cursor: pointer;
}
*:is(.embedded_video_custom-wrap, .landing_hero_video_custom-wrap) img, *:is(.embedded_video_custom-wrap) iframe, *:is(.embedded_video_custom-wrap) .embedded_video_custom-play, *:is(.embedded_video_custom-wrap) .embedded_video_custom-play:before {
  position: absolute;
}
*:is(.embedded_video_custom-wrap) .embedded_video_custom-play, *:is(.embedded_video_custom-wrap) .embedded_video_custom-play:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
*:is(.embedded_video_custom-wrap, .landing_hero_video_custom-wrap, .home_landing_hero_video_custom-wrap) iframe,
.video_wrap video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  position: absolute !important;
}

/**:is(.embedded_video_custom-wrap, .landing_hero_video_custom-wrap) .embedded_video_custom-play:hover {
  background-color: #ffffff;
  box-shadow: 0 0 30px #ffffff99;
}

*:is(.embedded_video_custom-wrap, .landing_hero_video_custom-wrap) .embedded_video_custom-play:hover::before {
  border-color: transparent transparent transparent #9d2235;
}

*:is(.embedded_video_custom-wrap, .landing_hero_video_custom-wrap) .embedded_video_custom-play:hover::after {
  width: 100px;
  height: 100px;
  border-color: #fff;
}*/

*:is(.home_landing_hero_video_custom-wrap, .landing_hero_video_custom-wrap) {
  overflow: hidden;
  width: 100%;
  /* Keep it the right aspect-ratio */
  /* No clicking/hover effects */
  pointer-events: none;
}

.home_landing_hero_video_custom-wrap .ytp-pause-overlay-controls-hidden .ytp-pause-overlay, .home_landing_hero_video_custom-wrap .ytp-chrome-top, .home_landing_hero_video_custom-wrap .ytp-chrome-bottom, .home_landing_hero_video_custom-wrap .ytp-watermark {
    display: none;
}

.home_landing_hero_video_custom-wrap .embedded_video_custom-play {
    pointer-events: painted !important;
}

*:is(.home_landing_hero_video_custom-wrap, .landing_hero_video_custom-wrap) iframe,
*:is(.home_landing_hero_video_custom-wrap, .landing_hero_video_custom-wrap) video {
  /* Extend it beyond the viewport... */
    width: 300%;
    height: 100%;
    /* ...and bring it back again */
    margin-left: 0%;
}