/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */



/*----------------------------------------------------------------------------*\
    Video Controls
\*----------------------------------------------------------------------------*/

.vivo_video_disclaimer {
  position: absolute !important;
  top: 75%;
  background-color: rgba(255, 255, 255, .85);
  text-align: center;
  padding: 5px;
  width: 100%;
/*  margin: 10px; */
/*  border-radius: 3px; */
  font-size: .8em;
  z-index: 10;
}


.vivo_video_widget {width: 100%;}

.vivo_video_widget.vc_video-el-width-100 .vivo_wrapper {
    width: 100%
}
.vivo_audio_widget,
.vivo_video_widget .vivo_video_wrapper {
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.vivo_video_widget.mp4 .vivo_video_wrapper {
  padding-top: initial;
}



.vivo_audio_widget { background-color: #f2f2f2; }
.vivo_audio_wrapper { position: absolute; top: 50%;}

.vivo_video_widget .vivo_video_wrapper>div {
    padding-top: 0!important;
    position: static
}

.vivo_video_widget.vivo_video-aspect-ratio-11 .vivo_video_wrapper {
    padding-top: 100%;
}

.vivo_video_widget.vivo_video-aspect-ratio-169 .vivo_video_wrapper {
    padding-top: 56.25%;
}

.vivo_video_widget.vivo_video-aspect-ratio-916 .vivo_video_wrapper {
    padding-top: 177.25%;
}
.vivo_video_widget.vivo_video-aspect-ratio-43 .vivo_video_wrapper {
    padding-top: 75%
}
.vivo_video_widget.vivo_video-aspect-ratio-235 .vivo_video_wrapper {
    padding-top: 42.55319149%
}

.vivo_video_widget.mp4 .vivo_video_wrapper {
    padding-top: 0px;
}

.vivo_video_widget.vivo_video-align-left .vivo_wrapper {
    float: left
}
.vivo_video_widget.vivo_video-align-center .vivo_wrapper {
    margin: 0 auto
}
.vivo_video_widget.vivo_video-align-right .vivo_wrapper {
    float: right
}
.vivo_video_widget .vivo_wrapper {
    position: relative
}
.vivo_video_widget .vivo_wrapper iframe {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.vivo_video_wrapper .fluid-width-video-wrapper {
    padding-top: 0!important;
    position: static
}

.vivo_video_image_before .vivo_video_wrapper,
.vivo_video_image_after .vivo_video_wrapper {padding-top: 0px !important;}

.vivo_clearfix  { clear: both }
.vivo_clearfix:after,
.vivo_clearfix:before {
    content: " ";
    display: table
}

.vivo_wrapper {
  background-color: #dadada
}