@media screen and (max-width: 767px) {
html {
font-size: 12px;
line-height: 1.7
}
body .flex {
display: block
}
body .text-base,
body .container,
body .host-text.text-sm {
font-size: 1.4rem
}
body .text-sm {
font-size: 1.15rem
}
body .text-xs {
font-size: 1rem
}
body .text-2xl {
font-size: 1.8rem
}
body .audio-player-wrapper {
min-height: 125px;
padding-top: 20px
}
body .audio-player-wrapper .mejs__container {
min-width: auto !important;
max-width: 100% !important
}
body .audio-player-wrapper .mejs__container .mejs__button.mejs__skip-back-button,
body .audio-player-wrapper .mejs__container .mejs__button.mejs__jump-forward-button,
body .audio-player-wrapper .mejs__container .mejs__button.mejs__speed-button,
body .audio-player-wrapper .mejs__container .mejs__button.download-link,
body .audio-player-wrapper .mejs__container .mejs__button.share-link,
body .audio-player-wrapper .mejs__container .mejs__button.subscribe-link {
position: absolute !important;
top: 55px !important
}
body .audio-player-wrapper .mejs__container .mejs__button.mejs__skip-back-button {
left: -2px
}
body .audio-player-wrapper .mejs__container .mejs__button.mejs__jump-forward-button {
left: 19%
}
body .audio-player-wrapper .mejs__container .mejs__button.mejs__speed-button {
left: 41%
}
body .audio-player-wrapper .mejs__container .mejs__button.download-link {
left: 63%
}
body .audio-player-wrapper .mejs__container .mejs__button.share-link {
left: 84%
}
body .audio-player-wrapper .mejs__container .mejs__button.subscribe-link {
left: 95%
}
body .mejs__controls {
display: flex;
justify-content: space-between
}
body .mejs__button,
body .mejs__button.mejs__jump-forward-button,
body .mejs__button.mejs__speed-button,
body .mejs__button.download-link {
margin-left: 0 !important;
margin-right: 0 !important;
left: initial;
text-align: center
}
body .mejs__button button,
body .mejs__button button:before,
body .mejs__button.mejs__jump-forward-button button,
body .mejs__button.mejs__jump-forward-button button:before,
body .mejs__button.mejs__speed-button button,
body .mejs__button.mejs__speed-button button:before,
body .mejs__button.download-link button,
body .mejs__button.download-link button:before {
margin-left: 0 !important;
margin-right: 0 !important;
left: initial
}
body app-audio-player,
body app-audio-embed-player {
margin-top: 0 !important
}
body .mejs__container {
min-width: 200px
}
body .mejs__button.mejs__jump-forward-button {
padding-right: 26%
}
body .blog-grid .grid {
grid-template-columns: repeat(1, 100%) !important;
gap: 3rem
}
body .blog-template-container,
body .page-template-container,
body .title-container,
body .participant-template-container {
padding-right: 3%;
padding-left: 3%
}
body .main-content-container {
font-size: calc(var(--primary-body-font-size) + .3rem)
}
body .top-header-container app-podcast-icons .subscribe-buttons li,
body .footer-copyright-container app-podcast-icons .subscribe-buttons li {
margin-bottom: 20px !important
}
body .main-content-container .episodes-container .episode-content-container .audio-player-wrapper.player-speed-disabled .mejs__button.mejs__speed-button {
display: none !important
}
}
@media screen and (max-width: 1024px) {
html {
font-size: 13px
}
body .container {
max-width: 94%
}
body .container .container {
max-width: 100%
}
body .container [data-stretch-width=true] .container,
body .container app-episodes-carousel .container {
max-width: 94%
}
#sticky-player .player-collapser {
margin-top: 4px
}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
.episodes-container.column-1 .mejs__container {
min-width: 300px !important
}
.popup-modal-container .main-content-container.wrapper {
max-width: 100% !important
}
.blog-template-container,
.page-template-container,
.title-container,
.participant-template-container {
max-width: 94% !important
}
.main-content-container .container {
max-width: 100%
}
[data-stretch-width=true],
.stretch-width,
.main-content-container.wrapper.stretch-width {
max-width: 100vw !important
}
}
.episodes-container {
display: grid;
grid-template-columns: repeat(auto-fill, 100%);
grid-gap: calc(var(--episode-margin) * 2);
padding-bottom: 3rem
}
.episodes-container.column-1 {
column-gap: 0
}
.episodes-container.column-1 .episode-wrapper {
padding: 0;
margin: 0
}
.episodes-container.column-1 .pp-episode-container {
margin-left: 0;
margin-right: 0
}
.episodes-container.column-1 .audio-player-wrapper.audio-border-enabled.player-title-enabled {
padding-bottom: 44px
}
.episodes-container.column-2 {
grid-template-columns: repeat(2, 1fr)
}
.episodes-container.column-3 {
grid-template-columns: repeat(3, 1fr)
}
.episodes-container.column-4 {
grid-template-columns: repeat(4, 1fr)
}
.episodes-container.column-5 {
grid-template-columns: repeat(5, 1fr)
}
.episodes-container .episode-wrapper {
width: 100%;
max-width: 100%
}
.episodes-container.column-2 .episode-wrapper,
.episodes-container.column-3 .episode-wrapper,
.episodes-container.column-4 .episode-wrapper,
.episodes-container.column-5 .episode-wrapper {
padding-top: 0;
padding-bottom: 0
}
.episodes-container.column-2 .episode-wrapper .pp-episode-container,
.episodes-container.column-3 .episode-wrapper .pp-episode-container,
.episodes-container.column-4 .episode-wrapper .pp-episode-container,
.episodes-container.column-5 .episode-wrapper .pp-episode-container {
flex-direction: column;
padding: 4%;
height: 100%
}
.episodes-container.column-2 .episode-wrapper .pp-episode-container .pp-episode-image,
.episodes-container.column-3 .episode-wrapper .pp-episode-container .pp-episode-image,
.episodes-container.column-4 .episode-wrapper .pp-episode-container .pp-episode-image,
.episodes-container.column-5 .episode-wrapper .pp-episode-container .pp-episode-image {
padding-right: 0 !important;
max-width: 100%;
margin-bottom: 1.25rem
}
.episodes-container.column-3 .audio-player-wrapper,
.episodes-container.column-4 .audio-player-wrapper,
.episodes-container.column-5 .audio-player-wrapper {
display: block
}
.episodes-container.column-3 .audio-player-wrapper .player-featured-image,
.episodes-container.column-4 .audio-player-wrapper .player-featured-image,
.episodes-container.column-5 .audio-player-wrapper .player-featured-image {
flex-direction: column !important;
width: 100%;
flex: unset;
display: block;
max-width: 100%
}
.episodes-container.column-3 .audio-player-wrapper .stacked-player,
.episodes-container.column-4 .audio-player-wrapper .stacked-player,
.episodes-container.column-5 .audio-player-wrapper .stacked-player {
max-width: 100%;
padding-bottom: 50px
}
.episodes-container.column-3 .audio-player-wrapper .mejs__container,
.episodes-container.column-4 .audio-player-wrapper .mejs__container,
.episodes-container.column-5 .audio-player-wrapper .mejs__container {
min-width: 100% !important
}
.episodes-container.column-3 .audio-player-wrapper .mejs__button.mejs__speed-button,
.episodes-container.column-3 .audio-player-wrapper .mejs__button.download-link,
.episodes-container.column-3 .audio-player-wrapper .mejs__button.share-link,
.episodes-container.column-3 .audio-player-wrapper .mejs__button.subscribe-link,
.episodes-container.column-4 .audio-player-wrapper .mejs__button.mejs__speed-button,
.episodes-container.column-4 .audio-player-wrapper .mejs__button.download-link,
.episodes-container.column-4 .audio-player-wrapper .mejs__button.share-link,
.episodes-container.column-4 .audio-player-wrapper .mejs__button.subscribe-link,
.episodes-container.column-5 .audio-player-wrapper .mejs__button.mejs__speed-button,
.episodes-container.column-5 .audio-player-wrapper .mejs__button.download-link,
.episodes-container.column-5 .audio-player-wrapper .mejs__button.share-link,
.episodes-container.column-5 .audio-player-wrapper .mejs__button.subscribe-link {
position: absolute;
top: 55px
}
.episodes-container.column-3 .audio-player-wrapper .mejs__button.mejs__speed-button,
.episodes-container.column-4 .audio-player-wrapper .mejs__button.mejs__speed-button,
.episodes-container.column-5 .audio-player-wrapper .mejs__button.mejs__speed-button {
right: 10px
}
.episodes-container.column-3 .audio-player-wrapper .mejs__button.download-link,
.episodes-container.column-4 .audio-player-wrapper .mejs__button.download-link,
.episodes-container.column-5 .audio-player-wrapper .mejs__button.download-link {
right: 48px
}
.episodes-container.column-3 .audio-player-wrapper .mejs__button.share-link,
.episodes-container.column-4 .audio-player-wrapper .mejs__button.share-link,
.episodes-container.column-5 .audio-player-wrapper .mejs__button.share-link {
right: 98px
}
.episodes-container.column-3 .audio-player-wrapper .mejs__button.subscribe-link,
.episodes-container.column-4 .audio-player-wrapper .mejs__button.subscribe-link,
.episodes-container.column-5 .audio-player-wrapper .mejs__button.subscribe-link {
right: 108px
}
.episodes-container.column-3 .audio-player-wrapper.play-icon-only-enabled .stacked-player,
.episodes-container.column-4 .audio-player-wrapper.play-icon-only-enabled .stacked-player,
.episodes-container.column-5 .audio-player-wrapper.play-icon-only-enabled .stacked-player {
padding-bottom: 10px
}
.episodes-container.column-3 h3.episode-title,
.episodes-container.column-4 h3.episode-title,
.episodes-container.column-5 h3.episode-title {
font-size: 1.2rem
}
.episodes-container.column-2 .audio-player-wrapper .mejs__container {
min-width: 100% !important
}
.episodes-container.column-2 .stacked-player {
padding-bottom: 1.875rem
}
.episodes-container.column-2 .episode-wrapper .pp-episode-image,
.episodes-container.column-3 .episode-wrapper .pp-episode-image,
.episodes-container.column-4 .episode-wrapper .pp-episode-image,
.episodes-container.column-5 .episode-wrapper .pp-episode-image {
display: block !important
}
.episodes-container.column-2 .episode-wrapper .pp-episode-image img,
.episodes-container.column-3 .episode-wrapper .pp-episode-image img,
.episodes-container.column-4 .episode-wrapper .pp-episode-image img,
.episodes-container.column-5 .episode-wrapper .pp-episode-image img {
margin-left: auto;
margin-right: auto
}
.episodes-container.column-2 .audio-player-wrapper.player-title-disabled.player-image-disabled.audio-border-enabled.player-speed-disabled.play-icon-only-disabled.sticky-audio-disabled .stacked-player,
.episodes-container.column-3 .audio-player-wrapper.player-title-disabled.player-image-disabled.audio-border-enabled.player-speed-disabled.play-icon-only-disabled.sticky-audio-disabled .stacked-player {
padding-bottom: 0
}
.episodes-container.column-2 .audio-player-wrapper.soundwaves-enabled span.mejs__time-total.mejs__time-slider,
.episodes-container.column-3 .audio-player-wrapper.soundwaves-enabled span.mejs__time-total.mejs__time-slider {
margin-top: -12px
}
.episodes-container.column-3 .audio-player-wrapper.player-image-enabled .mejs__time,
.episodes-container.column-3 .audio-player-wrapper.player-image-enabled .mejs__time-rail {
display: none !important
}
.episodes-container.column-3 .audio-player-wrapper.player-image-enabled .mejs__controls {
display: flex;
justify-content: space-between
}
.episodes-container.column-3 .audio-player-wrapper .mejs__time.mejs__currenttime-container,
.episodes-container.column-3 .audio-player-wrapper .mejs__time.mejs__duration-container {
margin-left: 5px
}
.episodes-container.column-3 .audio-player-wrapper .mejs__time-rail {
margin: 0 4px
}
.episodes-container.column-3 .audio-player-wrapper.type-video .share-link {
display: none !important
}
.episodes-container.column-4 .audio-player-wrapper .mejs__container .mejs__skip-back-button,
.episodes-container.column-4 .audio-player-wrapper .mejs__container .mejs__jump-forward-button,
.episodes-container.column-5 .audio-player-wrapper .mejs__container .mejs__skip-back-button,
.episodes-container.column-5 .audio-player-wrapper .mejs__container .mejs__jump-forward-button {
position: absolute;
top: 55px;
right: 179px
}
.episodes-container.column-4 .audio-player-wrapper .mejs__container .mejs__jump-forward-button,
.episodes-container.column-5 .audio-player-wrapper .mejs__container .mejs__jump-forward-button {
right: 138px
}
.episodes-container.column-4 .audio-player-wrapper.audio-border-enabled.player-title-enabled.player-image-enabled,
.episodes-container.column-5 .audio-player-wrapper.audio-border-enabled.player-title-enabled.player-image-enabled {
flex-direction: column
}
.episodes-container.column-4 .audio-player-wrapper.audio-border-enabled.player-title-enabled.player-image-enabled .player-featured-image,
.episodes-container.column-5 .audio-player-wrapper.audio-border-enabled.player-title-enabled.player-image-enabled .player-featured-image {
padding-right: 0;
padding-left: 0
}
.episodes-container.column-4 .audio-player-wrapper.audio-border-enabled.player-title-enabled.player-image-enabled .stacked-player,
.episodes-container.column-5 .audio-player-wrapper.audio-border-enabled.player-title-enabled.player-image-enabled .stacked-player {
max-width: 100%
}
.episodes-container.column-4 .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-4 .audio-player-wrapper .mejs__duration,
.episodes-container.column-4 .audio-player-wrapper .mejs__time,
.episodes-container.column-4 .audio-player-wrapper .mejs__time-rail,
.episodes-container.column-5 .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-5 .audio-player-wrapper .mejs__duration,
.episodes-container.column-5 .audio-player-wrapper .mejs__time,
.episodes-container.column-5 .audio-player-wrapper .mejs__time-rail {
display: none !important
}
.episodes-container .audio-embed-container.video_channel {
margin-top: 0 !important
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.episodes-container.column-3 .audio-player-wrapper .mejs__time,
.episodes-container.column-2 .audio-player-wrapper .mejs__time {
display: none
}
}
@media screen and (max-width: 1024px) {
.episodes-container.column-3,
.episodes-container.column-4,
.episodes-container.column-5 {
grid-template-columns: repeat(3, 1fr)
}
.episodes-container.column-3 .audio-player-wrapper.player-image-enabled .mejs__controls .mejs__button .episodes-container.column-3 .audio-player-wrapper.player-image-enabled.mejs__jump-forward-button,
.episodes-container.column-3 .audio-player-wrapper.player-image-enabled .mejs__controls .mejs__button .episodes-container.column-3 .audio-player-wrapper.player-image-enabled.mejs__skip-back-button {
display: none !important
}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
.episodes-container.column-2 .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-2 .audio-player-wrapper .mejs__duration,
.episodes-container.column-2 .audio-player-wrapper .mejs__time,
.episodes-container.column-2 .audio-player-wrapper .mejs__time-rail,
.episodes-container.column-3 .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-3 .audio-player-wrapper .mejs__duration,
.episodes-container.column-3 .audio-player-wrapper .mejs__time,
.episodes-container.column-3 .audio-player-wrapper .mejs__time-rail,
.episodes-container.column-4 .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-4 .audio-player-wrapper .mejs__duration,
.episodes-container.column-4 .audio-player-wrapper .mejs__time,
.episodes-container.column-4 .audio-player-wrapper .mejs__time-rail,
.episodes-container.column-5 .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-5 .audio-player-wrapper .mejs__duration,
.episodes-container.column-5 .audio-player-wrapper .mejs__time,
.episodes-container.column-5 .audio-player-wrapper .mejs__time-rail {
display: none !important
}
.episodes-container.column-2 .audio-player-wrapper .stacked-player,
.episodes-container.column-3 .audio-player-wrapper .stacked-player,
.episodes-container.column-4 .audio-player-wrapper .stacked-player,
.episodes-container.column-5 .audio-player-wrapper .stacked-player {
padding-bottom: 10px
}
}
@media screen and (max-width: 767px) {
.episodes-container.column-1,
.episodes-container.column-2,
.episodes-container.column-3,
.episodes-container.column-4,
.episodes-container.column-5 {
grid-template-columns: repeat(auto-fill, 100%)
}
.episodes-container.column-1 .episode-content-container .audio-player-wrapper .mejs__button.mejs__speed-button,
.episodes-container.column-1 .episode-content-container .audio-player-wrapper .mejs__button.download-link,
.episodes-container.column-1 .episode-content-container .audio-player-wrapper .mejs__button.share-link,
.episodes-container.column-1 .episode-content-container .audio-player-wrapper .mejs__button.subscribe-link,
.episodes-container.column-2 .episode-content-container .audio-player-wrapper .mejs__button.mejs__speed-button,
.episodes-container.column-2 .episode-content-container .audio-player-wrapper .mejs__button.download-link,
.episodes-container.column-2 .episode-content-container .audio-player-wrapper .mejs__button.share-link,
.episodes-container.column-2 .episode-content-container .audio-player-wrapper .mejs__button.subscribe-link,
.episodes-container.column-3 .episode-content-container .audio-player-wrapper .mejs__button.mejs__speed-button,
.episodes-container.column-3 .episode-content-container .audio-player-wrapper .mejs__button.download-link,
.episodes-container.column-3 .episode-content-container .audio-player-wrapper .mejs__button.share-link,
.episodes-container.column-3 .episode-content-container .audio-player-wrapper .mejs__button.subscribe-link,
.episodes-container.column-4 .episode-content-container .audio-player-wrapper .mejs__button.mejs__speed-button,
.episodes-container.column-4 .episode-content-container .audio-player-wrapper .mejs__button.download-link,
.episodes-container.column-4 .episode-content-container .audio-player-wrapper .mejs__button.share-link,
.episodes-container.column-4 .episode-content-container .audio-player-wrapper .mejs__button.subscribe-link,
.episodes-container.column-5 .episode-content-container .audio-player-wrapper .mejs__button.mejs__speed-button,
.episodes-container.column-5 .episode-content-container .audio-player-wrapper .mejs__button.download-link,
.episodes-container.column-5 .episode-content-container .audio-player-wrapper .mejs__button.share-link,
.episodes-container.column-5 .episode-content-container .audio-player-wrapper .mejs__button.subscribe-link {
position: static;
top: unset
}
.episodes-container.column-1 .episode-content-container .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-1 .episode-content-container .audio-player-wrapper .mejs__duration,
.episodes-container.column-1 .episode-content-container .audio-player-wrapper .mejs__time,
.episodes-container.column-1 .episode-content-container .audio-player-wrapper .mejs__time-rail,
.episodes-container.column-2 .episode-content-container .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-2 .episode-content-container .audio-player-wrapper .mejs__duration,
.episodes-container.column-2 .episode-content-container .audio-player-wrapper .mejs__time,
.episodes-container.column-2 .episode-content-container .audio-player-wrapper .mejs__time-rail,
.episodes-container.column-3 .episode-content-container .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-3 .episode-content-container .audio-player-wrapper .mejs__duration,
.episodes-container.column-3 .episode-content-container .audio-player-wrapper .mejs__time,
.episodes-container.column-3 .episode-content-container .audio-player-wrapper .mejs__time-rail,
.episodes-container.column-4 .episode-content-container .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-4 .episode-content-container .audio-player-wrapper .mejs__duration,
.episodes-container.column-4 .episode-content-container .audio-player-wrapper .mejs__time,
.episodes-container.column-4 .episode-content-container .audio-player-wrapper .mejs__time-rail,
.episodes-container.column-5 .episode-content-container .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-5 .episode-content-container .audio-player-wrapper .mejs__duration,
.episodes-container.column-5 .episode-content-container .audio-player-wrapper .mejs__time,
.episodes-container.column-5 .episode-content-container .audio-player-wrapper .mejs__time-rail {
display: block !important
}
.episodes-container.column-1 .episode-content-container .audio-player-wrapper.player-image-enabled .stacked-player,
.episodes-container.column-2 .episode-content-container .audio-player-wrapper.player-image-enabled .stacked-player,
.episodes-container.column-3 .episode-content-container .audio-player-wrapper.player-image-enabled .stacked-player,
.episodes-container.column-4 .episode-content-container .audio-player-wrapper.player-image-enabled .stacked-player,
.episodes-container.column-5 .episode-content-container .audio-player-wrapper.player-image-enabled .stacked-player {
padding-top: 20px !important
}
.episode-meta span {
width: 100%;
font-size: 1.1rem;
display: block;
margin-bottom: .5rem
}
.episode-meta span.cat-separator {
display: inline;
margin: 0
}
.episodes-container.column-4 .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button),
.episodes-container.column-5 .audio-player-wrapper .mejs__controls .mejs__button:not(.mejs__playpause-button) {
display: block !important
}
.episodes-container.column-4 .audio-player-wrapper .mejs__container .mejs__controls .mejs__skip-back-button,
.episodes-container.column-4 .audio-player-wrapper .mejs__container .mejs__controls .mejs__jump-forward-button,
.episodes-container.column-5 .audio-player-wrapper .mejs__container .mejs__controls .mejs__skip-back-button,
.episodes-container.column-5 .audio-player-wrapper .mejs__container .mejs__controls .mejs__jump-forward-button {
display: none !important
}
}
#show-header {
background-color: var(--show-header-bg, var(--body-bg-color));
background-size: cover;
margin-bottom: 1.875rem
}
#show-header .container {
padding-top: var(--show-header-padding-top, 90);
padding-bottom: var(--show-header-padding-bottom, 90)
}
#show-header .show-header-desc {
color: var(--show-header-desc-color, var(--body-font-color));
font-size: calc(var(--primary-body-font-size) - .1rem);
line-height: 1.6;
max-width: 50rem
}
#show-header h1 {
color: var(--show-header-title-color, var(--body-font-color));
font-size: var(--show-header-title-font-size, 2.25rem)
}
#show-header h4.podcast-subtitle {
color: var(--show-header-title-color, var(--body-font-color))
}
#show-header .subscribe-button {
font-weight: 700;
color: var(--show-header-subscribe-color, var(--body-font-color));
background-color: var(--show-header-subscribe-bg, var(--primary-color));
border-radius: 3.125rem;
padding: 1rem 3rem
}
#show-header .subscribe-button:hover {
color: var(--show-header-subscribe-color-hover, var(--body-font-color));
background-color: var(--show-header-subscribe-bg-hover, var(--primary-hover-color))
}
#show-header .show-header-social ul {
margin-top: 2.812rem;
list-style: none !important;
padding-left: 0 !important;
display: flex
}
#show-header .show-header-social ul li {
justify-content: left;
margin-right: 1.562rem
}
#show-header .show-header-social ul i {
font-size: 1.87rem;
position: relative;
top: -.187rem;
color: var(--show-header-social-color, var(--primary-color));
transition-duration: .2s;
transition-property: color;
transition-timing-function: ease-in-out
}
#show-header .show-header-social ul i:hover {
color: var(--show-header-social-color-hover, va(--primary-hover-color))
}
#show-header .follow-text,
#show-header .reviews-button {
color: var(--show-header-desc-color, var(--body-font-color));
margin-right: 1.25rem;
font-size: 1rem;
font-weight: 700;
letter-spacing: .062rem;
position: relative;
top: -.5rem
}
#show-header .reviews-button {
position: unset;
font-size: 1.1rem;
letter-spacing: .031rem;
margin: 0 !important;
padding-right: .6rem
}
#show-header .reviews-container {
cursor: pointer;
margin: 2rem 0 1rem;
align-items: center;
align-content: center
}
#show-header .reviews-container .stars i {
color: var(--show-header-desc-color, var(--body-font-color));
margin-right: .1rem;
font-size: .8rem;
position: relative;
top: .1rem;
display: inline
}
#show-header .layout-right {
flex-direction: row-reverse
}
#show-header .layout-right .episode-img-container {
padding-right: 0;
padding-left: 4rem
}
#show-header .layout-center {
text-align: center
}
#show-header .layout-center .show-header-social {
justify-content: center
}
#show-header .layout-center .show-header-desc {
margin-left: auto;
margin-right: auto
}
#show-header .layout-center .subscribe-buttons.style-icons ul,
#show-header .layout-center .subscribe-buttons.style-buttons ul,
#show-header .layout-center .reviews-container {
justify-content: center
}
@media screen and (max-width: 767px) {
.episode-img-container {
width: 100%;
max-width: 94%;
margin-left: auto;
margin-right: auto;
margin-bottom: 3rem;
padding-right: 0
}
.reviews-container,
.reviews-container .stars {
display: flex !important
}
.episode-info-container {
padding-left: 0;
padding-right: 0;
width: 100%
}
#show-header .layout-right .episode-img-container {
padding-left: 0;
padding-right: 0
}
#show-header .show-header-desc {
margin-top: 2rem;
font-size: 1.3rem
}
#show-header .show-header-social {
display: flex !important;
margin-top: 2rem
}
#show-header .show-header-social .follow-text {
font-size: 1.35rem;
position: static;
display: block;
margin: 2rem 0 1rem
}
#show-header .show-header-social ul {
margin-top: 0;
margin-left: 1rem;
display: flex
}
}
html body {
display: block
}
#site-footer {
background: var(--footer-bg);
color: var(--footer-color)
}
body .footer-widget a {
color: var(--footer-color)
}
body .footer-widget a:hover {
color: var(--footer-color-hover)
}
.footer-widget {
margin: 1.88rem auto;
max-width: 100%
}
#site-footer .custom-footer-container {
padding-top: var(--footer-padding);
padding-bottom: var(--footer-padding)
}
#site-footer .custom-footer-container li {
margin-bottom: .8rem
}
body #site-footer li.header {
font-size: 1.05rem;
margin-bottom: .5rem;
font-weight: 700
}
body #site-footer .recaptcha-container {
transform: scale(.66);
transform-origin: 0
}
footer .footer-widget h6 {
font-size: 1.2rem;
margin-bottom: .6rem;
margin-top: 0
}
#site-footer a:hover {
color: var(--footer-color-hover)
}
.footer-copyright-container {
text-align: var(--footer-copyright-align);
background-color: var(--footer-copyright-bg);
color: var(--footer-copyright-color)
}
body footer#site-footer pp-contact-form .contact-container,
body .sidebar pp-contact-form .contact-container {
margin: 0 !important;
width: 100% !important
}
body footer#site-footer pp-social-sharing .social-sharer-container ul,
body pp-social-sharing .social-sharer-container ul,
body pp-social-icons ul {
margin: 0;
gap: 1.2rem !important
}
body footer input.default,
body footer select.default,
body footer textarea.default {
background-color: var(--footer-bg-color);
border-color: var(--footer-color);
color: var(--footer-color)
}
body .sidebar p {
margin-bottom: 0
}
body .sidebar {
min-width: 33%;
max-width: 33%;
margin-left: 3rem
}
#sidebar-container .sidebar-widget {
word-break: break-word;
margin-bottom: var(--sidebar-spacing, 4rem)
}
#sidebar-container .sidebar-widget:last-child {
margin-bottom: 0
}
#sidebar-container .sidebar-widget h6.sidebar-title {
font-size: var(--sidebar-heading-size, 1.1rem)
}
#sidebar-container .sidebar-widget h1,
#sidebar-container .sidebar-widget h2,
#sidebar-container .sidebar-widget h3,
#sidebar-container .sidebar-widget h4,
#sidebar-container .sidebar-widget h5,
#sidebar-container .sidebar-widget h6 {
margin-top: 0 !important
}
@media screen and (min-width: 767px) {
body.sidebar:has(#sidebar-container) .page-content,
body.sidebar:has(#sidebar-container) .post-content,
body.sidebar:has(#sidebar-container) .episode-content,
div[data-type=columns] div[data-type=column] .page-content,
div[data-type=columns] div[data-type=column] .post-content,
div[data-type=columns] div[data-type=column] .episode-content {
max-width: calc(70% - 3rem)
}
body.sidebar:has(#sidebar-container) .page-content app-episodes-carousel,
body.sidebar:has(#sidebar-container) .post-content app-episodes-carousel,
body.sidebar:has(#sidebar-container) .episode-content app-episodes-carousel,
div[data-type=columns] div[data-type=column] .page-content app-episodes-carousel,
div[data-type=columns] div[data-type=column] .post-content app-episodes-carousel,
div[data-type=columns] div[data-type=column] .episode-content app-episodes-carousel {
width: 100% !important;
max-width: 100% !important;
margin: auto !important;
left: auto !important;
right: auto !important
}
body.sidebar:has(#sidebar-container) .reviews-container,
div[data-type=columns] div[data-type=column] .reviews-container {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}
body.sidebar:has(#sidebar-container) .episodes-container.column-3,
body.sidebar:has(#sidebar-container) .episodes-container.column-4,
body.sidebar:has(#sidebar-container) .episodes-container.column-5,
div[data-type=columns] div[data-type=column] .episodes-container.column-3,
div[data-type=columns] div[data-type=column] .episodes-container.column-4,
div[data-type=columns] div[data-type=column] .episodes-container.column-5 {
grid-template-columns: repeat(2, 1fr)
}
body.sidebar:has(#sidebar-container) app-podcasts-carousel .swiper-slide,
div[data-type=columns] div[data-type=column] app-podcasts-carousel .swiper-slide {
min-width: 33% !important
}
body.sidebar:has(#sidebar-container) app-episodes-carousel .swiper-slide,
body.sidebar:has(#sidebar-container) app-reviews-carousel .swiper-slide,
div[data-type=columns] div[data-type=column] app-episodes-carousel .swiper-slide,
div[data-type=columns] div[data-type=column] app-reviews-carousel .swiper-slide {
min-width: 50% !important
}
body.sidebar:has(#sidebar-container) pp-audio-playlist .mejs__time,
body.sidebar:has(#sidebar-container) pp-audio-playlist .mejs__time-rail,
body.sidebar:has(#sidebar-container) pp-audio-playlist .mejs__button.download-link,
div[data-type=columns] div[data-type=column] pp-audio-playlist .mejs__time,
div[data-type=columns] div[data-type=column] pp-audio-playlist .mejs__time-rail,
div[data-type=columns] div[data-type=column] pp-audio-playlist .mejs__button.download-link {
display: none !important
}
body.sidebar:has(#sidebar-container) pp-audio-playlist .mejs__button,
div[data-type=columns] div[data-type=column] pp-audio-playlist .mejs__button {
margin-left: 12px;
margin-right: 12px
}
body.sidebar:has(#sidebar-container) pp-audio-playlist .current-episode h3.current-title,
div[data-type=columns] div[data-type=column] pp-audio-playlist .current-episode h3.current-title {
font-size: 1.2rem !important
}
body.sidebar:has(#sidebar-container) .episodes-container.column-3 .mejs__time,
body.sidebar:has(#sidebar-container) .episodes-container.column-3 .mejs__time-rail,
body.sidebar:has(#sidebar-container) .episodes-container.column-3 .mejs__speed-button,
body.sidebar:has(#sidebar-container) .episodes-container.column-3 .mejs__button.share-link,
body.sidebar:has(#sidebar-container) .episodes-container.column-3 .mejs__button.download-link,
body.sidebar:has(#sidebar-container) .episodes-container.column-2 .mejs__time,
body.sidebar:has(#sidebar-container) .episodes-container.column-2 .mejs__time-rail,
body.sidebar:has(#sidebar-container) .episodes-container.column-2 .mejs__speed-button,
body.sidebar:has(#sidebar-container) .episodes-container.column-2 .mejs__button.share-link,
body.sidebar:has(#sidebar-container) .episodes-container.column-2 .mejs__button.download-link,
div[data-type=columns] div[data-type=column] .episodes-container.column-3 .mejs__time,
div[data-type=columns] div[data-type=column] .episodes-container.column-3 .mejs__time-rail,
div[data-type=columns] div[data-type=column] .episodes-container.column-3 .mejs__speed-button,
div[data-type=columns] div[data-type=column] .episodes-container.column-3 .mejs__button.share-link,
div[data-type=columns] div[data-type=column] .episodes-container.column-3 .mejs__button.download-link,
div[data-type=columns] div[data-type=column] .episodes-container.column-2 .mejs__time,
div[data-type=columns] div[data-type=column] .episodes-container.column-2 .mejs__time-rail,
div[data-type=columns] div[data-type=column] .episodes-container.column-2 .mejs__speed-button,
div[data-type=columns] div[data-type=column] .episodes-container.column-2 .mejs__button.share-link,
div[data-type=columns] div[data-type=column] .episodes-container.column-2 .mejs__button.download-link {
display: none !important
}
body.sidebar:has(#sidebar-container) .episodes-container.column-3 .mejs__button,
body.sidebar:has(#sidebar-container) .episodes-container.column-2 .mejs__button,
div[data-type=columns] div[data-type=column] .episodes-container.column-3 .mejs__button,
div[data-type=columns] div[data-type=column] .episodes-container.column-2 .mejs__button {
margin-left: 12px;
margin-right: 12px
}
body.sidebar:has(#sidebar-container) .episodes-container.column-1 .mejs__time,
body.sidebar:has(#sidebar-container) .episodes-container.column-1 .mejs__time-rail,
body.sidebar:has(#sidebar-container) .episodes-container.column-1 .mejs__button.download-link,
div[data-type=columns] div[data-type=column] .episodes-container.column-1 .mejs__time,
div[data-type=columns] div[data-type=column] .episodes-container.column-1 .mejs__time-rail,
div[data-type=columns] div[data-type=column] .episodes-container.column-1 .mejs__button.download-link {
display: none !important
}
body.sidebar:has(#sidebar-container) .episodes-container.column-1 .mejs__button,
div[data-type=columns] div[data-type=column] .episodes-container.column-1 .mejs__button {
margin-left: 12px;
margin-right: 12px
}
}
body .sidebar.page-sidebar pp-audio-playlist .current-episode {
flex-direction: column;
gap: 1rem
}
body .sidebar.page-sidebar pp-audio-playlist .current-episode h3.current-title {
font-size: 1.3rem !important
}
body .sidebar.page-sidebar .episodes-container,
body .sidebar.page-sidebar .reviews-container,
body .sidebar.page-sidebar .grid {
grid-template-columns: unset !important
}
body .sidebar.page-sidebar pp-audio-playlist .current-episode .mejs__button.mejs__skip-back-button,
body .sidebar.page-sidebar pp-audio-playlist .current-episode .mejs__button.mejs__jump-forward-button,
body .sidebar.page-sidebar pp-audio-playlist .current-episode .mejs__time,
body .sidebar.page-sidebar app-episodes-carousel .mejs__button.mejs__skip-back-button,
body .sidebar.page-sidebar app-episodes-carousel .mejs__button.mejs__jump-forward-button,
body .sidebar.page-sidebar app-episodes-carousel .mejs__time,
body .sidebar.page-sidebar app-audio-player .mejs__button.mejs__skip-back-button,
body .sidebar.page-sidebar app-audio-player .mejs__button.mejs__jump-forward-button,
body .sidebar.page-sidebar app-audio-player .mejs__time {
display: none !important
}
body .sidebar.page-sidebar app-episodes-carousel {
width: auto !important;
max-width: auto !important;
min-height: 2rem !important;
margin: 2rem auto !important
}
body .sidebar.page-sidebar .audio-player-wrapper {
flex-direction: column;
align-items: center
}
body .sidebar.page-sidebar swiper-slide {
width: 100% !important
}
body .sidebar.page-sidebar #show-header .container {
flex-direction: column;
align-items: center;
justify-content: center
}
body .sidebar.page-sidebar #show-header .episode-img-container,
body .sidebar.page-sidebar #show-header .episode-info-container {
width: 90%;
margin: 0 auto;
padding: 0;
text-align: center
}
body .sidebar.page-sidebar #show-header .episode-img-container img {
margin: 0 auto
}
body.swiper {
overflow: unset
}
.carousel {
overflow: hidden !important
}
@media screen and (max-width: 767px) {
body footer#site-footer .grid {
grid-template-columns: repeat(1, 100%) !important;
text-align: center
}
body footer#site-footer .grid .subscribe-buttons ul {
justify-content: center
}
body #site-footer .footer-copyright-container * {
font-size: 1.2rem !important;
line-height: 1.4
}
body #site-footer ul li.header {
font-size: 1.35rem !important
}
body .main-content-container .sidebar {
width: 100%;
max-width: 100%;
margin: 5rem auto 0;
padding: 0
}
body .footer-widget {
width: 100%
}
}
html .subscribe-modal-container .nsm-dialog,
html .social-modal-container .nsm-dialog,
html .playlist-modal-container .nsm-dialog,
html .donations-modal-container .nsm-dialog,
html .recording-modal-container .nsm-dialog,
html .reviews-modal-container .nsm-dialog,
html .plans-modal-container .nsm-dialog,
html .login-modal-container .nsm-dialog,
html .signup-modal-container .nsm-dialog {
max-width: 70%;
height: initial;
justify-content: center;
display: flex;
flex-direction: column
}
html .subscribe-modal-container .nsm-content,
html .social-modal-container .nsm-content,
html .playlist-modal-container .nsm-content,
html .donations-modal-container .nsm-content,
html .recording-modal-container .nsm-content,
html .reviews-modal-container .nsm-content,
html .plans-modal-container .nsm-content,
html .login-modal-container .nsm-content,
html .signup-modal-container .nsm-content {
background-color: var(--body-bg-color);
padding: 4.5rem 3.5rem 3.5rem
}
html .plans-modal-container .nsm-dialog {
min-width: 85%
}
html ngx-smart-modal.reviews-modal-container .nsm-dialog {
max-width: 85% !important
}
html ngx-smart-modal.reviews-modal-container .nsm-content {
padding: 3.5rem 2.5rem 2.5rem
}
html .nsm-dialog button.nsm-dialog-btn-close {
right: 1rem;
top: 1rem;
color: var(--body-font-color)
}
html body .popup-modal-container .nsm-dialog {
max-width: var(--popup-width, 50%);
height: initial;
justify-content: center;
display: flex;
flex-direction: column
}
html body .popup-modal-container .nsm-content {
background-color: var(--body-bg-color);
padding: 0
}
html body .popup-modal-container .stretch-width,
html body .popup-modal-container [data-stretch-width=true] {
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 100% !important
}
html body .popup-modal-container .gjs-row[data-stretch-width=true] .gjs-cell {
max-width: 100% !important
}
html body .popup-modal-container .main-content-container {
padding: 0
}
html .nsm-dialog {
z-index: 999999999 !important
}
html .overlay.nsm-overlay-open {
z-index: 99999999 !important
}
@media screen and (max-width: 767px) {
html .subscribe-modal-container .overlay,
html .social-modal-container .overlay,
html .playlist-modal-container .overlay,
html .donations-modal-container .overlay,
html .recording-modal-container .overlay,
html .plans-modal-container .overlay,
html .login-modal-container .overlay,
html .signup-modal-container .overlay,
html .popup-modal .overlay,
html ngx-smart-modal.reviews-modal-container .overlay {
display: block
}
html .subscribe-modal-container .nsm-dialog,
html .social-modal-container .nsm-dialog,
html .playlist-modal-container .nsm-dialog,
html .donations-modal-container .nsm-dialog,
html .recording-modal-container .nsm-dialog,
html .plans-modal-container .nsm-dialog,
html .login-modal-container .nsm-dialog,
html .signup-modal-container .nsm-dialog,
html .popup-modal .nsm-dialog,
html ngx-smart-modal.reviews-modal-container .nsm-dialog {
max-width: 95% !important;
height: auto;
justify-content: center;
display: flex;
flex-direction: column
}
html .subscribe-modal-container .nsm-content,
html .social-modal-container .nsm-content,
html .playlist-modal-container .nsm-content,
html .donations-modal-container .nsm-content,
html .recording-modal-container .nsm-content,
html .plans-modal-container .nsm-content,
html .login-modal-container .nsm-content,
html .signup-modal-container .nsm-content,
html .popup-modal .nsm-content,
html ngx-smart-modal.reviews-modal-container .nsm-content {
margin: 5% 0;
padding: 2rem 1.5rem
}
html body .popup-modal-container .nsm-dialog {
max-width: 100% !important
}
html .globalModal.nsm-dialog {
max-width: 95% !important;
height: auto;
justify-content: center;
display: flex;
flex-direction: column
}
html .globalModal.nsm-dialog .nsm-content {
margin: 5% 0;
padding: 2rem 1.5rem
}
html .loader-shape {
-webkit-mask-size: 80% !important;
mask-size: 80% !important
}
}
@media screen and (min-width: 1400px) {
nsm-content {
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto
}
nsm-content .container {
max-width: 100%
}
}
blockquote {
padding: 1rem 2rem;
overflow-wrap: break-word;
box-sizing: border-box;
border-left: 4px solid var(--primary-color, var(--body-font-color));
line-height: 1.8;
margin: 1rem 0
}
blockquote p:last-child {
margin: 0
}
body video,
body .mejs__poster {
border-radius: .175rem
}
body .sticky-default-player .audio-player-wrapper {
background: transparent !important
}
.episode-content-container audio,
#episode-header audio,
#sticky-player audio,
.native-player audio {
display: none
}
.mejs__poster,
.mejs__overlay {
max-width: 100%
}
body.episode.sidebar .related-episodes .mejs__button.mejs__speed-button,
body.episode.sidebar .related-episodes .mejs__button.mejs__volume-button,
body.episode.sidebar .related-episodes .mejs__button.download-link {
display: none
}
body iframe {
max-width: 100%
}
body.page .main-content-container iframe {
width: 100%
}
body.component-preview {
background-color: transparent !important;
display: flex;
width: 100%;
flex-direction: column
}
body .sticky-embed .audio-embed-container {
margin: 0
}
body .ng-bar {
background-color: var(--primary-color) !important
}
body #app-loader {
direction: ltr !important
}
body .ng-spinner-icon {
display: none !important
}
html.loading .custom-loader {
content: "";
animation: fade .25s;
background: var(--body-bg-color);
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999999;
position: fixed
}
html.loading .custom-loader .loader-shape {
background-color: var(--primary-color);
width: 90%;
height: 90%
}
@keyframes fade {
0% {
opacity: 0;
transition: all .2s ease
}
to {
opacity: 1;
transition: all .2s ease
}
}
body input.default,
body select.default,
body textarea.default,
dynamic-component input:not([type=checkbox]),
dynamic-component select,
dynamic-component textarea {
-webkit-appearance: none;
appearance: none;
display: block;
border-width: 1px;
width: 100%;
--bg-opacity: 1;
background-color: var(--body-bg-color);
--border-opacity: 1;
border-radius: .275rem;
padding: .66rem 1rem;
margin-bottom: .55rem;
line-height: 1.25;
outline: none;
border-color: color-mix(in srgb, var(--body-font-color), var(--body-bg-color) 60%)
}
body input.default:focus,
body select.default:focus,
body textarea.default:focus,
dynamic-component input:not([type=checkbox]):focus,
dynamic-component select:focus,
dynamic-component textarea:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 1px var(--primary-color) inset
}
body select.default,
dynamic-component select {
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
background-size: 4px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat
}
label.default {
font-size: .84rem;
font-weight: 700;
margin-bottom: 3px;
display: block;
letter-spacing: 0
}
.episodes-container.column-3 .episode-meta,
.episodes-container.column-4 .episode-meta,
.episodes-container.column-5 .episode-meta {
font-size: .75rem
}
.episodes-container.column-3 .audio-player-wrapper.audio-border-enabled {
padding-left: 5px;
padding-right: 5px
}
.episodes-container.column-3 .episode-meta span,
.episodes-container.column-3 .episode-meta>a {
display: inline-block
}
.episodes-container.column-4 .episode-meta span,
.episodes-container.column-5 .episode-meta span {
display: block
}
.episodes-container.column-4 .episode-meta span.cat-separator,
.episodes-container.column-5 .episode-meta span.cat-separator {
display: inline;
margin: 0
}
.footer-widget,
.footer-copyright-container,
.top-header-container {
word-break: break-word
}
body .load-more .button {
display: inline-block;
padding-top: .8rem;
padding-bottom: .8rem
}
body button.formkit-submit {
padding: 1rem 2rem
}
body button.formkit-submit span,
body button.formkit-submit {
padding-top: .8rem !important;
padding-bottom: .8rem !important
}
body>.formkit-slide-in,
body .mc-modal {
z-index: 99999999999;
margin: 0 auto;
width: 90%;
left: 5%;
right: 5%;
top: 10%
}
body #mc_embed_signup {
background-color: var(--body-bg-color) !important;
color: var(--body-font-color) !important
}
body #mc_embed_signup .button {
background-color: var(--primary-color)
}
i.fab.fa-accessible-icon:before {
content: "\e07b" !important
}
i.fab.fa-gg-circle:before {
content: "\f4f6" !important
}
i.fab.fa-gg:before {
content: "\f0e0" !important;
font-family: faCustom !important
}
i.fab.fa-accusoft:before {
content: "\e61b" !important
}
i.fab.fa-adn:before {
content: "\e618" !important
}
i.fab.fa-alipay:before {
content: "\e671" !important
}
body .globalModal.nsm-dialog {
max-width: 70%;
height: initial;
justify-content: center;
display: flex;
flex-direction: column
}
body .globalModal.nsm-dialog .nsm-content {
background-color: var(--body-bg-color);
padding: 4.5rem 3.5rem 3.5rem !important
}
body .subscribe-buttons ul,
body ul.episode-filter,
body ul.podcast-filter,
body ul.video-filter {
list-style: none !important;
text-transform: capitalize;
padding-left: 0 !important;
display: flex !important
}
.podcast-filter li,
.episode-filter li {
background-color: var(--primary-color);
color: #fff;
transition: background-color .25s ease-in-out;
padding: .4rem 1.4rem;
border-radius: 3rem;
font-size: .85rem;
font-weight: 700;
cursor: pointer
}
.podcast-filter li:hover,
.podcast-filter li.selected,
.episode-filter li:hover,
.episode-filter li.selected {
background-color: var(--primary-hover-color)
}
.podcast-filter li.selected,
.episode-filter li.selected {
pointer-events: none
}
@media screen and (max-width: 767px) {
body .container .podcast-filter li,
body .container .episode-filter li {
display: inline-block;
margin: 1rem 1rem .4rem 0;
padding-left: 1.2em;
padding-right: 1.2rem;
font-size: 1.2rem
}
body .container .podcast-filter li:last-child,
body .container .episode-filter li:last-child {
margin-right: 0
}
}
.episode-meta,
.video-meta,
.blog-title-container,
#episode-header,
#video-header,
#show-header {
word-break: break-word
}
.episode-content p[style="text-align: center;"]>iframe,
.post-content p[style="text-align: center;"]>iframe {
margin: 0 auto
}
body supercast-embed,
body supercast-plan {
max-width: 30rem;
display: inline-block
}
body.recording-modal-open .voice-btn,
body.recording-modal-open #sticky-player {
opacity: 0;
transition: opacity .22s ease-in-out
}
body i.loading-icon {
opacity: .7;
line-height: 1;
animation: fa-spin .5s linear infinite;
animation-duration: .5s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: fa-spin
}
body .top-header-container app-podcast-icons .subscribe-buttons li,
body .footer-copyright-container app-podcast-icons .subscribe-buttons li {
width: 24px !important;
max-width: 24px !important;
height: 24px !important;
margin-right: .2rem !important;
margin-bottom: 0 !important
}
body .top-header-container app-podcast-icons .subscribe-buttons li img,
body .footer-copyright-container app-podcast-icons .subscribe-buttons li img {
width: 24px !important;
height: 24px !important
}
pp-episodes,
pp-subscribe-buttons,
pp-contact-form,
pp-recent-episodes,
pp-reviews,
pp-voice-message,
pp-review-form,
pp-review-carousel,
pp-podcast-carousel,
pp-channels,
pp-episode-carousel,
pp-audio-playlist,
pp-podcast-info,
pp-social-sharing,
pp-social-icons,
pp-instagram-gallery,
pp-participants,
pp-intake-form,
pp-search,
pp-posts,
pp-player,
pp-videos,
pp-channel-info,
pp-menu {
display: block
}
body [data-stretch-width=true],
body .stretch-width {
display: block;
width: calc(100vw - var(--scrollbar-width, .8rem)) !important;
margin-left: calc(var(--scrollbar-width, .8rem) / 2 + 50% - 50vw) !important;
margin-right: calc(var(--scrollbar-width, .8rem) / 2 + 50% - 50vw) !important;
max-width: 100vw !important
}
button,
a,
.button,
input[type=submit] {
transition-duration: .2s;
transition-property: all;
transition-timing-function: ease-in-out;
outline: none
}
button:focus,
a:focus,
.button:focus,
input[type=submit]:focus {
outline: none
}
button a,
.button a {
transition-duration: 0ms
}
.node-button:has(a[data-alignment=center]) {
text-align: center
}
.node-button:has(a[data-alignment=right]) {
text-align: right
}
.node-button>a {
margin-bottom: 1.2rem;
display: inline-block
}
.iframe-wrapper iframe[src*="youtube.com"] {
height: auto !important;
aspect-ratio: 16/9
}
.iframe-wrapper iframe[data-align=center] {
margin-left: auto;
margin-right: auto
}
.iframe-wrapper iframe[data-align=left] {
margin-left: 0;
margin-right: auto
}
.iframe-wrapper iframe[data-align=right] {
margin-left: auto;
margin-right: 0
}
img[data-type=imageBlock] {
margin-top: .7rem;
margin-bottom: .7rem
}
img[data-type=imageBlock][data-align=center] {
margin-left: auto;
margin-right: auto
}
img[data-type=imageBlock][data-align=left] {
margin-left: 0;
margin-right: auto
}
img[data-type=imageBlock][data-align=right] {
margin-left: auto;
margin-right: 0
}
div[data-type=columns] {
display: flex;
justify-content: space-between;
gap: 1rem
}
div[data-type=columns] div[data-type=column] {
width: 100%;
padding: 1rem
}
@media screen and (max-width: 767px) {
div[data-type=columns] {
display: block
}
div[data-type=columns] div[data-type=column] {
width: 100%;
padding: 1rem;
margin-bottom: 1rem
}
.iframe-wrapper iframe,
img[data-type=imageBlock] {
width: 100%;
max-width: 100%;
margin: 1rem
}
}
.main-content-container ul li p:last-child {
margin: 0
}
pre code {
display: block;
margin: 1rem 0;
font-family: monospace;
unicode-bidi: isolate
}
body img:not([src]) {
height: 8rem;
width: 100%;
visibility: hidden !important
}
body img.lazyload.lazyloaded {
height: auto;
width: auto;
opacity: 1
}
.premium-excerpt {
max-width: 960px;
margin: 0 auto 3rem;
position: relative;
overflow: hidden
}
.premium-excerpt:after {
background-image: linear-gradient(to bottom, transparent 3rem, var(--body-bg-color) 15rem);
bottom: -3rem;
content: "";
height: 15rem;
position: absolute;
display: block;
width: 100%;
max-width: 960px
}
.fa,
.fad,
.fal,
.fab,
.far,
.fas {
font-family: faCustom;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal !important;
font-variant: normal;
text-rendering: auto;
line-height: 1
}
.fas,
.far,
.fab {
font-weight: 400 !important;
font-style: normal !important
}
.fab {
font-style: normal !important
}
@keyframes fa-spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.fa-share:before {
content: "\f064"
}
.fa-500px:before {
content: "\f26e"
}
.fa-airbnb:before {
content: "\f834"
}
.fa-alipay:before {
content: "\f642"
}
.fa-amazon:before {
content: "\f270"
}
.fa-android:before {
content: "\f17b"
}
.fa-angellist:before {
content: "\f209"
}
.fa-apple:before {
content: "\f416"
}
.fa-apple-pay:before {
content: "\f415"
}
.fa-app-store:before {
content: "\f36f"
}
.fa-artstation:before {
content: "\f77a"
}
.fa-audible:before {
content: "\f373"
}
.fa-bandcamp:before {
content: "\f2d5"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-bitcoin:before {
content: "\f379"
}
.fa-blogger:before {
content: "\f37c"
}
.fa-blogger-b:before {
content: "\f37d"
}
.fa-bluesky:before {
content: "\e671"
}
.fa-btc:before {
content: "\f15a"
}
.fa-chrome:before {
content: "\f268"
}
.fa-dailymotion:before {
content: "\e052"
}
.fa-deezer:before {
content: "\e077"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-dev:before {
content: "\f6cc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-diaspora:before {
content: "\f791"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-discord:before {
content: "\f392"
}
.fa-discourse:before {
content: "\f393"
}
.fa-docker:before {
content: "\f395"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-ebay:before {
content: "\f4f4"
}
.fa-ethereum:before {
content: "\f42e"
}
.fa-etsy:before {
content: "\f2d7"
}
.fa-facebook:before {
content: "\f09a"
}
.fa-facebook-f:before {
content: "\f39e"
}
.fa-facebook-messenger:before {
content: "\f39f"
}
.fa-figma:before {
content: "\f799"
}
.fa-firefox:before {
content: "\f269"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-flipboard:before {
content: "\f44d"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-get-pocket:before {
content: "\f265"
}
.fa-github:before {
content: "\f09b"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-gitlab:before {
content: "\f296"
}
.fa-goodreads:before {
content: "\f3a8"
}
.fa-goodreads-g:before {
content: "\f3a9"
}
.fa-google:before {
content: "\f1a0"
}
.fa-google-play:before {
content: "\f3ab"
}
.fa-hacker-news:before {
content: "\f3af"
}
.fa-imdb:before {
content: "\f2d8"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-itunes:before {
content: "\f3b4"
}
.fa-itunes-note:before {
content: "\f3b5"
}
.fa-kickstarter:before {
content: "\f3bb"
}
.fa-kickstarter-k:before {
content: "\f3bc"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-line:before {
content: "\f3c0"
}
.fa-linkedin:before {
content: "\f08c"
}
.fa-linkedin-in:before {
content: "\f0e1"
}
.fa-mailchimp:before {
content: "\f59e"
}
.fa-mastodon:before {
content: "\f4f6"
}
.fa-medium:before {
content: "\f23a"
}
.fa-meetup:before {
content: "\f2e0"
}
.fa-meta:before {
content: "\e49b"
}
.fa-microsoft:before {
content: "\f3ca"
}
.fa-mixcloud:before {
content: "\f289"
}
.fa-patreon:before {
content: "\f3d9"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-product-hunt:before {
content: "\f288"
}
.fa-quora:before {
content: "\f2c4"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-alien:before {
content: "\f281"
}
.fa-salesforce:before {
content: "\f83b"
}
.fa-shopify:before {
content: "\e057"
}
.fa-skype:before {
content: "\f17e"
}
.fa-slack:before {
content: "\f198"
}
.fa-snapchat:before {
content: "\f2ab"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-square-behance:before,
.fa-behance-squre:before {
content: "\f1b5"
}
.fa-square-dribbble:before,
.fa-dribbble-square:before {
content: "\f397"
}
.fa-square-facebook:before,
.fa-facebook-square:before {
content: "\f082"
}
.fa-square-github:before,
.fa-github-square:before {
content: "\f092"
}
.fa-square-gitlab:before,
.fa-gitlab-square:before {
content: "\e5ae"
}
.fa-square-instagram:before,
.fa-instagram-square:before {
content: "\e055"
}
.fa-square-lastfm:before,
.fa-lastfm-square:before {
content: "\f203"
}
.fa-square-pinterest:before,
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-square-reddit:before,
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-square-snapchat:before,
.fa-snapchat-square:before {
content: "\f2ad"
}
.fa-square-steam:before,
.fa-steam-square:before {
content: "\f1b7"
}
.fa-square-threads:before {
content: "\e619"
}
.fa-square-tumblr:before,
.fa-tumblr-square:before {
content: "\f174"
}
.fa-square-twitter:before,
.fa-twitter-square:before {
content: "\f081"
}
.fa-square-vimeo:before,
.fa-vimeo-square:before {
content: "\f194"
}
.fa-square-whatsapp:before,
.fa-whatsapp-square:before {
content: "\f40c"
}
.fa-square-xing:before,
.fa-xing-square:before {
content: "\f169"
}
.fa-square-x-twitter:before {
content: "\e61a"
}
.fa-square-youtube:before,
.fa-youtube-square:before {
content: "\f431"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-symbol:before {
content: "\f3f6"
}
.fa-strava:before {
content: "\f428"
}
.fa-stripe:before {
content: "\f429"
}
.fa-stripe-s:before {
content: "\f42a"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-telegram:before {
content: "\f2c6"
}
.fa-threads:before {
content: "\e618"
}
.fa-tiktok:before {
content: "\e07b"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-twitter:before {
content: "\f099"
}
.fa-unsplash:before {
content: "\e07c"
}
.fa-untappd:before {
content: "\f405"
}
.fa-viber:before {
content: "\f409"
}
.fa-vimeo:before {
content: "\f40a"
}
.fa-vimeo-v:before {
content: "\f27d"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-vk:before {
content: "\f189"
}
.fa-weixin:before {
content: "\f1d7"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-wikipedia-w:before {
content: "\f266"
}
.fa-windows:before {
content: "\f17a"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-wordpress-simple:before {
content: "\f411"
}
.fa-xing:before {
content: "\f168"
}
.fa-x-twitter:before {
content: "\e61b"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-yammer:before {
content: "\f840"
}
.fa-yandex:before {
content: "\f413"
}
.fa-yandex-international:before {
content: "\f414"
}
.fa-y-combinator:before {
content: "\f23b"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-youtube:before {
content: "\f167"
}
.fa-envelope-1:before {
content: "\f0e01"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-podcast:before {
content: "\f2ce"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-expand:before {
content: "\f065"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-stopwatch:before {
content: "\f2f2"
}
.fa-play:before {
content: "\f04b"
}
.fa-clone:before {
content: "\f24d"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-clock:before {
content: "\f017"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-copy:before {
content: "\f0c5"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-calendar:before {
content: "\f133"
}
.fa-user:before {
content: "\f007"
}
.fa-link:before {
content: "\f0c1"
}
.fa-lock:before {
content: "\f023"
}
.fa-tags:before {
content: "\f02c"
}
.fa-undo:before {
content: "\f0e2"
}
.fa-pause:before {
content: "\f04c"
}
.fa-microphone:before {
content: "\f130"
}
.fa-star:before {
content: "\f005"
}
.fa-star-1:before {
content: "\f0051"
}
.fa-upload:before {
content: "\f093"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-circle-notch:before {
content: "\f1ce"
}
.fa-search:before {
content: "\f002"
}
.fa-times:before {
content: "\f00d"
}
.fa-bars:before {
content: "\f0c9"
}
.mejs__offscreen {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal
}
.mejs__container {
background: #000;
font-family: Helvetica, Arial, serif;
position: relative;
text-align: left;
text-indent: 0;
vertical-align: top
}
.mejs__container,
.mejs__container * {
box-sizing: border-box
}
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.mejs__fill-container,
.mejs__fill-container .mejs__container {
height: 100%;
width: 100%
}
.mejs__fill-container {
background: transparent;
margin: 0 auto;
overflow: hidden;
position: relative
}
.mejs__container:focus {
outline-offset: .125rem;
outline-style: solid;
outline-width: .125rem
}
.mejs__iframe-overlay {
height: 100%;
position: absolute;
width: 100%
}
.mejs__embed,
.mejs__embed body {
background: #000;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.mejs__fullscreen {
overflow: hidden !important
}
.mejs__container-fullscreen {
inset: 0;
overflow: hidden;
position: fixed;
z-index: 1000
}
.mejs__background,
.mejs__mediaelement {
left: 0;
position: absolute;
top: 0
}
.mejs__mediaelement {
height: 100%;
width: 100%;
z-index: 0
}
.mejs__poster {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
left: 0;
position: absolute;
top: 0;
z-index: 1
}
:root .mejs__poster-img {
display: none
}
.mejs__poster-img {
border: 0;
padding: 0
}
.mejs__overlay {
align-items: center;
display: flex;
justify-content: center;
left: 0;
position: absolute;
top: 0
}
.mejs__layer {
z-index: 1
}
.mejs__overlay-play {
cursor: pointer
}
.mejs__overlay-button {
background: transparent;
border: 0
}
.mejs__overlay:hover .mejs__overlay-button svg {
opacity: 1
}
.mejs__overlay-button svg {
opacity: .75
}
.mejs__overlay-button:focus svg {
opacity: 1
}
.mejs__overlay-button,
.mejs__overlay-button svg,
.mejs__overlay-loading,
.mejs__overlay-loading svg {
height: 5rem;
width: 5rem
}
.mejs__overlay-loading-bg-img {
animation: a 1s linear infinite;
display: block;
height: 5rem;
width: 5rem;
z-index: 1
}
@keyframes a {
to {
transform: rotate(1turn)
}
}
.mejs__controls {
bottom: 0;
display: flex;
height: 2.5rem;
left: 0;
list-style-type: none;
margin: 0;
padding: 0 .625rem;
position: absolute;
width: 100%;
z-index: 3
}
.mejs__controls:not([style*="display: none"]) {
background: rgba(255, 0, 0, .7);
background: linear-gradient(transparent, rgba(0, 0, 0, .35))
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
font-size: .625rem;
height: 2.5rem;
line-height: .625rem;
margin: 0;
width: 2rem
}
.mejs__button>button {
background-color: transparent;
border: 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 0;
height: 1.125rem;
line-height: 0;
margin: .625rem .375rem;
overflow: hidden;
padding: 0;
position: absolute;
text-decoration: none;
width: 1.125rem
}
.mejs__button svg {
fill: currentColor;
height: 1.125rem;
width: 1.125rem
}
.mejs__button>button:focus {
outline: .125rem dotted #fff
}
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus,
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus {
outline: 0
}
.mejs__playpause-button svg {
display: none
}
.mejs__pause svg.mejs__icon-pause,
.mejs__play svg.mejs__icon-play,
.mejs__replay svg.mejs__icon-replay {
display: block
}
.mejs__fullscreen-button svg.mejs__icon-unfullscreen {
display: none
}
.mejs__fullscreen svg.mejs__icon-fullscreen {
display: block
}
.mejs__fullscreen svg.mejs__icon-unfullscreen {
display: none
}
.mejs__unfullscreen svg.mejs__icon-unfullscreen {
display: block
}
.mejs__unfullscreen svg.mejs__icon-fullscreen {
display: none
}
.mejs__time {
box-sizing: content-box;
color: #fff;
font-size: .6875rem;
font-weight: 700;
height: 1.5rem;
overflow: hidden;
padding: 1rem .375rem 0;
text-align: center;
width: auto
}
.mejs__time-rail {
direction: ltr;
flex-grow: 1;
height: 2.5rem;
margin: 0 .625rem;
padding-top: .625rem;
position: relative
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-float,
.mejs__time-float-corner,
.mejs__time-float-current,
.mejs__time-hovered,
.mejs__time-loaded,
.mejs__time-marker,
.mejs__time-total {
border-radius: .125rem;
cursor: pointer;
display: block;
height: .625rem;
position: absolute
}
.mejs__time-total {
background: hsla(0, 0%, 100%, .3);
margin: .3125rem 0 0;
width: 100%
}
.mejs__time-buffering {
animation: b 2s linear infinite;
background: linear-gradient(-45deg, hsla(0, 0%, 100%, .4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 75%, transparent 0, transparent);
background-size: .9375rem .9375rem;
width: 100%
}
@keyframes b {
0% {
background-position: 0 0
}
to {
background-position: 1.875rem 0
}
}
.mejs__time-loaded {
background: hsla(0, 0%, 100%, .3)
}
.mejs__time-current,
.mejs__time-handle-content {
background: hsla(0, 0%, 100%, .9)
}
.mejs__time-hovered {
background: hsla(0, 0%, 100%, .5);
z-index: 10
}
.mejs__time-hovered.negative {
background: rgba(0, 0, 0, .2)
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-hovered,
.mejs__time-loaded {
left: 0;
transform: scaleX(0);
transform-origin: 0 0;
transition: all .15s ease-in;
width: 100%
}
.mejs__time-buffering {
transform: scaleX(1)
}
.mejs__time-hovered {
transition: height .1s cubic-bezier(.44, 0, 1, 1)
}
.mejs__time-hovered.no-hover {
transform: scaleX(0) !important
}
.mejs__time-handle,
.mejs__time-handle-content {
border: .25rem solid transparent;
cursor: pointer;
left: 0;
position: absolute;
transform: translate(0);
z-index: 11
}
.mejs__time-handle-content {
border: .25rem solid hsla(0, 0%, 100%, .9);
border-radius: 50%;
height: .625rem;
left: -.4375rem;
top: -.25rem;
transform: scale(0);
width: .625rem
}
.mejs__time-rail .mejs__time-handle-content:active,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail:hover .mejs__time-handle-content {
transform: scale(1)
}
.mejs__time-float {
background: #eee;
border: 1px solid #333;
bottom: 100%;
color: #111;
display: none;
height: 1.0625rem;
margin-bottom: .5625rem;
position: absolute;
text-align: center;
transform: translate(-50%);
width: 2.25rem
}
.mejs__time-float-current {
display: block;
left: 0;
margin: .125rem;
text-align: center;
width: 1.875rem
}
.mejs__time-float-corner {
border: .3125rem solid #eee;
border-color: #eee transparent transparent;
border-radius: 0;
display: block;
height: 0;
left: 50%;
line-height: 0;
position: absolute;
top: 100%;
transform: translate(-50%);
width: 0
}
.mejs__long-video .mejs__time-float {
margin-left: -1.4375rem;
width: 4rem
}
.mejs__long-video .mejs__time-float-current {
width: 3.75rem
}
.mejs__broadcast {
color: #fff;
height: .625rem;
position: absolute;
top: .9375rem;
width: 100%
}
.mejs__volume-button {
position: relative
}
.mejs__volume-button>.mejs__volume-slider {
-webkit-backface-visibility: hidden;
background: rgba(50, 50, 50, .7);
border-radius: 0;
bottom: 100%;
display: none;
height: 7.1875rem;
left: 50%;
margin: 0;
position: absolute;
transform: translate(-50%);
width: 1.5625rem;
z-index: 1
}
.mejs__volume-button:hover {
border-radius: 0 0 .25rem .25rem
}
.mejs__volume-total {
background: hsla(0, 0%, 100%, .5);
border: .06rem solid #fff;
height: 6.25rem;
left: 50%;
margin: 0;
position: absolute;
top: .5rem;
transform: translate(-50%);
width: .125rem
}
.mejs__volume-current {
left: 0;
margin: 0;
width: 100%
}
.mejs__volume-current,
.mejs__volume-handle {
background: hsla(0, 0%, 100%, .9);
position: absolute
}
.mejs__volume-handle {
border: 1px solid #fff;
border-radius: 1px;
cursor: ns-resize;
height: .375rem;
left: 50%;
transform: translate(-50%);
width: 1rem
}
.mejs__horizontal-volume-slider {
display: block;
height: 2.25rem;
position: relative;
vertical-align: middle;
width: 3.5rem
}
.mejs__horizontal-volume-total {
background: rgba(50, 50, 50, .8);
border: .06rem solid #fff;
border-radius: .125rem;
font-size: 1px;
height: .5rem;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 1rem;
width: 3.125rem
}
.mejs__horizontal-volume-current {
background: hsla(0, 0%, 100%, .8);
border-radius: .125rem;
border-right: .06rem solid #fff;
font-size: 1px;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%
}
.mejs__horizontal-volume-handle {
display: none
}
.mejs__mute svg,
.mejs__unmute svg {
stroke: currentColor
}
.mejs__volume-button svg {
display: none
}
.mejs__mute .mejs__icon-mute,
.mejs__unmute .mejs__icon-unmute {
display: block
}
.mejs__captions-button,
.mejs__chapters-button {
position: relative
}
.mejs__captions-button svg,
.mejs__chapters-button svg {
padding-top: .125rem
}
.mejs__captions-button>.mejs__captions-selector,
.mejs__chapters-button>.mejs__chapters-selector {
background: rgba(50, 50, 50, .7);
border: 1px solid transparent;
border-radius: 0;
bottom: 100%;
margin-right: -2.6875rem;
overflow: hidden;
padding: 0;
position: absolute;
right: 50%;
visibility: visible;
width: 5.375rem
}
.mejs__captions-button-toggle {
opacity: .7
}
.mejs__captions-button-toggle-on {
opacity: 1
}
.mejs__chapters-button>.mejs__chapters-selector {
margin-right: -3.4375rem;
width: 6.875rem
}
.mejs__captions-selector-list,
.mejs__chapters-selector-list {
list-style-type: none !important;
margin: 0;
overflow: hidden;
padding: 0
}
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
color: #fff;
cursor: pointer;
display: block;
list-style-type: none !important;
margin: 0 0 .375rem;
overflow: hidden;
padding: 0
}
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
background-color: #c8c8c8 !important;
background-color: #fff6 !important
}
.mejs__captions-selector-input,
.mejs__chapters-selector-input {
clear: both;
float: left;
left: -62.5rem;
margin: .1875rem .1875rem 0 .3125rem;
position: absolute
}
.mejs__captions-selector-label,
.mejs__chapters-selector-label {
cursor: pointer;
float: left;
font-size: .625rem;
line-height: .9375rem;
padding: .25rem .625rem 0;
width: 100%
}
.mejs__captions-selector-list-item:hover .mejs__captions-selector-label,
.mejs__chapters-selector-list-item:hover .mejs__chapters-selector-label {
text-decoration: underline
}
.mejs__captions-selected,
.mejs__chapters-selected {
color: #21f8f8;
font-weight: 700
}
.mejs__captions-translations {
font-size: .625rem;
margin: 0 0 .3125rem
}
.mejs__captions-layer {
bottom: 0;
color: #fff;
font-size: 1rem;
left: 0;
line-height: 1.25rem;
position: absolute;
text-align: center
}
.mejs__captions-layer a {
color: #fff;
text-decoration: underline
}
.mejs__captions-layer[lang=ar] {
font-size: 1.25rem;
font-weight: 400
}
.mejs__captions-position {
bottom: .9375rem;
left: 0;
position: absolute;
width: 100%
}
.mejs__captions-position-hover {
bottom: 2.1875rem
}
.mejs__captions-text,
.mejs__captions-text * {
background: hsla(0, 0%, 8%, .5);
box-shadow: .3125rem 0 #14141480, -.3125rem 0 #14141480;
padding: 0;
white-space: pre-wrap
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
display: none
}
.mejs__overlay-error {
position: relative
}
.mejs__overlay-error>img {
left: 0;
max-width: 100%;
position: absolute;
top: 0;
z-index: -1
}
.mejs__cannotplay,
.mejs__cannotplay a {
color: #fff;
font-size: .8em
}
.mejs__cannotplay {
position: relative
}
.mejs__cannotplay a,
.mejs__cannotplay p {
display: inline-block;
padding: 0 .9375rem;
width: 100%
}
body.dialog-open {
overflow: hidden
}
.nsm-dialog-btn-close {
border: 0;
background: none;
position: absolute;
top: 8px;
right: 8px;
font-size: 1.2em;
cursor: pointer
}
.overlay {
position: fixed;
inset: 0;
overflow-x: hidden;
overflow-y: auto;
transition: background-color .5s;
background-color: transparent;
z-index: 999
}
.overlay.nsm-overlay-open {
background-color: #00000080
}
.overlay.transparent {
background-color: transparent
}
.nsm-dialog {
position: relative;
opacity: 1;
visibility: visible;
min-height: 200px;
width: 100%;
max-width: 520px;
margin: 0 auto;
pointer-events: none;
outline: none
}
.nsm-dialog.nsm-dialog-close {
opacity: 0
}
.nsm-dialog.nsm-centered {
display: flex;
align-items: center;
min-height: calc(100% - 3.5rem)
}
.nsm-content {
position: relative;
display: flex;
flex-direction: column;
pointer-events: auto;
background-clip: padding-box;
background-color: #fff;
border-radius: 2px;
padding: 1rem;
margin: 1.75rem;
box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024, 0 5px 24px 4px #0000001f;
outline: 0;
transform: translateZ(0)
}
.nsm-body {
position: relative;
flex: 1 1 auto
}
.nsm-dialog[class*=nsm-dialog-animation-] {
transition: transform .5s ease-in-out, opacity .5s
}
.nsm-dialog-animation-ltr {
transform: translate3d(-50%, 0, 0)
}
.nsm-dialog-animation-ltr.nsm-dialog-open {
transform: translateZ(0)
}
.nsm-dialog-animation-ltr.nsm-dialog-close {
transform: translate3d(-50%, 0, 0)
}
.nsm-dialog-animation-rtl {
transform: translate3d(50%, 0, 0)
}
.nsm-dialog-animation-rtl.nsm-dialog-open {
transform: translateZ(0)
}
.nsm-dialog-animation-rtl.nsm-dialog-close {
transform: translate3d(50%, 0, 0)
}
.nsm-dialog-animation-ttb {
transform: translate3d(0, -50%, 0)
}
.nsm-dialog-animation-ttb.nsm-dialog-open {
transform: translateZ(0)
}
.nsm-dialog-animation-ttb.nsm-dialog-close {
transform: translate3d(0, -50%, 0)
}
.nsm-dialog-animation-btt {
transform: translate3d(0, 50%, 0)
}
.nsm-dialog-animation-btt.nsm-dialog-open {
transform: translateZ(0)
}
.nsm-dialog-animation-btt.nsm-dialog-close {
transform: translate3d(0, 50%, 0)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next"
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translateZ(0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0, -50%, 0)
}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translate(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}