File manager

File manager - Edit - /home/optixsfl/optimisticscholar.com/wp-content/plugins/youtube-feed-pro/css/sb-youtube.css

Back
/************/ /* LAYOUT */ /***********/ / Feed container / [id^=sb_youtube_].sb_youtube { width: 100%; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [id^=sb_youtube_].sb_youtube { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } [id^=sb_youtube_].sb_youtube:after, [id^=sb_youtube_].sb_youtube .sbi_inner_item:after{ content: ""; display: table; clear: both; } /*******************/ /* STYLE OPTIONS */ /******************/ [id^=sb_youtube_].sb_youtube.sby_fixed_height{ overflow: hidden; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [id^=sb_youtube_].sb_youtube .sby_items_wrap{ width: 100%; float: left; line-height: 0; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } / Items / [id^=sb_youtube_].sb_youtube .sby_items_wrap .sby_inner_item { display: flex; flex-direction: column; } [id^=sb_youtube_].sb_youtube .sby_items_wrap .sby_item { } [id^=sb_youtube_].sb_youtube .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube .sby_player_outer_wrap .sby_video_thumbnail_wrap, [id^=sb_youtube_].sb_youtube .sby_player_wrap{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; display: inline; max-height: 3000px; padding: inherit !important; text-decoration: none; opacity: 1; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } [id^=sb_youtube_].sb_youtube .sby_items_wrap .sby_item.sby_no_margin { margin: 0 !important; } /* Transition items in / [id^=sb_youtube_].sb_youtube .sby_items_wrap .sby_item.sby_transition{ opacity: 0; max-height: 0; } / Cols / [id^=sb_youtube_].sb_youtube.sby_col_0 .sby_items_wrap .sby_item{ width: 100%; } [id^=sb_youtube_].sb_youtube.sby_col_1 .sby_items_wrap .sby_item{ width: 100%; } [id^=sb_youtube_].sb_youtube.sby_col_2 .sby_items_wrap .sby_item{ width: 50%; } [id^=sb_youtube_].sb_youtube.sby_col_3 .sby_items_wrap .sby_item{ width: 33.33%; } [id^=sb_youtube_].sb_youtube.sby_col_4 .sby_items_wrap .sby_item{ width: 25%; } [id^=sb_youtube_].sb_youtube.sby_col_5 .sby_items_wrap .sby_item{ width: 20%; } [id^=sb_youtube_].sb_youtube.sby_col_6 .sby_items_wrap .sby_item{ width: 16.66%; } [id^=sb_youtube_].sb_youtube.sby_col_7 .sby_items_wrap .sby_item{ width: 14.28%; } [id^=sb_youtube_].sb_youtube.sby_col_8 .sby_items_wrap .sby_item{ width: 12.5%; } [id^=sb_youtube_].sb_youtube.sby_col_9 .sby_items_wrap .sby_item{ width: 11.11%; } [id^=sb_youtube_].sb_youtube.sby_col_10 .sby_items_wrap .sby_item{ width: 10%; } / Disable mobile layout / / [id^=sb_youtube_].sb_youtube.sby_col_1.sby_disable_mobile .sby_items_wrap .sby_item{ width: 100%; } [id^=sb_youtube_].sb_youtube.sby_col_2.sby_disable_mobile .sby_items_wrap .sby_item{ width: 50%; } [id^=sb_youtube_].sb_youtube.sby_col_3.sby_disable_mobile .sby_items_wrap .sby_item{ width: 33.33%; } [id^=sb_youtube_].sb_youtube.sby_col_4.sby_disable_mobile .sby_items_wrap .sby_item{ width: 25%; } [id^=sb_youtube_].sb_youtube.sby_col_5.sby_disable_mobile .sby_items_wrap .sby_item{ width: 20%; } [id^=sb_youtube_].sb_youtube.sby_col_6.sby_disable_mobile .sby_items_wrap .sby_item{ width: 16.66%; } [id^=sb_youtube_].sb_youtube.sby_col_7.sby_disable_mobile .sby_items_wrap .sby_item{ width: 14.28%; } [id^=sb_youtube_].sb_youtube.sby_col_8.sby_disable_mobile .sby_items_wrap .sby_item{ width: 12.5%; } [id^=sb_youtube_].sb_youtube.sby_col_9.sby_disable_mobile .sby_items_wrap .sby_item{ width: 11.11%; } [id^=sb_youtube_].sb_youtube.sby_col_10.sby_disable_mobile .sby_items_wrap .sby_item{ width: 10%; } / / Photos / .sby-screenreader{text-indent: -9999px !important;display: block !important;width: 0 !important;height: 0 !important;line-height: 0 !important;} [id^=sb_youtube_].sb_youtube .sby_video_thumbnail_wrap, #sby_lightbox .sby_lb_video_thumbnail_wrap, [id^=sb_youtube_].sb_youtube .sby_player_outer_wrap { box-sizing: border-box; width: 100%; position: relative; float: left; } [id^=sb_youtube_].sb_youtube .sby_video_thumbnail, #sby_lightbox .sby_lb_video_thumbnail, #sby_lightbox .sby_video_thumbnail{ display: block; position: relative; text-decoration: none; line-height: 0; z-index: 5; } [id^=sb_youtube_].sb_youtube .sby_video_thumbnail .sby_duration_counter { position: absolute; bottom: 5px; right: 5px; background: #000; height: auto; width: auto; color: #fff; padding: 3px 4px; line-height: 1; border-radius: 4px; font-weight: 600; font-size: 12px; } [id^=sb_youtube_].sb_youtube .sby_video_thumbnail img, #sby_lightbox .sby_video_thumbnail img{ width: 100%; height: auto; border-radius: 0; } [id^=sb_youtube_].sb_youtube .sby_link{ display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 0; background: #333; background: rgba(0,0,0,0.6); text-align: center; color: #fff; font-size: 12px; line-height: 1.1; overflow: hidden; } [id^=sb_youtube_].sb_youtube .sby_link.sby_default p, [id^=sb_youtube_].sb_youtube .sby_link.sby_default span, [id^=sb_youtube_].sb_youtube .sby_link.sby_default a{ text-shadow: 0px 0px 10px #000; } [id^=sb_youtube_].sb_youtube .sby_link .sby_username a, [id^=sb_youtube_].sb_youtube .sby_link .sby_youtube_link, [id^=sb_youtube_].sb_youtube .sby_link .sby_hover_bottom, [id^=sb_youtube_].sb_youtube .sby_link .sby_playbtn, [id^=sb_youtube_].sb_youtube .sby_link .sby_lightbox_link, [id^=sb_youtube_].sb_youtube .sby_link .svg-inline--fa.fa-play{ filter: alpha(opacity=90); opacity: 0.9; } [id^=sb_youtube_].sb_youtube .sby_link .sby_username a:hover, [id^=sb_youtube_].sb_youtube .sby_link .sby_youtube_link:hover, [id^=sb_youtube_].sb_youtube .sby_link .sby_playbtn:hover, [id^=sb_youtube_].sb_youtube .sby_link .sby_lightbox_link:hover, [id^=sb_youtube_].sb_youtube .sby_link .svg-inline--fa.fa-play:hover{ filter: alpha(opacity=100); opacity: 1; } [id^=sb_youtube_].sb_youtube .sby_link_area{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } [id^=sb_youtube_].sb_youtube .sby_link a{ padding: 0; text-decoration: none; color: #ddd; color: rgba(255,255,255,0.7); line-height: 1.1; background: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; display: inline; } [id^=sb_youtube_].sb_youtube .sby_link a:hover, [id^=sb_youtube_].sb_youtube .sby_link a:active{ color: #fff; } [id^=sb_youtube_].sb_youtube .sby_link .sby_lightbox_link{ display: block; /display: none;/ position: absolute; z-index: 2; top: 50%; left: 50%; margin-top: -24px; margin-left: -21px; padding: 0; font-size: 49px; font-style: normal !important; } [id^=sb_youtube_].sb_youtube .sby_type_video .sby_lightbox_link, [id^=sb_youtube_].sb_youtube .sby_carousel_vid_first .sby_lightbox_link{ display: none; } [id^=sb_youtube_].sb_youtube .sby_link .sby_youtube_link{ /float: right;/ font-size: 30px; position: absolute; z-index: 100; bottom: 0; right: 2px; padding: 8px; } [id^=sb_youtube_].sb_youtube .sby_link a:hover, [id^=sb_youtube_].sb_youtube .sby_link a:focus{ text-decoration: underline; } /* Player / [id^=sb_youtube_].sb_youtube .sby_player_wrap { z-index: 1; width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } [id^=sb_youtube_].sb_youtube .sby_player_wrap iframe { width: 100% !important; height: 100% !important; } / Use CSS for lightbox fade instead of JS / [id^=sb_youtube_].sb_youtube .sby_thumbnail_hover, #sby_lightbox .sby_thumbnail_hover{ box-sizing: border-box; opacity: 0; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; color: #fff; background: #333; background: rgba(0,0,0,.6); transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -webkit-transition: opacity .6s ease-in-out; } [id^=sb_youtube_].sb_youtube.sby_layout_list .sby_item_video_thumbnail .sby_thumbnail_hover { display: none; } [id^=sb_youtube_].sb_youtube .sby_current .sby_thumbnail_hover { opacity: 1; } [id^=sb_youtube_].sb_youtube .sby_thumbnail_hover_inner, #sby_lightbox .sby_thumbnail_hover_inner{ display: inline-block; width: 100%; height: 100%; padding: 10px; overflow: hidden; } [id^=sb_youtube_].sb_youtube .sby_thumbnail_hover_inner .sby_video_title { font-size: 1.2em; line-height: 1.2; } [id^=sb_youtube_].sb_youtube .sby_video_thumbnail:hover .sby_thumbnail_hover, #sby_lightbox .sby_video_thumbnail:hover .sby_thumbnail_hover{ opacity: 1; display: block; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; } [id^=sb_youtube_].sb_youtube.sby_layout_list .sby_item_video_thumbnail.sby_video_thumbnail:hover .sby_thumbnail_hover { opacity: 0; display: none; transition: none; -moz-transition: none; -webkit-transition: none; } / Loader / [id^=sb_youtube_].sb_youtube .sby_loader{ width: 20px; height: 20px; position: relative; top: 50%; left: 50%; margin: -10px 0 0 -10px; background-color: #000; background-color: rgba(0,0,0,0.5); border-radius: 100%; -webkit-animation: sby-sk-scaleout 1.0s infinite ease-in-out; animation: sby-sk-scaleout 1.0s infinite ease-in-out; } [id^=sb_youtube_].sb_youtube .sb_youtube_header br, [id^=sb_youtube_].sb_youtube .sby_items_wrap br, [id^=sb_youtube_].sb_youtube .sby_footer br{ display: none; } [id^=sb_youtube_].sb_youtube .sby_caption br, [id^=sb_youtube_].sb_youtube .sby_bio br{ display: initial; } .sby_footer p { display: inline; padding: 0; margin: 0; } / Loader in button / [id^=sb_youtube_].sb_youtube .sby_footer .sby_loader, [id^=sb_youtube_].sb_youtube .sby_item .sby_loader, [id^=sb_youtube_].sb_youtube .sby_player_outer_wrap .sby_loader{ position: absolute; margin-top: -11px; background-color: #fff; } [id^=sb_youtube_].sb_youtube .sby_item.sby_player_loading, [id^=sb_youtube_].sb_youtube .sby_player_outer_wrap.sby_player_loading { opacity: .8; } @-webkit-keyframes sby-sk-scaleout { 0% { -webkit-transform: scale(0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes sby-sk-scaleout { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); opacity: 0; } } [id^=sb_youtube_].sb_youtube .fa-spin, #sby_lightbox .fa-spin{ -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } [id^=sb_youtube_].sb_youtube .fa-pulse, #sby_lightbox .fa-pulse{ -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } / HEADER / [id^=sb_youtube_].sb_youtube .sb_youtube_header{ float: left; clear: both; margin: 0 0 15px 0; padding: 0; line-height: 1.2; width: 100%; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_header_type_generic { display: flex; } [id^=sb_youtube_].sb_youtube .sb_youtube_header a{ float: left; display: flex; align-items: flex-start; width: 100%; min-width: 100%; text-decoration: none; transition: color 0.5s ease; } /* Medium Header / / Only use medium & large headers on devices above 480px / @media all and (min-width: 480px){ [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_img { width: 80px; height: 80px; border-radius: 40px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_img img { width: 80px; height: 80px; border-radius: 40px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text h3 { font-size: 16px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text .sby_bio_info, [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text .sby_bio{ font-size: 13px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text h3, [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text .sby_bio_info, [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text .sby_bio{ margin-left: 95px !important; line-height: 1.4 } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text h3{ margin-right: -85px !important; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text .sby_bio_info{ margin-top: 4px !important; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text.sby_no_bio h3{ padding-top: 20px !important; } /* Large Header / [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_img { width: 120px; height: 120px; border-radius: 60px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_img img { width: 120px; height: 120px; border-radius: 60px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text h3 { font-size: 28px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text .sby_bio_info, [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text .sby_bio{ font-size: 13px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text h3, [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text .sby_bio_info, [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text .sby_bio{ margin-left: 140px !important; line-height: 1.5; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text h3{ margin-right: -120px !important; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text .sby_bio_info{ margin-top: 12px !important; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text.sby_no_bio h3{ padding-top: 32px !important; } } / Header profile pic / [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img{ float: left; position: relative; width: 50px; margin: 0 0 0 -100% !important; overflow: hidden; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img img{ float: left; margin: 0 !important; padding: 0 !important; border: none !important; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } / Profile pic hover / / Profile pic hover / [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img_hover{ opacity: 0; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; text-align: center; color: #fff; background: rgba(0,0,0,0.75); } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_no_consent .sby_header_img { height: 50px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_no_consent .sby_header_img_hover{ opacity: 1; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_new_logo{ position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; width: 24px; height: 24px; font-size: 24px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img_hover i { overflow: hidden; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img_hover{ z-index: 2; transition: opacity 0.4s ease-in-out; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_fade_in{ opacity: 1; transition: opacity 0.2s ease-in-out; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img_hover{ position: absolute; width: 100%; top: 0; bottom: 0; left: 0; text-align: center; color: #fff; background: rgba(0,0,0,0.75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border-radius: 40px; transition: opacity 0.2s; } / Fade the Youtube icon in when hovering on the header / [id^=sb_youtube_].sb_youtube .sb_youtube_header a:hover .sby_header_img_hover, [id^=sb_youtube_].sb_youtube .sb_youtube_header a:focus .sby_header_img_hover{ opacity: 1; } / Header text / [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text{ width: 100%; padding-top: 5px; display: flex; flex-wrap: wrap; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text .sby_bio, [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text h3{ clear: both; margin: 0 0 0 60px !important; padding: 0 !important; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text .sby_bio { width: 100%; } [id^=sb_youtube_].sb_youtube .sb_youtube_header h3{ font-size: 16px; line-height: 1.3; } [id^=sb_youtube_].sb_youtube .sb_youtube_header p{ font-size: 13px; line-height: 1.3; margin: 0; padding: 0; } [id^=sb_youtube_].sb_youtube p:empty { display: none; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text img.emoji{ margin-right: 3px !important; } / No bio / [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text.sby_no_bio h3{ padding-top: 9px !important; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text.sby_no_bio .sby_bio_info{ clear: both; } / No bio has sub / [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text.sby_no_bio.sby_has_sub h3{ padding-top: 0px !important; } / Buttons / [id^=sb_youtube_].sb_youtube .sby_footer{ float: left; clear: both; width: 100%; text-align: center; } [id^=sb_youtube_].sb_youtube .sby_footer .fa-spinner{ display: none; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -7px; font-size: 15px; } [id^=sb_youtube_].sb_youtube .sby_footer{ opacity: 1; transition: all 0.5s ease-in; } [id^=sb_youtube_].sb_youtube .sby_load_btn .sby_btn_text, [id^=sb_youtube_].sb_youtube .sby_load_btn .sby_loader{ opacity: 1; transition: all 0.1s ease-in; } [id^=sb_youtube_].sb_youtube .sby_hidden{ opacity: 0 !important; } [id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn, [id^=sb_youtube_].sb_youtube .sby_follow_btn a, [id^=sb_youtube_].sb_youtube .sby_btn a, #sby_lightbox .sby_btn a{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; display: inline; padding: 7px 14px; margin: 5px auto 0 auto; background: #333; border: none; color: #fff; text-decoration: none; font-size: 13px; line-height: 1.5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [id^=sb_youtube_].sb_youtube .sby_btn .sby_cta_button, #sby_lightbox .sby_btn .sby_cta_button { font-size: 16px; } [id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn { position: relative; } /* Follow button / [id^=sb_youtube_].sb_youtube .sby_follow_btn, [id^=sb_youtube_].sb_youtube .sby_btn, #sby_lightbox .sby_btn{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; display: inline; text-align: center; } [id^=sb_youtube_].sb_youtube .sby_follow_btn.sby_top{ display: block; margin-bottom: 5px; } [id^=sb_youtube_].sb_youtube .sby_follow_btn a, [id^=sb_youtube_].sb_youtube .sby_btn .sby_cta_button, #sby_lightbox .sby_btn .sby_cta_button{ background: #408bd1; color: #fff; } [id^=sb_youtube_].sb_youtube .sby_follow_btn a, [id^=sb_youtube_].sb_youtube .sby_follow_btn a, [id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn, [id^=sb_youtube_].sb_youtube .sby_btn a, #sby_lightbox .sby_btn a{ transition: all 0.1s ease-in; } /* Hover state for default colors / [id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn:hover{ outline: none; box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.25); } [id^=sb_youtube_].sb_youtube .sby_follow_btn a:hover, [id^=sb_youtube_].sb_youtube .sby_follow_btn a:focus { box-shadow: inset 0 0 20px 20px rgb(255 255 255 / 25%); } [id^=sb_youtube_].sb_youtube .sby_btn a:hover, #sby_lightbox .sby_btn a:focus, [id^=sb_youtube_].sb_youtube .sby_btn .sby_cta_button:hover, #sby_lightbox .sby_btn .sby_cta_button:hover, [id^=sb_youtube_].sb_youtube .sby_btn .sby_cta_button:focus, #sby_lightbox .sby_btn .sby_cta_button:focus{ outline: none; box-shadow: inset 0 0 10px 20px #359dff; } / If a custom color is applied then just use opacity for the hover effect / [id^=sb_youtube_].sb_youtube .sby_follow_btn.sby_custom a:hover, [id^=sb_youtube_].sb_youtube .sby_follow_btn.sby_custom a:focus, [id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn.sby_custom:hover, [id^=sb_youtube_].sb_youtube .sby_btn.sby_custom a:hover, #sby_lightbox .sby_btn.sby_custom a:focus, [id^=sb_youtube_].sb_youtube .sby_btn.sby_custom .sby_cta_button:hover, #sby_lightbox .sby_btn.sby_custom .sby_cta_button:hover, [id^=sb_youtube_].sb_youtube .sby_btn.sby_custom .sby_cta_button:focus, #sby_lightbox .sby_btn.sby_custom .sby_cta_button:focus{ box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.15); } / Active state / [id^=sb_youtube_].sb_youtube .sby_follow_btn a:active, [id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn:active, [id^=sb_youtube_].sb_youtube .sby_btn a:active, #sby_lightbox .sby_btn a:active{ box-shadow: inset 0 0 10px 20px rgba(0,0,0,0.3); } [id^=sb_youtube_].sb_youtube .sby_follow_btn .fa, [id^=sb_youtube_].sb_youtube .sby_follow_btn svg{ margin-bottom: -1px; margin-right: 7px; font-size: 15px; } [id^=sb_youtube_].sb_youtube .sby_follow_btn svg{ vertical-align: -.125em; } [id^=sb_youtube_].sb_youtube .sby_footer .sby_follow_btn{ margin-left: 5px; } / Media queries / @media all and (max-width: 640px){ / Make 3-6 cols into 2 col / [id^=sb_youtube_].sb_youtube.sby_col_3.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_4.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_5.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_6.sby_mob_col_auto .sby_items_wrap .sby_item{ width: 50%; } / Make 7-10 cols into 4 col / [id^=sb_youtube_].sb_youtube.sby_col_7 .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_8 .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_9 .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_10 .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_7.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_8.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_9.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_10.sby_mob_col_auto .sby_items_wrap .sby_item{ width: 25%; } [id^=sb_youtube_].sb_youtube.sby_col_2 .sby_items_wrap .sby_item{ width: 50%; } [id^=sb_youtube_].sb_youtube.sby_col_3 .sby_items_wrap .sby_item{ width: 33.33%; } [id^=sb_youtube_].sb_youtube.sby_col_4 .sby_items_wrap .sby_item{ width: 25%; } [id^=sb_youtube_].sb_youtube.sby_col_5 .sby_items_wrap .sby_item{ width: 20%; } [id^=sb_youtube_].sb_youtube.sby_col_6 .sby_items_wrap .sby_item{ width: 16.66%; } [id^=sb_youtube_].sb_youtube.sby_col_7 .sby_items_wrap .sby_item{ width: 14.28%; } [id^=sb_youtube_].sb_youtube.sby_col_8 .sby_items_wrap .sby_item{ width: 12.5%; } [id^=sb_youtube_].sb_youtube.sby_col_9 .sby_items_wrap .sby_item{ width: 11.11%; } [id^=sb_youtube_].sb_youtube.sby_col_10 .sby_items_wrap .sby_item{ width: 10%; } / On mobile make the min-width 100% / [id^=sb_youtube_].sb_youtube.sby_width_resp{ width: 100% !important; } } @media all and (max-width: 480px){ / Make all cols into 1 col / [id^=sb_youtube_].sb_youtube.sby_col_3.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_4.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_5.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_6.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_7.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_8.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_9.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_col_10.sby_mob_col_auto .sby_items_wrap .sby_item, [id^=sb_youtube_].sb_youtube.sby_mob_col_1 .sby_items_wrap .sby_item{ width: 100%; } [id^=sb_youtube_].sb_youtube.sby_mob_col_2 .sby_items_wrap .sby_item{ width: 50%; } [id^=sb_youtube_].sb_youtube.sby_mob_col_3 .sby_items_wrap .sby_item{ width: 33.33%; } [id^=sb_youtube_].sb_youtube.sby_mob_col_4 .sby_items_wrap .sby_item{ width: 25%; } [id^=sb_youtube_].sb_youtube.sby_mob_col_5 .sby_items_wrap .sby_item{ width: 20%; } [id^=sb_youtube_].sb_youtube.sby_mob_col_6 .sby_items_wrap .sby_item{ width: 16.66%; } [id^=sb_youtube_].sb_youtube.sby_mob_col_7 .sby_items_wrap .sby_item{ width: 14.28%; } } .sb_youtube[data-videostyle=boxed] .sby_items_wrap .sby_item .sby_inner_item { background-color: #ffffff; } .sb_youtube.sby_palette_dark[data-videostyle=boxed] .sby_items_wrap .sby_item .sby_inner_item { background-color: #35363f; } .sb_youtube[data-card-boxshadow='true'] .sby_items_wrap .sby_item .sby_inner_item { box-shadow: 0 4px 5px 0px rgba(0,0,0, 0.05), 0 1px 2px 0px rgba(0,0,0, 0.05); } .sb_youtube[data-card-boxshadow='1'] .sby_items_wrap .sby_item .sby_inner_item { box-shadow: 0 4px 5px 0px rgba(0,0,0, 0.05), 0 1px 2px 0px rgba(0,0,0, 0.05); } / --- Lightbox --- / .sby_lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.9; display: none; } .sby_lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; line-height: 0; font-weight: normal; } .sby_lightbox .sby_lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .sby_lightbox a:hover, .sby_lightbox a:focus, .sby_lightbox a:active{ outline: none; } .sby_lightbox a img { border: none; } .sby_lb-outerContainer { position: relative; background-color: #000; zoom: 1; width: 250px; height: 250px; margin: 0 auto 5px auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .sby_lb-outerContainer:after { content: ""; display: table; clear: both; } .sby_lb-container { position: relative; padding: 4px; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; right: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .sby_lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .sby_lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background-color: #666; background-color: rgba(255,255,255,0.5); border-radius: 100%; -webkit-animation: ctf-sk-scaleout 1.0s infinite ease-in-out; animation: ctf-sk-scaleout 1.0s infinite ease-in-out; } .sby_lb-nav { /position: absolute;/ top: 0; left: 0; /height: 100%;/ width: 100%; z-index: 10; /pointer-events: none;/ } .sby_lb-container > .nav { left: 0; } .sby_lb-nav a { position: absolute; z-index: 100; top: 0; height: 90%; outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } /* Arrows / .sby_lb-prev, .sby_lb-next { height: 100%; cursor: pointer; display: block; } .sby_lb-nav a.sby_lb-prev { /width: 30%;/ width: 50px; left: -70px; padding-left: 10px; padding-right: 10px; float: left; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5); opacity: 0.5; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .sby_lb-nav a.sby_lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .sby_lb-nav a.sby_lb-next { /width: 30%;/ width: 50px; right: -70px; padding-left: 10px; padding-right: 10px; float: right; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5); opacity: 0.5; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .sby_lb-nav a.sby_lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .sby_lb-nav span{ display: block; top: 55%; position: absolute; left: 20px; width: 34px; height: 45px; margin: -25px 0 0 0; background: url(../img/sby-sprite.png) no-repeat; } .sby_lb-nav a.sby_lb-prev span{ background-position: -53px 0; } .sby_lb-nav a.sby_lb-next span{ left: auto; right: 20px; background-position: -18px 0; } .sby_lb-dataContainer { margin: 0 auto; padding-top: 5px; zoom: 1; width: 100%; font-family: "Open Sans", Helvetica, Arial, sans-serif; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .sby_lb-dataContainer:after { content: ""; display: table; clear: both; } .sby_lb-data { padding: 0 4px; color: #ccc; } .sby_lb-data .sby_lb-details { width: 85%; float: left; text-align: left; line-height: 1.1; } .sby_lb-data .sby-lb-channel-header { display: flex; justify-content: space-between; align-items: center; margin: 23px 0px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.21); padding-bottom: 24px; } .sby_lightbox_free .sby_lb-data .sby-lb-channel-header { display: none; } .sby_lightbox_free .sby_lb-data .sby_lb-close { margin-top: 0px; } .sby_lb-data .sby_lb-caption .sby_caption_text { margin-top: 23px; display: block; } .sby_lb-data .sby-lb-channel-header .sby-lb-subscribe-btn { border: none; color: #fff; text-decoration: none; background: #ED4944; box-shadow: 0px 2px 5px rgba(60, 66, 87, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.08), inset 0px -1px 1px rgba(0, 0, 0, 0.12); border-radius: 4px; display: flex; align-items: center; padding: 6px 8px; gap: 4px; font-weight: 600; font-size: 12px; line-height: 160%; transition: all .2s ease-in; } .sby_lb-data .sby-lb-channel-header .sby-lb-subscribe-btn:hover { text-decoration: none; background-color: #EC352F; } .sby_lb-data .sby-lb-channel-header .sby-lb-channel-name-with-subs { display: flex; flex-direction: column; line-height: 1.36; font-size: 12px; font-weight: 600; } .sby_lb-data .sby-lb-channel-header .sby-lb-channel-name-with-subs span:last-child { font-weight: 300; font-size: 12px; letter-spacing: 0.02em; line-height: 1; } .sby_lb-data .sby_lb-caption { float: left; font-size: 13px; font-weight: normal; line-height: 1.3; padding-bottom: 3px; color: #ccc; width: 100%; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .sby_lb-data .sby_lb-caption a, .sby_lb-data .sby_lb-caption .ctf-screename-sep{ color: #ccc; font-weight: bold; text-decoration: none; } .sby_lb-data .sby_lb-caption a:hover{ color: #fff; text-decoration: underline; } .sby_lb-data .sby_lb-caption .sby_lightbox_username{ float: left; color: #ccc; padding-bottom: 0; display: block; margin: 0 0 5px 0; display: flex; align-items: center; } .sby_lb-data .sby_lb-caption .sby_lightbox_username:hover { text-decoration: none; } .sby_lb-data .sby_lb-caption .sby_lightbox_username{ color: #ccc; } .sby_lb-data .sby_lb-caption .sby_lightbox_username:hover p{ color: #fff; } .sby_lightbox .sby_lightbox_username img { float: left; border: none; width: 48px; height: 48px; margin-right: 10px; background: #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .sby_lightbox_username p{ float: left; margin: 0; padding: 0; color: #ccc; line-height: 32px; font-weight: bold; font-size: 13px; text-align: left; } .sby_lb-data .ctf-caption-text{ width: 100%; margin-left: 58px; padding-top: 3px; } .sby_lb-data .sby_lb-caption .ctf-tweet-date, .sby_lb-data .sby_lb-caption .ctf-author-screenname{ font-weight: normal; } .sby_lb-data .sby_lb-info{ width: 100%; float: left; clear: both; } .sby_lb-data .sby_lb-number { display: block; float: left; clear: both; padding: 5px 0 15px 0; font-size: 12px; color: #999999; } .sby_lb-data .sby_lb-close { display: block; float: right; width: 22px; height: 22px; background: url(../img/close.png) center no-repeat; background-size: 100%; text-align: right; margin-top: 25px; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .sby_lb-data .sby_lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Lightbox video - must go after lighbox CSS / / Leave a gap at the bottom of the nav for video controls / .sby_lb-nav { height: auto; } / Remove 4px padding from lightbox container so video lines up / .sby_lb-container{ padding: 0; } .sby_lb-container iframe { position: absolute; top: 0; left:0; width: 100%; height: 100%; z-index: 1; } / Lightbox action links / #sby_lightbox .sby_lightbox_action{ float: left; /clear: both;/ position: relative; padding: 0 0 0 10px; margin: 5px 0 0 10px; border-left: 1px solid #666; font-size: 12px; } #sby_lightbox .sby_lightbox_action a{ display: block; float: left; color: #999; text-decoration: none; } #sby_lightbox .sby_lightbox_action a:hover, #sby_lightbox .sby_lightbox_action a:focus{ color: #fff; } #sby_lightbox .sby_lightbox_action .fa, #sby_lightbox .sby_lightbox_action svg { margin-right: 5px; } #sby_lightbox .sby_lightbox_action.sby_youtube .fa { font-size: 13px; } #sby_lightbox .sby_tooltip_social a svg { font-size: 19px; padding: 3px 4px; margin: auto; } / Lightbox tooltip / #sby_lightbox .sby_lightbox_tooltip{ display: none; position: absolute; width: 100px; bottom: 22px; left: 0; padding: 5px 10px; margin: 0; background: rgba(255,255,255,0.9); color: #222; font-size: 12px; line-height: 1.3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sby_lightbox .sby_lightbox_tooltip .fa-play{ position: absolute; font-size: 8px; bottom: -6px; left: 36px; color: rgba(255,255,255,0.9); } #sby_lightbox .sby_tooltip_social a .fa{ font-size: 16px; margin: 0; padding: 5px; } #sby_lightbox .sby_tooltip_social a#sby_facebook_icon .fa, #sby_lightbox .sby_tooltip_social a#sby_twitter_icon .fa, #sby_lightbox .sby_tooltip_social a#sby_pinterest_icon .fa{ padding-top: 4px; font-size: 18px; } #sby_lightbox .sby_gdpr_notice { z-index: 6; display: block; position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -44px; padding: 20px; } #sby_lightbox .sby_gdpr_notice svg:not(:root).svg-inline--fa { position: relative; display: block !important; height: 48px; width: 48px; opacity: .8; } #sby_lightbox .sby_gdpr_notice:hover svg:not(:root).svg-inline--fa { opacity: 1; } / Hide photos tooltip / #sby_lightbox #sby_mod_box{ width: 280px; padding: 5px 10px 7px 10px; } / Social icons tooltip / #sby_lightbox .sby_tooltip_social{ width: 172px; padding: 5px 5px 4px 5px; } #sby_lightbox .sby_tooltip_social a{ color: #333; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #sby_lightbox .sby_lightbox_action #sby_facebook_icon:hover{ background: #3b5998; } #sby_lightbox .sby_lightbox_action #sby_twitter_icon:hover{ background: #00aced; } #sby_lightbox .sby_lightbox_action #sby_google_icon:hover{ background: #dd4b39; } #sby_lightbox .sby_lightbox_action #sby_linkedin_icon:hover{ background: #007bb6; } #sby_lightbox .sby_lightbox_action #sby_pinterest_icon:hover{ background: #cb2027; } #sby_lightbox .sby_lightbox_action #sby_email_icon:hover{ background: #333; } .sby_lb-outerContainer, .sby_lb-dataContainer{ min-width: 450px; } @media all and (max-width: 450px){ .sby_lb-outerContainer, .sby_lb-dataContainer { min-width: 0; / Remove min-width on lightbox on mobile / } } .sby_lightbox .sby_lb-image { display: block; height: auto; max-width: inherit; margin: 0 auto; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } / Mod only error msgs / #sby_mod_error{ display: none; border: 1px solid #ddd; background: #eee; color: #333; margin: 10px 0 0; padding: 10px 15px; font-size: 13px; text-align: center; clear: both; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #sby_mod_error p{ padding: 5px 0 !important; margin: 0 !important; line-height: 1.3 !important; } #sby_mod_error ol, #sby_mod_error ul{ padding: 5px 0 5px 20px !important; margin: 0 !important; } #sby_mod_error li{ padding: 1px 0 !important; margin: 0 !important; } #sby_mod_error span{ font-size: 12px; } / SVGs / [id^=sb_youtube_].sb_youtube svg:not(:root).svg-inline--fa, [id^=sb_youtube_].sb_youtube_lightbox svg:not(:root).svg-inline--fa{ box-sizing: unset; overflow: visible; width: 1em; } [id^=sb_youtube_].sb_youtube .svg-inline--fa.fa-w-16, [id^=sb_youtube_].sb_youtube .svg-inline--fa.fa-w-16{ width: 16px; } [id^=sb_youtube_].sb_youtube .svg-inline--fa, [id^=sb_youtube_].sb_youtube_lightbox .svg-inline--fa{ display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em; } [id^=sb_youtube_].sb_youtube.sby_player_loaded .sby_player_outer_wrap .sby_video_thumbnail, [id^=sb_youtube_].sb_youtube.sby_player_loaded.sby_layout_list .sby_video_thumbnail{ z-index: -1 !important; } a.sby_video_thumbnail:after { box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.7); bottom: 0; content: ''; left: 0; position: absolute; z-index: 1; right: 0; top: 0; width: 100%; } /***********/ /* LAYOUT */ /***********/ / Meta area / [id^=sb_youtube_].sb_youtube .sby_info p { width: 100%; clear: both; padding: 5px 5px 2px 5px!important; margin: 0; line-height: 1.2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } [id^=sb_youtube_].sb_youtube .sby_caption, [id^=sb_youtube_].sb_youtube .sby_video_title, [id^=sb_youtube_].sb_youtube .sby_date, [id^=sb_youtube_].sb_youtube .sby_ls_message, #sby_lightbox .sby_video_title { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } [id^=sb_youtube_].sb_youtube .sby_info > p, [id^=sb_youtube_].sb_youtube .sby_caption_wrap, [id^=sb_youtube_].sb_youtube .sby_thumbnail_hover_inner > p { padding: 0 !important; margin-top: 0; line-height: 1.3; font-size: 1em; } [id^=sb_youtube_].sb_youtube .sby_info .sby_video_title_wrap{ font-size: 1.2em; } [id^=sb_youtube_].sb_youtube .sby_ls_message_wrap, [id^=sb_youtube_].sb_youtube .sby_thumbnail_hover_inner .sby_ls_message_wrap { display: block; line-height: 1; } [id^=sb_youtube_].sb_youtube .sby_ls_message { display: inline-block; padding: 3px 5px; background: #408bd1; color: #fff; font-weight: 700; line-height: 1; border-radius: 5px; transition: all 0.1s ease-in; } [id^=sb_youtube_].sb_youtube .sby_video_title { font-weight: 700; } [id^=sb_youtube_].sb_youtube .sby_info .sby_stats, [id^=sb_youtube_].sb_youtube .sby_info .sby_ls_message_wrap { margin-bottom: 8px; } [id^=sb_youtube_].sb_youtube .sby_meta > span + span:before { content: "•"; margin: 0 4px; } [id^=sb_youtube_].sb_youtube .sby_meta span, [id^=sb_youtube_].sb_youtube .sby_stats span{ font-size: 1em; } [id^=sb_youtube_].sb_youtube.sby_col_1 .sby_meta span, [id^=sb_youtube_].sb_youtube.sby_col_2 .sby_meta span, [id^=sb_youtube_].sb_youtube.sby_col_3 .sby_meta span, [id^=sb_youtube_].sb_youtube.sby_col_1 .sby_stats span, [id^=sb_youtube_].sb_youtube.sby_col_2 .sby_stats span, [id^=sb_youtube_].sb_youtube.sby_col_3 .sby_stats span { white-space: nowrap; } [id^=sb_youtube_].sb_youtube .sby_stats > span { margin-right: 8px; } [id^=sb_youtube_].sb_youtube .sby_info { width: 100%; padding: 10px 0px; box-sizing: border-box; float: left; clear: both; text-decoration: none; opacity: 0.9; text-align: center } [id^=sb_youtube_].sb_youtube .sby_no_space { margin: 0; padding: 0; } [id^=sb_youtube_].sb_youtube .sby_item_caption_wrap { opacity: 0.9; text-align: center; } / Play Button / [id^=sb_youtube_].sb_youtube .sby_video_thumbnail:hover .sby_play_btn { opacity: .5; } [id^=sb_youtube_].sb_youtube .sby_play_btn { position: absolute; z-index: 1; left: 50%; bottom: 50%; top: 50%; right: 50%; margin-top: -25px; margin-left: -28px; color: #fff; width: 57px; height: 50px; opacity: 1; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; } [id^=sb_youtube_].sb_youtube .sby_play_btn_bg { display: block; position: absolute; z-index: -1; top: 17px; left: 22px; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 9px; border-top-width: 9px; border-left: 16px solid #fff; } [id^=sb_youtube_].sb_youtube .sby_play_btn svg:not(:root).svg-inline--fa{ width: 57px; height: auto; opacity: 0.75; } [id^=sb_youtube_].sb_youtube .sby_play_btn svg, [id^=sb_youtube_].sb_youtube .sby_play_btn i{ color: #000; } / Medium / [id^=sb_youtube_].sb_youtube.sby_medium .sby_play_btn { margin-top: -20px; margin-left: -22px; width: 45px; height: 40px; } [id^=sb_youtube_].sb_youtube.sby_medium .sby_play_btn_bg { top: 13px; left: 18px; border-bottom-width: 7px; border-top-width: 7px; border-left: 12px solid #fff; } [id^=sb_youtube_].sb_youtube.sby_medium .sby_play_btn svg:not(:root).svg-inline--fa{ width: 45px; } / Small / [id^=sb_youtube_].sb_youtube.sby_small .sby_play_btn{ margin-top: -16px; margin-left: -18px; width: 36px; height: 32px; } [id^=sb_youtube_].sb_youtube.sby_small .sby_play_btn_bg { top: 10px; left: 14px; border-bottom-width: 6px; border-top-width: 6px; border-left: 10px solid #fff; } [id^=sb_youtube_].sb_youtube.sby_small .sby_play_btn svg:not(:root).svg-inline--fa{ width: 36px; } [id^=sb_youtube_].sby_layout_gallery .sby_player_outer_wrap .sby_play_btn { z-index: 10; } / Loader / [id^=sb_youtube_].sb_youtube .sby_meta .sby_loader, [id^=sb_youtube_].sb_youtube .sby_stats .sby_loader{ position: relative; display: inline-block; left: auto; top: 5px; } [id^=sb_youtube_].sb_youtube .sby_stats .sby_loader { margin-left: 0px } / Info Next to Post / @media all and (min-width: 481px) { [id^=sb_youtube_].sb_youtube .sby_info_side .sby_item .sby_item_video_thumbnail_wrap { clear: none; width: 48%; margin-right: 2%; } [id^=sb_youtube_].sb_youtube .sby_info_side .sby_item .sby_info { clear: none; margin-top: 0; width: 50%; } [id^=sb_youtube_].sb_youtube .sby_info_side .sby_item .sby_info, [id^=sb_youtube_].sb_youtube .sby_info_side .sby_item .sby_item_caption_wrap{ text-align: left; } [id^=sb_youtube_].sb_youtube .sby_info p { padding: 0 !important; } [id^=sb_youtube_].sb_youtube .sby_info_side .sby_meta span { margin-left: 0 !important; } } / Info On Hover / [id^=sb_youtube_].sb_youtube .sby_thumbnail_hover_inner > span, #sby_lightbox .sby_thumbnail_hover_inner > span{ display: block; line-height: 1.2; margin-bottom: 5px; text-align: center; } / Lightbox / .sby_lb-data .sby_lb-caption a { color: #ccc; font-weight: 700; text-decoration: none } .sby_lb-commenter:hover,.sby_lb-data .sby_lb-caption a:hover { color: #fff; text-decoration: underline } .sby_lb-data .sby_lb-caption .sby_lightbox_username { float: left; color: #ccc; padding-bottom: 0; display: block; margin: 0 0 5px 0; display: flex; align-items: center; } .sby_lb-data .sby_lb-caption .sby_lightbox_username:hover p { color: #fff; text-decoration: underline } .sby_lightbox .sby_lightbox_username img { float: left; border: none; width: 32px; height: 32px; margin-right: 10px; background: #666; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px } .sby_lightbox_username p { float: left; margin: 0; padding: 0; color: #ccc; line-height: 32px; font-weight: 700; font-size: 16px; } / CTA / .sby_cta_wrap { box-sizing: border-box; display: none; position: absolute; right: 0; left: 0; bottom: 57px; width: 100%; height: 160px; background: #000; margin: auto; z-index: 50; padding: 0; border-radius: 10px; } .sby_cta_inner_wrap img { display: block; } .sby_cta_state_paused, .sby_cta_state_ended { display: block; } [id^=sb_youtube_].sb_youtube .sby_cta_item, #sby_lightbox .sby_cta_item { width: 50%; float: left; font-size: 13px; } [id^=sb_youtube_].sb_youtube .sby_cta_cols_1 .sby_cta_item, #sby_lightbox .sby_cta_cols_1 .sby_cta_item { width: 100%; } [id^=sb_youtube_].sb_youtube .sby_cta_item .sby_btn_wrap, #sby_lightbox .sby_cta_item .sby_btn_wrap{ display: flex; justify-content: center; } [id^=sb_youtube_].sb_youtube .sby_cta_item .sby_btn, #sby_lightbox .sby_cta_item .sby_btn{ align-self: center; } @media all and (min-width: 481px) { .sby_cta_wrap { padding: 12px 16px 16px; bottom: 49px; } } / Carousel / / * Core Owl Carousel CSS File * v2.1.1 / [id^=sb_youtube_].sb_youtube .sby_items_wrap.sby_carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; direction: ltr; / position relative and z-index fix webkit rendering fonts issue / position: relative; z-index: 1; } .sby_carousel .sby_info, .sby_carousel .sby_owl2row-item{ display: none; } .sby_carousel_2_row .sby_carousel .sby_item { width: 100% !important; } .sby-owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; / fix firefox animation glitch / } .sby-owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .sby-owl-stage-outer { position: relative; overflow: hidden; / fix for flashing background / -webkit-transform: translate3d(0px, 0px, 0px); } .sby-owl-wrapper, .sby-owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .sby-owl-item { position: relative; min-height: 1px; padding: 0 5px; padding: 0; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .sby-owl-item img { display: block; width: 100%; } .sby-owl-nav.disabled, .sby-owl-dots.disabled { display: none; } .sby-owl-nav .sby-owl-prev, .sby-owl-nav .sby-owl-next, .sby-owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sby-owl-carousel.sby-owl-loaded { display: block; } .sby-owl-carousel.sby-owl-loading { opacity: 0; display: block; } .sby-owl-carousel.sby-owl-hidden { opacity: 0; } .sby-owl-carousel.sby-owl-refresh .sby-owl-item { visibility: hidden; } .sby-owl-carousel.sby-owl-drag .sby-owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sby-owl-carousel.sby-owl-grab { cursor: move; cursor: grab; } .sby-owl-carousel.sby-owl-rtl { direction: rtl; } .sby-owl-carousel.sby-owl-rtl .sby-owl-item { float: right; } / * Owl Carousel - Auto Height Plugin / .sby-owl-height { transition: height 500ms ease-in-out; } / * Owl Carousel - Lazy Load Plugin / .sby-owl-item .sby-owl-lazy { opacity: 0; transition: opacity 400ms ease; } .sby-owl-item img.sby-owl-lazy { transform-style: preserve-3d; } / * Owl Carousel - Video Plugin / .sby-owl-video-wrapper { position: relative; height: 100%; background: #000; } .sby-owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .sby-owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .sby-owl-video-playing .sby-owl-video-tn, .sby-owl-video-playing .sby-owl-video-play-icon { display: none; } .sby-owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .sby-owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .sby-owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .sby-owl-nav { margin-top: 0; } .sby-owl-nav .disabled { opacity: 0.5; cursor: default; } .sby-owl-nav.disabled + .sby-owl-dots { margin-top: 10px; } .sby-owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; padding: 5px 0; margin-top: 5px; } .sby-owl-dots .sby-owl-dot { display: inline-block; zoom: 1; display: inline; } .sby-owl-dots .sby-owl-dot span { display: block; width: 12px; height: 12px; margin: 5px 7px; background: #333; filter: Alpha(Opacity=25);/IE7 fix/ opacity: 0.25; -webkit-backface-visibility: visible; transition: opacity 100ms ease; border-radius: 30px; } .sby-owl-dots .sby-owl-dot.active span, .sby-owl-dots .sby-owl-dot:hover span { filter: Alpha(Opacity=100);/IE7 fix/ opacity: 1; } .sby-owl-item { display: inline-block; vertical-align: top; } .sby-owl-stage-outer { overflow-x: hidden; overflow-y: hidden; } .sby-owl-item > div { width: 100% !important; } .sby-post-links { max-width: 100%; } .sby-owl-item{ box-sizing: border-box; } /* Navigation arrows / .sby-owl-nav > div { position: absolute; top: 50%; font-size: 14px; display: inline-block; background: rgba(255,255,255,0.3); padding: 6px 6px 6px 8px; border-radius: 50%; margin-top: -15px; color: #000; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sby_carousel:hover .sby-owl-nav > div{ background: rgba(255,255,255,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -webkit-transform:scale(1.1); / Safari and Chrome / -moz-transform:scale(1.1); / Firefox / -ms-transform:scale(1.1); / IE 9 / -o-transform:scale(1.1); / Opera / transform:scale(1.1); } .sby_carousel:hover .sby-owl-nav > div:hover { cursor: pointer; background: #fff; } .sby-owl-nav .sby-owl-prev { margin-left: 7px; padding: 6px 8px 6px 6px; left: 0; } .sby-owl-nav .sby-owl-next { margin-right: 7px; right: 0; } [id^=sb_youtube_].sb_youtube .sby_carousel .sby-owl-nav .svg-inline--fa { height: 1.2em; } / Single / [id^=sb_youtube_].sb_youtube.sby_youtube_feed_single .sby_info { text-align: left; } / Search / #sby_sf_results_wrap:after { display: table; content: ""; clear: both; } .sby_sf_results_wrap { margin-top: 30px; } .sby_sf_result { float: left; margin-bottom: 30px; } @media all and (min-width: 481px) { .sby_sf_thumb_wrap { float: left; width: 49%; } .sby_sf_info_wrap { float: left; width: 49%; margin-left: 2%; } } .sby_sf_info_wrap h3 { margin-top: 0; font-size: 20px; } .sby_sf_info_wrap p { margin-top: 0; font-size: 1em; } / Generic Header / .sby_header_type_generic .sby_header_img { background: #333; color: #fff; width: 50px; height: 50px; position: relative } .sby_header_type_generic .sby_header_icon { display: block; color: #fff; opacity: .9; -webkit-transition: background .6s linear,color .6s linear; -moz-transition: background .6s linear,color .6s linear; -ms-transition: background .6s linear,color .6s linear; -o-transition: background .6s linear,color .6s linear; transition: background .6s linear,color .6s linear } .sby_header_type_generic:hover .sby_header_icon { display: block; opacity: 1; -webkit-transition: background .2s linear,color .2s linear; -moz-transition: background .2s linear,color .2s linear; -ms-transition: background .2s linear,color .2s linear; -o-transition: background .2s linear,color .2s linear; transition: background .2s linear,color .2s linear } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_subscribers { display: block; margin-left: 15px; font-size: 14px; line-height: 1.3; padding-top: 3px; vertical-align: top; position: relative; } [data-preview-screen="mobile"] [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_subscribers { margin-left: 70px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_subscribers:before { content: ''; position: absolute; left: -9px; top: 10px; width: 4px; height: 4px; background-color: #7e7272; border-radius: 100px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header[data-header-subscriber=shown] .sby_has_bio h3:after { content: '•'; margin: 0 6px; } [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_no_bio .sby_subscribers { display: inline-block; clear: left; float: left; margin: 0 0 0 60px !important; padding-top: 0; } [id^=sb_youtube_].sb_youtube .sby-header-type-text { font-size: 36px; } [id^=sb_youtube_].sb_youtube .sby-header-type-text[data-header-size=medium] { font-size: 42px; } [id^=sb_youtube_].sb_youtube .sby-header-type-text[data-header-size=large] { font-size: 48px; } / Live Stream Workaround / #sby_player_blank, #sby_blank.sby_item { opacity: 0; } iframe.sby_live_player { height:0 !important; width:0 !important; visibility: hidden !important; } [id^=sb_youtube_].sb_youtube .sby_play_btn svg, [id^=sb_youtube_].sb_youtube .sby_play_btn i{ color: #000; } /***********/ /* Color Scheme */ /***********/ / Light Color Scheme / [id^=sb_youtube_].sb_youtube.sby_palette_light { background: rgba(255,255,255,.75); padding-bottom: 10px; } [id^=sb_youtube_].sb_youtube.sby_palette_light .sb_youtube_header h3, [id^=sb_youtube_].sb_youtube.sby_palette_light .sby_video_title, [id^=sb_youtube_].sb_youtube.sby_palette_light .sby_meta span{ color: #444444; } [id^=sb_youtube_].sb_youtube.sby_palette_light .sby_footer .sby_load_btn { background: rgba(49, 49, 49, 1); } [id^=sb_youtube_].sb_youtube.sby_palette_light .sby_follow_btn a { background: rgba(68, 138, 208, 1); } / Dark Color Scheme / [id^=sb_youtube_].sb_youtube.sby_palette_dark { background: #20222C; padding: 10px; } [id^=sb_youtube_].sb_youtube.sby_palette_dark .sb_youtube_header.sby-header-type-text span, [id^=sb_youtube_].sb_youtube.sby_palette_dark .sb_youtube_header h3, [id^=sb_youtube_].sb_youtube.sby_palette_dark .sb_youtube_header .sby_header_text .sby_bio, [id^=sb_youtube_].sb_youtube.sby_palette_dark .sby_video_title, [id^=sb_youtube_].sb_youtube.sby_palette_dark .sb_youtube_header .sby_subscribers, [id^=sb_youtube_].sb_youtube.sby_palette_dark .sby_meta span{ color: #ffffff; } [id^=sb_youtube_].sb_youtube.sby_palette_dark .sby_footer .sby_load_btn { background: rgba(255, 255, 255, 0.2); } [id^=sb_youtube_].sb_youtube.sby_palette_dark .sby_follow_btn a { background: #0096CC; } [id^=sb_youtube_].sb_youtube.sby_palette_dark .sby-channel-info-bar { background: rgba(196, 213, 255, 0.15); } [id^=sb_youtube_].sb_youtube.sby_palette_dark .sby-channel-info-bar .sby-channel-name { color: #FFFFFF; } [id^=sb_youtube_].sb_youtube.sby_palette_dark .sby-channel-info-bar .sby-channel-subscriber-count { color: #CED0D9; } [id^=sb_youtube_].sb_youtube.sby_palette_dark .sby-video-header-info h5 { color: #E6E6EB; } [id^=sb_youtube_].sb_youtube.sby_palette_dark .sby-video-header-info .sby-video-header-meta { color: #E6E6EB; } [id^=sb_youtube_].sb_youtube.sby_palette_dark .sby-video-header-meta span:last-child::after { background-color: #E6E6EB; } / Card Horizontal Layout / [id^=sb_youtube_][data-videocardlayout="horizontal"].sb_youtube .sby_items_wrap .sby_inner_item { display: flex; flex-direction: row; align-items: center; } [id^=sb_youtube_][data-videocardlayout="horizontal"].sb_youtube .sby_info { margin-top: 0; padding: 10px 20px; } / Frontend license error notice / .sby-frontend-license-notice { position: fixed; right: 20px; bottom: 30px; width: 298px; background: #FFFFFF; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 13.3px 19.32px rgba(0, 0, 0, 0.1), 0px 0px 37.29px rgba(0, 0, 0, 0.05); border-radius: 4px; z-index: 9; } .sby-frontend-license-notice .sby-fln-header { height: 26px; padding: 5px 8px 0px 12px; background: #FCEDED; display: flex; justify-content: space-between; box-sizing: border-box; } .sby-frontend-license-notice .sby-fln-header span.sb-text { font-weight: 600; font-size: 11px; line-height: 160%; color: #841919; } .sby-frontend-license-notice .sby-fln-header span.sb-left { display: flex; } .sby-frontend-license-notice .sby-fln-header .sb-close { cursor: pointer; } .sby-frontend-license-notice .sby-fln-header .sb-close svg { transform: translate(1px, -8px); } .sby-frontend-license-notice .sby-fln-header svg { margin-right: 6px; } .sby-frontend-license-notice .sby-fln-header svg path { fill: #841919; } .sby-frontend-license-notice .sby-fln-body { padding: 9px 12px 15px; display: flex; height: 58px; box-sizing: border-box; } .sby-frontend-license-notice .sby-fln-body > svg { height: 36px; width: 44px; margin-right: 11px; } .sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text p { font-weight: 600; font-size: 12px; line-height: 160%; color: #141B38; margin: 0; } .sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text p a { margin-left: 5px; text-decoration: none; text-underline-offset: 1px; color: #AF2121; } .sby-frontend-license-notice.sby-ce-license-inactive .sby-fln-body .sby-fln-expired-text p a { color: #0068A0; } .sby-frontend-license-notice.sby-ce-license-inactive .sby-fln-body .sby-fln-expired-text p svg path { fill: #0068A0; } .sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text svg { display: inline-block; transform: translate(3px, 1px); width: 6px; transition: all .2s ease; } .sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text svg path { fill: #AF2121; } / Resolve link hover animation / .sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text a:hover { text-decoration: underline; } .sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text a:hover svg { transform: translate(1px, 1px); } / License state inactive color / .sby-frontend-license-notice[data-license-state=inactive] .sby-fln-body .sby-fln-expired-text p a { color: #0068A0; } .sby-frontend-license-notice[data-license-state=inactive] .sby-fln-body .sby-fln-expired-text svg path { fill: #0068A0; } / Block Editor - License Editor Block Not Embedded / .sby-license-expired-plain-block-wrapper { border: 1px solid #1E1E1E; border-radius: 2px; } .sby-license-expired-plain-block-wrapper p { margin: 0; } .sby-license-expired-plain-block-wrapper .sby-lepb-header { background: #FCEDED; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 6px 20px; box-sizing: border-box; } .sby-license-expired-plain-block-wrapper.inactive .sby-lepb-header { background: #F9F9FA; } .sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-left { display: flex; align-items: center; } .sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-left svg { margin-right: 8px; } .sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-left svg path { fill: #841919; } .sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-left p { font-weight: 600; font-size: 14px; line-height: 160%; color: #841919; } .sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-right a { font-weight: 600; font-size: 14px; line-height: 160%; color: #841919; text-decoration: none; } .sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-right a svg { transform: translate(6px, 0px); transition: all .2s ease-in; } .sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-right a:hover svg { transform: translate(3px, 0px); } .sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-right a svg path { fill: #841919; } .sby-license-expired-plain-block-wrapper.inactive .sby-lepb-header .sb-left p { color: #2C324C; } .sby-license-expired-plain-block-wrapper.inactive .sby-lepb-header .sb-right a { color: #0068A0; } .sby-license-expired-plain-block-wrapper.inactive .sby-lepb-header .sb-left svg path { fill: #2C324C; } .sby-license-expired-plain-block-wrapper.inactive .sby-lepb-header .sb-right a svg path { fill: #0068A0; } .sby-license-expired-plain-block-wrapper .sby-lepb-body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 305px; box-sizing: border-box; padding: 40px 8px 45px; background-color: #ffffff; } .sby-license-expired-plain-block-wrapper .sby-lepb-body .sby-block-body-title { margin-top: 15px; font-weight: 600; font-size: 18px; line-height: 140%; text-align: center; color: #1E1E1E; } .sby-license-expired-plain-block-wrapper .sby-lepb-body a { padding: 8px 12px 8px 20px; width: 226px; height: 38px; background: #0068A0; border-radius: 2px; text-decoration: none; font-weight: 600; font-size: 14px; line-height: 160%; color: #FFFFFF; box-sizing: border-box; margin-top: 29px; } .sby-license-expired-plain-block-wrapper .sby-lepb-body a svg { transform: translate(10px, 0px); transition: all .2s ease-in; } .sby-license-expired-plain-block-wrapper .sby-lepb-body a:hover svg { transform: translate(6px, 0px); } .sby-license-expired-plain-block-wrapper .sby-lepb-body a svg path { fill: #FFFFFF; } .sby-license-expired-plain-block-wrapper .sby-lepd-footer { border-top: 1px solid #E6E6EB; background: #F9F9FA; padding: 12px 20px 16px; text-align: center; } .sby-license-expired-plain-block-wrapper .sby-lepd-footer .sby-lepd-footer-title { font-weight: 600; font-size: 16px; line-height: 160%; color: #141B38; } .sby-license-expired-plain-block-wrapper .sby-lepd-footer p { font-weight: 400; font-size: 14px; line-height: 160%; color: #434960; } .sby-license-expired-plain-block-wrapper .sby-lepd-footer p a { color: #434960; text-underline-offset: 2px; } / Block Editor - License Editor Block Embedded */ .sby-block-license-expired-notice-ctn { background: #FFFFFF; border: 1px solid #E8E8EB; margin-bottom: 20px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05); } .sby-block-license-expired-notice-ctn .sby-blen-header { padding: 4px 12px; height: 27px; background: #FCEDED; display: flex; align-items: center; box-sizing: border-box; } .sby-block-license-expired-notice-ctn .sby-blen-header svg path { fill: #841919; } .sby-block-license-expired-notice-ctn .sby-blen-header span { font-weight: 600; font-size: 12px; line-height: 160%; color: #841919; margin-left: 8px; } .sby-block-license-expired-notice-ctn .sby-blen-resolve { padding: 6px 12px; display: flex; justify-content: space-between; font-weight: 600; font-size: 14px; line-height: 160%; color: #591111; } .sby-block-license-expired-notice-ctn .sby-blen-resolve span { margin-left: 8px; } .sby-block-license-expired-notice-ctn.sby-bln-license-state-inactive .sby-blen-resolve span { color: #141B38; } .sby-block-license-expired-notice-ctn .sby-blen-resolve a { font-weight: 600; font-size: 14px; line-height: 160%; color: #D72C2C; text-decoration: none; } .sby-block-license-expired-notice-ctn .sby-blen-resolve .sby-right svg { margin-left: 6px; transition: all .2s ease-in; } .sby-block-license-expired-notice-ctn .sby-blen-resolve .sby-right:hover svg { margin-left: 3px; } .sby-block-license-expired-notice-ctn .sby-blen-resolve .sby-right svg path{ fill: #D72C2C; } .sby-block-license-expired-notice-ctn.sby-bln-license-state-inactive .sby-blen-resolve a { color: #0068A0; } .sby-block-license-expired-notice-ctn.sby-bln-license-state-inactive .sby-blen-resolve .sby-right svg path { fill: #0068A0; } .sby-player-info { display: flex; width: 100%; justify-content: center; flex-wrap: wrap; margin-bottom: 10px; } .sby-player-info .sby-channel-info-bar { background: rgba(0, 0, 0, 0.05); border-radius: 4px; width: 100%; padding: 8px 20px; display: flex; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; margin: 8px 4px 0; } .sby_layout_list .sby-player-info .sby-channel-info-bar { margin: 8px 0px 12px; } .sby-player-info .sby-channel-info-bar .sby-avatar { width: 24px; height: 24px; margin-right: 2px; } .sby-player-info .sby-channel-info-bar .sby-avatar img { border-radius: 20px; width: 100%; height: 100%; vertical-align: inherit; } .sby-player-info .sby-channel-info-bar .sby-channel-name { font-weight: 600; font-size: 14px; line-height: 120%; letter-spacing: 0.02em; color: #141B38; } .sby-player-info .sby-channel-info-bar .sby-channel-subscriber-count { font-weight: 400; font-size: 14px; line-height: 160%; color: #434960; } .sby-player-info .sby-channel-info-bar .sby-channel-subscribe-btn { margin-left: 10px; } .sby-player-info .sby-channel-info-bar .sby-channel-subscribe-btn a { display: flex; border: none; color: #fff; text-decoration: none; background: #ED4944; box-shadow: 0px 2px 5px rgba(60, 66, 87, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.08), inset 0px -1px 1px rgba(0, 0, 0, 0.12); border-radius: 4px; display: flex; padding: 6px 8px; gap: 4px; align-items: center; font-weight: 600; font-size: 12px; line-height: 160%; transition: all .2s ease-in; } .sby-player-info .sby-channel-info-bar .sby-channel-subscribe-btn a:hover, .sby-player-info .sby-channel-info-bar .sby-channel-subscribe-btn a:focus { filter: brightness(93%); } .sby-player-info .sby-video-header-info { display: flex; align-items: center; flex-direction: column; margin-top: 12px; } .sby-player-info .sby-video-header-info h5 { font-weight: 600; font-size: 14px; line-height: 160%; text-align: center; color: #000000; margin: 2px 0 0 0; } .sby-player-info .sby-video-header-info .sby-video-header-meta { font-weight: 400; font-size: 11px; line-height: 160%; color: #434960; } .sby-player-info .sby-video-header-info .sby-video-header-meta span:last-child { position: relative; margin-left: 9px; } .sby-player-info .sby-video-header-info .sby-video-header-meta span:last-child::after { content: ''; width: 2px; height: 2px; position: absolute; left: -7px; background-color: #434960; top: 6px; } .sby_layout_list .sby_items_wrap .sby_item .sby_info .sby-player-info { margin-top: -10px; }

| ver. 1.4 | Github | . | PHP 8.2.30 | Generation time: 1.7 | proxy | phpinfo | Settings