@charset 'UTF-8';
.mobx-holder,.mobx-holder *{box-sizing:border-box}.mobx-holder,.mobx-holder svg{pointer-events:none}.mobx-holder,.mobx-item,.mobx-item-inner{overflow:hidden;-webkit-backface-visibility:hidden}.mobx-error,.mobx-html,.mobx-iframe,.mobx-img,.mobx-slider,.mobx-thumb,.mobx-video{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.mobx-holder{position:fixed;z-index:999999;width:100%;height:100%;left:0;top:0;visibility:hidden;opacity:0;will-change:opacity,visibility;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .4s ease;transition:opacity .4s ease,visibility .4s ease}.mobx-overlay,.mobx-ui:after{position:absolute;left:0;will-change:opacity;top:0}.mobx-holder:-webkit-full-screen{background-color:transparent}.mobx-open{pointer-events:auto;visibility:visible;opacity:1}.mobx-rtl{direction:rtl}.mobx-slider{position:absolute;left:0;right:0;top:0;bottom:0;opacity:1;-ms-touch-action:none;touch-action:none;-webkit-transition:opacity .45s ease;transition:opacity .45s ease}.mobx-hide{opacity:0;-webkit-transition:none;transition:none}.mobx-overlay{width:100%;height:100%;transform:translateZ(0);background-color:#000}.mobx-ui:after{content:"";right:0;bottom:0;opacity:0;visibility:hidden;background:rgba(0,0,0,.4);-webkit-transition:opacity .25s ease-out,visibility .25s ease-out;transition:opacity .25s ease-out,visibility .25s ease-out}.mobx-open-tooltip .mobx-ui:after{opacity:1;visibility:visible}.mobx-share-tooltip :after,.mobx-thumb-video:after,.mobx-ui button,.mobx-video:after,.mobx-video:before{background-image:url(//primates.life/wp-content/themes/rehub-theme/images/modulobox.svg);background-repeat:no-repeat;background-color:transparent}.mobx-bottom-bar,.mobx-top-bar{position:absolute;will-change:transform;background-color:rgba(0,0,0,.4);left:0;width:100%}.mobx-top-bar{top:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out}.mobx-holder:not(.mobx-open) .mobx-top-bar,.mobx-idle .mobx-top-bar,.mobx-will-close .mobx-top-bar{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.mobx-bottom-bar{bottom:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out}.mobx-holder:not(.mobx-open) .mobx-bottom-bar,.mobx-panzoom .mobx-bottom-bar,.mobx-will-close .mobx-bottom-bar{-webkit-transform:translateY(100%);transform:translateY(100%)}.mobx-caption{position:relative;display:block;width:100%;padding:0;margin:0;pointer-events:none}.mobx-caption-inner{max-width:420px;margin:0 auto;pointer-events:auto;cursor:default}.mobx-desc,.mobx-title{position:relative;margin:0;padding:14px 10px 12px;font-weight:400;display:block}.mobx-error,.mobx-html{pointer-events:none}.mobx-title{font-size:13px;line-height:18px;text-align:center;color:#eee}.mobx-desc,.mobx-error{color:#bbb;text-align:center}.mobx-desc{font-size:12px;line-height:16px}.mobx-title+.mobx-desc{margin:-6px 0 0;padding:0 10px 10px}.mobx-item,.mobx-item-inner{position:absolute;display:block;left:0;top:0;bottom:0;width:100%;text-align:center;touch-action:none;transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-transform-origin:center;transform-origin:center}.mobx-img,.mobx-panzoom .mobx-item{cursor:move;cursor:grab;cursor:-webkit-grab}.mobx-dragging .mobx-item *{cursor:grabbing;cursor:-webkit-grabbing}.mobx-error,.mobx-html,.mobx-iframe,.mobx-img,.mobx-video{position:absolute;display:block;height:0;width:0;max-width:none;padding:0;margin:0;opacity:0;will-change:opacity;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0);-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.mobx-media-loaded{opacity:1;visibility:visible}.mobx-error,.mobx-html-inner{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mobx-error{width:100%;height:auto;padding:20px 60px}.mobx-html-inner{position:relative;display:inline-block;overflow:auto;width:auto;height:auto;max-width:100%;max-height:100%;margin:0 auto;pointer-events:auto}.mobx-video{cursor:pointer;background:rgba(255,255,255,.1);background-size:cover;background-repeat:no-repeat;background-position:center}.mobx-video.mobx-playing{background:0 0;background-image:none!important}.mobx-video:after,.mobx-video:before{position:absolute;content:"";top:50%;left:50%;width:80px;height:80px;padding:0;margin:-44px 0 0 -44px;border:4px solid #fff;border-radius:100%;background-size:175px;background-position:28px -414px;box-sizing:content-box}.mobx-video.mobx-loading:before{border-color:transparent}.mobx-video:after{opacity:0;visibility:hidden;background-image:none;background-color:transparent;border-color:transparent transparent transparent #fff}.mobx-video.mobx-loading:after{opacity:1;visibility:visible;-webkit-animation:mobx-load 1.1s infinite linear;animation:mobx-load 1.1s infinite linear}.mobx-video.mobx-playing:after,.mobx-video.mobx-playing:before{opacity:0}.mobx-video .mejs-video,.mobx-video iframe,.mobx-video video{position:absolute;overflow:hidden;top:0;left:0;width:100%!important;height:100%!important;opacity:0;background:rgba(255,255,255,.065);pointer-events:none;-webkit-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.mobx-video iframe{background:0 0}.mobx-video.mobx-playing .mejs-video,.mobx-video.mobx-playing iframe,.mobx-video.mobx-playing video{opacity:1;pointer-events:auto}.mobx-fullscreen .mejs-fullscreen-button,.mobx-fullscreen video::-webkit-media-controls-fullscreen-button{display:none}.mobx-counter,.mobx-timer{position:relative;display:inline-block}:-webkit-full-screen-ancestor:not(iframe){will-change:auto!important}.mobx-counter{float:left;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;margin:0 10px;letter-spacing:.6px}.mobx-rtl .mobx-counter{float:right}.mobx-timer{float:left;width:24px;height:24px;margin:10px 0 10px 5px;opacity:0;will-change:opacity;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.mobx-rtl .mobx-timer{float:right}.mobx-autoplay .mobx-timer{opacity:1}.mobx-loader{position:absolute;width:30px;height:30px;top:50%;left:50%;margin:-15px 0 0 -15px;outline:transparent solid 1px;border-radius:50%;border-width:3px;border-right-style:solid;border-top-style:solid;border-bottom-style:solid;border-color:rgba(255,255,255,.2);border-left:3px solid #fff;-webkit-animation:mobx-load 1.1s infinite linear;animation:mobx-load 1.1s infinite linear}@-webkit-keyframes mobx-load{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes mobx-load{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mobx-share-tooltip{position:absolute;display:block;z-index:2;width:120px;top:50px;opacity:0;visibility:hidden;background:#fff;will-change:transform;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:-webkit-transform .25s ease,opacity .25s ease,visibility .25s ease;transition:transform .25s ease,opacity .25s ease,visibility .25s ease}.mobx-share-tooltip:before{content:'';position:absolute;display:block;width:0;height:0;top:-12px;right:14px;border:6px solid transparent;border-bottom-color:#f9fafb}.mobx-share-tooltip button:after,.mobx-thumb-video:after,.mobx-thumb:after{content:""}.mobx-share-tooltip[data-position=left]:before{left:14px;right:auto}.mobx-open-tooltip .mobx-share-tooltip{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.mobx-share-tooltip span{display:block;width:100%;height:40px;padding:10px;color:#777;font-size:14px;line-height:22px;text-align:center;background:#f9fafb;box-shadow:inset 0 -2px 8px rgba(0,0,0,.03)}.mobx-share-tooltip :after,.mobx-ui button{position:relative;display:inline-block;width:40px;height:40px;padding:0;cursor:pointer;box-shadow:none;border:none;outline:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-appearance:none;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.mobx-share-tooltip button:hover:after,.mobx-ui button:hover{opacity:1}.mobx-share-tooltip button:after{position:absolute;top:0;left:0;opacity:0}.mobx-share-tooltip button{float:left}.mobx-rtl .mobx-share-tooltip button{float:right}.mobx-top-bar button{float:right;margin:2px;opacity:.75}.mobx-rtl .mobx-top-bar button{float:left}button.mobx-next,button.mobx-prev{position:absolute;left:0;top:50%;width:44px;height:32px;margin:0 6px;opacity:.75;background-color:rgba(0,0,0,.4);will-change:transform;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);-webkit-transition:opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;transition:opacity .25s ease-in-out,transform .25s ease-in-out}button.mobx-next{left:auto;right:0}.mobx-holder:not(.mobx-open) .mobx-prev,.mobx-idle .mobx-prev,.mobx-will-close .mobx-prev{-webkit-transform:translateX(-120%) translateY(-50%);transform:translateX(-120%) translateY(-50%)}.mobx-holder:not(.mobx-open) .mobx-next,.mobx-idle .mobx-next,.mobx-will-close .mobx-next{-webkit-transform:translateX(120%) translateY(-50%);transform:translateX(120%) translateY(-50%)}.mobx-holder[data-download=false] .mobx-download,.mobx-holder[data-download=false] .mobx-download:hover,.mobx-holder[data-zoom=false] .mobx-zoom,.mobx-holder[data-zoom=false] .mobx-zoom:hover{opacity:.45;cursor:default}.mobx-prev{left:0;background-position:10px 4px}.mobx-next{right:0;background-position:10px -40px}.mobx-close{background-position:12px -76px}.mobx-zoom{background-position:12px -120px}.mobx-panzoom .mobx-zoom{background-position:12px -164px}.mobx-play{background-position:12px -208px}.mobx-autoplay .mobx-play{background-position:12px -252px}.mobx-download{background-position:12px -296px}.mobx-share{background-position:12px -340px}.mobx-fullscreen{background-position:12px -384px}.mobx-fullscreen .mobx-fullscreen{background-position:12px -428px}.mobx-facebook{background-position:-32px -472px}.mobx-facebook:after{background-color:#3b5998;background-position:12px -472px}.mobx-twitter{background-position:-32px -516px}.mobx-twitter:after{background-color:#1da1f2;background-position:12px -516px}.mobx-googleplus{background-position:-32px -560px}.mobx-googleplus:after{background-color:#dd4b39;background-position:12px -560px}.mobx-pinterest{background-position:-32px -604px}.mobx-pinterest:after{background-color:#bd081c;background-position:12px -604px}.mobx-linkedin{background-position:-32px -648px}.mobx-linkedin:after{background-color:#0077b5;background-position:12px -648px}.mobx-reddit{background-position:-32px -692px}.mobx-reddit:after{background-color:#ff4500;background-position:12px -692px}.mobx-tumblr{background-position:-32px -736px}.mobx-tumblr:after{background-color:#35465c;background-position:12px -736px}.mobx-blogger{background-position:-32px -780px}.mobx-blogger:after{background-color:#f57d00;background-position:12px -780px}.mobx-buffer{background-position:-32px -824px}.mobx-buffer:after{background-color:#323b43;background-position:12px -824px}.mobx-digg{background-position:-34px -868px}.mobx-digg:after{background-color:#005be2;background-position:10px -868px}.mobx-stumbleupon{background-position:-32px -912px}.mobx-stumbleupon:after{background-color:#eb4924;background-position:12px -912px}.mobx-evernote{background-position:-32px -956px}.mobx-evernote:after{background-color:#2dbe60;background-position:12px -956px}.mobx-thumbs-holder,.mobx-thumbs-inner{position:absolute;display:block;left:0;right:0;bottom:0;padding:0;margin:0 auto}.mobx-thumbs-holder{position:relative;cursor:move;cursor:grab;cursor:-webkit-grab}.mobx-thumb{position:absolute;margin:0;will-change:left;background-color:#191919;outline:transparent solid 0;-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.mobx-thumb:hover{background-color:#323232}.mobx-thumb:after{position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0;opacity:.0001;-webkit-transform:translateZ(0);transform:translateZ(0);border:2px solid #fff}.mobx-active-thumb:after{opacity:.9999}.mobx-thumb-bg{position:absolute;overflow:hidden;left:0;right:0;top:0;bottom:0;visibility:hidden;opacity:0;background-position:center;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;will-change:opacity,visibility;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity .25s ease,visibility .25s ease;transition:opacity .25s ease,visibility .25s ease}.mobx-thumb-loaded{visibility:visible;opacity:.5}.mobx-active-thumb .mobx-thumb-loaded,.mobx-thumb-bg:hover{opacity:1}.mobx-dragging .mobx-thumbs-holder{cursor:grabbing;cursor:-webkit-grabbing}.mobx-thumb-video:after{position:absolute;left:0;right:0;top:50%;width:40px;height:40px;margin:-20px auto 0;background-position:12px -208px}@media screen and (max-height:800px){.mobx-video:after,.mobx-video:before{width:60px;height:60px;margin:-34px 0 0 -34px;background-size:125px;background-position:22px -294px}}@media screen and (max-height:360px){.mobx-video:after,.mobx-video:before{width:40px;height:40px;margin:-24px 0 0 -24px;background-size:initial;background-position:14px -208px;border-width:3px}}@media screen and (max-width:400px){.mobx-timer{margin:10px 0}.mobx-top-bar button{margin:2px 0}}@media screen and (max-width:360px){.mobx-counter{margin:0 6px 0 4px}.mobx-top-bar button{width:34px}}@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:380px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:380px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:380px),only screen and (min-device-pixel-ratio:2) and (max-width:380px){.mobx-top-bar button{width:40px}}.wpsm_pretty_list ul li a{display: inline-block;line-height: 18px; text-decoration: none; transition: none }
.darklink ul li a, nav.top_menu .darklink ul li a{color: #111 !important}
.darklink ul li a:hover, nav.top_menu .darklink ul li a:hover{color: #fff !important}
body .wpsm_pretty_list ul li { transition: all 0.2s ease; position:relative;list-style-type: none !important; margin: 0;padding: 10px 20px 10px 28px; border-radius: 100px; }
.wpsm_pretty_list.small_gap_list ul li{padding: 6px 12px 6px 28px;}
.wpsm_pretty_list ul li:before{text-align: center; position: absolute;top: 0;bottom: 0;left: 0px;width: 15px;height: 15px;margin: auto;line-height: 1;}
.wpsm_pretty_list.wpsm_pretty_hover ul li:hover{padding: 10px 20px 10px 34px;}
.wpsm_pretty_list.small_gap_list.wpsm_pretty_hover ul li:hover{padding: 6px 12px 6px 34px;}
.wpsm_pretty_list.wpsm_pretty_hover ul li:hover:before{left: 12px}
.font130 .wpsm_pretty_list ul li{padding-left: 34px}
.rtl .wpsm_pretty_list ul li:before{left: auto; right: 0px;}
.rtl .wpsm_pretty_list ul li{padding: 12px 28px 12px 20px;}
.rtl .wpsm_pretty_list.small_gap_list ul li{padding: 6px 28px 6px 12px;}
.rtl .wpsm_pretty_list.wpsm_pretty_hover ul li:hover{padding: 10px 34px 10px 20px;}
.rtl .wpsm_pretty_list.small_gap_list.wpsm_pretty_hover ul li:hover{padding: 6px 34px 6px 12px;}
.rtl .wpsm_pretty_list.wpsm_pretty_hover ul li:hover:before{right: 12px; left: auto;}
.rtl .font130 .wpsm_pretty_list ul li{padding-right:34px}
.wpsm_arrowlist ul li:before{content: "\f105"; color:orange;}
.rtl .wpsm_arrowlist ul li:before {content: "\f104"}
.wpsm_checklist ul li:before {content: "\f00c"; color: #1abf3d}
.wpsm_starlist ul li:before { content: "\e9d9"; color:orange; }
.wpsm_bulletlist ul li:before { content: "\f192";}
.wpsm_pretty_hover ul li:hover:before, .wpsm_pretty_list.wpsm_pretty_hover ul li:hover a{color: #fff !important}.wpsm-titlebox { margin: 0 0 30px 0; padding: 18px 26px; position: relative; }
.wpsm-titlebox > strong:first-child { background: none repeat scroll 0 0 white; float: left; font-size: 17px; font-weight: 600; left: 11px; line-height: 18px; margin: 0 0 -9px !important; padding: 0 10px; position: absolute; text-transform: uppercase; top: -10px; }
.wpsm-titlebox.wpsm_style_1 { border: 3px solid #E7E4DF; }
.wpsm-titlebox.wpsm_style_1 > strong:first-child { color: #c0c0c0; }
.wpsm-titlebox.wpsm_style_2 { border: 3px solid #111; }
.wpsm-titlebox.wpsm_style_2 > strong:first-child { color: #111; }
.wpsm-titlebox.wpsm_style_3 { border: 3px solid #fb7203; }
.wpsm-titlebox.wpsm_style_3 > strong:first-child { color: #fb7203; }
.wpsm-titlebox.wpsm_style_4 {border: 3px double #e7e4df;}
.wpsm-titlebox.wpsm_style_main, .wpsm-titlebox.wpsm_style_secondary{border-width: 3px; border-style: solid;}
.wpsm-titlebox p:last-child{margin: 0}
.post .wpsm-titlebox .autocontent{margin-bottom:0;}
.rtl .wpsm-titlebox > strong:first-child{left: auto;right: 11px}.wpsm-versus-item{display: table;width: 100%;border-radius: 5px; padding: 5px}
.wpsm-versus-item .title-versus {width: 40%;display: table-cell;vertical-align: middle;}
.wpsm-versus-item .vs-heading{font-size: 17px; font-weight: bold; display: block; padding: 0 10px}
.wpsm-versus-item .vs-subheading{font-size: 13px; opacity: 0.5; display: block; padding: 0 10px}
.wpsm-versus-cont {vertical-align: middle;display: table;width: 100%;}
.wpsm-versus-item .vs-1-col, .wpsm-versus-item .vs-2-col, .wpsm-versus-item .vs-3-col, .wpsm-versus-item .vs-circle-col {text-align: center;display: table-cell;vertical-align: middle;width: 273px;}
.wpsm-versus-item .vs-circle-col{width: 40px}
.wpsm-versus-item .vs-circle {font-weight:bold; font-family: Arial; font-size:16px;border-radius: 20px;height: 40px;width: 40px;display: block;text-align: center;line-height: 40px;background: #e9e9e9;margin: 0 10px; color: #111}
.wpsm-versus-item .vs-greyscale{-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.6}
.wpsm-versus-item .vs-image{max-width: 80px; max-height: 80px; margin: 5px 0}
.wpsm-versus-item .vs-conttext{font-weight: bold;color: #529d16; font-size: 16px}
.wpsm-versus-item .vs-tick{font-size: 25px;color: #4fb200;}
.wpsm-versus-item .vs-times{font-size: 22px;color: #cc0000;}
@media (max-width: 500px){
.wpsm-versus-item{display: block;margin-bottom: 18px}
.wpsm-versus-item .title-versus{margin: 6px 5px 12px 5px; display: block;width: 100%; text-align: center;}
.wpsm-versus-item .vs-heading{font-size: 15px}
.wpsm-versus-item .vs-subheading{font-size: 12px}
.wpsm-versus-cont{width: 100%}
.wpsm-versus-item .vs-image{margin: 10px 0; max-width:50px;}
}#comments { position: relative; margin-top: 30px; clear: both;  }
#comments .title_comments { font-size: 18px;line-height: 20px; color: #111111; padding-bottom: 25px; font-weight: bold; }
.commentlist { margin: 0 0 30px 0; list-style: none; clear: both; }
.commentlist li { margin: 0 0 25px 0; }
.commbox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #ededed; box-shadow: 0 1px 1px #ededed; height: auto; max-width: 100%;  position: relative; }
.commentlist ul.children {  margin-left: 23px; padding-left: 23px; position: relative; margin-top: 23px; }
.commentlist ul.children .commbox:before { content: "\f176"; left: -24px; position: absolute; top: 50%; width: 25px; color:#C8C8C8; font-size:15px; }
.commentlist .comment-author img { width: 50px; height: 50px; float: left; margin-right: 20px; }
.commentlist .comment-author .fn { font-weight:bold; font-size: 15px; line-height:15px; text-transform: uppercase; display: block;  }
.commentlist .comment-author .fn a { margin: 0;color: #000; }
.commentlist .comment-author .fn .url:hover { color: #999; }
.commentlist .comment-author span.time { font-size: 12px; display:block;  text-decoration: none; margin: 6px 0 0 0; }
.commentlist .comment-author span.time a{color: #999999;}
.commentlist .comment-author a div.comment-link { font-size: 16px; margin-top: -3px; margin-left: -10px; }
.commentlist .comment-content { display: block; padding: 15px 20px; position: relative; overflow:auto;}
.commentlist .comment-content p { font-size: 14px;line-height: 22px; color: #111; margin: 0 0 12px 0; }
.commentlist .comment-content a, .subcategortes { word-break: break-word; }
.commentlist .comment-content small { color: #999; display: block; font-size: 12px; margin-top: 3px; }
.comment-reply-link, .comment-reply-login { font-size: 12px; float: right; color: #ccc }
.comment-reply-link:before, .comment-reply-login:before { content: "\f062 "; padding-right: 2px }
.comment-edit-link { float: right; font-size: 11px;margin-left: 8px; }
.comment-respond { padding: 30px 35px; margin-bottom: 30px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.12); background: #f6f6f6 }
.comment-respond h3 { font-weight:bold; font-size: 19px; line-height:21px; text-transform: uppercase; margin: 0 0 25px 0; }
#cancel-comment-reply-link { border-bottom: 1px dotted #111; margin: 0 10px; text-decoration: none; font-size: 12px }
.comment-respond .usr_re input, .comment-respond .email_re input, .comment-respond .site_re input {    padding: 0 0 0 50px; width: 100%; font-size: 14px; margin-bottom: 20px; border-radius: 0px; height: 38px; border: 1px solid #cbd0d2; float: left; position: relative; }
.comment-respond textarea { width: 100%; margin-bottom: 20px; clear: both }
.comment-respond .usr_re, .comment-respond .email_re, .comment-respond .site_re{display: block; vertical-align: middle; position: relative; float: left; width: 32%; margin-right: 2%}
.comment-respond .end { margin-right: 0px !important; }
.comment-respond .usr_re:after, .comment-respond .email_re:after, .comment-respond .site_re:after{background: none #2f2f2f; position: absolute; left: 0; top: 0; color: #fff; width: 38px; height: 38px; text-align: center; line-height: 38px }
.comment-respond .usr_re:after {  content: "\f007"; }
.comment-respond .email_re:after { content: "\f0e0" }
.comment-respond .site_re:after { content: "\f0c3"}
.comment-respond p.form-submit{clear: both; margin-top: 15px}
#commentform #submit{ font-size: 16px; padding: 8px 14px;display: block  }
#disqus_thread { margin-top: 20px; }
p.comment-subscription-form { margin-top: 10px }
#comments_pagination {font-size: 18px;}
#comments_pagination a{ color: #111}
#comments_pagination span.page-numbers.current{background: #eee; padding: 3px 7px;}
#loadcomment-list .loadingcomment i{ font-size: 20px; color: #ff9800}
.comm_meta_wrap{margin: 0 0 0 70px}
.commentlist #user_reviews_in_comment {display: none;}
.ap_waiting{color: red; margin: 10px 0}
#rehub-comments-tabs .add_user_review_link{ float: right; padding: 5px 10px;margin: 5px 0 20px 20px;}
.commentlist .rh-user-rank-mc{font-size: 11px; padding: 2px 5px}
.commentlist  .rh_mycred-users-badges img{width: 20px;height: 20px;margin: 0 2.5px;border-radius: 0;}
@media screen and (max-width: 767px) {
.comment-respond .usr_re, .comment-respond .email_re, .comment-respond .site_re{ width: 100%; margin: 0}
.commentlist .comment-author a, .commentlist .comment-author time{ margin:0 0 10px 0; float:none; display:block}
a.comment-reply-link, a.comment-edit-link { text-align: right;}
.commentlist .comment-author a.comment-edit-link{ margin-bottom: 4px}
.commentlist .comment-author .fn, .commentlist .comment-author .fn a{ float:none}
.commentlist .comment-author img{ }
.commentlist ul.children{ margin-left:10px; padding-left: 0; border-left: none }
.commentlist ul.children .commbox:before { display: none;}
}.post .wpsm_toplist_heading:before{content: counter(wpsmtop);counter-increment: wpsmtop; border-radius: 50%;display: block;float: left;font: bold 20px/38px Arial;height: 38px;margin: -8px 15px 10px 0;text-align: center;width: 38px;  border: 3px solid #111}
.wpsm_toplist_heading {padding-top: 35px; margin-top: 0 !important}
.rh-review-heading .wpsm_toplist_heading:before, .rh-color-heading .wpsm_toplist_heading:before, .rh-color-heading .kc-gotop, .rh-review-heading .kc-gotop, .wpsm_heading_number .kc-gotop, .rh_gr_top_middle .kc-gotop, .wpsm_heading_number .wpsm_toplist_heading:before{display:none}
.rh-review-heading .kc-anchor, .rh_gr_top_middle .kc-anchor{margin: 0 !important}
.rh-review-heading .wpsm_toplist_heading, .rh-color-heading .wpsm_toplist_heading, .wpsm_heading_number .wpsm_toplist_heading{padding-top:0 !important; margin:0;}
.kc-anchor{display: block;}
.autocontents{ list-style-type:none; counter-reset:list; }
.post .autocontents li, .widget .autocontents li{list-style-type:none; margin: 0 0 12px 12px}
.widget .autocontents li a{color: grey}
.inline-list-wrap .autocontents li{display: inline-block;}
.autocontents li:before{ color:#555; }
.autocontents li.top{ counter-increment:list; counter-reset:list1; font-size: 105% }
.autocontents li.top:before{ content:counter(list) '. '; }
.autocontents li.sub_1{ counter-increment:list1; counter-reset:list2; font-size: 95%  }
.autocontents li.sub_1:before{ content:counter(list) '.' counter(list1) '. '; }
.autocontents li.sub_2{ counter-increment:list2; font-size: 90% }
.autocontents li.sub_2:before{ content:counter(list) '.' counter(list1) '.' counter(list2) '. '; }
.kc-gotop {display: block; text-align: right;}
#toplistmenu ul{margin: 15px 0 30px !important; counter-reset: item; list-style: none; box-shadow: 0 4px 12px #e0e0e0;  margin: 0 4px 12px; border: 1px solid #ddd; border-top: none;}
#toplistmenu ul li{ list-style: none; padding: 15px 15px 15px 5px; margin: 0; border-top: 1px solid #ddd;}
#toplistmenu ul li:nth-child(2n) {background-color: #f9f9f9;}
#toplistmenu ul li a{ font-size: 18px; line-height: 14px; border-bottom: 1px dotted #111; text-decoration:none}
#toplistmenu ul li a:hover{border-bottom: 1px dashed #111;}
#toplistmenu > ul li:before {border-radius: 50%;color: #fff;content: counter(item);counter-increment: item;float:left;height: 25px;line-height: 25px;margin: -3px 20px 20px 15px;text-align: center;width: 25px; font-weight: bold; font-size: 16px}
#toplistmenu{clear: both;}

.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;
}
.pp-podcast__extra
{
margin-bottom: 20px;
}
.pp-podcast.pp-shared-episode.playerview .episode-list
{
display: none !important;
}
.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: none !important;
background-color: transparent !important;
box-shadow: none !important;
appearance: auto !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
{
margin-left: 5px;
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: '·';
}
.ppjs__container
{
position: relative;
max-width: 100%; }
.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: rgba(0, 0, 0, .08);
}
.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,
.ppjs__audio .ppjs__button.ppjs__cc-button > button,
.ppjs__audio .ppjs__button.ppjs__cc-button > a.button
{
font-size: 28px !important;
}
.ppjs__audio .ppjs__button.ppjs__cc-button
{
display: none;
}
.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;
}
.pp-social-shared .ppjs__audio .ppjs__button.ppjs__playpause-button button
{
animation: bounce 1.5s ease-in-out .25s;
}
.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;
}
.pp-podcast.single-episode .ppjs__list-reveal
{
display: none;
}
.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;
}
@keyframes bounce
{
0%
{
transform: scale(1);
opacity: 1;
}
50%
{
transform: scale(1.2);
opacity: .8;
}
100%
{
transform: scale(1);
opacity: 1;
}
}
.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;
}
}
.pp-podcast .wp-video
{
max-width: 100%;
}
.pp-podcast .mejs__offscreen,
.pp-podcast .mejs__container
{
display: none;
}
.ppjs__controls
{      }
.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;
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%), var(--pp-light-bg-color, #d2d2d2) var(--buffered-width, 0%), var(--pp-light-bg-color, #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%), var(--pp-light-bg-color, #d2d2d2) var(--buffered-width, 0%), var(--pp-light-bg-color, #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%), var(--pp-light-bg-color, #d2d2d2) var(--buffered-width, 0%), var(--pp-light-bg-color, #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;
}
.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;
}
.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, .5);
}
.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, .5);
}
.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, .6);
}
.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, .5);
}
.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-] .episode-single__close:hover,
.pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-single__close:hover *,
.pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-single__close:focus,
.pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-single__close:focus *,
.pp-podcast.light-text.postview[id^=pp-podcast-] .episode-single__close:hover,
.pp-podcast.light-text.postview[id^=pp-podcast-] .episode-single__close:hover *,
.pp-podcast.light-text.postview[id^=pp-podcast-] .episode-single__close:focus,
.pp-podcast.light-text.postview[id^=pp-podcast-] .episode-single__close:focus *,
.inline-view.light-color .episode-single__close:hover,
.inline-view.light-color .episode-single__close:hover *,
.inline-view.light-color .episode-single__close:focus,
.inline-view.light-color .episode-single__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, .5);
}
.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, .5);
}
.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, .5);
}
.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, .5);
}
.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, .6) !important;
background-color: transparent !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, .6) !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-] .episode-list__filter-select,
.pp-podcast.light-text.postview[id^=pp-podcast-] .episode-list__filter-select,
.inline-view.light-color .episode-list__filter-select
{
color: #fff !important;
background-color: rgba(0, 0, 0, .85) !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-color.playerview[id^=pp-podcast-].modern.wide-player .ppjs__controls input[type=range],
.pp-podcast.light-text.postview[id^=pp-podcast-].modern.wide-player .ppjs__controls input[type=range],
.inline-view.light-color.modern.wide-player .ppjs__controls input[type=range]
{
background: rgba(255, 255, 255, .25) !important;
}
.pp-podcast.light-color.playerview[id^=pp-podcast-].modern.wide-player input[type=range]::-moz-range-track,
.pp-podcast.light-text.postview[id^=pp-podcast-].modern.wide-player input[type=range]::-moz-range-track,
.inline-view.light-color.modern.wide-player input[type=range]::-moz-range-track
{
border-color: rgba(255, 255, 255, .25) !important;
}
.pp-podcast.light-color.playerview[id^=pp-podcast-] .episode-list__filters,
.pp-podcast.light-text.postview[id^=pp-podcast-] .episode-list__filters,
.inline-view.light-color .episode-list__filters
{
border-color: rgba(255, 255, 255, .5);
}
.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;
}
.pp-user-feedback
{
display: none;
}
@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;
}
.pp-podcast.pp-no-scroll .episode-list__wrapper
{
max-height: none;
}
.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, .5);
}
.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, .5) !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.pp-no-scroll .episode-list__wrapper
{
max-height: none;
}
.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: center;
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;
align-self: center;
}
.modern.wide-player .ppjs__audio .ppjs__button:first-of-type
{
margin-left: 0;
}
.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__cc-button
{
order: 5;
}
.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: 6;
}
.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% - 200px);
}
.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: 550px;
}
.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, .5);
}
}.pp-podcast:not(.postview) .pod-entry__title a
{
pointer-events: none;
}
.postview.pp-podcast
{
border-width: 0;
background-image: none;
}
.postview .pod-info
{
border-bottom-width: 0;
}
.postview .pod-info__header
{
margin: 0;
padding: 0 0 20px;
}
.postview .pp-podcast__single
{
display: none;
}
.postview.single-episode .pp-podcast__single
{
display: block;
}
.postview.single-episode .pp-podcast__player
{
border: 1px solid rgba(0, 0, 0, .1);
}
.postview.single-episode .episode-single
{
border-bottom-width: 0;
}
.postview.single-episode .pod-header__image
{
display: none;
}
.postview.single-audio .pod-header__image
{
display: none;
}
.postview.single-audio .episode-list__wrapper
{
margin-top: 0;
}
.postview .episode-list__filters
{
margin-bottom: 30px !important;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 5px;
}
.postview .episode-list__wrapper
{
height: auto;
max-height: none;
margin-top: -20px;
}
.postview .episode-list__load-more
{
width: auto !important;
margin: 20px auto 0 !important;
padding: 12px 14px !important;
letter-spacing: 1px;
color: #333 !important;
border: 1px solid #65b84f !important;
border-radius: 3px !important;
background-color: transparent !important;
}
.postview .lm-button-wrapper
{
width: 100% !important;
}
.postview .pod-entry
{
padding: 20px 0;
cursor: auto;
}
.postview .pod-entry:last-of-type
{
border-bottom-width: 0;
}
.postview .pod-entry__featured
{
position: relative;
margin-bottom: 10px;
cursor: pointer;
border-radius: 5px;
background-color: rgba(0, 0, 0, .1);
}
.postview .pod-entry__featured:after
{
display: block;
width: 100%;
padding-top: 0;
content: '';
}
.postview .pod-entry__featured:hover .pod-entry__play
{
box-shadow: 0 0 0 3px #fff;
}
.postview .pod-entry__title
{
font-size: 16px;
font-weight: bold;
}
.postview .pod-entry__thumb
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
border-radius: 5px;
}
.postview .pod-entry__thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}
.postview .pod-entry__play
{
z-index: 1;
width: 60px;
height: 60px;
margin: 0;
transition: box-shadow .2s;
border-radius: 50%;
background: rgba(0, 0, 0, .5);
box-shadow: 0 0 0 2px rgba(255, 255, 255, .5);
}
.postview .pod-entry__play,
.postview .pod-entry__play .icon-pp-play,
.postview .pod-entry__play .icon-pp-pause
{
position: absolute;
top: 50%;
left: calc(50% + 1px);
transform: translate(-50%, -50%);
}
.postview .pod-entry__play .icon-pp-play
{
font-size: 25px;
left: calc(50% + 1px);
color: #fff;
}
.rtl .postview .pod-entry__play .icon-pp-play
{
left: calc(50% - 1px);
}
.postview .pod-entry__play .icon-pp-pause
{
font-size: 25px;
display: none;
color: #fff;
}
.postview .media-playing .icon-pp-play
{
display: none;
}
.postview .media-playing .icon-pp-pause
{
display: block;
}
.postview.land1 .pod-entry__featured:after
{
padding-top: 75%;
}
.postview.land2 .pod-entry__featured:after
{
padding-top: 66.66%;
}
.postview.port1 .pod-entry__featured:after
{
padding-top: 133.33%;
}
.postview.port2 .pod-entry__featured:after
{
padding-top: 150%;
}
.postview.wdscrn .pod-entry__featured:after
{
padding-top: 56.25%;
}
.postview.squr .pod-entry__featured:after
{
padding-top: 100%;
}
.postview.no-crop .pod-entry__featured:after
{
display: none;
}
.postview.no-crop .pod-entry__thumb
{
position: relative;
}
.postview.topleftcrop .pod-entry__thumb
{
background-position: top left;
}
.postview.topleftcrop .pod-entry__thumb img
{
object-position: top left;
}
.postview.topcentercrop .pod-entry__thumb
{
background-position: top center;
}
.postview.topcentercrop .pod-entry__thumb img
{
object-position: top center;
}
.postview.bottomleftcrop .pod-entry__thumb
{
background-position: bottom left;
}
.postview.bottomleftcrop .pod-entry__thumb img
{
object-position: bottom left;
}
.postview.bottomcentercrop .pod-entry__thumb
{
background-position: bottom center;
}
.postview.bottomcentercrop .pod-entry__thumb img
{
object-position: bottom center;
}
.lv2 .pod-entry__wrapper
{
display: flex;
align-items: center;
align-content: flex-start;
}
.lv2 .pod-entry__featured
{
margin: 0 10px 0 0;
flex-basis: 60px;
}
.lv2 .pod-entry__featured .pod-entry__play,
.lv2 .pod-entry__featured .pod-entry__play:hover
{
box-shadow: none;
}
.lv2 .pod-entry__content
{
flex: 1;
align-self: stretch;
}
.lv2 .pod-entry__play
{
width: 30px;
height: 30px;
box-shadow: 0 0 0 2px rgba(255, 255, 255, .5);
}
.lv2 .pod-entry__play .icon-pp-play
{
font-size: 20px;
left: calc(50% + 1px);
}
.rtl .lv2 .pod-entry__play .icon-pp-play
{
left: calc(50% - 1px);
}
.lv2 .pod-entry__play .icon-pp-pause
{
font-size: 20px;
}
.lv2 .pod-entry__title
{
font-size: 15px !important;
line-height: 1.5;
margin-bottom: 0;
}
.lv2 .pod-entry__date
{
text-transform: inherit;
}
.lv3 .pod-entry,
.lv4 .pod-entry
{
border-bottom: 1px dotted rgba(0, 0, 0, .1);
}
.lv3 .pod-entry__wrapper,
.lv4 .pod-entry__wrapper
{
display: flex;
align-items: center;
align-content: flex-start;
}
.lv3 .pod-entry__featured,
.lv4 .pod-entry__featured
{
margin: 0 15px 0 0;
background-color: transparent;
flex-basis: 35px;
}
.lv3 .pod-entry__featured:after,
.lv4 .pod-entry__featured:after
{
display: none;
}
.lv3 .pod-entry__featured:hover .pod-entry__play,
.lv4 .pod-entry__featured:hover .pod-entry__play
{
box-shadow: none;
}
.lv3 .pod-entry__content,
.lv4 .pod-entry__content
{
flex: 1;
align-self: stretch;
}
.lv3 .pod-entry__play,
.lv4 .pod-entry__play
{
position: relative;
top: auto;
left: auto;
width: 35px;
height: 35px;
transform: none;
background: #65b84f;
box-shadow: none;
}
.lv3 .pod-entry__play .icon-pp-play,
.lv4 .pod-entry__play .icon-pp-play
{
font-size: 20px;
left: calc(50% + 1px);
}
.rtl .lv3 .pod-entry__play .icon-pp-play,
.rtl .lv4 .pod-entry__play .icon-pp-play
{
left: calc(50% - 1px);
}
.lv3 .pod-entry__play .icon-pp-pause,
.lv4 .pod-entry__play .icon-pp-pause
{
font-size: 20px;
}
.lv3 .pod-entry__title,
.lv4 .pod-entry__title
{
font-size: 15px !important;
font-weight: normal !important;
line-height: 1.5;
margin-bottom: 0;
}
.lv3 .pod-entry__date,
.lv4 .pod-entry__date
{
font-style: italic;
text-transform: inherit;
}
.lv3 .pod-entry__author,
.lv4 .pod-entry__author
{
font-weight: bold !important;
}
.lv3 .episode-list__search input[type=text],
.lv4 .episode-list__search input[type=text]
{
height: 30px !important;
padding: 10px 10px 10px 30px !important;
}
.lv3 button.episode-list__load-more,
.lv4 button.episode-list__load-more
{
font-size: 14px !important;
padding: mem(.5) mem(.75) !important;
}
.lv3 .pod-entry__thumb,
.lv3 .pod-entry__excerpt
{
display: none !important;
}
.lv4 .pod-entry
{
margin: 10px 0;
padding: 10px;
border: 1px solid rgba(0, 0, 0, .1);
background-color: #fff;
}
.lv4 .pod-entry:last-of-type
{
border-bottom-width: 1px;
}
.gv1.wide-player.columns-1 .pod-entry,
.gv2.wide-player.columns-1 .pod-entry
{
max-width: 100%;
flex-basis: 100%;
}
.gv2 .pod-entry__wrapper
{
display: flex;
flex-direction: column;
height: 100%;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}
.gv2 .pod-entry__wrapper:hover
{
box-shadow: 0 9px 18px rgba(0, 0, 0, .25), 0 9px 9px rgba(0, 0, 0, .22);
}
.gv2 .pod-entry__featured
{
margin-bottom: 0;
border-radius: 5px 5px 0 0;
}
.gv2 .pod-entry__play
{
top: auto;
right: auto;
bottom: -20px;
left: 20px;
width: 40px;
height: 40px;
transform: none;
background-color: #65b84f;
box-shadow: 0 0 0 4px #fff;
}
.gv2 .pod-entry__play .icon-pp-play
{
left: calc(50% + 1px);
}
.gv2 .pod-entry__play .icon-pp-play,
.gv2 .pod-entry__play .icon-pp-pause
{
color: #fff;
}
.gv2 .pod-entry__thumb
{
border-radius: 5px 5px 0 0;
}
.gv2 .pod-entry__content
{
padding: 30px 20px 20px;
border-top: 1px solid rgba(0, 0, 0, .1);
}
.gv2 .pod-entry__title
{
font-weight: normal !important;
}
.pp-shared-episode .pod-entry
{
margin-top: 0;
margin-bottom: 0;
}
.single-audio.postview .pod-info .pod-header,
.single-episode.postview .pod-info .pod-header
{
padding: 0;
}
.single-audio .pod-entry__content
{
align-self: auto !important;
}
.single-audio .pod-entry__content .pod-entry__date
{
display: none !important;
}
.pod-entry__excerpt.expanded *,
.pod-entry__excerpt.expanded p
{
font-size: 15px !important;
}
.pod-entry__excerpt.expanded p
{
margin-bottom: 10px;
}
.pp-modal-window
{
position: fixed;
z-index: 99999;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
width: 100%;
transition: opacity .2s, visibility .2s;
}
.pp-modal-window.pp-modal-open
{
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.pp-modal-window.modal-view
{
top: 0;
overflow-y: scroll;
height: 100%;
padding: 45px 5% 20px;
background-color: #fff;
}
.admin-bar .pp-modal-window.modal-view
{
height: calc(100% - 46px);
margin-top: 46px;
}
.pp-closed-captions
{
position: relative;
display: none;
width: 100%;
max-width: 90%;
margin: 0 auto;
border-radius: 3px;
background-color: rgba(17, 17, 17, .9);
}
.pp-closed-captions .pp-caption-text
{
padding: 10px 5px;
text-align: center;
color: #fff;
}
.pp-closed-captions .pp-caption-close
{
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
padding: 5px !important;
color: #fff !important;
border-color: transparent !important;
border-radius: 3px !important;
background-color: #333 !important;
background-image: none !important;
box-shadow: none !important;
}
.pp-user-feedback
{
position: fixed;
z-index: 99999;
right: 30px;
bottom: 30px;
display: none;
max-width: 300px;
padding: 15px 30px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 3px;
background-color: #fff;
}
.pp-user-feedback .pp-fback-close
{
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
padding: 5px !important;
color: #333 !important;
border-color: transparent !important;
border-radius: 3px !important;
background-color: #fff !important;
background-image: none !important;
box-shadow: none !important;
}
.pp-user-feedback .pp-user-feedback-message
{
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.pp-user-feedback .pp-user-feedback-buttons
{
display: flex;
justify-content: center;
}
.pp-user-feedback .pp-thumbs-up,
.pp-user-feedback .pp-thumbs-down
{
font-size: 35px;
margin: 0 10px;
padding: 0;
cursor: pointer;
color: #4caf50;
border: none !important;
background-color: transparent;
background-image: none !important;
box-shadow: none !important;
}
.pp-user-feedback .pp-thumbs-down
{
color: #f44336;
}
.pp-user-feedback .pp-user-feedback-form
{
font-size: 15px;
}
.pp-user-feedback .pp-user-feedback-form label
{
display: block;
margin: 5px 0;
}
.pp-user-feedback .pp-user-feedback-form input,
.pp-user-feedback .pp-user-feedback-form textarea
{
font-size: 15px;
width: 100%;
padding: 5px;
}
.pp-user-feedback .pp-user-feedback-form .pp-user-feedback-send
{
position: relative;
margin-top: 10px;
}
.pp-user-feedback .pp-user-feedback-form .pp-user-feedback-send .pp-feedback__loading
{
display: none;
}
.pp-user-feedback .pp-user-feedback-form .pp-user-feedback-send.pp-sending .pp-feedback__loading
{
display: block;
}
.pp-user-feedback .pp-user-feedback-form .pp-user-feedback-send.pp-sending .pp-feedback-send-text
{
display: none;
}
.pp-user-feedback .pp-feedback-error-message
{
color: #f44336;
}
.pp-user-feedback .pp-border-red
{
border-color: #f44336;
}
.pp-user-feedback .pp-feedback__loading
{
font-size: 20px;
}
.pp-user-feedback .pp-feedback__loading .icon-pp-refresh
{
animation: ppjs__loading-spinner 1s linear infinite;
}
.pp-modal-container
{
position: relative;
}
.pp-modal-close
{
font-size: 18px;
position: absolute !important;
z-index: 99;
display: block;
width: 30px;
height: 30px;
padding: 0 !important;
transition: none !important;
border: 1px solid rgba(0, 0, 0, .1) !important;
border-radius: 0 !important;
background-color: rgba(255, 255, 255, .85) !important;
}
.pp-modal-close:hover,
.pp-modal-close:focus
{
position: absolute !important;
}
.pp-modal-close .icon-pp-arrow-up
{
top: 1px;
transition: transform 400ms ease;
transform: rotate(180deg);
}
.pp-modal-close .icon-pp-x
{
display: none;
}
.pp-modal-close.modal-closed .icon-pp-arrow-up
{
top: -1px;
transform: none;
}
.modal-view .pp-modal-close
{
top: 10px;
right: 10px;
width: 40px;
height: 40px;
}
.modal-view .pp-modal-close .icon-pp-x
{
display: inline-block;
}
.modal-view .pp-modal-close .icon-pp-arrow-up
{
display: none;
}
.pp-modal-wrapper
{
visibility: hidden;
width: 100%;
pointer-events: none;
opacity: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
}
.pp-modal-wrapper .pp-podcast__player .ppjs__script-button
{
display: none;
}
.pp-modal-open .pp-modal-wrapper
{
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.pp-modal-wrapper .wp-video
{
max-width: 100%;
}
.pp-modal-wrapper .episode-single__header
{
display: none;
}
.modal-view .pp-modal-wrapper
{
display: block !important;
max-width: 800px;
margin: 0 auto;
}
.modal-view .pp-modal-wrapper .episode-single__header
{
display: block;
}
.modal-view .pp-modal-wrapper .episode-single__close
{
display: none;
}
.modal-view .pp-modal-wrapper .episode-single__title
{
padding-right: 0;
}
.modal-view .pp-modal-wrapper .pod-content__episode
{
display: block !important;
border-bottom-width: 0;
}
.modal-view .pp-modal-wrapper .episode-single__wrapper
{
font-size: 16px;
margin-bottom: 0;
padding: 20px 0 0;
}
.modal-view .pp-modal-wrapper .episode-single__wrapper .episode-single__header
{
display: none;
}
.modal-view .pp-modal-wrapper .pp-podcast__player
{
border: 1px solid rgba(0, 0, 0, .1);
}
.inline-view .pp-modal-wrapper
{
background-color: #fff;
}
.inline-view
{
overflow: visible;
}
.inline-view .ppjs__audio-controls
{
flex-direction: row;
height: auto;
margin: 0;
padding: 10px 0;
align-items: center;
justify-content: flex-start;
order: 2;
}
.inline-view .ppjs__audio-controls .ppjs__img-wrapper
{
display: none;
}
.inline-view .ppjs__audio-controls .ppjs__img-wrapper img
{
border-radius: 0;
}
.inline-view .ppjs__audio-controls .ppjs__button
{
margin: 0 5px;
}
.inline-view .ppjs__audio-controls .ppjs__button.ppjs__play-rate-button,
.inline-view .ppjs__audio-controls .ppjs__button.ppjs__skip-backward-button
{
display: none;
}
.inline-view .ppjs__audio-timer
{
display: none !important;
}
.inline-view .ppjs__audio-timer .ppjs__time
{
display: inline-block;
}
.inline-view .ppjs__audio-timer .ppjs__duration-container:before
{
display: inline-block;
padding: 0 5px;
content: '/';
}
.inline-view .ppjs__control_btns
{
margin: 0 !important;
justify-content: flex-start !important;
}
.inline-view .ppjs__head-container
{
width: auto;
flex-basis: auto;
}
.inline-view .ppjs__head-container .head-wrapper
{
font-size: 13px;
display: none;
}
.inline-view .ppjs__head-container .ppjs__podcast-title
{
overflow: hidden;
max-width: 95%;
white-space: nowrap;
text-overflow: ellipsis;
}
.inline-view .ppjs__secondary-controls
{
display: flex;
align-items: center;
flex: 1;
justify-content: space-around;
}
.inline-view .pp-modal-close
{
font-size: 18px;
top: -31px;
right: 5px;
}
.inline-view .ppjs__audio .ppjs__controls
{
display: flex;
flex-direction: column;
}
.inline-view .ppjs__img-wrapper
{
width: 65px;
height: 65px;
}
.inline-view .ppjs__audio .ppjs__share-button ul.ppshare__social,
.inline-view .ppjs__audio .ppjs__play-rate-button ul.play-rate-list
{
top: auto;
bottom: 100%;
}
.inline-view .ppjs__additional_controls
{
display: block;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 4px;
}
.inline-view .ppjs__additional_controls .ppjs__button
{
display: block;
margin: 0 !important;
}
.inline-view .ppjs__additional_controls .ppjs__button .pp-text-aux-btn .icon-pp-x
{
display: none;
}
.inline-view .ppjs__additional_controls .ppjs__button .pp-text-aux-btn.toggled
{
font-size: 16px !important;
}
.inline-view .ppjs__additional_controls .ppjs__button .pp-text-aux-btn.toggled .icon-pp-x
{
display: block;
}
.inline-view .ppjs__additional_controls .ppjs__button .pp-text-aux-btn.toggled .icon-pp-text
{
display: none;
}
.inline-view.light-color .ppjs__additional_controls
{
border-color: rgba(255, 255, 255, .3);
}
.no-scroll
{
position: fixed;
overflow: scroll;
width: 100%;
}
.pp-modal-aux-wrapper
{
position: fixed;
z-index: -1;
right: 20px;
bottom: 55px;
left: 20px;
display: none;
overflow: scroll;
height: calc(100vh - 90px);
padding: 10px 10px 20px;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}
.modal-view .pp-modal-aux-wrapper
{
display: none !important;
}
.pp-modal-aux-wrapper ul.pp-modal-tabs
{
display: flex;
margin: 0 0 1.75rem;
padding-left: 0;
list-style: none;
justify-content: space-around;
}
.pp-modal-aux-wrapper ul.pp-modal-tabs li.pp-modal-tabs-item
{
margin-bottom: 0;
padding: 0 0 10px 0;
cursor: pointer;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, .1);
flex: 1;
}
.pp-modal-aux-wrapper ul.pp-modal-tabs li.pp-modal-tabs-item.selected
{
border-bottom: 2px solid rgba(0, 0, 0, .2);
}
.light-color .pp-modal-aux-wrapper ul.pp-modal-tabs li.pp-modal-tabs-item
{
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.light-color .pp-modal-aux-wrapper ul.pp-modal-tabs li.pp-modal-tabs-item.selected
{
border-bottom: 2px solid rgba(255, 255, 255, .6);
}
.pp-modal-aux-wrapper .pod-entry__play
{
background-color: transparent !important;
}
.pp-modal-aux-wrapper .pod-entry__play *
{
color: #65b84f;
}
.pp-modal-aux-wrapper .episode-single__title
{
padding-right: 0;
}
.pp-modal-aux-wrapper .byname
{
margin-right: 5px;
}
#pp-modal-placeholder
{
position: relative;
}
@media only screen and (min-width: 450px)
{
.postview.wide-player .pod-info__header
{
padding: 0 0 30px;
}
.postview.wide-player .pod-entry__title
{
font-size: 17px;
font-weight: bold;
float: none;
overflow: visible;
max-width: none;
white-space: normal;
text-overflow: clip;
}
.postview.wide-player .pod-entry__date
{
font-weight: normal;
display: inline-block;
float: none;
min-width: 0;
text-transform: capitalize;
}
.postview.wide-player .pod-entry__author,
.postview.wide-player .pod-entry__author:before
{
display: inline-block;
}
.lv1.wide-player .pod-entry__wrapper
{
display: flex;
align-items: flex-start;
align-content: flex-start;
}
.lv1.wide-player .pod-entry__featured
{
margin: 0 20px 0 0;
flex-basis: 100px;
}
.lv1.wide-player .pod-entry__content
{
flex: 1;
align-self: stretch;
}
.gv1.wide-player .episode-list__wrapper,
.gv2.wide-player .episode-list__wrapper
{
display: flex;
width: calc(100% + 30px) !important;
max-width: 100vw;
margin-top: -20px;
margin-right: -15px;
margin-left: -15px;
flex-wrap: wrap;
}
.gv1.wide-player .episode-list__wrapper .episode-list__search-results,
.gv2.wide-player .episode-list__wrapper .episode-list__search-results
{
width: 100%;
flex-wrap: wrap;
flex-basis: 100%;
}
.gv1.wide-player .episode-list__wrapper .toggled-on.episode-search,
.gv2.wide-player .episode-list__wrapper .toggled-on.episode-search
{
display: flex;
}
.gv1.wide-player .pod-entry,
.gv2.wide-player .pod-entry
{
max-width: 50%;
padding: 20px 15px;
border-bottom-width: 0;
flex-basis: 50%;
}
.inline-view .ppjs__audio-controls .ppjs__button.ppjs__play-rate-button,
.inline-view .ppjs__audio-controls .ppjs__button.ppjs__skip-backward-button
{
display: inline-block;
}
}
@media only screen and (min-width: 640px)
{
.lv1.wide-player .pod-entry__featured
{
flex-basis: 150px;
}
.lv4 .pod-entry
{
padding: 20px;
}
.lv4 .pod-entry__featured
{
margin: 0 20px 0 0;
flex-basis: 50px;
}
.lv4 .pod-entry__play
{
width: 50px;
height: 50px;
}
.lv4 .pod-entry__play .icon-pp-play
{
font-size: 30px;
}
.lv4 .pod-entry__play .icon-pp-pause
{
font-size: 30px;
}
.lv4 .pod-entry__title
{
font-size: 18px !important;
}
.modal-view .pp-modal-wrapper .episode-single__title
{
font-size: 32px;
line-height: 1.2;
}
.inline-view .ppjs__audio-controls .ppjs__img-wrapper
{
display: block;
}
.inline-view .ppjs__audio-controls
{
padding: 0;
}
.inline-view .ppjs__additional_controls
{
margin-left: 60px;
}
.pp-modal-aux-wrapper .episode-single__title
{
font-size: 20px;
font-weight: bold;
line-height: 1.2;
}
.pp-modal-aux-wrapper
{
right: 40px;
left: auto;
width: 500px;
padding: 20px 20px 40px;
border-radius: 5px 5px 0 0;
}
}
@media only screen and (min-width: 768px)
{
.gv1.medium-player .pod-entry,
.gv2.medium-player .pod-entry
{
max-width: 33.333%;
flex-basis: 33.333%;
}
.gv1.medium-player.columns-1 .pod-entry,
.gv2.medium-player.columns-1 .pod-entry
{
max-width: 100%;
flex-basis: 100%;
}
.gv1.medium-player.columns-2 .pod-entry,
.gv2.medium-player.columns-2 .pod-entry
{
max-width: 50%;
flex-basis: 50%;
}
.pp-modal-window.modal-view
{
background-color: rgba(0, 0, 0, .95);
}
.modal-view .pp-modal-wrapper
{
margin: 60px auto;
padding: 40px;
background-color: #fff;
}
.inline-view .ppjs__audio-timer
{
position: absolute;
top: 50%;
right: 10px;
display: block !important;
height: auto;
padding: 0;
transform: translateY(-50%);
}
.inline-view .ppjs__secondary-controls
{
justify-content: inherit;
}
.pp-modal-aux-wrapper
{
top: auto;
height: 70vh;
padding: 40px 40px 80px;
}
}
@media only screen and (min-width: 1024px)
{
.gv1.medium-player.columns-4 .pod-entry,
.gv2.medium-player.columns-4 .pod-entry
{
max-width: 25%;
flex-basis: 25%;
}
.gv1.medium-player.columns-5 .pod-entry,
.gv2.medium-player.columns-5 .pod-entry
{
max-width: 20%;
flex-basis: 20%;
}
.gv1.medium-player.columns-6 .pod-entry,
.gv2.medium-player.columns-6 .pod-entry
{
max-width: 16.6667%;
flex-basis: 16.6667%;
}
.pp-shared-episode.gv2 .pod-entry
{
width: 100%;
max-width: none;
flex-basis: 100%;
}
.pp-shared-episode.gv2 .pod-entry__wrapper
{
flex-direction: row;
}
.pp-shared-episode.gv2 .pod-entry__featured
{
width: 200px;
height: auto;
border-radius: 5px 0 0 5px;
}
.pp-shared-episode.gv2 .pod-entry__thumb
{
border-radius: 5px 0 0 5px;
}
.pp-shared-episode.gv2 .pod-entry__play
{
right: -15px;
bottom: 20px;
left: auto;
}
.admin-bar .pp-modal-window.modal-view
{
height: calc(100% - 32px);
margin-top: 32px;
}
.pp-closed-captions
{
font-size: 20px;
max-width: 70%;
margin-bottom: 30px;
}
.pp-closed-captions .pp-caption-text
{
padding: 20px 5px;
}
.pp-modal-open .pp-closed-captions
{
margin-bottom: 5px;
}
.inline-view .ppjs__control_btns
{
padding: 5px;
}
.inline-view .ppjs__head-container
{
flex-basis: 415px;
}
.inline-view .ppjs__head-container .head-wrapper
{
display: block;
width: 300px;
max-width: 300px;
margin-right: 30px;
padding: 5px 30px 5px 5px;
border-right: 1px solid rgba(0, 0, 0, .1);
}
}
@media only screen and (min-width: 1200px)
{
.inline-view .ppjs__audio-controls .ppjs__button
{
margin: 0 10px;
}
}
@media only screen and (min-width: 1366px)
{
.pp-closed-captions
{
max-width: 840px;
}
.inline-view .ppjs__head-container
{
flex-basis: 515px;
}
.inline-view .ppjs__head-container .head-wrapper
{
width: 400px;
max-width: 400px;
}
}
@media only screen and (min-width: 1600px)
{
.inline-view .ppjs__head-container
{
flex-basis: 715px;
}
.inline-view .ppjs__head-container .head-wrapper
{
width: 600px;
max-width: 600px;
}
}
@media only screen and (min-width: 1900px)
{
.inline-view .ppjs__head-container
{
flex-basis: 815px;
}
}