/********************************************************************************
			 --- Video Cards  ---
*********************************************************************************/
.video-cards__grid {flex-flow: wrap;margin: 0 -2.421rem;}
.video-card {width: 33.3%;padding: 0 2.421rem;}
.video-card__figure {margin: 0;position: relative;}
.video-card__figure::before {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(66, 94, 150, 0), #050a17 94%);mix-blend-mode: multiply;opacity: 0.2;}
.video-card__figure img {border-radius: 2px;height: 100%;width: 100%;object-fit: cover;}
.video-card__inner, .video-card__figure {height: 100%;}
.video-card__figure figcaption {color: #fff;position: absolute;bottom: 1.473rem;left: 1.473rem;width: calc(100% - 1.527rem);z-index: 2;-webkit-filter: drop-shadow(2px 2px 2px #162447);filter: drop-shadow(2px 2px 2px #162447);}
.video-card__title {display: block;font-weight: 600;font-size: 1.315rem;margin-bottom: 0.578rem;word-wrap: break-word;}
.video-card__play {display: flex;align-items: center;color: #fff;font-size: 0.894rem;}
.video-card__label {position: relative;}
.video-card__play hr {width: 42px;background-color: #ffffff;height: 1px;margin: 0 0.789rem;-webkit-transition: background-color 300ms ease-out;transition: background-color 300ms ease-out;}
.play-icon-wrapper {background-color: #fff;width: 25px;height: 25px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;}

.play-icon-circle {border: 1px solid #9dbd79;border-radius: 50%;width: 19px;height: 19px;display: flex;align-items: center;justify-content: center;}
.play-icon-wrapper::before {content: '';content: '';position: absolute;width: 35px;height: 35px;border-radius: 50%;background-color: rgba(250,250,250,.24);opacity: 0;}
.play-icon-wrapper .play-icon-circle span {color: #f2a91c;font-size: 0.415rem;position: relative;left: 1px;}
.video-card__play:hover hr {background-color:#9dbd79; }
.video-card__play:hover .play-icon-wrapper::before {-webkit-animation:
    fade
    2.5s
    ease-out
    0s
    alternate
    infinite
    none
    running;opacity: 1;}

/*** Single/Full Video ***/
.video-card--full {margin: 0 auto;max-width: 754px;padding: 0 3rem;}
.video-card--full__figure {margin: 0;position: relative;}
/**.video-card--full__figure::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(66, 94, 150, 0), #050a17 94%);mix-blend-mode: multiply;opacity: 0.75;}**/
.video-card--full__figure figcaption {color: #fff;position: absolute;margin-left: -35px;top: 50%;left: 50%;margin-top: -35px;bottom: auto;z-index: 2;}

.video-card--full__figure .play-icon-wrapper {width: 70px;height: 70px;}
.video-card--full__figure .play-icon-circle {width: 48px;height: 48px;}
.video-card--full__figure .play-icon-wrapper .play-icon-circle span {font-size: .9rem;}
.video-card--full__figure .play-icon-wrapper::before {content: '';width: 80px;height: 80px;}
.video-card--full__figure .play-icon-wrapper:hover::before {-webkit-animation: fade 2.5s ease-out 0s alternate infinite none running;
    opacity: 1;}

.video-cards--full .section-button {margin-top: 2.631rem;}
.video-cards--full .section-button .button {margin-bottom: 0;}
@-webkit-keyframes fade {
  0% {
    transform: scale(0.5);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(.9);
  }
}

/*** Single Video ***/


@media (max-width:1200px) {
  .video-cards__grid {flex-flow: wrap;margin: 0 -1.421rem;}
  .video-card {width: 33.3%;padding: 0 1.421rem;}
}
@media (max-width:900px) {
  .video-card__figure img {width: 100%;}
  .video-cards__grid {display: flex;
    flex-direction: row;
    grid-column: full;margin: 0 -1.421rem;overflow: auto;flex-flow: nowrap;}
  .video-card {width: 26.5rem;
    max-width: 72vw;flex-shrink: 0;}
    /* Hide scrollbar for Chrome, Safari and Opera */
  .video-cards__grid::-webkit-scrollbar {
    display: none;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  .video-cards__grid {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

}
@media (max-width:800px) {
  .video-card--full {padding: 0;}
}

/* Changes for a Specific Scenario. */

.two-card+.video-cards .row .video-cards__grid  {
  justify-content: center;
}

.two-card+.video-cards .row .video-cards__grid div:nth-child(3) {
  display: none;
}