/*-----------------------------------------------------------------------------------*/
/*  MEDIABOARD - DEFAULT STYLES
/*-----------------------------------------------------------------------------------*/

.js #section-mediaboard {opacity: 0;}

/*-----------------------------------------------------------------------------------*/
/*  TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/


.mediaboard-description.mediaboard-meta-item,
.mediaboard-navigation-header,
.mediaboard-navigation-playlist a,
.mediaboard-navigation-footer {
  font-family: 'Montserrat', serif;
}

.mediaboard-title.mediaboard-meta-item
 {
  font-family: 'bebasregular', serif;
}

/*-----------------------------------------------------------------------------------*/
/*  ICONS
/*-----------------------------------------------------------------------------------*/
@font-face {
    font-family: 'icomoon';
    src:    url('https://thelifetoshare.com/wp-content/plugins/mediaboard/public/assets/css/../fonts/icomoon.eot?4vipjn');
    src:    url('https://thelifetoshare.com/wp-content/plugins/mediaboard/public/assets/css/../fonts/icomoon.eot?4vipjn#iefix') format('embedded-opentype'),
        url('https://thelifetoshare.com/wp-content/plugins/mediaboard/public/assets/css/../fonts/icomoon.ttf?4vipjn') format('truetype'),
        url('https://thelifetoshare.com/wp-content/plugins/mediaboard/public/assets/css/../fonts/icomoon.woff?4vipjn') format('woff'),
        url('https://thelifetoshare.com/wp-content/plugins/mediaboard/public/assets/css/../fonts/icomoon.svg?4vipjn#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-image:before {
    content: "\e900";
}
.icon-images:before {
    content: "\e901";
}
.icon-headphones:before {
    content: "\e902";
}
.icon-play:before {
    content: "\e903";
}
.icon-film:before {
    content: "\e904";
}
.icon-folder-open:before {
    content: "\e905";
}
.icon-folder-download:before {
    content: "\e906";
}

/*-----------------------------------------------------------------------------------*/
/*  HELPER CLASSES
/*-----------------------------------------------------------------------------------*/
.display_block {display: block !important;}
.display_none {display: none !important;}

/*-----------------------------------------------------------------------------------*/
/*  PRE-MEDIABOARD
/*-----------------------------------------------------------------------------------*/
#section-pre-mediaboard * {
  display: block;
  position: relative;
  height: 0rem;
}
  /* PRE-MEDIABOARD CONTAINER */
  #section-pre-mediaboard .sixteen.columns {
    background-color: #fff;
  }


/*-----------------------------------------------------------------------------------*/
/*  MEDIABOARD CONTAINER
/*-----------------------------------------------------------------------------------*/
#section-mediaboard {
  overflow: hidden;
}
  
  #section-super-mediaboard .container {
    width: 100%;
  }

  #section-mediaboard .sixteen.columns {
    background-color: transparent;
  }

  /* Set Position of Parent Div - this help with position absolute children to maintain with of position relative. */
    #mediaboard-content {
      position: relative;
      overflow: hidden;
    }
      #section-mediaboard #mediaboard-content .mediaboard-section {
        display: inline-block;
        position: relative;
        padding: 0;
        z-index: 5;
      }

/*-----------------------------------------------------------------------------------*/
/*  COLUMN STRUCTURE
/*-----------------------------------------------------------------------------------*/
#section-mediaboard #mediaboard-content .left {
  width: 25.18%;
}
#section-mediaboard #mediaboard-content .center {
  width: 49.64%;
}
  #section-mediaboard iframe {
    display: block;
  }
#section-mediaboard #mediaboard-content .right {
  width: 25.18%;
}

#section-mediaboard .left {
  float: left;
}

#section-mediaboard .right {
  float: right;
}

/*-----------------------------------------------------------------------------------*/
/*  META SECTION
/*-----------------------------------------------------------------------------------*/
.mediaboard-section .mediaboard-meta {
  box-sizing: border-box;
  display: block;
  height: 100%;
  overflow: hidden;
  padding: 25% 15% 0;
  position: relative;
  text-align: right;
  z-index: 10;
}
.mediaboard-section .mediaboard-meta * {
  position: relative;
  z-index: 10;
  display: block;
}

  /* META - TEXT ITEMS */
  .mediaboard-section .mediaboard-meta-item {
    margin-bottom: 1.4rem;
  }
  .mediaboard-section .mediaboard-meta h3, .mediaboard-title.mediaboard-meta-item {
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 100;
    line-height: 1;
  }
  .mediaboard-section .mediaboard-meta h4, .mediaboard-description.mediaboard-meta-item {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 100;
    line-height: 1;
  }
  .mediaboard-section .mediaboard-author, .mediaboard-section .mediaboard-author * {
    color: #dfdfdf;
  }

  /* META - TRIGGERS */
  #mediaboard-content .mediaboard-meta .theme-icons {
    padding-top: 0.3rem;
    float: right;
  }
  .mediaboard-player_trigger {
    cursor: pointer;
    display: inline-block;
    height: auto;
    position: relative;
    width: auto;
    float: left;
  }
    .mediaboard-player_trigger .bullet {
      margin-right: 2rem;
    }
    .mediaboard-player_trigger:last-child .bullet {
      margin-right: 0;
    }
      .mediaboard-player_trigger i {
        color: #dfdfdf;
        font-size: 1.5rem;
        transition: .3s ease all;
      }
      .mediaboard-player_trigger.selected i, .mediaboard-player_trigger:hover i {
        color: #fff;
      }
      
  /* META - BG */
  .mediaboard-section .mediaboard-meta .stripe-color {
    background-color: #0bc0d0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }

/*-----------------------------------------------------------------------------------*/
/*  MEDIA SECTION
/*-----------------------------------------------------------------------------------*/
    /* MIGHT NOT NEED THIS, BUT INCLUDING TO SET DEFAULTS FOR THESE */
    #section-super-mediaboard .mediaboard-media, #section-super-mediaboard #mediaboard-image {
      height: 100%;
      width: 100%;
      background-size: cover;
      background-position: 50% center;
      position: relative;
      position: absolute;
      top: 0;
    }
.mediaboard-media #mediaboard-image {
  float: left;
  z-index: 1;
}

  .media-player {
    z-index: 10;
  }
  /* position: absolute; */

    /*-----------------------------------------------------------------------------------*/
    /*  PLAYER
    /*-----------------------------------------------------------------------------------*/
    .mediaboard-video-player, 
    .mediaboard-video-player .mejs-container, 
    .mediaboard-video-player .mejs-layer, 
    .mediaboard-video-player .mediaboard-media iframe, 
    .mediaboard-video-player .mediaboard-media video {
      width: 100% !important;
    }

    .mejs-offscreen {
	  display: none;
	  position: absolute;
	}
    .mejs-container {
      height: 100% !important;
      position: relative;
    }

      /* PLAY/POSTER */
      .mejs-overlay.mejs-layer.mejs-overlay-play {  
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.5);
        transition: all 1s ease 0s;
      }

      /* PLAY/POSTER - BUTTON */
      .mediaboard-media .mejs-overlay-button {
        background-position: 0 -100px;
      }

      /*-----------------------------------------------------------------------------------*/
      /*  VIDEO
      /*-----------------------------------------------------------------------------------*/
      .media-player .mejs-poster {
        background-size: cover;
      }

        /* VIDEO - PLAYER */

          /* VIDEO - VIMEO */
          .video-vimeo .me-plugin, .video-vimeo .me-plugin iframe {
            height: 100%;
            width: 100%;
          }
          /* .video-vimeo .mejs-controls, .video-vimeo .mejs-layer.mejs-overlay-play {
            display: none !important;
          } */

      /*-----------------------------------------------------------------------------------*/
      /*  AUDIO
      /*-----------------------------------------------------------------------------------
      .mediaboard-audio-player {display: none;}*/
    
        div.mediaboard-audio-player {
          background: #4c4e5a;
          background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #4c4e5a 0%, #2c2d33 100%) repeat scroll 0 0;
          border-radius: 0;
          height: 100%;
          margin: 0 auto;
          position: relative;
          width: 100%;
        }
          div.mediaboard-audio-player .audio-player {
            display: inline-block;
            height: 100%;
            width: 100%;
          }

        /* AUDIO PLAYER */
        .mediaboard-audio-player .mejs-container {
          background: transparent;
        }
        .mediaboard-audio-player .mejs-poster {
          display: block !important;
        }
        .mediaboard-audio-player .mejs-controls div.mejs-time-rail {
          width: 76% !important;
        }
        .mediaboard-audio-player .mejs-controls .mejs-time-slider {
          width: 74% !important;
        }
        .mediaboard-audio-player .mejs-container .mejs-controls .mejs-time {
          position: absolute;
          right: 3%;
          margin-right: 30px;
        }
        .mediaboard-audio-player .mejs-container .mejs-controls .mejs-volume-button {
          right: 2%;
          position: absolute;
        }

      /*-----------------------------------------------------------------------------------*/
      /*  SKINS
      /*-----------------------------------------------------------------------------------*/

      /* TED SKIN */
      .media-player .mejs-ted .mejs-controls div.mejs-time-rail, 
      .media-player .mejs-ted .mejs-controls .mejs-time-slider {
        width: 97% !important;
      }
      .media-player .mejs-ted .mejs-controls .mejs-time {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #999;
        border-radius: 3px;
        color: #333;
        padding-top: 2px !important;
        position: absolute;
        right: 70px;
        top: 31px;
        line-height: 1.4;
      }
      .media-player .mejs-ted .mejs-controls .mejs-fullscreen-button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        height: 17px;
        right: 9px;
        top: 33px;
        width: 20px;
      }
      .media-player .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-total, 
      .media-player .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-current {
        left: 7px;
      }

      /* WMP SKIN */
      .media-player .mejs-wmp .mejs-controls div.mejs-time-rail, 
      .media-player .mejs-wmp .mejs-controls .mejs-time-slider {
        width: 97% !important;
      }
      .media-player .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-loaded {
        top: -1px;
      }
      .media-player .mejs-wmp .mejs-time {
        margin-right: 25px !important;
        right: 50% !important;
        top: 25px;
      }

/*-----------------------------------------------------------------------------------*/
/*  PLAYLIST
/*-----------------------------------------------------------------------------------*/
.mediaboard-playlist {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
}

  .mediaboard-section .mediaboard-playlist * {
    position: relative;
    z-index: 100;
  }

  /* PLAYLIST - HEADER */
  .mediaboard-navigation-header > h4 {
    color: #ffffff;
    line-height: 1;
    font-size: 16px;
    margin: 0;
    padding: 18px 30px;
    position: relative;
    text-align: center;
    z-index: 100;
  }
  .mediaboard-navigation-playlist {
    overflow: hidden;
  } 

    /* HOVERSCROLL */
    .listcontainer {
      overflow: hidden;
    }

    /* PLAYLIST - ITEMS */
    .mb-playlist-item.item {
      list-style: none;
    }
      .mediaboard-playlist .mb-playlist-item a {
        cursor: pointer;
      }
      .mediaboard-section .mediaboard-playlist .mediaboard-navigation-playlist a {
        border-bottom: 1px solid #dfdfdf;
        color: #dfdfdf;
        display: block;
        font-size: .8rem;
        font-weight: 100;
        line-height: 1;
        margin: 0 2rem;
        padding: 1rem;
        position: relative;
        text-align: center;
        transition: all 0.3s ease 0s;
        z-index: 100;
      }
      #section-mediaboard .mediaboard-playlist .mediaboard-navigation-playlist a:hover {
        color: #FFF;
      }
      .mediaboard-section .mediaboard-playlist .mediaboard-navigation-playlist .current-video {
        color: #fff;
        font-weight: 700;
      }

  /* PLAYLIST - FOOTER */
  .mediaboard-navigation-footer h4 {
    bottom: 0;
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 18px 30px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 100;
    line-height: 1;
  }
  .mediaboard-section .mediaboard-playlist .stripe-color {
    background-color: #0bc0d0;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }





/*-----------------------------------------------------------------------------------*/
/*  THEME - DEFAULT STYLES
/*-----------------------------------------------------------------------------------

.mediaboard-media {
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
}
.mediaboard-navigation-header > h4 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    padding: 18px 30px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    z-index: 100;
}
.mediaboard-section .mediaboard-playlist .mediaboard-navigation-playlist a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    margin: 0 20px;
    padding: 14px;
    text-align: left;
}
.mediaboard-navigation-footer h4 {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    bottom: 0;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0;
    padding: 18px 30px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    z-index: 100;
} */

/*-----------------------------------------------------------------------------------*/
/*  CONTENT - DEFAULT STYLES
/*-----------------------------------------------------------------------------------*/
body[class*="mediaboard"] #page .entry-content.clearfix {
    width: 100%;
}