/*
	Description: This is the Stylesheet for the Kongress-Suite for the Member-Suite
	Version: 1.0.0
	Author: Martin Neitz
	Author URI: https://www.kongress-suite.com/kontakt/
	License: Martin Neitz
*/



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

.kosu_video_widget.vc_video-el-width-100 .kosu_wrapper {
    width: 100%
}
.kosu_video_widget .kosu_video_wrapper {
    padding-top: 56.25%;
    position: relative;
    width: 100%
}
.kosu_video_widget .kosu_video_wrapper>div {
    padding-top: 0!important;
    position: static
}
.kosu_video_widget.kosu_video-aspect-ratio-169 .kosu_video_wrapper {
    padding-top: 56.25%;
}
.kosu_video_widget.kosu_video-aspect-ratio-43 .kosu_video_wrapper {
    padding-top: 75%
}
.kosu_video_widget.kosu_video-aspect-ratio-235 .kosu_video_wrapper {
    padding-top: 42.55319149%
}
.kosu_video_widget.kosu_video-align-left .kosu_wrapper {
    float: left
}
.kosu_video_widget.kosu_video-align-center .kosu_wrapper {
    margin: 0 auto
}
.kosu_video_widget.kosu_video-align-right .kosu_wrapper {
    float: right
}
.kosu_video_widget .kosu_wrapper {
    position: relative
}
.kosu_video_widget .kosu_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
}
.kosu_video_wrapper .fluid-width-video-wrapper {
    padding-top: 0!important;
    position: static
}

.kosu_video_image_before .kosu_video_wrapper,
.kosu_video_image_after .kosu_video_wrapper {padding-top: 0px !important;}


/*----------------------------------------------------------------------------*\
    Video [spk_video] - Intern
\*----------------------------------------------------------------------------*/


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-bottom: 53.25%;
    padding-top: 25px;
    height: 0;
    overflow: hidden;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*----------------------------------------------------------------------------*\
    Member Index [spk_mbr_index] - Intern
\*----------------------------------------------------------------------------*/
.kosu_mbr_index_element { display: inline-block; width: 100%; }
.kosu_mbr_index_wrapper { overflow: hidden; }




/* --- Column Layouts styles and controls ------------------------------------*/

.kosu_layout-column {
  position: relative;
  float: left;
  margin-right: 4%;
  margin-bottom: 20px;
  margin-top:0px;
}

.kosu_one-sixth   { width: 13.3333%; }
.kosu_one-fifth   { width: 16.8%; }
.kosu_one-fourth  { width: 22%; }
.kosu_one-third   { width: 30.6666%; }
.kosu_one-half    { width: 48%; }

.kosu_four-fifth  { width: 79%; }

.kosu_two-third { width: 65.3333%; }

.kosu_three-fourth { width: 60%; }

.kosu_column-last { margin-left: 0; margin-right: 0; }
.kosu_spacing-no  { margin: 0; }
.kosu_clearfix    { clear: both; zoom: 1; }


/*----------------------------------------------------------------------------*/
/*  KOSU - Video Index                                                        */
/*----------------------------------------------------------------------------*/

.kosu_video_timeline {
  list-style-type: none;
}

.kosu_onAir,
.kosu_onAir .fa-li {background-color: #a9ba04; color: #ffffff;}

.kosu_onAir .fa-li {
  height: 100%;
  top: initial;
  padding-top: .22em;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}


.kosu_video_jump_mark {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer;
}

.kosu_video_jump_mark .vivo_link_copy{
    float: right;
    padding: 0px 10px;
    border-radius: 3px;
}
.kosu_video_jump_mark:hover .vivo_link_copy { background-color: #e7e5e5; }


@media screen and (max-width: 750px) {
  .kosu_layout-column,
  .kosu_column-last  {
      clear: both;
      width: 80% !important;
      margin-left: 10% !important;
      margin-right: 10% !important;
  }
}

.kosu_collage td img {  width: 150px; }

.kosu_collage a:hover {
  color: red;
  position: relative;
}

.kosu_collage a[data]:hover:after {
    content: attr(data);
    padding: 4px 8px;
    color: rgb(255, 255, 255);
    position: absolute;
    left: 10%;
    top: 56%;
    white-space: nowrap;
    z-index: 2;
    border-radius: 5px;
    background: rgba(171, 186, 5, 0.96);
}

/*----------------------------------------------------------------------------*/
/*  KOSU - Member                                                             */
/*----------------------------------------------------------------------------*/

.kosu_member_ajax_marker {
  display: block;
  height: 30vh;
}

.videoproxy {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  background-color: #a3c6d9;
  background-image: url(../img/play_button.png);
  background-repeat:no-repeat;
  background-position: center center;
}

.videoproxy_link   {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
}

/*----------------------------------------------------------------------------*/
/*  Countdown                                                                 */
/*----------------------------------------------------------------------------*/


.mesu_countdown .vivo_tmr_num { padding-bottom: .2em; }
.mesu_countdown .vivo_tmr_txt { border-top: 1px solid; padding-top:  .2em; }



.kosu_playlist_wrapper { width: 100%; display: flex; background-color: #0000000d;}
.kosu_playlist_element_wrapper { float: left; cursor: pointer; display: flex; }
.kosu_playlist_element_title   {
  width: 100%;
  text-align: center;
  font-size: 0.5em;
  font-weight: bold;
}

.kosu_playlist_elements_1 .kosu_playlist_element_wrapper,
.kosu_playlist_elements_2 .kosu_playlist_element_wrapper,
.kosu_playlist_elements_3 .kosu_playlist_element_wrapper,
.kosu_playlist_elements_4 .kosu_playlist_element_wrapper { width: 25%; }

.kosu_playlist_elements_5 .kosu_playlist_element_wrapper { width: 20%; }
.kosu_playlist_elements_6 .kosu_playlist_element_wrapper { width: 16%; }
.kosu_playlist_elements_7 .kosu_playlist_element_wrapper { width: 14%; }

.kosu_playlist_element {
  border: 6px solid #ff000000;
  border-radius: 2px;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}


.kosu_playlist_element.active,
.kosu_playlist_element:hover { border: 6px solid #00000021; }

.kosu_playlist_element_download {
  text-align: center;
  color: #00000021;
  font-size: .7em;
}

.kosu_playlist_element_download a {
  text-decoration: none;
  color: #00000021;
}

.kosu_playlist_element_download i { margin-right: 5px; }

.kosu_playlist_element_download:hover a,
.kosu_playlist_element_download:hover  { /* background-color: #00000021; */ color: initial; }