ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / entrepro / wp-content / themes / rehub / css

/*
* Video Playlist Styles
* ver. 1.0
*/
.rh_block_wrap { margin: 0 auto; max-width: 1200px; }
.rh_wrapper_video_playlist { z-index: 1; position: relative; }
.rh_wrapper_video_playlist .rh_video_currently_playing:after { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: inherit; }
.rh_wrapper_video_playlist .rh_click_video { height: 75px; display: block; width: 100%; position: relative; cursor: pointer; }
.rh_wrapper_video_playlist .rh_click_video.rh_video_currently_playing { cursor: default !important; }
.rh_wrapper_video_playlist .rh_click_video:hover { box-shadow: 1200px 0 0 #333 inset; cursor: pointer; }
.rh_wrapper_video_playlist .rh_video_thumb, .rh_wrapper_video_playlist .rh_video_stop_play_control { position: absolute; top: 10px; width: 100px; height: 55px; overflow: hidden; margin-left: 16px; z-index: 1; }
.rh_wrapper_video_playlist .rh_video_stop_play_control { z-index: 2 !important; display: none; text-align: center; }
.rh_wrapper_video_playlist .rh_youtube_control, .rh_wrapper_video_playlist .rh_vimeo_control { cursor: pointer; text-decoration: none; font-family: Font Awesome\ 5 Pro; font-size: 2em; line-height: 55px; color: #fff; }
.rh_wrapper_video_playlist .rh-sp-video-play:before { content: "\f04b"; }
.rh_wrapper_video_playlist .rh-sp-video-pause:before { content: "\f04c"; }
.rh_wrapper_video_playlist .rh_video_currently_playing .rh_video_stop_play_control { display: block; }
.rh_wrapper_video_playlist .rh_video_thumb img { position: relative; top: -11px; }
.rh_wrapper_video_playlist .rh_video_title_and_time { position: absolute; top: 10px; margin: 0 30px 0 130px; }
.rh_wrapper_video_playlist .rh_video_title_and_time .rh_video_title { font-family: 'Roboto', arial, sans-serif; font-size: 13px; color: #ffffff; line-height: 15px; max-height: 30px; overflow: hidden; }
.rh_wrapper_video_playlist .rh_video_currently_playing .rh_video_title_and_time .rh_video_title { font-size: 15px; font-weight: bold; }
.rh_wrapper_video_playlist .rh_video_time { font-family: arial, sans-serif; font-size: 10px; font-style: italic; color: #777777; line-height: 13px; margin-top: 5px; }
.rh_wrapper_video_playlist .rh_video_currently_playing .rh_video_time { color: #fff }
.rh_wrapper_video_playlist .rh_wrapper_player { background-color: #000; }
.rh_wrapper_video_playlist .rh_wrapper_player iframe { width: 100%; height: 100%; }
.rh_wrapper_video_playlist .rh_container_video_playlist { background-color: #222; vertical-align: top; overflow: hidden; }
.rh_wrapper_video_playlist .rh_playlist_clickable { overflow-y: auto; overflow-x: hidden; }
/*FOR FULL WIDTH */
.rh_video_playlist_column_full .rh_wrapper_player { display: block; width: calc(100% - 370px); }
.rh_video_playlist_column_full .rh_container_video_playlist { display: block; position: absolute; top: 0; right: 0; width: 370px; }
.rh_video_playlist_column_full .rh_playlist_clickable, .rh_video_playlist_column_full .rh_wrapper_player, .rh_video_playlist_column_full .rh_container_video_playlist { height: 450px; }

@media (min-width: 1225px) {
.vc_custom_row_width .rh_video_playlist_column_full .rh_playlist_clickable, .vc_custom_row_width .rh_video_playlist_column_full .rh_wrapper_player, .vc_custom_row_width .rh_video_playlist_column_full .rh_container_video_playlist { height: 450px; }
}

@media screen and (max-width: 1224px) and (min-width: 1024px) {
.rh_video_playlist_column_full .rh_container_video_playlist { width: 320px }
.rh_video_playlist_column_full .rh_wrapper_player { width: calc(100% - 320px); }
.rh_video_playlist_column_full .rh_playlist_clickable, .rh_video_playlist_column_full .rh_wrapper_player, .rh_video_playlist_column_full .rh_container_video_playlist { height: 360px; }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
.rh_video_playlist_column_full .rh_container_video_playlist { width: 100%; position: static; }
.rh_video_playlist_column_full .rh_wrapper_player { width: 100%; }
.rh_video_playlist_column_full .rh_playlist_clickable, .rh_video_playlist_column_full .rh_wrapper_player, .rh_video_playlist_column_full .rh_container_video_playlist { height: 360px; }
}

@media screen and (max-width: 767px) {
.rh_video_playlist_column_full .rh_container_video_playlist { width: 100%; position: static; }
.rh_video_playlist_column_full .rh_wrapper_player { width: 100%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.rh_video_playlist_column_full .rh_playlist_clickable, .rh_video_playlist_column_full .rh_wrapper_player, .rh_video_playlist_column_full .rh_container_video_playlist { height: 360px; }
}

@media only screen and (max-width: 479px) {
.rh_video_playlist_column_full .rh_playlist_clickable, .rh_video_playlist_column_full .rh_wrapper_player, .rh_video_playlist_column_full .rh_container_video_playlist { height: 270px; }
}
/*FOR STACK WIDTH */
.rh_video_playlist_column_stack .rh_wrapper_player { display: block; width: 100%; }
.rh_video_playlist_column_stack .rh_container_video_playlist { display: block; position: static; width: 100%; }
.rh_video_playlist_column_stack .rh_playlist_clickable, .rh_video_playlist_column_stack .rh_wrapper_player, .rh_video_playlist_column_stack .rh_container_video_playlist { height: 430px; }

@media screen and (max-width: 1224px) and (min-width: 1024px) {
.rh_video_playlist_column_stack .rh_playlist_clickable, .rh_video_playlist_column_stack .rh_wrapper_player, .rh_video_playlist_column_stack .rh_container_video_playlist { height: 360px; }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
.rh_video_playlist_column_stack .rh_playlist_clickable, .rh_video_playlist_column_stack .rh_wrapper_player, .rh_video_playlist_column_stack .rh_container_video_playlist { height: 360px; }
}

@media screen and (max-width: 767px) {
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.rh_video_playlist_column_stack .rh_playlist_clickable, .rh_video_playlist_column_stack .rh_wrapper_player, .rh_video_playlist_column_stack .rh_container_video_playlist { height: 360px; }
}

@media only screen and (max-width: 479px) {
.rh_video_playlist_column_stack .rh_playlist_clickable, .rh_video_playlist_column_stack .rh_wrapper_player, .rh_video_playlist_column_stack .rh_container_video_playlist { height: 270px; }
}
.wp-video-shortcode:focus { outline: 0 !important; }
.rh_container_video_playlist .rh_playlist_clickable.rh_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track, .rh_container_video_playlist .rh_playlist_clickable.rh_add_scrollbar_to_playlist::-webkit-scrollbar-track {
 background-color: #383838;
}
.rh_container_video_playlist .rh_playlist_clickable.rh_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar, .rh_container_video_playlist .rh_playlist_clickable.rh_add_scrollbar_to_playlist::-webkit-scrollbar {
 width: 9px;
 background-color: #f4f4f4;
}
.rh_container_video_playlist .rh_playlist_clickable.rh_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb, .rh_container_video_playlist .rh_playlist_clickable.rh_add_scrollbar_to_playlist::-webkit-scrollbar-thumb {
 background-color: #aaaaaa;
 border-radius: 3px
}

[+] ..
[-] wcvendor.css [edit]
[-] video-playlist.css [edit]
[-] eggrehub.css [edit]
[-] jquery.nouislider.css [edit]
[-] bbpresscustom.css [edit]
[-] edd.css [edit]
[+] fonts
[-] tabletoggle.css [edit]
[-] customizer.css [edit]
[-] modulobox.min.css [edit]
[-] responsive.css [edit]
[-] woocommerce.css [edit]
[-] admin.css [edit]
[-] roboto.css [edit]