/*
 * 	WIDGET: 	w12-video
 *
 *	CONTENTS:
 *
 *	MOBILE:
 */
.so-widget-w12-video .video-wrapper {
  width: 100%;
  margin: auto;
  margin-top: 45px;
}
.so-widget-w12-video .video-wrapper .video-container {
  position: relative;
  height: 0px;
  padding-bottom: 56.25%;
  padding-bottom: calc(56.25% + 0px);
}
.so-widget-w12-video .video-wrapper .video-container > input[type='checkbox'] {
  position: absolute;
  visibility: hidden;
  top: -9999px;
  left: -9999px;
}
.so-widget-w12-video .video-wrapper .video-container > input[type='checkbox']:checked ~ label {
  display: none;
}
.so-widget-w12-video .video-wrapper .video-container > label {
  position: absolute;
  width: 100%;
  height: 100%;
}
.so-widget-w12-video .video-wrapper .video-container > label .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 3;
  cursor: pointer;
}
.so-widget-w12-video .video-wrapper .video-container > label .cover-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.so-widget-w12-video .video-wrapper .video-container > .video {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (max-width: 1279px), (max-width: 1024px) {
  .so-widget-w12-video .video-wrapper {
    margin-top: 25px;
  }
}