/* Theme Name: Trending News Description: Profesional responsive news theme. Author: StepFox Author URI: http://stepfox.net/ Theme URI: http://stepfox.net/TN/ Version: 1.0 Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /*Css reset*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Hyperlinks---------------------------------------------------------- */ a, a:visited { color: #444444; text-decoration: none;} a:hover { } a:active, a:focus { outline: none; } /* Elements------------------------------------------------------------- */ img { max-width: 100%; height: auto;} img:hover {} ::selection{background:#000;color:#FFF;} ::-moz-selection{background:#000;color:#FFF;} #header {margin: 0 auto;width: 1000px;background: #FFF;} #wrapper {margin: 0 auto;width: 1000px;} #main { display: block; float:left; background:#FFF;width:100%;} body { overflow-y: scroll; color: #444; margin: 0 auto; padding: 0; position:relative;} .widget {min-width: 305px;} .home-widget {margin-bottom:26px;float: left;} .home-widget h3 {text-transform: uppercase;text-align: left;position: relative;font-size:15px;font-weight:400;margin-bottom: 24px;height: 35px;border-bottom:1px solid #000;border-top: 3px solid #000;overflow:hidden;} #secondary .widget-title{background:#FFF;color:#000;font-weight: 400;} .widget-title { float: left; padding: 9px 0 13px 0; position: relative;background:#FFF;color:#000;} .first-word{font-weight:800;} .post-arrow{float:left;color:#000;height:15px;letter-spacing:5px;font-weight:800;} #slider-container, .wide-slider-control, #primary, #secondary, #tv-mode, #footer, .cat-slider{} /* Widget Areas------------------------------------------------------------- */ #primary {float: left;width: 636px;margin-left:16px;margin-top:24px;margin-bottom:24px;} #secondary {float: left;width: 305px;margin-left:26px;margin-top:24px;margin-bottom:24px;} /* Header------------------------------------------------------------- */ /* Top Navigation-------------------------------------- */ #top-navigation { width: 100%; float:left; background:#FFF;} #top-menu{padding: 10px 0;float: left;;} #top-menu ul li {float: left; padding: 0 0 0 18px; position: relative; transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; } #top-menu ul li a { font-size: 13px;font-weight: 400;color: #9C9C9C; } #top-menu ul li a:hover { text-decoration: none; } #top-menu ul li .sub-menu { display: none; } #top-menu-today-date { font-size: 14px;font-weight: 600; color: #09F; padding: 8px 0px 8px 19px; float: left; } #top-menu-list-box { height: 30px; float: left; display: block; overflow: hidden; position: relative; width: 574px; } .top-menu-title-date {padding: 4px 18px 2px 0;float: right; } #top-menu-title-side { font-size:14px; font-weight:600; margin-top: 5px; border-right: 2px solid #444444; padding: 3px 20px 3px 0px; float: left; } /* Logo and header ad------------------------------------- */ #logo { border-top: 1px solid #ebebeb;margin: 0 auto;width: 1000px;float:left;background:#FFF;padding-top: 1px;} #site-logo { max-height: 75px; float: left; max-width: 370px;overflow:hidden;border-right:1px solid #FFF; } /* Ticker---------------------------------------------------------------------------------------------------------- */ #ticker {width: 488px;float: left;height:75px;overflow:hidden;position:relative;} .ticker-image {margin-right: 16px;float: left;width: 75px;height: 75px;} .ticker-image img:hover{opacity:.85;} .ticker-image img{transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;} .ticker-date-posted {padding: 4px 0px 0px 0px;} .ticker-date-posted .date{font-weight:400;font-size:12px;font-style: italic;} .ticker {float: left;width: 444px;} .ticker li {position: relative;float: left;width: 490px;} .ticker li:first-child { padding-top: 0px; } .ticker-posts-text {width: 340px;float: left;} .ticker-posts-text h2 {font-weight:700;font-size:13px; } .ticker-cat{font-weight: 400;font-size: 11px;padding: 8px 0 3px;text-transform: uppercase;} .ticker-nav{width:24px;float: right;margin:0 10px;} .tick-prev, .tick-next{float:right;width:24px; height:22px;} .tick-prev{background: url(https://www.scifipulse.net/wp-content/themes/TN/images/arrows.png) 1px -3px;margin: 5px 0 21px;} .tick-next{background: url(https://www.scifipulse.net/wp-content/themes/TN/images/arrows.png) 1px 21px;} /* Social-------------------------------------------------------- */ #content-social {float: right;} #content-social ul {float: right;width: 120px;padding: 7px 10px 8px;height: 60px;} #content-social ul li { float: left; } .fb-social-icon, .twitter-social-icon, .pinterest-social-icon, .google-social-icon, .instagram-social-icon, .rss-social-icon { float: left; width: 26px; height: 26px;margin-right:4px;margin-bottom:4px; -moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;transition: all .2s; } .fb-social-icon:hover, .twitter-social-icon:hover, .pinterest-social-icon:hover, .google-social-icon:hover, .youtube-social-icon:hover, .instagram-social-icon:hover, .rss-social-icon:hover{ } .fb-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-header.png) 4px 0; } .twitter-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-header.png) -34px 0; } .pinterest-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-header.png) -111px 0; } .google-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-header.png) -72px 0; } .youtube-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-header.png) -136px 0; float: left; width: 56px; height: 26px;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;transition: all .2s;margin-right:4px;margin-bottom:4px;} .instagram-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-header.png) -190px 0; } .rss-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-header.png) -228px 0; } /* Search------------------------------------------------------------------------------------------------------------------------- */ .search-box{position:absolute;right:0;} #searchform { float: right; position: relative;margin-right:10px; } #searchform input { cursor:pointer; text-transform: uppercase; background:url(https://www.scifipulse.net/wp-content/themes/TN/images/search-icon.png) no-repeat 0 50%; float: left; font-size:15px;font-weight:700;line-height:15px; margin: 5px 0; padding: 0 0 0 10px; width: 20px; height: 26px;-moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; -webkit-transition: all 0.2s;border:0;color: transparent; } #searchform #s:focus { outline: none; } #searchform input:focus { width: 162px; color: #C4C4C4; background: #FFF;cursor:text;} .submit-button{height: 26px;padding: 0;width: 28px;margin: 5px 0;position: absolute;right: 0;border: none;display:none;cursor:pointer;color:#FFF;text-transform:uppercase;font-size:14px;} input#s:focus + .submit-button {display:block;} /* Main Menu------------------------------------------------------------------------------------------------------------------------- */ #navigation { float: left; display: block; position: relative; width: 100%;border-top: 1px solid #ebebeb; z-index:999; border-bottom: 1px solid #ebebeb; } #main-nav {margin: 0 auto;position: relative;width: 1000px;} #mob-menu { padding: 10px 0; text-align: center; display: none; text-transform: uppercase; font-size:15px;font-weight:700;line-height:15px;} #main-nav ul { } .menu-item { float: left;padding: 10px 18px;font-size:15px;font-weight:400;line-height:15px; text-decoration: none;} #main-nav .menu-item{text-transform: uppercase; } #main-nav ul li:hover .sub-menu-wrapper { display: block; } .sub-menu-wrapper{position: absolute;padding: 14px 26px 26px 26px;left: 0;z-index: 998;width: 1000px;border: 6px solid #000;min-height: 360px;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-box-sizing: border-box;background: #FFF;display:none;top: 35px;} .sub-menu-wrapper:before{ content: "";border-top: 1px solid #ebebeb;width: 1000px;position: absolute;left: -6px;top: -6px;} .sub-menu {border: none;margin: 0;float: left;width:988px;position: absolute;left: 0;top: 50px;z-index:999;background:#FFF;display:none;} .active .sub-menu{display:block;} .active #menu-links .sub-menu{display:none;} #menu-links .active .sub-menu{display:block;} .sub-menu-wrapper #menu-links li:first-child{padding-left:0;} .menu-item-object-category.menu-item-has-children:after{content: "+";float: right;margin-left: 6px;font-size: 18px;font-weight: 800;} .sub-meni .menu-item-object-category.menu-item-has-children:after, .sub-menu-wrapper .menu-item-object-category.menu-item-has-children:after{display:none;} .sub-menu-wrapper #menu-links #menu-links{display:none;} #main-nav ul li:hover .sub-meni{display:block;} #main-nav ul li .sub-meni li:hover .sub-meni{display:block;top:0;} #main-nav ul li:hover .sub-meni .sub-meni{display:none;} .sub-meni { float: left;z-index: 999;position: absolute;display: none;margin-left: -18px;top: 35px;width: 200px;padding-top:3px;} #menu-links .sub-meni {left: 218px; display:none;padding-top:0;} #main-nav .sub-meni #menu-links{border-bottom: none;} .sub-meni #menu-links li {position:relative;background:#FFF;} .sub-meni li {width:164px;} .sub-meni .sub-meni{} #main-nav #menu-links {width: 100%;float:left;border-bottom: 1px solid #ebebeb;} #menu-links .menu-link{color:#000;} #main-nav .menu-thumbs li {width: 100%;float:left; } .menu-thumbs{float: left;width:305px;padding-top:26px;margin: 0 0 0 20px;} #main-nav .menu-thumb li { height: 120px; padding: 12px; width: 200px; } .menu-thumb { position: relative; } #main-nav .menu-thumb a {padding:0;} #main-nav .menu-thumb li img { height: 120px; padding: 12px; width: 200px; } #main-nav .menu-text { padding: 5px; width: 230px; position: absolute; background: url(https://www.scifipulse.net/wp-content/themes/TN/images/pattern-img.png); bottom: 0; } #main-nav .menu-text a { font-size:13px;font-weight:600;line-height:13px;padding:0; } #main-nav ul .tiny-featured-posts-image a{padding:0;} #main-nav ul .tiny-featured-posts-text a{padding:0;text-transform:none;} #main-nav .featured-posts-category-small .featured-posts-category-tiny li:first-child{padding-top:9px;} #main-nav .featured-posts-category-tiny li:first-child{padding-top:0;} #main-nav ul .tiny-date{text-transform:none;} #main-nav ul .category-sidebar-news{} #main-nav ul .featured-posts-category-small li{} #main-nav ul .small-featured-posts-image a{padding:0;} #main-nav ul .small-featured-posts-title a{padding:0;text-transform:none;} #main-nav ul .big-featured-posts-image a{padding:0;} #main-nav ul .big-featured-posts-title a{font-size: 16px;font-weight: 700;line-height: 18px;text-transform:none;} .magic-line { position: absolute; top : 46px; margin-left: -7px; height: 3px;padding:0 7px;display:none;} /* Footer------------------------------------------------------------- */ #footer { width: 1000px;margin: 0 auto;} #footer, #footer .widget-title, #footer .post-date, #footer a, #footer a:visited, #footer .big-featured-posts-content, #footer .medium-featured-posts-content, #footer .big-featured-posts-text { } #footer a:hover{text-decoration:underline;} #footer-widgets { float:left; width: 100%; } #footer-widgets h3 { text-align: center; padding: 30px 0px 0px 0px;font-size:15px;line-height:15px;margin-bottom: 10px;border:0; } #footer-widgets .home-widget{margin:0 10px 16px 16px;} #footer-widgets .widget-title { float:left;padding:0;background:none;box-shadow:none;} #footer-widgets .widget-title:after, #footer-widgets .widget-title:before {display:none;} #footer-widgets .small-featured-posts-image img:hover{opacity:1;} #footer-widgets .category-icon{font-weight:700;} #footer .post-arrow{display:none;} .copyright { height: 35px; font-size:12px;font-weight:400;line-height:12px;width:100%;float:left; } .bottom-nav { margin: 0 auto; width: 1062px; } .copyright-text { font-variant: small-caps; color: #FFF; padding: 9px 14px 14px 16px; float: left; } /* site icons------------------------------------------------------------- */ .play-icon { left: 54px;height: 34px;width: 34px;border-radius: 34px;position: absolute;background: #000;opacity: 0.7; top: 50px;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;transition: all .2s;} .play-icon:after { content: "";display: block;position: absolute;top: 12px;left: 13px;margin: 0 auto;border-bottom: 6px solid transparent;border-top: 6px solid transparent;border-left: 11px solid #FFF; } .category-icon { font-size:12px;font-weight:400;line-height:12px; } .cat-square { margin-top: 3px; margin-right: 5px; float: left; height: 9px; width: 9px; } .views-count { margin-left: 10px; padding-left: 20px; background: url(https://www.scifipulse.net/wp-content/themes/TN/images/view-icon.png) no-repeat 0px 3px; float: right; } .comments-count { padding-left: 20px; background: url(https://www.scifipulse.net/wp-content/themes/TN/images/comments-icon.png) no-repeat 0px 3px; float: right; } /* Slider---------------------------------------------------------------------- */ .carousel{position:relative;max-height:230px;overflow:hidden;float:left;} .wide-slider{overflow:hidden;} .wide-slider-box{float:left;padding:16px 16px 0;position:relative;} #slider-container {overflow: hidden;height: 499px;width: 802px;float:left;} .wide-slider-control{width:165px;float:left;} .wide-slider-control li{width:165px;height:99px;border-left: 1px solid #FFF;border-bottom: 1px solid #FFF;background:#000;} .wide-slider-thumb{opacity:0.5;} .wide-slider-thumb:hover{opacity:1;} .flex-active .wide-slider-thumb{opacity:1;position:relative;} .flex-active .wide-slider-thumb:after{top: 0;z-index: 9;position: absolute;border: 4px solid #000;width: 165px;height: 99px;content: "";left: 0;box-sizing: border-box;-webkit-box-sizing: border-box;} .wide-slider li:after, #solo-slider-container .flexslider li:after{ pointer-events:none;bottom: 0;z-index: 2;position: absolute;float: left;left:0;width: inherit;height: 50%;content: "";background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.65) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65)));background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.65) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.65) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );} .cat-slider{max-height: 340px;overflow: hidden;} #solo-slider-container{height: 395px;width: 636px;float:left;position:relative;overflow:hidden;} #solo-slider-container .slide-title{font-size:24px;line-height:22px;max-width:455px;} #solo-slider-container .slide-date{font-size:14px;} .slides { overflow: hidden; } .slide-info { padding: 4px 0;position: absolute;opacity: 0;-moz-transition: all 0.5s ease-out 0.6s;-o-transition: all 0.5s ease-out 0.6s;-ms-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;-webkit-transition: all 0.5s ease-out 0.6s;left: -400px;} .slider-text-box .slide-date {text-transform: uppercase;font-size: 16px;top: -25px;position: absolute;padding: 4px 0;opacity: 0;-moz-transition: all 0.5s ease-out 0.2s;-o-transition: all 0.5s ease-out 0.2s;-ms-transition: all 0.5s ease-out 0.2s;transition: all 0.5s ease-out 0.2s;-webkit-transition: all 0.5s ease-out 0.2s;left: -400px;color: #FFFFFF;} .slide-excerpt { width:600px;line-height: 16px;font-size: 16px;font-weight: 300;font-style: italic;color: #FFF;float: left; } .slide-title { max-width: 600px;text-transform: uppercase;color: #fff;text-align: left;position: relative;font-size:34px;font-weight:800;line-height:30px;padding: 8px 0 12px;margin: 5px 0;opacity: 0;-moz-transition: all 0.5s ease-out 0.4s;-o-transition: all 0.5s ease-out 0.4s;-ms-transition: all 0.5s ease-out 0.4s;transition: all 0.5s ease-out 0.4s;-webkit-transition: all 0.5s ease-out 0.4s;left: -400px;border-bottom: 1px solid #FFF;border-top: 1px solid #FFF;} .slide-title h2{font-weight:800;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);} .slide-title h2 a {color: #FFF;} .slider-text-box { margin-left: 24px;position: absolute;bottom: 64px;z-index:3;visibility:hidden;} .flex-active-slide .slider-text-box{visibility:visible;} .flex-active-slide .slide-title{ opacity: 1; left: 0px; } .flex-active-slide .slider-text-box .slide-date{ opacity: 1; left: 0px; } .flex-active-slide .slide-info{ opacity: 1; left: 0px; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none;} .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .flexslider { margin: 0px; background: #fff; position: relative; zoom: 1;opacity:0; } .flex-viewport { max-height: 2000px;} .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel ul li, .tv-carousel ul li {float: left;margin-right: 23px;} .flex-direction-nav { *height: 0;} .flex-direction-nav a { width: 17px; height: 20px; margin: -20px 0 0; display: block; background: #FFF url(https://www.scifipulse.net/wp-content/themes/TN/images/nav-arrows.png) no-repeat 0 0; position: absolute; top: 53%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 100% 0; right: -40px; z-index: 9999; } .flex-direction-nav .flex-prev { left: -40px; z-index: 9999; } .flexslider:hover .flex-next { opacity: 1; right: 0; } .flexslider:hover .flex-prev { opacity: 1; left: 0; } .carousel:hover .flex-next { opacity: 1; right: 0; } .carousel:hover .flex-prev { opacity: 1; left: 0; } .tv-carousel:hover .flex-next { opacity: 1; right: 0; } .tv-carousel:hover .flex-prev { opacity: 1; left: 0; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1.0; } .flex-direction-nav .flex-disabled { opacity: 0; filter: alpha(opacity=0); cursor: default; } .flex-control-nav { width: 100%; text-align: center; margin-top: 16px; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1;} .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px;} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .flexslider .slides>li, .wide-slider .slides>li { overflow: hidden; position: relative; } /* Widgets---------------------------------------------------------------------- */ /* Featured Categories---------------------------------------------------------------------- */ .featured-posts-category-small, .featured-posts-category-big, .featured-posts-category-tiny, .tv-featured-posts, #square-wrapper {float: left;width: 305px;} .feat-cat-categories{float:right;right: 0;position: absolute;} .feat-cat-categories li{margin: 8px 0;border-right: 1px solid #000;padding: 0 8px;float: left;} .feat-cat-categories li:last-child{border-right:none;} .feat-cat-categories li a{font-weight: 400;font-size: 11px;} .featured-posts-category-big {padding-right: 26px;} .big-featured-posts-image {overflow: hidden;position: relative;} .big-featured-posts-title-box {padding:10px 0;} .big-featured-posts-title { height: auto; } .big-featured-posts-title h2 {font-size:16px;font-weight:700;line-height:18px; } .big-featured-posts-text {color: #9c9c9c;padding: 8px 0;} .big-featured-posts-text .cat-square{margin-top:2px;} .big-featured-posts-content{ color: #474747; font-size:13px;font-weight:400;line-height:16px;padding-bottom:10px;font-style:italic; } .small-featured-posts-image {margin-right: 16px;float: left;} .post-date {text-transform: none;font-size:12px;font-weight:400;line-height:12px;color: #9c9c9c;} .featured-posts-category-big .post-date{color:#444444;font-weight:600;} .featured-posts-category-small li {border-bottom: 1px solid #ebebeb;position: relative;padding-bottom: 16px;padding-top: 16px;float: left;} .featured-posts-category-small li:first-child { padding-top: 0px; } .featured-posts-category-small li:last-child { border-bottom:0px solid #ebebeb;padding-bottom:0; } .small-featured-posts-content{ color: #474747; font-size:13px; font-weight:400; font-style:italic;padding-top:5px; } .small-featured-posts-date-posted {padding: 5px 0px 0px 0px;font-size:12px;font-weight:400;line-height:15px;} .small-featured-posts-text {width: 214px;float: left;} .small-featured-posts-text h2 {font-size:13px;font-weight:700;line-height:16px;} .bypostauthor {margin-right: 8px;border-right: 1px solid #444444;padding-right:8px;float:left;} /* Big category---------------------------------------------------------------------- */ .big-category{margin-bottom:-26px;float:left;} .big-category .featured-posts-category-big{width:100%;padding:0;} #primary .big-category li:nth-child(even) {padding-left: 26px;} .big-category li{width:305px;float:left;padding-bottom:26px;} /* One column category---------------------------------------------------------------------- */ .one-column-category{width:305px;} .one-column-category .featured-posts-category-small li{padding-bottom:9px;} .tiny-featured-posts-image {margin-right: 16px;float: left;} .widget_sidebar_latest_news_tn .featured-posts-category-tiny{margin-bottom:-12px;} .featured-posts-category-tiny li {border-bottom: 1px solid #ebebeb;position: relative;padding-bottom: 9px;padding-top: 9px;float: left;} #footer .featured-posts-category-tiny li{border:0;} .featured-posts-category-tiny li:last-child{border-bottom:0px solid #ebebeb;} .tiny-featured-posts-content{ color: #CCC; font-size:13px; font-weight:400; font-style:italic;padding-top:8px; } .tiny-featured-posts-text {width: 249px;float: left;} .tiny-featured-posts-text h2 {font-weight: 700;font-size: 12px;line-height:15px;} .tiny-date{font-size:12px;font-style:italic;color:#CCC;font-weight:400;} .category-sidebar-news{width: 100%;float: left;font-size: 11px;text-transform: uppercase;} .one-column-category .category-sidebar-news{margin-bottom:3px;} .sidebar-title-line{width:100%;border-top:3px solid #000; margin-bottom:16px;float:left;} /* Mosaic----------------------------------------------------------------------------------------------------------------------------------- */ .mosaic-posts-image {position: relative;overflow:hidden;height: 185px;width: 305px;} .mosaic-text { width: 100%; position: absolute; bottom: 0;} #mosaic {width:305px;} #secondary .mosaic li{padding-right:0px;} .mosaic {float: left;margin-bottom:-26px;} .mosaic li {margin-bottom: 26px;float: left;} .mosaic li:last-child {} .mosaic li:nth-child(odd) {padding-right: 26px;} .mosaic-title {width: 100%; position: absolute; bottom: -50px;opacity:0; -moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;-webkit-transition: all 0.5s;padding: 24px 0;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center;text-shadow:1px 1px 1px #000;} .mosaic-title h2 {font-size:16px; font-weight:700;margin-bottom:8px;} .mosaic-title h2 a{color:#FFF;} .mosaic-posts-content{color:#FFF;font-size: 13px;font-weight: 400;line-height: 16px;padding-bottom: 10px;font-style: italic;} .mosaic .date{font-weight: 400;line-height: 12px;margin-bottom:8px;display:block;color:#FFF;font-size:13px;} .mosaic-posts-image:hover .mosaic-title {opacity:1;bottom:0;position: absolute;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;-webkit-transition: all 0.5s;background: rgba(0, 0, 0, 0.48);height:100%;} /* Featured category square--------------------------------------------------------------------------------------------------------------- */ .multiple-cat-title{font-size:14px;font-weight:700;width:100%;float:left;padding:8px 0;} .category-square {width: 141px;float: left;padding-right: 23px;margin-bottom:23px;} .category-square:last-child { padding-right: 0px; } #secondary .category-square:nth-child(odd){padding-right:0px;} .featured-category-sqare-links li { border-bottom: 1px dotted #9c9c9c; padding: 5px 0; } .featured-category-sqare-links li h2 { font-size:12px; line-height:16px; font-weight:600; } .featured-square li { float: left; padding-bottom: 10px; } /* Review-widget ---------------------------------------------------------------------------------------------------------------------------- */ #square-wrapper{margin-bottom:-24px;} #primary #square-wrapper{width:100%;} #square-category{width:305px;} #square-wrapper #square-category li:nth-child(even){margin-right:0;} .square-category li{float:left;width:141px;margin-bottom:24px;} #primary .square-category li{margin-right:24px;} #secondary .square-category li:nth-child(odd), #primary #square-category li{margin-right:23px;} #primary .square-category li:nth-child(4), #primary .square-category li:nth-child(8) {margin-right:0;} .square-image{position:relative;height:141px;} .square-title{font-size:14px;font-weight:700;padding:8px 0;} .square-review-score{position:absolute;bottom:0;padding: 7px 9px;font-size:15px;font-weight:700;background:#000;color:#FFF;border-right: 1px solid #FFF;border-top: 1px solid #FFF;} .square-category li .date{font-size: 12px;font-weight: 400;font-style:italic;} /* Tv-widget---------------------------------------------------------- */ .tv-featured{background:#000;float:left;} .tv-featured-title {margin: 0 16px;padding: 11px 0 12px 0;font-size:15px;font-weight: 700;text-transform:uppercase;border-bottom:1px solid #FFF;} .tv-featured-title a{color: #FFF;} .tv-featured-posts li{padding: 16px 16px 0;float:left;} .tv-featured-posts li:last-child{padding: 16px 16px 16px;float:left;} .tv-featured-image{float:left;padding-right:16px;} .tv-featured-text{float:left;width:146px;} .tv-featured-post-title a, .tv-featured-post-title a:visited {font-size: 15px;font-weight: 700;line-height: 15px;color:#FFF;} .tv-featured-text .date{color:#FFF;font-size: 12px;font-weight: 400;float:left;} .tv-featured-post-title{float: left;padding: 16px 0;} .tv-featured-text .category-icon a{text-transform:uppercase;font-size:11px;} /* Carousel---------------------------------------------------------- */ .carousel-navigation, .tv-navigation {right: 0;margin: 7px 0;position: absolute;} .carousel-prev, .carousel-next, .tv-next, .tv-prev{float:left;width:24px; height:22px;} .carousel-prev, .tv-prev{background: url(https://www.scifipulse.net/wp-content/themes/TN/images/arrows.png) 24px 20px;} .carousel-next, .tv-next{background: url(https://www.scifipulse.net/wp-content/themes/TN/images/arrows.png) 24px -3px;} .carousel-category{text-transform:uppercase;float:left;margin:7px 0;width: 100%;font-size:11px;font-weight:400;} .carousel-title{font-size:14px;font-weight:700;width:142px;} .carousel-image{position:relative;} /* Tabs------------------------------------------------------------------------------------------------------ */ .tabs h4 { text-transform: uppercase; font-size:12px;line-height:16px;font-weight:800;} .tabber-container {width: 305px;} ul.tabs { padding-bottom: 25px; display: inline; float: left; width: 100%; } .tabber-content { width: 305px; } ul.tabs li {text-align: center;width: 101px;color: #000;display: inline;float: left;font-size:12px;font-weight:800; padding: 9px 0;border-bottom: 3px solid #000;} ul.tabs li:hover {} ul.tabs li.active { background: #000; } .tabs li.active h4 a{color:#FFF;} .gravatar-comment { padding-right: 20px; float: left; } .comment-author-name { padding: 0 0 5px; font-size:18px;font-weight:700; } .comment-date-time { font-size:12px;font-weight:400; color: #9c9c9c; } #tab3 li { padding: 10px 0; width: 100%; float: left; } /* Newest posts----------------------------------------------------------- */ .newest-posts-category, .newest-posts-archive, .newest-posts-tag, .newest-posts-search, .newest-posts-author { overflow: hidden; width: 100%; float:left;} .newest-posts-category li, .newest-posts-archive li, .newest-posts-tag li, .newest-posts-search li, .newest-posts-author li {position: relative;padding: 26px 0;float: left;width: 100%;border-bottom: 1px solid #ebebeb;} .newest-posts-category li:first-child, .newest-posts-archive li:first-child, .newest-posts-tag li:first-child, .newest-posts-search li:first-child, .newest-posts-author li:first-child {border-bottom: 1px solid #ebebeb;padding-top: 0;} .newest-posts-category li:last-child, .newest-posts-archive li:last-child, .newest-posts-tag li:last-child, .newest-posts-search li:last-child, .newest-posts-author li:last-child {border-bottom: 0px solid #ebebeb;} .newest-posts-category img, .newest-posts-archive img, .newest-posts-tag img, .newest-posts-search img, .newest-posts-author img {padding-right: 26px;float: left;} .newest-posts-text {float:left;width:468px;} .newest-posts-text h2 { font-size:14px;font-weight:700;line-height:18px; } .newest-posts-title { padding:8px 0;width: 100%;float: left;} .newest-posts-content {float: left;width: 100%;color: #474747;font-size:13px;font-weight:400;line-height:16px;} .newest-posts-date-posted { font-size:12px;font-weight:600;line-height:12px; color: #444444; padding: 8px 0 0;width: 100%;float: left; } .views-count, .comments-count{color:#CCC;font-style:italic;} .newest-posts-thumb { float: left;position:relative; } /* About us widget------------------------------------------------------------------------------------------------------------------------- */ .about-widget{width:305px;} .about-logo{float:left;width:60%;} .about-text{font-weight: 400;font-size: 12px;line-height: 17px;float:left;margin-top: 26px;width:93%;} /* about us social */ .about-social{float:left;width:100%;height:26px;} .about-social li{padding-right:13px;float:left;} .about-social .fb-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-footer.png) 0 0; } .about-social .twitter-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-footer.png) -39px 0; } .about-social .pinterest-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-footer.png) -116px 0; } .about-social .google-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-footer.png) -77px 0; } .about-social .youtube-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-footer.png) -155px 0; float: left; width: 26px; height: 26px;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;transition: all .2s;margin-right:4px;margin-bottom:4px;} .about-social .instagram-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-footer.png) -194px 0; } .about-social .rss-social-icon { background: url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-footer.png) -233px 0; } /* Tag cloud------------------------------------------------------------------------------------------------------------------------- */ .tagcloud { width: 305px; } .tagcloud a {font-size: 13px !important; float: left;font-weight:400; margin: 0 6px 5px 0; padding: 5px; text-transform: uppercase;border:1px solid #000; } #footer .tagcloud a{border-color:#FFF;} /* Category Page------------------------------------------------------------------------------------------------------------------------- */ .latest-category-post{float:left;position:relative;width:100%;margin-bottom: 24px;} .search-word, .tag-name, .archive-name{ float: left;width: 100%;border-bottom: 1px solid #000;border-top: 3px solid #000;;margin: 0 0 24px; } .category-name {position:relative;float:left;width:100%;} .search-word h1, .tag-name h1, .archive-name h1{ font-size:16px; font-weight:800; text-transform: uppercase;padding: 9px 0 10px 0; } .category-name h1 {font-size: 14px;text-transform: uppercase;padding: 4px 8px;z-index: 2;position: absolute;background: #f00;left: -10px;top: 16px;font-weight: 400;border: 1px solid #FFF;color: #FFF;font-style: italic;} .big-category.big-two-posts{float:left;border-bottom: 1px solid #ebebeb;margin-bottom:24px;} .pagination { padding-bottom: 26px;font-size: 15px;font-weight: 700;text-align: center;float: left;width: 100%; } .category-page-title{text-transform: uppercase;letter-spacing: -1px;font-size: 25px;line-height: 28px;font-weight: 700;margin:10px 0 4px;} .category-page-excerpt{font-size: 15px;line-height: 16px;font-weight: 400;font-style: italic;color: #757575;} /* Video Format Page------------------------------------------------------------------------------------------------------------------------- */ #tv-mode{} .tv-video-wrapper { padding: 0px 16px 26px; -webkit-animation: video-wrapper 2s; -moz-animation: video-wrapper 2s; -o-animation: video-wrapper 2s; animation: video-wrapper 2s; margin: 0 auto; position: relative; -webkit-transition: all 1.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 1.3s; float:left;width:100%;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;} .tv-video-wrapper iframe { height: 597px; } .tv-carousel { width: 100%; float: left; margin: 0; overflow: hidden; position: relative; clear: both; } .tv-page-widget{padding:0 16px; width: 968px;} .share-tv { width: 100%; float: left; height: 30px; margin-top:16px;} .share-tv li{float:left;margin: 3px 0 0 33px;} .share-tv-title { padding: 10px 0; font-size:14px;font-weight:700; text-transform: uppercase; float: left; } .category-tv-icon { padding: 10px 0; float: right; font-weight:400;text-transform:uppercase;font-size:11px; } .tv-format-subtitle{margin-bottom:20px;} /* Post page elements------------------------------------------------------------------------------------------------------------------------- */ .latest-news-category, .category-sidebar-news{padding:0;width:305px;} .latest-news-category li {padding: 10px 0;float: left;border-bottom: 1px solid #ebebeb;width:100%;} .latest-news-category li:first-child{padding-top:0;} .latest-news-category li:last-child{border-bottom:0px solid #ebebeb;padding-bottom:0;} .latest-news-category li h2 {font-size: 12px;} .latest-news-text{margin-top:8px;float:left;} /* Post page elements------------------------------------------------------------------------------------------------------------------------- */ #post-page-title { width: 1000px; padding: 20px 16px 6px 16px; float: left;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-box-sizing: border-box; } #post-page-title h1 { text-transform: uppercase;letter-spacing: -1px; font-size: 35px;line-height: 34px;font-weight:700; } #post-page-subtitle{width: 1000px;padding: 0 16px;float: left;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 16px;line-height: 20px;font-weight: 400;font-style: italic;color: #757575;} #media-wrapper {} .video-wrapper iframe { height: 305px; } .post-info { width: 636px; color: #9c9c9c; font-size:14px;line-height:14px;font-weight:400; float: left; font-style:italic; border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;padding: 12px 0;margin-top:16px;} .post-page-date {float: right; } .post-author { float: left; } .post-info a { color: #9c9c9c; } #post-content { width: 100%; float: left; font-size:13px;line-height:20px;font-weight:400; margin-top:16px; } .share-post{border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;float: left;width: 100%;margin: 0 0 20px;} .share-title{background: url(https://www.scifipulse.net/wp-content/themes/TN/images/pattern.png);text-transform: uppercase;width:170px;padding:10px;text-align: center;font-size:15px; font-weight:700;float:left;} .share-post li{float:left;margin:3px 0 0 38px;} .fb-share-icon, .twitter-share-icon, .google-share-icon, .pinterest-share-icon, .stumble-share-icon, .reddit-share-icon{float: left;width: 30px;height: 30px;} .fb-share-icon {background: url(https://www.scifipulse.net/wp-content/themes/TN/images/sharebuttons.png) -38px 0;} .twitter-share-icon{background: url(https://www.scifipulse.net/wp-content/themes/TN/images/sharebuttons.png) -3px 0;} .google-share-icon{background: url(https://www.scifipulse.net/wp-content/themes/TN/images/sharebuttons.png) -105px 0;} .pinterest-share-icon{background: url(https://www.scifipulse.net/wp-content/themes/TN/images/sharebuttons.png) 101px 0;} .stumble-share-icon {background: url(https://www.scifipulse.net/wp-content/themes/TN/images/sharebuttons.png) -72px 0;} .reddit-share-icon{background: url(https://www.scifipulse.net/wp-content/themes/TN/images/sharebuttons.png) 67px 0;} .post-tags { float: left; padding: 0 0 25px; } .tags-title{padding-right: 15px;text-transform: uppercase;float: left;font-size:15px; font-weight:700;margin:5px 0;} .tag-img{background: url(https://www.scifipulse.net/wp-content/themes/TN/images/tag.png) 5px 2px no-repeat;width: 25px;height: 20px;float: left;} .post-tags a {font-size: 13px; float: left;font-weight:400; margin: 0 6px 5px 0; padding: 5px; text-transform: uppercase;border:1px solid #000; } .nav-next-prev { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; float: left; width: 100%; margin: 0 0 20px; padding: 16px 0; } .nav-previous { width: 49%; float: left; } .nav-next { width: 49%; float: right; } .previous-article { padding: 2px 0; width: 338px; float: left; font-size:15px; font-weight:700; } .previous-title { padding-right: 15px; text-transform: uppercase; line-height: 15px; padding: 0px; float: left; } .next-article { padding: 2px 0; text-align: right; width: 338px; float: right; font-size:15px; font-weight:700; } .next-title { padding-left: 15px; text-align: right; text-transform: uppercase; line-height: 15px; } .next-title .bypostauthor, .previous-title .bypostauthor{float:none;border:none;padding:0;margin:0;} #author-info { width: 100%; border-bottom: 1px solid #ebebeb; float: left; margin: 0 0 25px; } #author-image { padding: 20px 20px 26px 0; float: left; } #author-desc { color: #9C9C9C; font-size:13px; line-height:15px; font-weight:400; padding-top: 20px; width: 480px; float: left; } #author-desc h2 { font-size:15px; font-weight:700; text-transform: uppercase; padding-bottom: 5px; } .author-social { margin-left: -10px; padding-top : 5px; float: left; padding-top: 5px; } .author-social li { float: left; } .author-social .fb-social-icon, .author-social .twitter-social-icon, .author-social .pinterest-social-icon, .author-social .google-social-icon, .author-social .instagram-social-icon, .author-social .rss-social-icon, .author-social .youtube-social-icon{background-image:url(https://www.scifipulse.net/wp-content/themes/TN/images/social-buttons-header-black.png);} .category-slider { float: left; overflow: hidden; padding: 0px 8px 25px 8px; } #category-ad, #post-page-ad{float:left;margin: 24px 0 0 26px;x;width: 300px;height: 250px;} .popular-post-page { float: left; } .splitter { margin: 0 auto; margin-bottom: -10px; margin-top: -10px; float: left; height: 90px; border-left: 1px solid #ebebeb; } #post-content blockquote { margin: 15px 10px 15px 15px; padding: 1px 15px 1px 15px; background: #f1f1f1; } #post-content p { display: block; margin-bottom: 15px; } #post-content blockquote p { margin-top: 15px; } #post-content h1 { font-size:30px; line-height:34px; font-weight:700; margin: 10px 0; width: 100%; } #post-content h2 { font-size:28px; line-height:32px; font-weight:700; margin: 10px 0; width: 100%; } #post-content h3 { font-size:24px; line-height:28px; font-weight:700; margin: 10px 0; width: 100%; } #post-content h4 { font-size:20px; line-height:24px; font-weight:700; margin: 10px 0; width: 100%; } #post-content h5 { font-size:16px; line-height:20px; font-weight:700;margin: 10px 0; width: 100%; } #post-content h6 { font-size:12px; line-height:16px; font-weight:700; margin: 10px 0; width: 100%; } #post-content ul { list-style: disc outside; margin: 10px 0; } #post-content ol { list-style: decimal outside; margin: 10px 0; } #post-content ul li, #post-content ol li { margin-left: 50px; padding: 5px 0px; } /* Post-page Review---------------------------------------------------------------- */ #review-wrapper{width: 100%;float: left;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 20px 0px 30px 0px;} .review-image{float:left;position:relative;height: 160px;margin: 26px 0px 26px 0px;} .total-score{position: absolute;bottom: 0;padding: 7px 9px;font-size: 15px;font-weight: 700;background: #000;color: #FFF;border-left: 1px solid #FFF;border-top: 1px solid #FFF;right:0;} .review-wrapper-title-good-bad{float: left;width: 380px;margin: 26px 0px 26px 26px;} .review-title{font-size: 24px;font-weight: 600;width: 100%;margin-bottom: 16px;float:left;} .review-good, .review-bad{float:left;width:50%;} .review-good ul, .review-bad ul{list-style: disc;margin: 16px 0;float:left;} .review-good ul li, .review-bad ul li{margin-left: 20px;padding: 5px 0px;width:100%;float:left;font-size:13px;} .good-title, .bad-title{font-size:18px;float:left;width: 100%;} .good-text{width: 160px;} .bad-text{width: 160px;} .review-title-scores{float:left;width:100%;margin-bottom: 16px;} .review-title-scores li{float:left;width:100%;margin-bottom:9px;} .review-item-title{float:left;text-transform:uppercase;font-size:12px;font-weight:600;} .review-item-score{float:right;font-size:12px;font-weight:600;} .score-line{width:100%;background:#ebebeb;height:12px;float:left;overflow: hidden;} .score-width{height:12px;background:#000;float:left;} /* page------------------------------------------------------------------- */ #post-area{ width: 100%; float: left; font-size:13px;line-height:20px;font-weight:400; padding:16px;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;} #post-area #post-area-page-title h1{ text-transform: uppercase;letter-spacing: -1px; font-size: 35px;line-height: 34px;font-weight:700; } #post-area blockquote { margin: 15px 10px 15px 15px; padding: 1px 15px 1px 15px; border-left: 4px solid #bbb; background: #f1f1f1; } #post-area p { display: block; margin-bottom: 15px; } #post-area blockquote p { margin-top: 15px; } #post-area h1 { font-size:30px; line-height:34px; font-weight:700; margin: 10px 0; width: 100%; } #post-area h2 { font-size:28px; line-height:32px; font-weight:700; margin: 10px 0; width: 100%; } #post-area h3 { font-size:24px; line-height:28px; font-weight:700; margin: 10px 0; width: 100%; } #post-area h4 { font-size:20px; line-height:24px; font-weight:700; margin: 10px 0; width: 100%; } #post-area h5 { font-size:16px; line-height:20px; font-weight:700;margin: 10px 0; width: 100%; } #post-area h6 { font-size:12px; line-height:16px; font-weight:700; margin: 10px 0; width: 100%; } #post-area ul { list-style: disc outside; margin: 10px 0; } #post-area ol { list-style: decimal outside; margin: 10px 0; } #post-area ul li, #post-area ol li { margin-left: 50px; padding: 5px 0px; } /* Comments------------------------------------------------------------------------------------------------------------------------- */ #reply-title { float: left; width: 100%; padding: 16px 0 12px 0; font-size:16px; line-height:18px; font-weight:700; text-transform: uppercase; } #cancel-comment-reply-link { } .comment-count { color: #9C9C9C; font-size:14px; font-weight:700; font-size:14px; font-weight:700; } .comment-author, .comment-email, .comment-url { font-size:15px; line-height:26px; font-weight:400; float: left; width: 196px; } .comment-author, .comment-email { padding-right: 24px; } #author, #email, #url { border: 1px solid #ebebeb; font-size:15px; font-weight:400; height: 32px; width: 198px; } .required { } .comment-form-comment { float: left; padding: 20px 0;width:100%; } #comment { border: 1px solid #ebebeb; height: 180px; width:100%;} .form-submit { float: left; } #submit { cursor: pointer; border: none; text-transform: uppercase; font-size:15px; font-weight:700; background: #FFF; height: 32px; } .comments { list-style: none; float:left; width: 100%;; } .gravatar-comment { padding-right: 20px; float: left; } .comment-author-name { padding: 0 0 5px; font-size:18px; font-weight:700; } .comment-date-time { font-size:12px; font-weight:400; color: #9c9c9c; } .comments li { padding: 10px 0; width: 100%; float: left; } .comments li.bypostauthor{border:none;} .comment-content { font-size:13px; line-height:20px; font-weight:400; width: 85%; float: left; } .children { padding-left: 30px; } .logged-in-as { float: left; width: 692px; padding: 20px 0; font-size:15px; font-weight:700; text-transform: uppercase; } .comment-pagination { float: left; width: 100%; font-size:15px; font-weight:600; text-align: center; } .comments blockquote { margin: 15px 10px 15px 15px; padding: 1px 15px 1px 15px; border-left: 4px solid #bbb; background: #f1f1f1; } .comments p { display: block; margin-bottom: 15px;} .comments blockquote p { margin-top: 15px; } .comments h1 { font-size:30px; line-height:34px; font-weight:700; margin: 10px 0; width: 100%; } .comments h2 { font-size:28px; line-height:32px; font-weight:700; margin: 10px 0; width: 100%; } .comments h3 { font-size:24px; line-height:28px; font-weight:700; margin: 10px 0; width: 100%; } .comments h4 { font-size:20px; line-height:24px; font-weight:700; margin: 10px 0; width: 100%; } .comments h5 { font-size:16px; line-height:20px; font-weight:700; margin: 10px 0; width: 100%; } .comments h6 { font-size:12px; line-height:16px; font-weight:700; margin: 10px 0; width: 100%; } .comments ul { list-style: none; margin: 10px 0; } .comments ol { list-style: none; margin: 10px 0; } .comments ul li, .comments ol li { padding: 5px 0px; } /* Wp-css---------------------------------------------------------------- */ .alignright { max-width: 100%; float: right; } .alignleft { max-width: 100%; float: left; } .aligncenter { max-width: 100%; display: block; margin: 0 auto; } .alignnone { max-width: 100%; } code, pre { padding: 2px 4px; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { word-break: break-all; word-wrap: break-word; white-space: pre-wrap; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -2px; } sup { top: -5px; } .wp-caption, .gallery-caption { margin-bottom: 10px; text-align: center; } .wp-caption-text { margin-bottom: 2px; } .sticky { } .sticky .newest-posts-thumb:after{top: 96px;position: absolute;padding: 5px;text-transform: uppercase;font-size:14px; font-weight:700;color: #FFF;background: url(https://www.scifipulse.net/wp-content/themes/TN/images/pattern-img.png);content: "Sticky Post";display: block;clear: both;height: 15px;width: 85px;} .sticky h2 a { text-decoration: underline; } .bypostauthor { } img.alignright, .wp-caption.alignright { float: right; margin: 5px 0 20px 20px; } img.alignleft, .wp-caption.alignleft { float: left; margin: 5px 20px 20px 0; } table {margin-bottom: 30px;} td {border: 1px solid #999; padding: 10px 15px; background: #ddd;} tr:nth-child(odd) td {background: #eee;} th, tfoot td {padding: 10px 15px;background: #bbb!important;border: 1px solid #999;font-weight: normal;text-transform: uppercase;white-space: nowrap;text-align: left;} /*error page*/ #post-404 h1{font-size:24px; font-weight:700;text-align:center;} #post-404{font-size:15px; font-weight:700;text-align:center;} /*rss widget*/ .widget_rss {width:305px;font-size:15px; font-weight:700;} .widget_rss ul {} .widget_rss ul li {margin:10px 0;} .widget_rss ul li a {} .rssSummary{color:#9C9C9C;;font-size:12px;font-weight:700;padding-top: 10px;} /*categories widget*/ .widget_categories {width:305px;font-size:14px; font-weight:700;} .widget_categories ul {} .widget_categories ul li {margin:10px 0;} .widget_categories ul ul.children {padding:0;} .widget_categories a {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /*recent comments widget*/ .recentcomments {width:305px;font-size:12px; font-weight:700;} #recentcomments {} #recentcomments li {font-size:15px;font-weight:700;padding:5px 0;} #recentcomments li a {font-size:12px;font-weight:700;color:#9C9C9C;;} .widget_recent_comments {} /*recent posts widget*/ .widget_recent_entries{width:305px;font-size:15px; font-weight:700;} .widget_recent_entries ul {} .widget_recent_entries ul li {padding:5px 0;} .widget_recent_entries ul li a {} /*search*/ .widget_search #searchform input{width: 292px;border: 1px solid #000;} .widget_search #searchform{float:none;} .widget_search {width:305px;} .screen-reader-text {} /*calendar*/ .widget_calendar {width:305px;font-size:14px; font-weight:700;text-align:center;text-shadow: 1px 1px 1px #FFF;} #calendar_wrap {} #calendar_wrap th {} #calendar_wrap td {} #wp-calendar tr td {padding: 7px 13px;} #wp-calendar caption {padding: 0 0 20px;} #wp-calendar a {} #wp-calendar #today {background:#FFF;} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {} /*nav menu widget*/ .widget_nav_menu {width:305px;} .widget_nav_menu ul {} .widget_nav_menu ul li {padding:5px 0;width:100%;font-size:14px; font-weight:700;} .widget_nav_menu ul .menu-item-object-category.menu-item-has-children:after {display:none;} .widget_nav_menu ul li a {} .widget_nav_menu .sub-menu, .widget_nav_menu .sub-meni, .widget_nav_menu .active .sub-menu{display:none;} /*Pages widget*/ .widget_pages {width:305px;font-size:14px; font-weight:700;} .widget_pages ul {} .widget_pages ul li {margin:10px 0;width:100%;} .widget_pages ul li .children{padding:0;} .widget_pages ul li a {} /*Arcvhive widget*/ .widget_archive {width:305px;font-size:14px; font-weight:700;} .widget_archive ul {} .widget_archive ul li {padding:8px 0;} .widget_archive ul li a {} .widget_archive select {} .widget_archive option {} /*Links widget*/ .widget_links {width:305px;font-size:14px; font-weight:700;} .widget_links ul {} .widget_links ul li {padding:5px 0;} .widget_links ul li a {} /*meta widget*/ .widget_meta {width:305px;font-size:14px; font-weight:700;} .widget_meta ul {} .widget_meta ul li {padding:5px 0;} .widget_meta ul li a {} /* ===============Animations=================== */ @-webkit-keyframes video-wrapper { 0% {opacity:0;} 100% {opacity:1;}} @-moz-keyframes video-wrapper { 0% {opacity:0;} 100% {opacity:1;}} @-o-keyframes video-wrapper { 0% {opacity:0;} 100% {opacity:1;}} @keyframes video-wrapper { 0% {opacity:0;} 100% {opacity:1;}} /* ===============Responsive=================== */ @media screen and (max-width: 1062px) and (min-width: 709px) { #header{width:668px;} #top-menu-title-side{display:none;} #logo{width:668px;position:relative;} #site-logo{padding-right: 157px;border-right: 1px solid #FFF;} #content-social {position: absolute;right: 0;bottom: 0;} #ticker{display:none;} #main-nav{width:668px;} .menu-item{padding:10px;font-size:13px;} .menu-item-object-category.menu-item-has-children:after{display:none;} .sub-menu-wrapper:before, .sub-menu-wrapper{width:668px;} .sub-menu{width:656px;} .sub-menu-wrapper .menu-thumbs:last-child{display:none;} #secondary {width: 636px;margin-left: 16px;} #secondary .home-widget:nth-child(odd){margin-right:26px;} #wrapper{width:668px;} #slider-container {width:636px;height:396px;margin-bottom:16px;} .wide-slider-control {width: 636px;} .wide-slider-control li{width: 126px;height:auto;float:left;} .flex-active .wide-slider-thumb:after{width: 126px;height:78px;} .slide-title {font-size: 24px;line-height: 22px;max-width: 455px;} .slide-excerpt {width: 455px;font-size:14px;} .slider-text-box .slide-date{font-size:14px;} #footer{width:668px;} .tagcloud{width:100%;} #category-ad, #post-page-ad {float: none;margin: 0 auto;width: 300px;height:auto;} #secondary .category-square:nth-child(odd) {padding-right: 23px;} #secondary .category-square:last-child{padding-right: 0;} /*Post-Page */ #post-page-subtitle, #post-page-title{width:668px;} /*TV-Page */ .tv-page-widget{width:636px;} .tv-video-wrapper iframe {width: 636px;height: 358px;} } @media screen and (max-width: 708px) { #header{width:100%;} #top-navigation{display:none;} #logo{width:100%;position:relative;} #site-logo{width: 60%;border-right: 0px solid #FFF;padding: 0 20%;max-width: 60%;max-height: none;} #site-logo img{max-width:150%;width:100%;} #ticker{display:none;} #content-social{width:100%;} #content-social ul{float: none;width: 240px;margin: 0 auto;height:auto;} #mob-menu {cursor: pointer;width: 100%;height: 15px;margin: 0 auto;display: block;position: relative;} #main-nav{width:auto;} .menu-item-object-category.menu-item-has-children:after{display:none;} #main-nav ul{display:none;} #main-nav ul.active{display:block;position:absolute;text-align: center;width:100%;} .menu-item{font-weight:700;padding:12px 0;} #main-nav ul li{width:100%;padding:} #main-nav ul li:hover .sub-menu-wrapper, #main-nav ul li:hover .sub-meni{display:none;} .search-box{display:none;} #primary{width: 94%;margin: 3%;} #secondary {width: 94%;margin: 3%;} #primary .home-widget, #secondary .home-widget{margin:0 0 3%;width:100%;} #wrapper{width:100%;} .wide-slider-box {float: left;padding: 3% 3% 0;position: relative;width: 94%;} #slider-container {width: 100%;height: auto;} .wide-slider-control {width: 100%;padding-top:1%;margin-bottom:6%;} .wide-slider-control li{width: 19%;height:auto;float:left;border-left: 0 solid #FFF;border-bottom: 0 solid #FFF;margin-right:1%;} .flex-active .wide-slider-thumb:after{display:none;} .slide-title {max-width: 400px;font-size: 20px;line-height:20px;} .slide-excerpt {width: 400px;font-size: 14px;} .slider-text-box .slide-date{font-size:12px;} .play-icon{display:none;} /* Widgets */ #solo-slider-container {width: 100%;height: auto;} .carousel{padding-bottom: 6%;} .mosaic, .big-category, #mosaic{width:100%;margin-bottom: -3%;} .mosaic li, .big-category li{margin-bottom:3%;width:48.5%;} .mosaic li:nth-child(odd), .big-category li:nth-child(odd), #secondary .mosaic li:nth-child(odd){padding-right:3%;} .mosaic-posts-image, .big-featured-posts-image{width:100%;height:auto;} .mosaic-posts-image img, .big-featured-posts-image img{max-width:200%;width:100%;} #primary .big-category li:nth-child(even){padding:0;} .cat-slider{max-height:none;} .cat-slider .featured-posts-category-big{padding-right:3%;} .cat-slider .featured-posts-category-big, .cat-slider .featured-posts-category-small{width:48.5%;} .small-featured-posts-image{margin-right: 3%;width: 27%;} .small-featured-posts-text {width: 70%;} .one-column-category, .featured-posts-category-small, .featured-posts-category-tiny, .featured-posts-category-tiny li{width:100%;} .small-featured-posts-image {margin-right: 3%;width: 18%;} .small-featured-posts-text {width: 79%;} .tiny-featured-posts-image {margin-right: 3%;float: left;width: 5%;} .tiny-featured-posts-text {width: 92%;float: left;} #square-wrapper, #square-category{width:100%;margin-bottom:0;} .square-category li {float: left;width: 23%;margin-bottom: 6%;} #primary .square-category li, #secondary .square-category li:nth-child(odd), #secondary .square-category li, #square-wrapper #square-category li:nth-child(even), #primary #square-category li{margin-right:2%} .square-image {height: auto;} .newest-posts-thumb{width:22%;margin-right:3%;} .newest-posts-text {width: 75%;} .tabber-container {width: 100%;float: left;margin-bottom: 6%;} .tabber-content {width: 100%; } ul.tabs li{width:33%;} .category-square {width: 23%;float: left;padding-right: 2%;} #secondary .category-square:nth-child(odd) {padding-right: 2%;} .featured-square li{width:100%;} .tv-featured-posts{width:100%;} .tv-featured-posts li {width: 94%;padding: 3% 3% 0;} .tv-featured-posts li:last-child{padding:3% 3%;} .tv-featured-image {float: left;padding-right: 3%;width: 19%;} .tv-featured-text {float: left;width: 77%;} .tv-featured-posts li .category-icon {width: 100%;float: left;} .tv-featured-posts li .tv-featured-post-title{width:100%;padding:3% 0;} .tv-featured-text .date{width:100%;} .latest-news-category, .category-sidebar-news, .latest-news-category li{width:100%;} .embed-wrapper iframe, .video-container iframe, .video-container object, .video-container embed, .video-container video, .video-wrapper iframe, .tv-video-wrapper iframe{ width: 100%; height: 100%; } .embed-wrapper, .video-container, .video-wrapper, .tv-page-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .about-widget{width:100%;} .widget_pages, .widget_archive, .widget_calendar, .widget_categories, .widget_nav_menu, .widget_links, .widget_meta, .widget_recent_entries, .widget_rss, .widget_search, .widget_recent_comments, .recentcomments {width: 100%;text-align:center;} #calendar_wrap {float: none;width: 60%;margin: 0 20%;} .tagcloud, #calendar_wrap table{width:100%;} #wp-calendar tr td, #calendar_wrap th{padding: 2%;} #footer{width:100%;} /*Post-Page */ #post-page-subtitle, #post-page-title, .post-info{width:100%;} .review-wrapper-title-good-bad{width:100%;margin:0;} .review-good ul, .review-bad ul{list-style:none;} .nav-next-prev { box-shadow: 2px 0px 10px #000; z-index: 999; background: url(https://www.scifipulse.net/wp-content/themes/TN/images/pattern-img.png); width: 96%; position: fixed; bottom: 0; border: none; margin: 0; padding: 3% 2%; left:0; } .nav-previous { width: 49%; } .nav-next { height: 100%; width: 49%; border-left: 1% solid #000; } .previous-title, .previous-title a { color: #FFF; text-align: left; display: block; width: 100%; } .next-title, .next-title a { color: #FFF; text-align: right; display: block; width: 100%; padding: 0; } .splitter { height: 70px; margin: 0; opacity: 0.3; } .next-article{font-size: 13px;line-height: 14px;} .previous-article{font-size: 13px;line-height: 14px;} .previous-title, .previous-title a {font-size: 13px;line-height: 14px;} .next-title, .next-title a {font-size: 13px;line-height: 14px;} .next-title .post-date, .previous-title .post-date {display: none; } .share-post ul, .share-tv ul{width:100%;} .share-post li, .share-tv li {margin: 0 0% 0 6%;width: 10%;} .share-title, .share-tv-title{display:none;} #author-image {padding: 2%;width: 16%;} #author-desc{width:80%;padding-top: 2%;} #category-ad, #post-page-ad {float: none;margin: 0 auto;width: 300px;height:auto;} .share-tv .category-tv-icon{display:none;} } @media screen and (max-width: 480px) { /* widgets */ .cat-slider .featured-posts-category-big, .cat-slider .featured-posts-category-small{width:100%;} .cat-slider .featured-posts-category-big{margin-bottom:8%;} .widget_featured_posts_tn .widget-title, .tiny-featured-posts-image{display:none;} .tiny-featured-posts-text {width: 100%;} .square-title, .tv-featured-post-title a, .tv-featured-post-title a:visited, .widget_pages, .widget_archive, .widget_calendar, .widget_categories, .widget_nav_menu, .widget_links, .widget_meta, .widget_recent_entries, .widget_rss, .widget_search, .widget_recent_comments, .recentcomments, .multiple-cat-title, .square-title, .carousel-title, .small-featured-posts-text h2{font-size:12px;} .big-featured-posts-title h2{font-size:14px;} .feat-cat-categories {width: 100%;} .feat-cat-categories li {padding-left: 10%;float: left;width: 20%;} .slide-date, .slide-excerpt{display:none;} .slider-text-box{bottom:0;margin: 0 20px;} .slide-title{border:none;} .wide-slider li{position: relative;} .tv-featured{margin-bottom:6%;} .tv-featured-text .date{display:none;} .latest-news-category li, .latest-news-category li:last-child{padding:3% 0;} .mosaic, .big-category, #mosaic{width:100%;margin-bottom: -3%;} .mosaic li, .big-category li{margin-bottom:6%;width:100%;padding-bottom:0;} .mosaic li:nth-child(odd), .big-category li:nth-child(odd), #secondary .mosaic li:nth-child(odd){padding-right:0;} .mosaic-posts-image, .big-featured-posts-image{width:100%;height:auto;} .mosaic-posts-image img, .big-featured-posts-image img{max-width:200%;width:100%;} #primary .big-category li:nth-child(even){padding:0;} .widget_search #searchform input {width: 100%;} /*pages*/ #post-page-title h1, #post-area #post-area-page-title h1, .category-page-title{font-size:24px;line-height:26px;} #post-page-subtitle, .category-page-excerpt{font-size:14px;} } .ads{position:relative;margin:20px 0;text-align:center;clear:both} .ce-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.ce-video-container iframe,.ce-video-container object,.ce-video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} .pp-podcast[id^=pp-podcast-], .pp-modal-window { font-size: 16px; font-weight: normal; line-height: 1.33; box-sizing: border-box; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } .pp-podcast[id^=pp-podcast-] *, .pp-podcast[id^=pp-podcast-] *:before, .pp-podcast[id^=pp-podcast-] *:after, .pp-modal-window *, .pp-modal-window *:before, .pp-modal-window *:after { box-sizing: inherit; min-width: 0; } .pp-podcast[id^=pp-podcast-], .pp-podcast[id^=pp-podcast-] button, .pp-podcast[id^=pp-podcast-] input, .pp-podcast[id^=pp-podcast-] .ppjs__audio-timer, .pp-podcast[id^=pp-podcast-] .ppjs__time-float, .pp-modal-window, .pp-modal-window button, .pp-modal-window input, .pp-modal-window .ppjs__audio-timer, .pp-modal-window .ppjs__time-float { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif !important; } .pp-podcast[id^=pp-podcast-] button, .pp-modal-window button { line-height: 1 !important; } .pp-podcast[id^=pp-podcast-] a.button:disabled, .pp-podcast[id^=pp-podcast-] a.button.disabled, .pp-podcast[id^=pp-podcast-] a.button:disabled[disabled], .pp-podcast[id^=pp-podcast-] button.disabled, .pp-podcast[id^=pp-podcast-] button[disabled], .pp-podcast[id^=pp-podcast-] input[type='button'][disabled], .pp-podcast[id^=pp-podcast-] input[type='reset'][disabled], .pp-podcast[id^=pp-podcast-] input[type='submit'][disabled], .pp-modal-window a.button:disabled, .pp-modal-window a.button.disabled, .pp-modal-window a.button:disabled[disabled], .pp-modal-window button.disabled, .pp-modal-window button[disabled], .pp-modal-window input[type='button'][disabled], .pp-modal-window input[type='reset'][disabled], .pp-modal-window input[type='submit'][disabled] { opacity: .4; } .pp-podcast[id^=pp-podcast-] a.button:disabled:hover, .pp-podcast[id^=pp-podcast-] a.button.disabled:hover, .pp-podcast[id^=pp-podcast-] a.button:disabled[disabled]:hover, .pp-podcast[id^=pp-podcast-] button.disabled:hover, .pp-podcast[id^=pp-podcast-] button[disabled]:hover, .pp-podcast[id^=pp-podcast-] input[type='button'][disabled]:hover, .pp-podcast[id^=pp-podcast-] input[type='reset'][disabled]:hover, .pp-podcast[id^=pp-podcast-] input[type='submit'][disabled]:hover, .pp-modal-window a.button:disabled:hover, .pp-modal-window a.button.disabled:hover, .pp-modal-window a.button:disabled[disabled]:hover, .pp-modal-window button.disabled:hover, .pp-modal-window button[disabled]:hover, .pp-modal-window input[type='button'][disabled]:hover, .pp-modal-window input[type='reset'][disabled]:hover, .pp-modal-window input[type='submit'][disabled]:hover { cursor: not-allowed; } .pp-podcast[id^=pp-podcast-] p, .pp-modal-window p { font-size: 16px !important; margin-bottom: 1.33rem !important; } .pp-podcast[id^=pp-podcast-] a, .pp-modal-window a { text-decoration: none !important; color: #65b84f; border-bottom-width: 0; background-image: none !important; box-shadow: none !important; } .pp-podcast[id^=pp-podcast-] a:hover, .pp-modal-window a:hover { text-decoration: none; } .pp-podcast[id^=pp-podcast-] a:focus, .pp-modal-window a:focus { outline: thin dotted; outline-offset: -.05em; } .pp-podcast[id^=pp-podcast-] h1, .pp-podcast[id^=pp-podcast-] h2, .pp-podcast[id^=pp-podcast-] h3, .pp-podcast[id^=pp-podcast-] h4, .pp-podcast[id^=pp-podcast-] h5, .pp-podcast[id^=pp-podcast-] h6, .pp-podcast[id^=pp-podcast-] b, .pp-podcast[id^=pp-podcast-] strong, .pp-modal-window h1, .pp-modal-window h2, .pp-modal-window h3, .pp-modal-window h4, .pp-modal-window h5, .pp-modal-window h6, .pp-modal-window b, .pp-modal-window strong { margin: 20px 0 !important; color: currentColor; } .pp-podcast[id^=pp-podcast-] h1, .pp-modal-window h1 { font-size: 20px !important; } .pp-podcast[id^=pp-podcast-] h2, .pp-modal-window h2 { font-size: 20px !important; } .pp-podcast[id^=pp-podcast-] h3, .pp-modal-window h3 { font-size: 18px !important; } .pp-podcast[id^=pp-podcast-] h4, .pp-modal-window h4 { font-size: 16px !important; } .pp-podcast[id^=pp-podcast-] h5, .pp-modal-window h5 { font-size: 15px !important; } .pp-podcast[id^=pp-podcast-] h6, .pp-modal-window h6 { font-size: 14px !important; } .pp-podcast[id^=pp-podcast-] .pod-entry__title a, .pp-modal-window .pod-entry__title a { text-decoration: none; color: #333 !important; } .pp-podcast[id^=pp-podcast-] .pod-entry__title a:hover, .pp-podcast[id^=pp-podcast-] .pod-entry__title a:focus, .pp-modal-window .pod-entry__title a:hover, .pp-modal-window .pod-entry__title a:focus { color: #333 !important; } .pp-podcast[id^=pp-podcast-] img, .pp-modal-window img { max-width: 100%; height: auto; vertical-align: middle; } .pp-modal-window { color: #333 !important; } button.pod-button { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif; font-size: 1em; line-height: 1 !important; position: relative; display: inline-block; height: auto !important; margin: 0 !important; padding: .665em .9975em; cursor: pointer; text-align: center; text-decoration: none; letter-spacing: normal; text-transform: capitalize; color: #fff; border: none; border-radius: 0 !important; background: none !important; background-color: #65b84f; box-shadow: none !important; } button.pod-button:hover, button.pod-button:focus { border-width: 0; background-color: #65b84f; background-image: none; box-shadow: none; } button.pp-modal-close { line-height: 1 !important; margin: 0 !important; cursor: pointer; letter-spacing: normal; color: #333 !important; box-shadow: none !important; } .pp-podcast button, .pp-podcast input { min-height: 0 !important; max-height: none !important; } .pp-podcast button::after, .pp-podcast input::after { opacity: 0; } .pp-podcast .icon, .pp-modal-window .icon { position: relative; top: -.0625em; display: inline-block; width: 1em !important; height: 1em !important; vertical-align: middle; background-color: transparent !important; stroke-width: 0; stroke: currentColor; fill: currentColor; } .pp-podcast { position: relative; clear: both; margin-bottom: 20px; transition: .5s opacity ease; opacity: 0; border: 1px solid rgba(0, 0, 0, .1); border-radius: 8px; } .pp-podcast.pp-podcast-added { opacity: 1; } .pp-podcast.playerview { background-color: #fff; } .widget .pp-podcast { margin-bottom: 0; } .pp-podcast, .pp-podcast p { color: #333 !important; } .pp-podcast, .pp-podcast * { box-sizing: border-box; } .pp-podcast .wp-video { margin-bottom: 0 !important; } audio.pp-podcast-episode { opacity: 0; } .pp-podcast__wrapper { position: relative; } .pod-content { font-size: 15px; position: relative; padding: 0; } .pod-info { position: relative; } .pod-info:after { display: table; clear: both; content: ''; } .playerview .pod-info { display: none; } .playerview.header-hidden.header-toggle .pod-info, .playerview.header-visible.header-toggle .pod-info { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; overflow-y: auto; color: #333; background-color: #fff; } .playerview.header-hidden.header-toggle .pod-info__header, .playerview.header-visible.header-toggle .pod-info__header { border-bottom-width: 0; } .playerview.header-toggle.light-color .pod-info { background-color: #333 !important; } .pod-info__header { padding: 20px 20px 10px; border-bottom: 1px dashed rgba(0, 0, 0, .1); } .postview .pod-info__header { border-bottom-width: 0; } .pod-info__header:after { display: block; clear: both; content: ''; } .pod-info__toggle { font-size: 16px !important; line-height: 1 !important; position: absolute; z-index: 9; top: 0; right: 0; width: 40px; height: 40px; margin: 0 0 0 auto !important; padding: 0 !important; cursor: pointer; color: #333 !important; border-width: 0 !important; background-color: transparent !important; box-shadow: none !important; } .pod-info__toggle .icon-pp-x { display: none; } .pod-info__toggle.toggled-on .icon-pp-x { display: inline-block; } .pod-info__toggle.toggled-on .icon-pp-info { display: none; } .pod-info__toggle:hover, .pod-info__toggle:focus { background-color: transparent; box-shadow: none; } .pod-info__toggle:hover, .pod-info__toggle:hover *, .pod-info__toggle:focus, .pod-info__toggle:focus * { color: #333 !important; } .pod-header__image { position: relative; width: 100%; margin-bottom: 20px; } .narrow-player .pod-header__image + .pod-header__items { margin-top: 0; } .pod-header__image .pod-header__image-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .pod-header__image .pod-header__image-wrapper img { width: 100%; height: 100%; object-fit: cover; } .narrow-player .pod-header__items { margin-top: 60px; } .pod-header:after { display: table; clear: both; content: ''; } .pod-items__title { font-size: 15px; font-weight: bold; line-height: 1.25; margin-bottom: 5px; } .pod-items__desc { font-size: 15px; margin-bottom: 10px; } .pod-items__menu { clear: both; } .pod-items__menu .podcast-menu ul { font-size: 12px; margin: 0; padding: 0; } .pod-items__menu .podcast-menu { line-height: 1.33 !important; border-bottom-width: 0; box-shadow: none; } .pod-items__menu .menu-item { font-weight: bold; display: inline-block; margin: 0 !important; padding: 10px 15px !important; border-bottom: 1px solid rgba(0, 0, 0, .1) !important; border-radius: 0 !important; background-color: transparent !important; } .pod-items__menu .menu-item:first-child { margin-left: 0; } .pod-items__menu .menu-item a:hover, .pod-items__menu .menu-item a:focus { text-decoration: underline !important; } .pod-items__menu .menu-item a .icon { font-size: 20px !important; margin-right: 5px !important; } .pod-items__menu .menu-item .sub-listen-text { display: none; } .pod-items__menu ul.pod-menu { margin: 0; padding: 0; list-style: none; } .pod-items__navi-menu { position: relative; display: flex; width: 100%; flex-wrap: wrap; } .pod-items__navi-menu .podcast-menu { position: absolute; z-index: 9999; top: 120%; right: -100%; display: none; width: 180px; margin: 0 !important; padding: 0 !important; border-radius: 8px; background-color: #fff; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); } .pod-items__navi-menu .podcast-menu li { display: block; } .pod-items__navi-menu .podcast-menu li a { display: block; width: 100%; color: #333 !important; } .pod-items__navi-menu .pod-items__menu { position: relative; } .pod-items__navi-menu .pod-items__menu.toggled-window .podcast-menu { display: block; } .playerview .pod-info .pod-items__navi-menu { display: none; } .pod-items__navi-menu a.subscribe-item { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif !important; font-size: 20px; display: flex; width: 40px; height: 40px; margin-right: 5px; align-items: center; } .pod-items__navi-menu a.subscribe-item .icon { font-size: 18px; top: 0; left: 50%; width: 1.15em !important; height: 1.15em !important; transform: translateX(-50%); } .pod-items__navi-menu a.subscribe-item .sub-text, .pod-items__navi-menu a.subscribe-item .sub-listen-text { display: none; } .pod-items__navi-menu a.subscribe-item .pp-amazon-subscribe-btn { display: block; width: 100%; } .pod-items__navi-menu a.subscribe-item .pp-amazon-subscribe-icon { display: flex; flex-direction: column; padding: 3px; } .pod-items__navi-menu a.subscribe-item .pp-amazon-subscribe-icon .icon { width: auto !important; height: 10px !important; } .pod-items__navi-menu button.pod-items__menu-open { font-size: 18px !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; color: #333 !important; background-color: transparent !important; } .pod-items__navi-menu button.pod-items__menu-open .icon { width: 1em !important; height: 1em !important; } .pod-items__navi-menu button.pod-items__menu-open .btn-icon-wrap { display: inline-block; } .episode-list { display: none; } .list-default .episode-list { display: block; } .postview .episode-list, .pp-modal-tabs-list .episode-list { display: block !important; } .episode-list__filters { display: flex; padding: 0 20px !important; border-bottom: 1px solid rgba(0, 0, 0, .1); align-items: center; } .episode-list__search { position: relative; margin: 0 !important; padding: 5px 0 !important; flex: 1; } .episode-list__search label { margin: 0 !important; padding: 0 !important; } .episode-list__search input[type='text'] { font-size: 14px !important; line-height: 1 !important; width: 100%; height: 40px !important; margin-bottom: 0 !important; padding: 13px !important; padding-left: 30px !important; color: #333 !important; border-width: 0 !important; border-radius: 0 !important; outline: none !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } .episode-list__search input[type='text']::-ms-clear { display: none; } .episode-list__search input[type='text']::placeholder { line-height: 1; color: #606060; } .episode-list__filter-dropdown { min-width: 100px !important; flex-basis: 20%; } .episode-list__filter-select { line-height: 1 !important; width: 100% !important; padding: .875em !important; cursor: pointer; border-width: 0 0 0 1px !important; border-color: #e6e6e6 !important; border-radius: 0 !important; background-color: transparent !important; background-position: right .875em top 17px !important; box-shadow: none !important; } .episode-list__clear-search.pod-button { font-size: 20px !important; display: none; min-height: 0 !important; margin-left: 5px !important; padding: 8px !important; color: rgba(0, 0, 0, .3) !important; border-width: 0 !important; border-radius: 5px !important; background-color: #f0f0f0 !important; } .episode-list__clear-search.pod-button:hover, .episode-list__clear-search.pod-button:focus { color: #333 !important; background-color: transparent; } .episode-list__search-icon { font-size: 20px !important; position: absolute; top: 30px; top: 50%; left: 0; display: block; min-height: 0 !important; transform: translateY(-50%); color: rgba(0, 0, 0, .3) !important; border-width: 0 !important; } .episode-list__wrapper { overflow-x: hidden; overflow-y: auto; width: 100% !important; height: auto; } button.episode-list__load-more { font-size: 16px; font-weight: bold; line-height: 1 !important; display: block; width: 100%; height: auto !important; margin: 0 !important; padding: 16px 20px !important; cursor: pointer; text-transform: uppercase; color: currentColor !important; border-width: 0 !important; border-radius: 0 !important; background: none !important; background-color: transparent !important; box-shadow: none !important; } button.episode-list__load-more:hover, button.episode-list__load-more:focus { background: currentColor !important; background-color: transparent !important; } .episode-list__search-results { display: none; } .episode-single { position: relative; display: none; border-bottom: 1px solid rgba(0, 0, 0, .1); background-color: #fff; } .episode-single__wrapper { overflow-y: scroll; width: 100% !important; max-height: 400px; padding: 20px; } .episode-single__header { padding-bottom: 20px; } .episode-single__header .single-author { color: #606060; } .episode-single__author { font-size: 15px; } .episode-single__title { font-size: 17px; padding-right: 40px; } .episode-single__description, .pp-podcast .episode-single__description, .episode-single__description p, .pp-podcast .episode-single__description p { margin-bottom: 10px !important; } .episode-single__description .pp-podcast { display: none; } .episode-single__link { display: block; } .episode-single__close { font-size: 20px !important; line-height: 1 !important; position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; margin: 0 !important; padding: 0 !important; cursor: pointer; color: currentColor; border-width: 0 !important; background-color: transparent !important; box-shadow: none !important; } .episode-single__close:hover, .episode-single__close:focus { background-color: transparent !important; } .episode-single__close:hover, .episode-single__close:hover *, .episode-single__close:focus, .episode-single__close:focus * { color: currentColor !important; } .pod-entry { font-size: 15px; position: relative; padding: 10px 20px; cursor: pointer; } .playerview .pod-entry { border-bottom: 1px solid rgba(0, 0, 0, .1); } .pod-entry__title { font-size: 15px; margin-bottom: 3px; } .activeEpisode .pod-entry__title a, .activeEpisode .pod-entry__title a:focus { outline: none; } .pod-entry__date { font-size: 12px; font-weight: bold; display: inline-block; text-transform: uppercase; color: #606060; } .playerview .pod-entry.activeEpisode { background-color: rgba(101, 184, 79, .1); } .pod-entry .pod-entry__author { font-size: 12px; font-weight: bold; display: inline-block; clear: both; letter-spacing: 1px; color: #606060; } .pod-entry .pod-entry__author:before { display: inline-block; margin: 0 5px; content: '\00b7'; } .pp-podcast .wp-video { max-width: 100%; } .pp-podcast .mejs__offscreen, .pp-podcast .mejs__container { display: none; } .ppjs__controls { /* Styles for the input range */ /* Styles for the track of the input range */ /* Other browsers track style */ /* Styles for the thumb of the input range */ /* Styles for the thumb when active (clicked) */ /* Styles for the progress of the input range (Firefox) */ } .ppjs__controls input[type='range'] { position: relative; z-index: 1; width: 100%; height: 5px !important; margin: 0 !important; padding: 0 !important; cursor: pointer; border-radius: 10px; outline: none !important; background: #d2d2d2 !important; -webkit-appearance: none; appearance: none; } .ppjs__controls input[type='range']::-webkit-slider-runnable-track { width: 100% !important; height: 5px !important; border-radius: 10px !important; background: linear-gradient(to right, var(--pp-accent-color, #65b84f) 0%, var(--pp-accent-color, #65b84f) var(--pp-progress-value, 0%), var(--pp-buffered-color, rgba(0, 0, 0, .1)) var(--pp-progress-value, 0%), var(--pp-buffered-color, rgba(0, 0, 0, .1)) var(--buffered-width, 0%), #d2d2d2 var(--buffered-width, 0%), #d2d2d2 100%) !important; box-shadow: none !important; } .ppjs__controls input[type='range']::-moz-range-track { width: 100% !important; height: 5px !important; border-radius: 10px !important; background: linear-gradient(to right, var(--pp-accent-color, #65b84f) 0%, var(--pp-accent-color, #65b84f) var(--pp-progress-value, 0%), var(--pp-buffered-color, rgba(0, 0, 0, .1)) var(--pp-progress-value, 0%), var(--pp-buffered-color, rgba(0, 0, 0, .1)) var(--buffered-width, 0%), #d2d2d2 var(--buffered-width, 0%), #d2d2d2 100%) !important; box-shadow: none !important; } .ppjs__controls input[type='range']::-ms-track { width: 100% !important; height: 5px !important; border-radius: 10px !important; background: linear-gradient(to right, var(--pp-accent-color, #65b84f) 0%, var(--pp-accent-color, #65b84f) var(--pp-progress-value, 0%), var(--pp-buffered-color, rgba(0, 0, 0, .1)) var(--pp-progress-value, 0%), var(--pp-buffered-color, rgba(0, 0, 0, .1)) var(--buffered-width, 0%), #d2d2d2 var(--buffered-width, 0%), #d2d2d2 100%) !important; box-shadow: none !important; } .ppjs__controls input[type='range']::-ms-fill-upper { background: #ddd !important; } .ppjs__controls input[type='range']::-webkit-slider-thumb { position: relative; top: -4px; width: 4px; height: 4px; -webkit-transition: all .15s ease-in; transition: all .15s ease-in; opacity: 0; border: 1px solid var(--pp-accent-color, #65b84f); border-radius: 50%; background: var(--pp-accent-color, #65b84f); -webkit-appearance: none; } .ppjs__controls input[type='range']::-moz-range-thumb { width: 4px; height: 4px; -moz-transition: all .15s ease-in; transition: all .15s ease-in; opacity: 0; border: 1px solid var(--pp-accent-color, #65b84f); border-radius: 50%; background: var(--pp-accent-color, #65b84f); -webkit-appearance: none; } .ppjs__controls input[type='range']::-ms-thumb { width: 4px; height: 4px; -ms-transition: all .15s ease-in; transition: all .15s ease-in; opacity: 0; border: none; border-radius: 50%; background: var(--pp-accent-color, #65b84f); -webkit-appearance: none; } .ppjs__controls .ppjs__audio-time-rail:hover input[type='range']::-webkit-slider-thumb, .ppjs__controls .ppjs__audio-time-rail:focus input[type='range']::-webkit-slider-thumb { width: 12px; height: 12px; opacity: 1; } .ppjs__controls .ppjs__audio-time-rail:hover input[type='range']::-moz-range-thumb, .ppjs__controls .ppjs__audio-time-rail:focus input[type='range']::-moz-range-thumb { width: 12px; height: 12px; opacity: 1; } .ppjs__controls .ppjs__audio-time-rail:hover input[type='range']::-ms-thumb, .ppjs__controls .ppjs__audio-time-rail:focus input[type='range']::-ms-thumb { width: 12px; height: 12px; opacity: 1; } .ppjs__controls input[type='range']:active::-webkit-slider-thumb { transform: scale(1.2); } .ppjs__controls input[type='range']:active::-moz-range-thumb { transform: scale(1.2); } .ppjs__controls input[type='range']:active::-ms-thumb { transform: scale(1.2); } .ppjs__controls input[type='range']::-ms-fill-lower { height: 5px !important; border-radius: 10px; background: var(--pp-accent-color, #65b84f) !important; } .ppjs__container { position: relative; max-width: 100%; /* Hide native play button and control bar from iOS to favor plugin button */ } .ppjs__container:focus { outline: none; } .ppjs__container-fullscreen { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .ppjs__container-fullscreen .ppjs__mediaelement, .ppjs__container-fullscreen video { width: 100% !important; height: 100% !important; } .ppjs__container video::-webkit-media-controls, .ppjs__container video::-webkit-media-controls-panel, .ppjs__container video::-webkit-media-controls-panel-container, .ppjs__container video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .ppjs__container.ppjs__audio { width: 100% !important; min-width: 0 !important; height: auto !important; } .ppjs__video video { margin-bottom: 0 !important; } .ppjs__button > button, .ppjs__button > a.button { color: #fff !important; background: none !important; } .ppjs__iframe-overlay { position: absolute; width: 100%; height: 100%; } .ppjs__fullscreen { overflow: hidden; } .ppjs__fullscreen-button .icon-pp-minimize { display: none; } .ppjs__fullscreen-button.ppjs__unfullscreen .icon-pp-minimize { display: block; } .ppjs__fullscreen-button.ppjs__unfullscreen .icon-pp-maximize { display: none; } .ppjs__background { position: absolute; top: 0; left: 0; } .ppjs__mediaelement { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; } .ppjs__poster { position: absolute; z-index: 1; top: 0; left: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .ppjs__poster-img { padding: 0; border: 0; } :root .ppjs__poster-img { display: none; } .ppjs__overlay { position: absolute; top: 0; left: 0; display: flex; background-color: rgba(0, 0, 0, .2); align-items: center; justify-content: center; } .ppjs__overlay-play { cursor: pointer; } .ppjs__overlay-button, .ppjs__overlay-loading { font-size: 60px; line-height: 1; margin: 0; padding: 0; color: #fff; } .ppjs__overlay-loading { z-index: 1; animation: ppjs__loading-spinner 1s linear infinite; } .ppjs__layer { z-index: 1; } .ppjs__poster img { width: 100% !important; height: 100% !important; object-fit: cover; } .ppjs__controls { position: absolute; z-index: 1; bottom: 0; left: 0; display: flex; width: 100%; height: 40px; margin: 0; padding: 0 10px; list-style-type: none; } .ppjs__controls:not([style*='display: none']) { background: rgba(255, 0, 0, .7); background: linear-gradient(transparent, rgba(0, 0, 0, .35)); } .ppjs__audio .ppjs__controls { position: relative; display: block; height: auto; padding: 0; background: none; } .ppjs__controls button .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ppjs__time-rail { font-size: 10px; line-height: 10px; width: 32px; height: 40px; margin: 0; } .ppjs__audio-controls { display: flex; flex-direction: column; margin: 0 20px; padding: 20px 0 10px; background-color: transparent; align-items: center; justify-content: center; } .ppjs__audio-controls .ppjs__secondary-controls { width: 100%; } .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button, .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button { display: block; margin: 0 auto; } .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:hover, .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:hover *, .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:focus, .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:focus *, .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:hover, .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:hover *, .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:focus, .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:focus * { color: #333 !important; } .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns { display: flex; margin: 20px 0 10px; justify-content: space-between; } .rtl .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns { flex-direction: row-reverse; } .ppjs__audio-controls .dyna-msg-title { display: none; } .ppjs__audio-time-rail { display: flex; background-color: #d2d2d2; } .ppjs__audio-timer { display: flex; height: 20px; padding: 0 20px 10px; justify-content: space-between; align-items: center; } .rtl .ppjs__audio-timer { flex-direction: row-reverse; } .ppjs__audio .ppjs__button { position: relative; display: inline-block; width: auto; height: auto; margin: 0 5px; } .ppjs__audio .ppjs__button:first-of-type { margin-left: 0; } .ppjs__audio .ppjs__button:last-of-type { margin-right: 0; } .ppjs__audio .ppjs__button > button, .ppjs__audio .ppjs__button > a.button { font-size: 20px !important; position: relative; width: 40px; height: 40px; padding: 0 !important; color: #333 !important; box-shadow: none !important; } .ppjs__audio .ppjs__button > button .icon, .ppjs__audio .ppjs__button > a.button .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ppjs__audio .ppjs__button > button::after, .ppjs__audio .ppjs__button > a.button::after { display: none !important; } .ppjs__audio .ppjs__button.ppjs__jump-forward-button > button, .ppjs__audio .ppjs__button.ppjs__jump-forward-button > a.button, .ppjs__audio .ppjs__button.ppjs__skip-backward-button > button, .ppjs__audio .ppjs__button.ppjs__skip-backward-button > a.button { font-size: 28px !important; } .ppjs__audio .ppjs__button.ppjs__share-button > button .icon, .ppjs__audio .ppjs__button.ppjs__share-button > a.button .icon { top: calc( 50% + 1px); } .ppjs__audio .ppjs__button .play-rate-text { line-height: 18px !important; position: absolute; top: 50%; left: 50%; display: block; width: 36px; height: 22px; transform: translate(-50%, -50%); letter-spacing: 0 !important; border: .09em solid rgba(0, 0, 0, .3); border-radius: 12px; } .ppjs__audio .ppjs__button .play-rate-text .pp-rate { font-size: 12px !important; position: relative; top: -2px; display: inline; } .ppjs__audio .ppjs__button .play-rate-text .pp-times { font-size: 9px !important; position: relative; top: -2px; } .ppjs__audio .ppjs__button .play-rate-list { position: absolute; z-index: 9999; bottom: 100%; left: 10%; display: none; width: 250px; margin: 0 !important; padding: 15px !important; border-radius: 8px; background-color: #fff; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); } .rtl .ppjs__audio .ppjs__button .play-rate-list { right: 10%; left: auto; } .ppjs__audio .ppjs__button .play-rate-list li { line-height: 1 !important; display: inline-block; margin: 0 5px 0 0; padding: 0 !important; border-width: 0; } .ppjs__audio .ppjs__button .play-rate-list li:last-of-type { margin: 0; } .ppjs__audio .ppjs__button .play-rate-list li a { font-size: 14px !important; display: block; width: 40px; padding: 5px 0; text-align: center; color: #333 !important; border: 1px solid rgba(0, 0, 0, .1); border-radius: 4px; } .ppjs__audio .ppjs__button .play-rate-list li a:hover, .ppjs__audio .ppjs__button .play-rate-list li a:focus { background-color: #f0f0f0; } .ppjs__audio .ppjs__button.toggled-window .play-rate-list { display: block; } .ppjs__audio .ppjs__button.ppjs__playpause-button { position: relative; margin: 0 10px; } .ppjs__audio .ppjs__button.ppjs__playpause-button button { font-size: 28px !important; position: relative; margin: 0; } .ppjs__audio .ppjs__button.ppjs__playpause-button button .icon-pp-play { left: calc( 50% + 1px); } .rtl .ppjs__audio .ppjs__button.ppjs__playpause-button button .icon-pp-play { left: calc( 50% - 1px); } .ppjs__audio .ppjs__button.ppjs__playpause-button button .icon-pp-pause, .ppjs__audio .ppjs__button.ppjs__playpause-button button .icon-pp-refresh { display: none; } .ppjs__audio .ppjs__button.ppjs__playpause-button button.buffering .icon-pp-play { display: none; } .ppjs__audio .ppjs__button.ppjs__playpause-button button.buffering .icon-pp-refresh { display: block; animation: ppjs__btn-spinner 1s linear infinite; } .ppjs__audio .ppjs__button.ppjs__playpause-button button.playing .icon-pp-play { display: none; } .ppjs__audio .ppjs__button.ppjs__playpause-button button.playing .icon-pp-pause { display: block; } .ppjs__audio .ppjs__button.ppjs__playpause-button button, .ppjs__audio .ppjs__button.ppjs__playpause-button button *, .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover, .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover *, .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus, .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus * { color: #65b84f !important; } .ppjs__audio .ppjs__button.ppjs__skip-next-button, .ppjs__audio .ppjs__button.ppjs__skip-prev-button { display: none; } .inline-view .ppjs__audio .ppjs__button.ppjs__skip-next-button, .inline-view .ppjs__audio .ppjs__button.ppjs__skip-prev-button { display: inline-block; } .ppjs__video .ppjs__button { width: 40px; flex-basis: 40px; } .ppjs__video .ppjs__button button { font-size: 16px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ppjs__video .ppjs__button.ppjs__playpause-button button .icon-pp-pause, .ppjs__video .ppjs__button.ppjs__playpause-button button .icon-pp-refresh { display: none; } .ppjs__video .ppjs__button.ppjs__playpause-button button.buffering .icon-pp-play { display: none; } .ppjs__video .ppjs__button.ppjs__playpause-button button.buffering .icon-pp-refresh { display: block; animation: ppjs__btn-spinner 1s linear infinite; } .ppjs__video .ppjs__button.ppjs__playpause-button button.playing .icon-pp-play { display: none; } .ppjs__video .ppjs__button.ppjs__playpause-button button.playing .icon-pp-pause { display: block; } .ppjs__video .ppjs__video-timer { display: flex; flex: 1; } .ppjs__video .ppjs__currenttime, .ppjs__video .ppjs__time-total, .ppjs__video .ppjs__duration { position: relative; top: 50%; display: block; transform: translateY(-50%); } .ppjs__button > button, .ppjs__button > a.button { position: absolute; display: block; overflow: hidden; width: 20px; height: 20px; padding: 0 !important; cursor: pointer; text-decoration: none; border: 0; border-radius: 0; background-color: transparent; } .ppjs__button > button:hover, .ppjs__button > a.button:hover { border-width: 0; background-color: transparent; box-shadow: none; } .ppjs__button > button:focus, .ppjs__button > a.button:focus { outline: dotted 1px #999; background-color: transparent; } .ppjs__list-reveal { display: flex; padding: 0 20px; justify-content: space-between; } .postview .ppjs__list-reveal { display: none !important; } .rtl .ppjs__list-reveal { flex-direction: row-reverse; } .ppjs__list-reveal .ppjs__button { position: relative; display: inline-block; width: auto; height: auto; margin: 0 5px; } .ppjs__list-reveal .ppjs__button:first-of-type { margin-left: 0; } .ppjs__list-reveal .ppjs__button:last-of-type { margin-right: 0; } .ppjs__list-reveal .ppjs__button > button, .ppjs__list-reveal .ppjs__button > a.button { font-size: 20px !important; position: relative; width: 40px; height: 40px; padding: 0 !important; color: #333 !important; box-shadow: none !important; } .ppjs__list-reveal .ppjs__button > button .icon, .ppjs__list-reveal .ppjs__button > a.button .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ppjs__list-reveal .ppjs__button > button .icon-pp-hide-list, .ppjs__list-reveal .ppjs__button > a.button .icon-pp-hide-list { display: none; } .ppjs__list-reveal .ppjs__button > button.toggled-on .icon-pp-hide-list, .ppjs__list-reveal .ppjs__button > a.button.toggled-on .icon-pp-hide-list { display: inline-block; } .ppjs__list-reveal .ppjs__button > button.toggled-on .icon-pp-show-list, .ppjs__list-reveal .ppjs__button > a.button.toggled-on .icon-pp-show-list { display: none; } .list-default .ppjs__list-reveal .ppjs__button > button .icon-pp-hide-list, .list-default .ppjs__list-reveal .ppjs__button > a.button .icon-pp-hide-list { display: inline-block; } .list-default .ppjs__list-reveal .ppjs__button > button .icon-pp-show-list, .list-default .ppjs__list-reveal .ppjs__button > a.button .icon-pp-show-list { display: none; } .list-default .ppjs__list-reveal .ppjs__button > button.toggled-on .icon-pp-hide-list, .list-default .ppjs__list-reveal .ppjs__button > a.button.toggled-on .icon-pp-hide-list { display: none; } .list-default .ppjs__list-reveal .ppjs__button > button.toggled-on .icon-pp-show-list, .list-default .ppjs__list-reveal .ppjs__button > a.button.toggled-on .icon-pp-show-list { display: inline-block; } .ppjs__list-reveal .ppjs__button > button::after, .ppjs__list-reveal .ppjs__button > a.button::after { display: none !important; } .ppjs__container-keyboard-inactive a, .ppjs__container-keyboard-inactive a:focus, .ppjs__container-keyboard-inactive button, .ppjs__container-keyboard-inactive button:focus, .ppjs__container-keyboard-inactive [role=slider], .ppjs__container-keyboard-inactive [role=slider]:focus { outline: 0; } .ppjs__time { font-size: 12px; font-weight: bold; line-height: 10px; box-sizing: content-box; width: auto; height: auto; padding: 0; text-align: center; color: currentColor; } .ppjs__video .ppjs__time { overflow: hidden; width: auto; min-width: 40px; height: 40px; text-align: center; color: #fff; } .ppjs__time-rail { position: relative; height: 5px; margin: 0; padding: 0; direction: ltr; flex-grow: 1; } .ppjs__video .ppjs__time-rail { height: 40px; margin: 0 10px; } .ppjs__time-total, .ppjs__time-buffering, .ppjs__time-loaded, .ppjs__time-current, .ppjs__time-float, .ppjs__time-hovered, .ppjs__time-float-current, .ppjs__time-float-corner, .ppjs__time-marker { position: absolute; display: block; height: 5px; cursor: pointer; border-radius: 2px; } .ppjs__time-total { width: 100%; background: rgba(255, 255, 255, .2); } .ppjs__time-buffering { width: 100%; animation: buffering-stripes 2s linear infinite; background: linear-gradient(-45deg, rgba(255, 255, 255, .6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, .6) 75%, transparent 75%, transparent); background-size: 15px 15px; } .ppjs__time-loaded { background: rgba(255, 255, 255, .4); } .ppjs__time-current, .ppjs__time-handle-content { background: rgba(255, 255, 255, .8); } .ppjs__time-hovered { z-index: 10; background: rgba(255, 255, 255, .5); } .ppjs__time-hovered.negative { background: rgba(0, 0, 0, .08); } .rtl .ppjs__time-hovered { display: none; } .ppjs__time-current, .ppjs__time-buffering, .ppjs__time-loaded, .ppjs__time-hovered { left: 0; width: 100%; transition: .15s ease-in all; transform: scaleX(0); transform-origin: 0 0; } .rtl .ppjs__time-current, .rtl .ppjs__time-buffering, .rtl .ppjs__time-loaded, .rtl .ppjs__time-hovered { transform-origin: 100% 0; } .ppjs__time-buffering { transform: scaleX(1); } .ppjs__time-hovered { transition: height .1s cubic-bezier(.44, 0, 1, 1); } .ppjs__time-hovered.no-hover { transform: scaleX(0); } .ppjs__time-handle, .ppjs__time-handle-content { position: absolute; z-index: 11; left: 0; cursor: pointer; transform: translateX(0); border: 4px solid transparent; } .ppjs__time-handle-content { top: -8px; left: -4px; width: 12px; height: 12px; transform: scale(1); border: 6px solid #65b84f; border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 0, 0, .6); } .ppjs__time-float { position: absolute; bottom: 100%; display: none; width: 36px; height: 17px; margin-bottom: 9px; transform: translateX(-50%); text-align: center; color: #fff; border: solid 1px #333; background: #333; } .ppjs__time-float-current { left: 0; display: block; width: 30px; margin: 2px; text-align: center; } .ppjs__time-float-corner { line-height: 0; position: absolute; top: 100%; left: 50%; display: block; width: 0; height: 0; transform: translateX(-50%); border: solid 5px #333; border-color: #333 transparent transparent; border-radius: 0; } .ppjs__time__long-video .ppjs__time-float { width: 64px; margin-left: -23px; } .ppjs__time__long-video .ppjs__time-float-current { width: 60px; } .ppjs__time__broadcast { position: absolute; top: 15px; width: 100%; height: 10px; color: #fff; } .ppjs__time__overlay-error { position: relative; } .ppjs__time__overlay-error > img { position: absolute; z-index: -1; top: 0; left: 0; } .ppjs__time__cannotplay, .ppjs__time__cannotplay a { font-size: 14px; color: #fff; } .ppjs__time__cannotplay { position: relative; } .ppjs__time__cannotplay p, .ppjs__time__cannotplay a { display: inline-block; width: 100%; padding: 0 15px; } .rtl .ppjs__time-rail { direction: rtl; } .rtl .ppjs__time-current, .rtl .ppjs__time-buffering, .rtl .ppjs__time-loaded, .rtl .ppjs__time-hovered { right: 0; left: auto; } .rtl .ppjs__time-handle, .rtl .ppjs__time-handle-content { right: 0; left: auto; } .rtl .ppjs__time-handle-content { right: -7px; left: auto; } .rtl .ppjs__time-float { transform: translateX(calc( 50% + 18px)); } .rtl .ppjs__time-float-current { right: 0; left: auto; } .rtl .ppjs__time-float-corner { right: 50%; left: auto; transform: translateX(50%); } .rtl .ppjs__time__long-video .ppjs__time-float { margin-right: -23px; margin-left: auto; } .rtl .ppjs__time__overlay-error { position: relative; } .rtl .ppjs__time__overlay-error > img { right: 0; left: auto; } @keyframes ppjs__loading-spinner { 0% { transform: rotate(0deg); transform-origin: center; } 100% { transform: rotate(360deg); transform-origin: center; } } @keyframes ppjs__btn-spinner { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .pp-copylink-msg { display: none; } .pp-link-copied { position: relative; display: inline-block; } .pp-link-copied .pp-copylink-msg { font-size: 14px; position: absolute; z-index: 1; bottom: 100%; left: 50%; display: block; visibility: visible; width: 70px; margin-left: -35px; padding: 5px; animation-name: hideMethod; animation-duration: .5s; animation-delay: 1s; text-align: center; opacity: 1; color: #fff; border-radius: 6px; background-color: #555; animation-fill-mode: forwards; } .pp-link-copied .pp-copylink-msg::after { position: absolute; top: 100%; left: 50%; margin-left: -5px; content: ''; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } input.pp-copylink { width: 100%; padding: 8px !important; } .ppjs__img-wrapper { position: relative; width: 100%; margin-bottom: 20px; } .ppjs__img-wrapper img { border-radius: 3px; } .ppjs__img-wrapper.noimg { display: none !important; } .ppjs__img-wrapper .ppjs__img-btn-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .ppjs__img-wrapper .ppjs__img-btn-cover img { width: 100%; height: 100%; object-fit: cover; } .ppjs__head-container, .ppjs__secondary-controls { width: 100%; } .head-wrapper { flex: 1; } .ppjs__podcast-title { display: none; } .ppjs__episode-title { font-size: 14px; font-weight: bold; line-height: 1.25; } a.ppjs__episode-excerpt { font-size: 13px; line-height: 1.5; display: block; } a.ppjs__episode-excerpt:focus { outline: none !important; } a.ppjs__episode-excerpt:focus .ppjs__more { outline: thin dotted !important; } a.ppjs__episode-excerpt .ppjs__excerpt-content { color: #333; } .pp-modal-window a.ppjs__episode-excerpt { display: none !important; } a.ppjs__episode-excerpt .ppjs__more { color: #65b84f; } .ppjs__offscreen { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; margin: -1px; padding: 0; word-wrap: normal; border: 0; clip-path: inset(50%); } .pp-podcast { animation-name: playerAdded; animation-duration: .001s; } .episode-single__description .pp-podcast { animation: none; } .ppjs__additional_controls { display: none; } @keyframes playerAdded { from { opacity: .01; } to { opacity: 0; } } @keyframes hideMethod { from { visibility: visible; opacity: 1; } to { visibility: hidden; opacity: 0; } } @keyframes ppjs__epi-loading { 50% { background-size: 70%; } 100% { background-position: 125% 0; } } .episode-search { position: relative; display: none; min-height: 100px; } .episode-search__loading { font-size: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .episode-search__loading .icon-pp-refresh { animation: ppjs__loading-spinner 1s linear infinite; } .episode-search.toggled-on { display: block; } .ppjs__audio .ppjs__share-button ul.ppshare__social, .ppjs__video .ppjs__share-button ul.ppshare__social { position: absolute; z-index: 9999; right: 10%; bottom: 100%; display: none; width: 230px; margin: 0 !important; padding: 5px !important; border-radius: 8px; background-color: #fff; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); } .hide-download .ppjs__audio .ppjs__share-button ul.ppshare__social, .hide-download .ppjs__video .ppjs__share-button ul.ppshare__social { width: 190px; } .hide-social .ppjs__audio .ppjs__share-button ul.ppshare__social, .hide-social .ppjs__video .ppjs__share-button ul.ppshare__social { width: auto; } .rtl .ppjs__audio .ppjs__share-button ul.ppshare__social, .rtl .ppjs__video .ppjs__share-button ul.ppshare__social { right: auto; left: 10%; } .ppjs__audio .ppjs__share-button ul.ppshare__social li, .ppjs__video .ppjs__share-button ul.ppshare__social li { font-size: 20px !important; line-height: 1 !important; display: block; float: left; margin: 0 5px 0 0 !important; padding: 0 !important; border-width: 0 !important; } .ppjs__audio .ppjs__share-button ul.ppshare__social li:last-of-type, .ppjs__video .ppjs__share-button ul.ppshare__social li:last-of-type { margin-right: 0 !important; } .ppjs__audio .ppjs__share-button ul.ppshare__social li a, .ppjs__video .ppjs__share-button ul.ppshare__social li a { position: relative; display: block; width: 100%; width: 40px; height: 40px; color: #333 !important; border-radius: 100%; } .ppjs__audio .ppjs__share-button ul.ppshare__social li a:hover, .ppjs__audio .ppjs__share-button ul.ppshare__social li a:focus, .ppjs__video .ppjs__share-button ul.ppshare__social li a:hover, .ppjs__video .ppjs__share-button ul.ppshare__social li a:focus { background-color: #f0f0f0; } .ppjs__audio .ppjs__share-button ul.ppshare__social li a .icon, .ppjs__video .ppjs__share-button ul.ppshare__social li a .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ppjs__audio .ppjs__share-button ul.ppshare__social:after, .ppjs__video .ppjs__share-button ul.ppshare__social:after { display: table; clear: both; content: ''; } .ppjs__audio .ppjs__share-button.toggled-window ul.ppshare__social, .ppjs__video .ppjs__share-button.toggled-window ul.ppshare__social { display: block; } .hide-share .ppjs__audio .ppjs__share-button, .hide-social .ppjs__audio .ppjs__share-button, .hide-download .ppjs__audio .ppjs__share-button .ppshare-item.download, .hide-share .ppjs__video .ppjs__share-button, .hide-social .ppjs__video .ppjs__share-button, .hide-download .ppjs__video .ppjs__share-button .ppshare-item.download { display: none !important; } .ppjs__video .ppjs__download-alt-button, .ppjs__audio .ppjs__download-alt-button { display: none; } .hide-social .ppjs__video .ppjs__download-alt-button, .hide-social .ppjs__audio .ppjs__download-alt-button { display: inline-block; } .pp-player__amsg { display: none; } .msg-playing .pp-player__amsg { position: absolute; z-index: 10; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .95); } .pp-player__amsg .ppjs__script-button, .pp-player__amsg .ppjs__share-button, .pp-player__amsg .ppjs__play-rate-button, .pp-player__amsg .ppjs__skip-prev-button, .pp-player__amsg .ppjs__skip-next-button { pointer-events: none; opacity: 0; } .pp-player__amsg a.ppjs__episode-excerpt { display: none !important; } .msg-playing { position: relative; } .pod-launch { display: flex; padding: 0 20px; border-top: 1px solid rgba(0, 0, 0, .1); justify-content: space-between; } .media-audio.has-featured.narrow-player .pod-launch { position: absolute; z-index: 10; top: 22px; left: 22px; width: calc(100% - 44px); padding: 0; border-top-width: 0; border-radius: 2px; background-color: rgba(255, 255, 255, .85); } .has-featured.narrow-player.light-color .pod-launch { background-color: rgba(0, 0, 0, .85); } .pod-launch button.pod-launch__button { font-size: 20px !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; color: #333 !important; background-color: transparent !important; } .pod-launch button.pod-launch__button .icon { width: 1em !important; height: 1em !important; } .pod-launch button.pod-launch__button .icon-pp-x { display: none; } .pod-launch button.pod-launch__button.toggled-on { font-size: 16px !important; } .pod-launch button.pod-launch__button.toggled-on .icon-pp-x { display: inline-block; } .pod-launch button.pod-launch__button.toggled-on .icon-pp-podcast { display: none; } .single-episode .pod-launch button.pod-launch__button, .single-audio .pod-launch button.pod-launch__button { display: none; } .pod-launch .podcast-menu { top: auto; bottom: 120%; } .narrow-player.has-featured .pod-launch .podcast-menu { top: 120%; right: auto; bottom: auto; left: -50%; } .pod-launch a.subscribe-item { margin-right: 15px; } .pp-podcast.light-color.lv4[id^=pp-podcast-] .pod-entry { border-color: rgba(255, 255, 255, .1); } .pp-podcast.light-color.lv4[id^=pp-podcast-] .pod-entry__date { color: #f7f7f7; } .pp-podcast.light-color.lv4[id^=pp-podcast-] .pod-entry .pod-entry__author { color: #f7f7f7; } .pp-podcast.light-color.lv4[id^=pp-podcast-] .pod-entry__title a { color: #fff !important; } .pp-podcast.light-color.lv4[id^=pp-podcast-] .pod-entry__title a:hover, .pp-podcast.light-color.lv4[id^=pp-podcast-] .pod-entry__title a:focus { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-], .pp-podcast.light-text.postview[id^=pp-podcast-], .inline-view.light-color { border-color: rgba(255, 255, 255, .1); } .pp-podcast.light-color.playerview[id^=pp-podcast-], .pp-podcast.light-color.playerview[id^=pp-podcast-] p, .pp-podcast.light-color.playerview[id^=pp-podcast-] a.subscribe-item, .pp-podcast.light-color.playerview[id^=pp-podcast-] button.pod-items__menu-open, .pp-podcast.light-color.playerview[id^=pp-podcast-] button.pod-launch__button, .pp-podcast.light-text.postview[id^=pp-podcast-], .pp-podcast.light-text.postview[id^=pp-podcast-] p, .pp-podcast.light-text.postview[id^=pp-podcast-] a.subscribe-item, .pp-podcast.light-text.postview[id^=pp-podcast-] button.pod-items__menu-open, .pp-podcast.light-text.postview[id^=pp-podcast-] button.pod-launch__button, .inline-view.light-color, .inline-view.light-color p, .inline-view.light-color a.subscribe-item, .inline-view.light-color button.pod-items__menu-open, .inline-view.light-color button.pod-launch__button { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] a.subscribe-item, .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-launch, .pp-podcast.light-text.postview[id^=pp-podcast-] a.subscribe-item, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-launch, .inline-view.light-color a.subscribe-item, .inline-view.light-color .pod-launch { border-color: rgba(255, 255, 255, .15); } .pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-single, .pp-podcast.light-text.postview[id^=pp-podcast-] .episode-single, .inline-view.light-color .episode-single { border-color: rgba(255, 255, 255, .1); } .pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-single__header .single-author, .pp-podcast.light-text.postview[id^=pp-podcast-] .episode-single__header .single-author, .inline-view.light-color .episode-single__header .single-author { color: #f7f7f7; } .pp-podcast.light-color.playerview[id^=pp-podcast-]__close:hover, .pp-podcast.light-color.playerview[id^=pp-podcast-]__close:hover *, .pp-podcast.light-color.playerview[id^=pp-podcast-]__close:focus, .pp-podcast.light-color.playerview[id^=pp-podcast-]__close:focus *, .pp-podcast.light-text.postview[id^=pp-podcast-]__close:hover, .pp-podcast.light-text.postview[id^=pp-podcast-]__close:hover *, .pp-podcast.light-text.postview[id^=pp-podcast-]__close:focus, .pp-podcast.light-text.postview[id^=pp-podcast-]__close:focus *, .inline-view.light-color__close:hover, .inline-view.light-color__close:hover *, .inline-view.light-color__close:focus, .inline-view.light-color__close:focus * { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-info, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-info, .inline-view.light-color .pod-info { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-info__header, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-info__header, .inline-view.light-color .pod-info__header { border-color: rgba(255, 255, 255, .1); } .pod-header-title + .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-info__header, .pod-header-title + .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-info__header, .pod-header-title + .inline-view.light-color .pod-info__header { border-color: rgba(255, 255, 255, .1); } .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-info__toggle, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-info__toggle, .inline-view.light-color .pod-info__toggle { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-info__toggle:hover, .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-info__toggle:hover *, .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-info__toggle:focus, .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-info__toggle:focus *, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-info__toggle:hover, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-info__toggle:hover *, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-info__toggle:focus, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-info__toggle:focus *, .inline-view.light-color .pod-info__toggle:hover, .inline-view.light-color .pod-info__toggle:hover *, .inline-view.light-color .pod-info__toggle:focus, .inline-view.light-color .pod-info__toggle:focus * { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-entry, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-entry, .inline-view.light-color .pod-entry { border-color: rgba(255, 255, 255, .1); } .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-entry__date, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-entry__date, .inline-view.light-color .pod-entry__date { color: #f7f7f7; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-entry .pod-entry__author, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-entry .pod-entry__author, .inline-view.light-color .pod-entry .pod-entry__author { color: #f7f7f7; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-list__search, .pp-podcast.light-text.postview[id^=pp-podcast-] .episode-list__search, .inline-view.light-color .episode-list__search { border-color: rgba(255, 255, 255, .1); } .pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-list__search input[type='text'], .pp-podcast.light-text.postview[id^=pp-podcast-] .episode-list__search input[type='text'], .inline-view.light-color .episode-list__search input[type='text'] { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-list__search input[type='text']::placeholder, .pp-podcast.light-text.postview[id^=pp-podcast-] .episode-list__search input[type='text']::placeholder, .inline-view.light-color .episode-list__search input[type='text']::placeholder { color: #f7f7f7; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-list__search-icon, .pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-list__clear-search.pod-button, .pp-podcast.light-text.postview[id^=pp-podcast-] .episode-list__search-icon, .pp-podcast.light-text.postview[id^=pp-podcast-] .episode-list__clear-search.pod-button, .inline-view.light-color .episode-list__search-icon, .inline-view.light-color .episode-list__clear-search.pod-button { color: rgba(255, 255, 255, .15) !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-list__clear-search.pod-button:hover, .pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-list__clear-search.pod-button:focus, .pp-podcast.light-text.postview[id^=pp-podcast-] .episode-list__clear-search.pod-button:hover, .pp-podcast.light-text.postview[id^=pp-podcast-] .episode-list__clear-search.pod-button:focus, .inline-view.light-color .episode-list__clear-search.pod-button:hover, .inline-view.light-color .episode-list__clear-search.pod-button:focus { color: rgba(255, 255, 255, .15) !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-list__load-more, .pp-podcast.light-text.postview[id^=pp-podcast-] .episode-list__load-more, .inline-view.light-color .episode-list__load-more { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:hover, .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:hover *, .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:focus, .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:focus *, .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:hover, .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:hover *, .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:focus, .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:focus *, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:hover, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:hover *, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:focus, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:focus *, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:hover, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:hover *, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:focus, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:focus *, .inline-view.light-color .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:hover, .inline-view.light-color .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:hover *, .inline-view.light-color .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:focus, .inline-view.light-color .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button button:focus *, .inline-view.light-color .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:hover, .inline-view.light-color .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:hover *, .inline-view.light-color .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:focus, .inline-view.light-color .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button a.button:focus * { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__audio .ppjs__button > button, .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__audio .ppjs__button > a.button, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__audio .ppjs__button > button, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__audio .ppjs__button > a.button, .inline-view.light-color .ppjs__audio .ppjs__button > button, .inline-view.light-color .ppjs__audio .ppjs__button > a.button { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__list-reveal .ppjs__button > button, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__list-reveal .ppjs__button > button, .inline-view.light-color .ppjs__list-reveal .ppjs__button > button { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__time-float, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__time-float, .inline-view.light-color .ppjs__time-float { color: #333; border: solid 1px #fff; background: #fff; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__time-float-corner, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__time-float-corner, .inline-view.light-color .ppjs__time-float-corner { border: solid 5px #fff; border-color: #fff transparent transparent; } .pp-podcast.light-color.playerview[id^=pp-podcast-] a.ppjs__episode-excerpt .ppjs__excerpt-content, .pp-podcast.light-text.postview[id^=pp-podcast-] a.ppjs__episode-excerpt .ppjs__excerpt-content, .inline-view.light-color a.ppjs__episode-excerpt .ppjs__excerpt-content { color: #fff; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-entry__title a, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-entry__title a, .inline-view.light-color .pod-entry__title a { color: #fff !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-entry__title a:hover, .pp-podcast.light-color.playerview[id^=pp-podcast-] .pod-entry__title a:focus, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-entry__title a:hover, .pp-podcast.light-text.postview[id^=pp-podcast-] .pod-entry__title a:focus, .inline-view.light-color .pod-entry__title a:hover, .inline-view.light-color .pod-entry__title a:focus { color: #fff !important; } .pp-podcast.light-accent[id^=pp-podcast-] button.pod-button, .pp-modal-window.light-accent button.pod-button { color: #333; } .pp-podcast.light-accent[id^=pp-podcast-] .episode-list__load-more:hover, .pp-podcast.light-accent[id^=pp-podcast-] .episode-list__load-more:focus, .pp-modal-window.light-accent .episode-list__load-more:hover, .pp-modal-window.light-accent .episode-list__load-more:focus { color: currentColor !important; } .pp-podcast.light-accent[id^=pp-podcast-] .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button.ppjs__playpause-button .ppjs__play-button .ppjs__arrow:after, .pp-modal-window.light-accent .ppjs__audio-controls .ppjs__secondary-controls .ppjs__button.ppjs__playpause-button .ppjs__play-button .ppjs__arrow:after { border-color: transparent transparent transparent #333; } .pp-podcast.light-accent[id^=pp-podcast-].lv3 .pod-entry__play .icon-pp-play, .pp-podcast.light-accent[id^=pp-podcast-].lv3 .pod-entry__play .icon-pp-pause, .pp-podcast.light-accent[id^=pp-podcast-].lv4 .pod-entry__play .icon-pp-play, .pp-podcast.light-accent[id^=pp-podcast-].lv4 .pod-entry__play .icon-pp-pause, .pp-podcast.light-accent[id^=pp-podcast-].gv2 .pod-entry__play .icon-pp-play, .pp-podcast.light-accent[id^=pp-podcast-].gv2 .pod-entry__play .icon-pp-pause, .pp-modal-window.light-accent.lv3 .pod-entry__play .icon-pp-play, .pp-modal-window.light-accent.lv3 .pod-entry__play .icon-pp-pause, .pp-modal-window.light-accent.lv4 .pod-entry__play .icon-pp-play, .pp-modal-window.light-accent.lv4 .pod-entry__play .icon-pp-pause, .pp-modal-window.light-accent.gv2 .pod-entry__play .icon-pp-play, .pp-modal-window.light-accent.gv2 .pod-entry__play .icon-pp-pause { color: #333; } .pp-podcast.light-accent[id^=pp-podcast-].lv3 .ppjs__play-button .ppjs__arrow:after, .pp-modal-window.light-accent.lv3 .ppjs__play-button .ppjs__arrow:after { border-color: transparent transparent transparent #333; } .pp-podcast.light-accent[id^=pp-podcast-] .postview .episode-list__load-more:hover, .pp-podcast.light-accent[id^=pp-podcast-] .postview .episode-list__load-more:focus, .pp-modal-window.light-accent .postview .episode-list__load-more:hover, .pp-modal-window.light-accent .postview .episode-list__load-more:focus { color: #333 !important; } .legacy.pp-podcast[id^='pp-podcast-'] { line-height: 1.5; } .modern .ppjs__podcast-title { display: block; } .modern .ppjs__episode-excerpt { display: none; } .modern .pod-entry__content { display: flex; align-items: center; } .modern .pod-entry__title { margin-bottom: 0; margin-left: 10px; cursor: pointer; flex: 1; } .modern .pod-entry__mplay, .modern .pod-entry__mscript { display: flex; cursor: pointer; color: currentColor !important; align-items: center; justify-content: center; } .modern .pod-entry__mplay { width: 25px; height: 25px; border: 1px solid currentColor !important; border-radius: 50%; } .modern .pod-entry__mplay .icon { top: 0; } .modern .pod-entry__mplay .icon-pp-pause { display: none; } .modern .activeEpisode .pod-entry__mplay .icon-pp-pause { display: block; } .modern .activeEpisode .pod-entry__mplay .icon-pp-play { display: none; } .modern .pod-entry__mscript { display: none; } .modern .ppjs__time { display: none; } .modern.pp-modal-window .ppjs__head-container { flex: 1; } .modern.pp-modal-window .ppjs__head-content { display: flex; flex: 1; } .modern.pp-modal-window .pod-entry__mscript { display: none; } .modern.pp-modal-window .pod-entry__content { display: flex; align-items: center; } .modern.pp-modal-window .pod-entry__mplay { display: flex; align-items: center; justify-content: center; } .modern.pp-modal-window .pod-entry__mplay { width: 25px; height: 25px; border: 1px solid currentColor; border-radius: 50%; } .modern.pp-modal-window .pod-entry__mplay .icon { top: 0; } .modern.pp-modal-window .pod-entry__mplay .icon-pp-pause { display: none; } .modern.pp-modal-window .media-playing { background-color: transparent !important; } .modern.pp-modal-window .media-playing .pod-entry__mplay .icon-pp-pause { display: block; } .modern.pp-modal-window .media-playing .pod-entry__mplay .icon-pp-play { display: none; } .modern.pp-modal-window .pod-entry__title { margin-bottom: 0; margin-left: 10px; } @media only screen and (min-width: 450px) { .wide-player .pod-content { font-size: 16px; } .wide-player .pod-content__list { width: 100% !important; } .wide-player.playerview.header-visible .pod-info { position: static !important; display: block; } .wide-player .pod-info__header { padding: 20px; } .wide-player .pod-header__image { float: right; width: 100px; margin: 0 0 0 20px; } .wide-player .pod-header__items { float: left; width: calc(100% - 120px); } .wide-player .pod-items__title { font-size: 20px; line-height: 1.5; } .wide-player .pod-items__desc { margin-bottom: 20px; } .wide-player .pod-items__menu .podcast-menu ul { font-size: 14px; } .wide-player .pod-info .pod-items__navi-menu .pod-items__menu { display: flex; align-items: center; } .playerview.wide-player .pod-info .pod-items__navi-menu { display: flex; } .wide-player .episode-list { display: block !important; } .episode-list__filter-dropdown { min-width: 150px !important; } .pp-podcast.legacy .episode-list__filter-dropdown { min-width: 100px !important; } .episode-list__wrapper { max-height: 300px; } .episode-list__wrapper::-webkit-scrollbar { width: 0; -webkit-appearance: none; } .episode-list__wrapper::-webkit-scrollbar-track { background: transparent; } .episode-list__wrapper::-webkit-scrollbar-thumb { border-radius: 8px; background: transparent; } .episode-list__wrapper:hover::-webkit-scrollbar { width: 8px; } .episode-list__wrapper:hover::-webkit-scrollbar-track { background: #f1f1f1; } .episode-list__wrapper:hover::-webkit-scrollbar-thumb { background: rgba(136, 136, 136, .8); } .wide-player .episode-single__title, .pp-modal-wrapper .episode-single__title { font-size: 20px; } .wide-player .pod-entry:after { display: block; clear: both; content: ''; } .wide-player .pod-entry .pod-entry__title { float: left; overflow: hidden; max-width: calc( 95% - 100px); white-space: nowrap; text-overflow: ellipsis; } .wide-player .pod-entry .pod-entry__date { display: block; float: right; min-width: 85px; } .wide-player .pod-entry .pod-entry__author { font-weight: normal; display: block; } .wide-player .pod-entry .pod-entry__author:before { display: none; } .wide-player .ppjs__audio-controls, .pp-modal-window .ppjs__audio-controls { flex-direction: row; height: auto; margin: 0 auto; padding: 20px 20px 10px; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .wide-player .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns, .pp-modal-window .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns { margin: 20px 0 0; justify-content: center; } .wide-player.legacy .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns { justify-content: space-between; } .wider-player.legacy .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns { justify-content: center; } .wide-player .ppjs__audio-controls .dyna-msg-title, .pp-modal-window .ppjs__audio-controls .dyna-msg-title { font-size: 15px; overflow: hidden; max-width: 95%; white-space: nowrap; text-overflow: ellipsis; } .wide-player .ppjs__audio-time-rail, .modal-view .ppjs__audio-time-rail { margin: 0 20px; border-radius: 5px; } .modal-view .ppjs__audio .ppjs__button { margin: 0 10px; } .wide-player .ppjs__audio .ppjs__button .play-rate-list, .pp-modal-window .ppjs__audio .ppjs__button .play-rate-list { top: 100%; bottom: auto; } .wide-player .ppjs__audio .ppjs__button.ppjs__skip-next-button, .wide-player .ppjs__audio .ppjs__button.ppjs__skip-prev-button { display: inline-block; } .single-episode .ppjs__audio .ppjs__button.ppjs__skip-next-button, .single-audio .ppjs__audio .ppjs__button.ppjs__skip-next-button, .single-episode .ppjs__audio .ppjs__button.ppjs__skip-prev-button, .single-audio .ppjs__audio .ppjs__button.ppjs__skip-prev-button { display: none; } .wide-player .ppjs__list-reveal, .pp-modal-window .ppjs__list-reveal { display: none; } .wide-player .ppjs__list-reveal .ppjs__button, .pp-modal-window .ppjs__list-reveal .ppjs__button { margin: 0 10px; } .wide-player .ppjs__list-reveal .ppjs__button > button, .pp-modal-window .ppjs__list-reveal .ppjs__button > button, .wide-player .ppjs__list-reveal .ppjs__button > a.button, .pp-modal-window .ppjs__list-reveal .ppjs__button > a.button { width: 45px; height: 45px; } .wide-player .ppjs__img-wrapper, .pp-modal-window .ppjs__img-wrapper { width: 100px; margin: 0 20px 0 0; } .ppjs__head-container, .ppjs__secondary-controls { flex-basis: 100%; } .wide-player .ppjs__head-container, .pp-modal-window .ppjs__head-container { display: flex; flex-direction: row; flex-basis: 100%; align-items: center; justify-content: flex-start; } .medium-player.legacy .ppjs__podcast-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .inline-view .ppjs__episode-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .wide-player .ppjs__episode-title, .pp-modal-window .ppjs__episode-title { font-size: 16px; line-height: 1.5; } .pp-modal-window .ppjs__audio-controls { align-items: flex-end; } .pp-modal-window .ppjs__audio-controls .ppjs__podcast-title { display: block; } .wide-player .ppjs__audio .ppjs__share-button ul.ppshare__social, .pp-modal-window .ppjs__audio .ppjs__share-button ul.ppshare__social, .wide-player .ppjs__video .ppjs__share-button ul.ppshare__social, .pp-modal-window .ppjs__video .ppjs__share-button ul.ppshare__social { top: 100%; bottom: auto; } .wide-player .pod-launch { padding: 0 10px; } .wide-player.header-visible .pod-launch { display: none !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-].lv3.wide-player .pod-content__list, .pp-podcast.light-color.playerview[id^=pp-podcast-].legacy.wide-player .pod-content__list, .pp-podcast.light-text.postview[id^=pp-podcast-].lv3.wide-player .pod-content__list, .pp-podcast.light-text.postview[id^=pp-podcast-].legacy.wide-player .pod-content__list, .inline-view.light-color.lv3.wide-player .pod-content__list, .inline-view.light-color.legacy.wide-player .pod-content__list { border-color: rgba(255, 255, 255, .1); } .pp-podcast.light-color.playerview[id^=pp-podcast-].modern.wide-player .ppjs__audio .ppjs__time-handle-content, .pp-podcast.light-text.postview[id^=pp-podcast-].modern.wide-player .ppjs__audio .ppjs__time-handle-content, .inline-view.light-color.modern.wide-player .ppjs__audio .ppjs__time-handle-content { border-color: #fff; } .pp-podcast.light-color.playerview[id^=pp-podcast-].modern.wide-player .ppjs__audio .ppjs__audio-time-rail, .pp-podcast.light-text.postview[id^=pp-podcast-].modern.wide-player .ppjs__audio .ppjs__audio-time-rail, .inline-view.light-color.modern.wide-player .ppjs__audio .ppjs__audio-time-rail { background-color: rgba(255, 255, 255, .05); } .pp-podcast.light-color.playerview[id^=pp-podcast-].modern.wide-player .ppjs__audio .ppjs__button .play-rate-text, .pp-podcast.light-text.postview[id^=pp-podcast-].modern.wide-player .ppjs__audio .ppjs__button .play-rate-text, .inline-view.light-color.modern.wide-player .ppjs__audio .ppjs__button .play-rate-text { border-color: rgba(255, 255, 255, .3); } .pp-podcast.light-color.playerview[id^=pp-podcast-].modern.wide-player .episode-list__search input[type='text'], .pp-podcast.light-text.postview[id^=pp-podcast-].modern.wide-player .episode-list__search input[type='text'], .inline-view.light-color.modern.wide-player .episode-list__search input[type='text'] { border-color: rgba(255, 255, 255, .1) !important; } .pp-podcast.light-color.playerview[id^=pp-podcast-].modern.wide-player .pod-entry:nth-of-type(2n):not(.activeEpisode), .pp-podcast.light-text.postview[id^=pp-podcast-].modern.wide-player .pod-entry:nth-of-type(2n):not(.activeEpisode), .inline-view.light-color.modern.wide-player .pod-entry:nth-of-type(2n):not(.activeEpisode) { background-color: rgba(255, 255, 255, .05); } .pp-podcast.light-color.playerview[id^=pp-podcast-].modern.wide-player .ppjs__audio-timer, .pp-podcast.light-text.postview[id^=pp-podcast-].modern.wide-player .ppjs__audio-timer, .inline-view.light-color.modern.wide-player .ppjs__audio-timer { color: rgba(255, 255, 255, .65); } .pp-podcast.light-accent[id^=pp-podcast-].modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button > button *, .pp-podcast.light-accent[id^=pp-podcast-].modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button > a.button *, .pp-modal-window.light-accent.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button > button *, .pp-modal-window.light-accent.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button > a.button * { color: #333 !important; } .pp-podcast.light-accent[id^=pp-podcast-].modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button .icon, .pp-modal-window.light-accent.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button .icon { fill: #333 !important; } .modern.wide-player { border-bottom-width: 1px; background-color: #fcfcfd; } .modern.wide-player.header-toggle .pod-info { top: 10px; right: 10px; bottom: 10px; left: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); } .modern.wide-player .episode-list__wrapper { max-height: 285px; } .modern.wide-player .episode-single { margin-top: 15px; } .modern.wide-player .pod-entry { padding: 10px 20px; cursor: inherit; } .modern.wide-player .pod-entry:nth-of-type(2n):not(.activeEpisode) { background-color: rgba(0, 0, 0, .035); } .modern.wide-player .ppjs__audio-controls { padding: 20px 20px 25px; } .modern.wide-player .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns { justify-content: flex-start; align-items: baseline; flex-basis: 100%; } .modern.wide-player .ppjs__img-wrapper { width: 120px; height: 120px; } .modern.wide-player .ppjs__head-content { display: flex; flex-direction: column; min-height: 80px; flex: 1; justify-content: space-between; align-self: stretch; } .modern.wide-player .ppjs__head-content .head-wrapper { display: flex; flex-direction: column; } .modern.wide-player .ppjs__head-content .head-wrapper .ppjs__podcast-title { order: 1; } .modern.wide-player .ppjs__episode-title { font-size: 18px; line-height: 1.33; } .modern.wide-player.single-episode .ppjs__podcast-title, .modern.wide-player.single-audio .ppjs__podcast-title { font-size: 17px; } .modern.wide-player.single-episode .ppjs__episode-title, .modern.wide-player.single-audio .ppjs__episode-title { font-size: 20px; } .modern.wide-player.single-episode .pp-podcast__single, .modern.wide-player.single-audio .pp-podcast__single { margin-bottom: 10px; } .modern.wide-player .ppjs__secondary-controls { display: flex; align-self: baseline; align-items: flex-end; justify-content: space-between; } .modern.wide-player .ppjs__audio .ppjs__button { margin: 0 5px; } .modern.wide-player .ppjs__audio .ppjs__button:first-of-type { margin-left: 0; } .modern.wide-player .ppjs__audio .ppjs__button > button, .modern.wide-player .ppjs__audio .ppjs__button > a.button { font-size: 18px !important; width: 40px; height: 40px; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__jump-forward-button > button, .modern.wide-player .ppjs__audio .ppjs__button.ppjs__jump-forward-button > a.button, .modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-backward-button > button, .modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-backward-button > a.button { font-size: 24px !important; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button > button, .modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button > a.button { font-size: 22px !important; width: 46px; height: 46px; border-radius: 50%; background-color: #65b84f !important; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button > button *, .modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button > a.button * { color: #fff !important; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button .icon { fill: #fff !important; } .modern.wide-player .ppjs__audio .ppjs__button .play-rate-text { width: 30px; height: 20px; border-radius: 5px; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button { margin-left: 0; order: -1; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__play-rate-button { margin-left: 5px; order: 3; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-prev-button { order: 1; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-backward-button { order: 2; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__jump-forward-button { order: 3; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-next-button { order: 4; } .modern.wide-player .ppjs__audio .ppjs__button.ppjs__download-alt-button, .modern.wide-player .ppjs__audio .ppjs__button.ppjs__share-button { position: relative; right: -10px; margin-right: 0; margin-left: auto; order: 5; } .modern.wide-player .ppjs__skip-prev-button, .modern.wide-player .ppjs__skip-next-button { display: none !important; } .modern.wide-player .ppjs__audio .ppjs__time-rail, .modern.wide-player .ppjs__audio .ppjs__time-total, .modern.wide-player .ppjs__audio .ppjs__time-buffering, .modern.wide-player .ppjs__audio .ppjs__time-loaded, .modern.wide-player .ppjs__audio .ppjs__time-hovered, .modern.wide-player .ppjs__audio .ppjs__time-current { height: 7px; border-radius: 7px; } .modern.wide-player .ppjs__audio .ppjs__time-handle-content { top: -7px; border-color: #262626; } .modern.wide-player .ppjs__audio .ppjs__audio-time-rail { background-color: rgba(0, 0, 0, .1); } .modern.wide-player .ppjs__audio .ppjs__time-loaded { background: rgba(0, 0, 0, .08); } .modern.wide-player .ppjs__audio .ppjs__time-current { background: rgba(0, 0, 0, .16); } .modern.wide-player .ppjs__audio .ppjs__time-hovered { background: rgba(0, 0, 0, .1); } .modern.wide-player .ppjs__atime-container { display: flex; margin: 0 20px; } .modern.wide-player .ppjs__atime-container .ppjs__time { display: block; } .modern.wide-player .ppjs__atime-container .ppjs__audio-time-rail { flex: 1; align-self: center; } .modern.wide-player .ppjs__atime-container .ppjs__currenttime-container { order: -1; } .modern.wide-player .ppjs__audio-timer { display: none; } .modern.wide-player .pod-entry__mscript { position: relative; z-index: 1; display: flex; width: 35px; height: 35px; margin-left: auto; } .modern.wide-player .pod-entry__mscript:hover { transition: background-color 800ms; border-radius: 50%; background-color: rgba(0, 0, 0, .08); } .modern.wide-player .ppjs__img-btn { border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, .08); } .modern.wide-player .pod-launch { padding: 5px 20px; } .modern.wide-player .pod-launch .pod-items__navi-menu { align-items: center; } .modern.wide-player .pod-launch a.subscribe-item { width: 35px; height: 35px; margin-right: 10px; border: 1px solid rgba(0, 0, 0, .3); border-radius: 8px; } .modern.wide-player.single-audio .pod-launch, .modern.wide-player.single-episode .pod-launch { padding: 0 10px; } .modern.wide-player.single-audio .pod-launch a.subscribe-item, .modern.wide-player.single-episode .pod-launch a.subscribe-item { border-width: 0; } } @media only screen and (min-width: 640px) { .wide-player .pod-items__navi-menu .podcast-menu { right: auto; left: 0; } .pp-modal-window .ppjs__audio .ppjs__button.ppjs__skip-next-button, .pp-modal-window .ppjs__audio .ppjs__button.ppjs__skip-prev-button { display: inline-block; } .single-episode .ppjs__audio .ppjs__button.ppjs__skip-next-button, .single-audio .ppjs__audio .ppjs__button.ppjs__skip-next-button, .single-episode .ppjs__audio .ppjs__button.ppjs__skip-prev-button, .single-audio .ppjs__audio .ppjs__button.ppjs__skip-prev-button { display: none; } .medium-player .ppjs__podcast-title, .pp-modal-window .ppjs__podcast-title { display: block; } .medium-player a.ppjs__episode-excerpt, .pp-modal-window a.ppjs__episode-excerpt { font-size: 15px; line-height: 1.33; width: 95%; } .medium-player.legacy a.ppjs__episode-excerpt { display: none !important; } .legacy.medium-player .episode-single__header { display: none; } .legacy.medium-player .episode-list__wrapper { height: 465px; min-height: 465px; max-height: 465px; } .legacy.medium-player .episode-list__search + .episode-list__wrapper { height: 414px; min-height: 414px; max-height: 414px; } .legacy.medium-player .pod-content__list { width: 38% !important; border-right: 1px solid rgba(0, 0, 0, .1); } .legacy.medium-player .pp-podcast__single { float: right; overflow: hidden; width: 62%; height: 465px; padding-bottom: 10px; } .legacy.medium-player.single-episode .pp-podcast__single { float: none; width: 100%; height: auto; } .legacy.medium-player .pod-content__episode { display: block !important; overflow: hidden; overflow-y: auto; max-height: calc( 100% - 170px); border-bottom-width: 0; background-color: transparent; } .legacy.medium-player.has-featured .pod-content__episode { max-height: calc( 100% - 220px); } .legacy.medium-player .episode-single__close, .legacy.medium-player .ppjs__script-button { display: none; } .legacy.medium-player .pod-entry__title { float: none; max-width: none; } .legacy.medium-player .pod-entry__date { font-weight: normal; display: inline-block; float: none; min-width: none; text-transform: capitalize; } .legacy.medium-player .pod-entry__author { display: none; } .legacy.medium-player .episode-single__title { padding-right: 0; } .legacy.medium-player.media-video .pp-podcast__single { overflow: auto; } .legacy.medium-player.media-video .pod-content__episode { overflow: visible; max-height: none; } .legacy.medium-player.media-video .pp-podcast__player { padding: 20px 20px 0; } .legacy.medium-player.no-header .episode-list__wrapper, .legacy.medium-player.header-hidden .episode-list__wrapper { height: 534px; min-height: 534px; max-height: 534px; } .legacy.medium-player.no-header .episode-list__search + .episode-list__wrapper, .legacy.medium-player.header-hidden .episode-list__search + .episode-list__wrapper { height: 483px; min-height: 483px; max-height: 483px; } .legacy.medium-player.no-header .pp-podcast__single, .legacy.medium-player.header-hidden .pp-podcast__single { height: 534px; } .legacy.medium-player.no-header.single-audio .pp-podcast__single, .legacy.medium-player.no-header.single-episode .pp-podcast__single, .legacy.medium-player.header-hidden.single-audio .pp-podcast__single, .legacy.medium-player.header-hidden.single-episode .pp-podcast__single { height: auto; } .modern.wide-player:not(.single-episode) .ppjs__skip-prev-button, .modern.wide-player:not(.single-episode) .ppjs__skip-next-button { display: inline-block !important; } .modern.wide-player .pod-launch .podcast-menu { width: 400px; } .modern.wide-player .pod-launch .podcast-menu .pod-menu { display: flex; margin: 5px; border: 1px solid rgba(0, 0, 0, .1); border-width: 1px 0 0 1px; flex-wrap: wrap; } .modern.wide-player .pod-launch .podcast-menu .menu-item { padding: 10px !important; border: 1px solid rgba(0, 0, 0, .1); border-width: 0 1px 1px 0 !important; flex-basis: 33.33%; } .modern.wide-player .pod-launch .podcast-menu .menu-item span.subscribe-item { display: flex; flex-direction: column; align-items: center; } .modern.wide-player .pod-launch .podcast-menu .menu-item .sub-item-text { font-size: 13px !important; } } @media only screen and (min-width: 768px) { .wide-player .pod-info .pod-items__navi-menu a.subscribe-item { width: auto; margin: 3px 6px 3px 0; padding: 5px; color: #333 !important; border: 1px solid rgba(0, 0, 0, .3); border-radius: 8px; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item.pp-badge { min-width: 150px; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item .icon { left: auto; transform: none; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item .sub-text { font-size: 14px; line-height: 1; display: block; margin-left: 5px; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item .sub-listen-text { font-size: 12px; display: block; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item .sub-item-text { font-weight: bold; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item.apple-sub .sub-listen-text { font-size: 10px; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item.apple-sub .sub-item-text { font-size: 15px; font-weight: 500; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item.google-sub .sub-item-text { font-size: 14px; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item.spotify-sub .sub-listen-text { font-size: 10px; font-weight: bold; margin-right: 5px; text-transform: uppercase; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item.spotify-sub .sub-item-text { font-family: sans-serif; font-size: 15px; color: #1db954; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item.spotify-sub .sub-text { margin-left: 3px; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item.tunein-sub .icon { font-size: 24px !important; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item.iheart-sub .icon { align-self: end; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item .pp-amazon-subscribe-icon { flex-direction: row; padding: 0 3px; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item .pp-amazon-subscribe-icon .icon-pp-amazon { position: relative; top: 2px; width: 60px !important; height: 20px !important; } .wide-player .pod-info .pod-items__navi-menu a.subscribe-item .pp-amazon-subscribe-icon .icon-pp-music { position: relative; top: -3px; width: 45px !important; height: 20px !important; margin-left: 4px; } .wide-player .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns, .pp-modal-window .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns { margin: 10px 0 0; } .wider-player .ppjs__audio .ppjs__button, .pp-modal-window .ppjs__audio .ppjs__button { margin: 0 10px; } .wider-player.legacy .ppjs__audio .ppjs__button { margin: 0 5px; } .wider-player .ppjs__audio .ppjs__button > button, .wider-player .ppjs__audio .ppjs__button > a.button { width: 46px; height: 46px; } } @media only screen and (min-width: 1024px) { .pp-podcast.light-color.playerview[id^=pp-podcast-] .ppjs__head-container .head-wrapper, .pp-podcast.light-text.postview[id^=pp-podcast-] .ppjs__head-container .head-wrapper, .inline-view.light-color .ppjs__head-container .head-wrapper { border-color: rgba(255, 255, 255, .1); } }