@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700|Ubuntu:400,500");
html {
font-size: 12px;
}
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.6rem;
line-height: 1.5;
font-weight: 400;
font-style: normal;
color: #000000;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Source Sans Pro' !important;
font-weight: 600 !important;
font-style: normal !important;
margin: 1rem 0;
}
p {
font-size: 1.6rem;
margin: 0 0 2.4rem;
}
p:empty {
display: none;
}
.h1,
h1 {
font-size: 3.8rem;
}
.h2,
h2 {
font-size: 3.2rem;
}
.h3,
h3 {
font-size: 2.8rem;
}
.h4,
h4 {
font-size: 2.5rem;
color: #0a0e09;
}
.h5,
h5 {
font-size: 2rem;
}
.h6,
h6 {
font-size: 1.6rem;
}
a {
color: #de5700;
text-decoration: none;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
font-weight: 700;
}
a:hover,
a:focus,
a:active {
color: #000;
text-decoration: underline;
} .text-yellow {
color: #ffc218 !important;
}
.text-white {
color: #fff !important;
}
.text-black {
color: #000 !important;
}
.s-btn {
display: inline-block;
border: 2px solid #ffc218;
border-radius: 35px;
padding: 1.2rem 4rem;
text-transform: uppercase;
font-family: 'Ubuntu';
font-weight: 500;
background: #ffc218;
color: #000;
text-decoration: none;
-webkit-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.s-btn:hover,
.s-btn:focus,
.s-btn:active {
outline: none;
background: transparent;
color: #ffc218;
text-decoration: none;
}  .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .arrow-next {
background-image: url(//podcastbrunchclub.com/wp-content/themes/podcast-bunch-club/images/next-arrow.png);
background-size: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.arrow-prev {
background-image: url(//podcastbrunchclub.com/wp-content/themes/podcast-bunch-club/images/prev-arrow.png);
background-size: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.home-slider-wrapper {
position: relative;
}
.slider-arrows {
width: 40px;
height: 40px;
display: block;
z-index: 99;
-webkit-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.slider-controls {
position: absolute;
top: 50%;
margin-top: -20px;
z-index: 99;
}
.prev-control {
left: 20px;
}
.next-control {
right: 20px;
}
.slider-arrows:hover {
opacity: 0.85;
}
.cs-slide-wrap {
background-size: cover;
background-position: 100% 36%;
background-repeat: no-repeat;
padding: 70px 0;
}
.slider-text-wrap h3 {
font-family: 'Ubuntu';
font-weight: 500;
font-size: 4rem;
margin: 0 0 1rem;
line-height: 1.15;
}
.slider-btn-wrap {
margin-top: 3rem;
}
@media screen and (max-width: 767px) {
.cs-slide-wrap {
background: #000 !important;
}
} .number-count-container {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6667%;
flex: 0 0 16.6667%;
max-width: 16.6667%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1.5rem 2rem;
text-align: center;
}
.number-count-container:first-of-type,
.number-count-container:last-of-type {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.cn-wrapper br {
display: none;
}
.counting-numbers {
margin: 0 -2rem;
}
.number-count-container:not(:last-of-type) {
border-right: 1px solid #ddd;
}
.count-text {
font-weight: 600;
color: #bababa;
font-size: 1.8rem;
}
.count-numbers {
color: #414141;
font-family: 'Ubuntu';
font-weight: 500;
font-size: 3.4rem;
}
.cn-wrapper br {
display: none;
}  #pbc-newsletter {
background-size: cover;
background-position: 50% 50% !important;
color: #fff;
text-align: center;
}
.newsletter-form-block {
margin-bottom: 0;
}
.pbc-section-title {
text-align: center !important;
font-size: 3.2rem;
font-family: 'Raleway' !important;
font-weight: 600 !important;
margin: 0 0 2.5rem;
padding: 0 0 1rem;
position: relative;
letter-spacing: 1px;
color: #414141;
}
.pbc-section-title:after {
position: absolute;
bottom: 0;
content: "";
height: 3px;
background: #e2e2e2;
display: block;
left: 0;
right: 0;
max-width: 3.4rem;
margin: auto;
}
.pbc-descr p {
font-size: 16px;
font-family: 'Raleway' !important;
font-weight: 400 !important;
color: #616161;
}
#pbc-newsletter .pbc-section-title:after {
background: #fff;
}
.newsletter-form-block p {
font-size: 2rem;
margin-bottom: 1.5rem;
}
#pbc-newsletter .subscribe-form-group .f-email {
height: 5rem;
padding: 0 1.5rem;
border: 0;
background: #fff;
width: 100%;
border-radius: 3px;
font-size: 1.8rem;
font-weight: 500;
line-height: 5rem;
}
.subscribe-form-group .f-submit {
position: absolute;
height: 5rem;
line-height: 5rem;
padding: 0 2rem;
top: 0;
right: 0;
border-radius: 0 3px 3px 0;
border: 2px solid #ffc218;
background: #ffc218;
cursor: pointer;
color: #000;
font-weight: 500;
}
.subscribe-form-group {
position: relative;
}
.subscribe-form-group .f-submit:hover {
background: transparent;
color: #ffc218;
} .current-playlist-text-block.text-center {
max-width: 860px;
margin: auto;
}
.secondary-playlist-module-block {
padding-top: 150px;
background-color: #000;
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.main-fix-playlist-module-block img {
opacity: 0;
width: 100%;
}
#playlist-block {
background: #ddd;
padding: 15px 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#playlist-block .playlist-module-block {
padding: 3px;
}
.playlist-module-blocks-wrapper {
padding: 0 15px;
padding-top: 3rem;
padding-bottom: 3rem;
}
.module-inner {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
a.overlay-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 0;
}
.main-fix-playlist-module-block {
height: 100%;
background-size: contain;
background-position: center;
background-color: #000;
background-repeat: no-repeat;
max-height: 336px;
}
.playlist-module-block {
padding: 3px;
}
.playlist-module-blocks-wrapper .slick-slide>div {
font-size: 0;
line-height: 1;
}
.main-fix-playlist-module-block {
min-height: 1px;
}
.playlist-slider-container {
position: relative;
min-height: 336px;
background-color: #e2e2e2;
padding: 12px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.playlist-slider-container .playlist-slider {
position: absolute;
top: 12px;
bottom: 12px;
left: 12px;
right: 12px;
width: auto;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.playlist-slider-container .playlist-slider:not(:first-of-type) {
opacity: 0;
visibility: hidden;
}
.pl-slider-controls {
position: absolute;
top: 50%;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
font-size: 2.2rem;
background: #fff;
margin-top: -1.25rem;
}
.prev-arrow-control {
left: 15px;
}
.next-arrow-control {
right: 15px;
}
.pl-slider-controls>a {
display: block;
text-align: center;
color: #000;
} .play-list-filter,
.chapter-list-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin: 4rem 0 0rem;
}
.playlist-filter-control.active-filter,
.playlist-filter-control:hover,
.chapter-filter-control.active-filter,
.chapter-filter-control:hover {
color: #de5700;
text-decoration: none;
}
.playlist-filter-control,
.chapter-filter-control {
font-weight: 300;
color: #616161;
text-decoration: none;
}
.filter-li {
padding: 0 1.5rem;
position: relative;
}
.filter-li:not(:last-of-type):after {
content: "|";
position: absolute;
top: 0;
right: 0;
} .chapter-block-module-inner {
padding-top: 14rem;
background-size: cover;
background-position: 50% 50%;
position: relative;
}
h3.ch-title,
.sign-up,
.pbc-text {
display: none;
}
.chapter-info-module {
margin: 0;
}
#content .chapter-module-wrap {
margin: 0 -3px;
}
#content .chapter-module-block {
padding: 0 3px;
margin: 3px 0;
}
.chapter-block-module-inner:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: 0;
}
.chapter-info-module {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
left: 0;
right: 0;
padding: 15px;
text-align: center;
z-index: 9999;
margin-top: 32px;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
h3.ch-title {
color: #fff;
font-size: 2.4rem;
margin: 0;
line-height: 1;
}
.sign-up>a {
font-size: 1.8rem;
color: #fff;
font-weight: 400;
}
.r-more-btn {
display: inline-block;
border: 2px solid #ffc218;
border-radius: 3px;
padding: 0.7rem 2rem;
text-transform: uppercase;
font-weight: 500;
background: #ffc218;
color: #000;
text-decoration: none;
-webkit-transition: all 0.15s linear;
transition: all 0.15s linear;
text-decoration: none;
margin-top: 2rem;
}
.r-more-btn:hover,
.r-more-btn:focus,
.r-more-btn:active {
outline: none;
background: transparent;
color: #ffc218;
text-decoration: none;
}
.ch-read {
opacity: 0;
visibility: hidden;
}
.chapter-block-module-inner:hover .chapter-info-module {
margin-top: 0;
}
.chapter-block-module-inner:hover .chapter-info-module .ch-read {
visibility: visible;
opacity: 1;
}
.chapter-block-module-inner:hover {
cursor: pointer;
border-color: #de5700;
}
.chapter-block-module-inner:hover:before {
opacity: 0.75;
}
.pbc-text {
position: relative;
font-weight: 600;
font-size: 1.2rem;
padding: 0 10px 3px;
color: #de5700;
}
.chapter-block-module-inner:after {
content: "";
position: absolute;
bottom: 0;
height: 3px;
background: #de5700;
left: 0;
right: 0;
display: block;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 0.1s linear;
transition: -webkit-transform 0.1s linear;
transition: transform 0.1s linear;
transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.chapter-block-module-inner:hover:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}  .s-button>a,
.s-button>button {
background: #ffc218 !important;
padding: 1.5rem 2.5rem !important;
border-radius: 3px !important;
white-space: nowrap;
outline: none;
font-weight: 500;
color: #0a0e09 !important;
}
.s-button>a:hover,
.s-button>button:hover {
background: #dfa600 !important;
} .single-page-banner h1 {
padding: 0 2rem;
}
.podcast-content .pp-sub-widget {
border: 1px solid #ddd;
max-width: 100%;
margin: 2rem 0;
padding: 2rem;
}
.podcast-content .pp-sub-widget .pp-sub-m-i {
border: 1px solid #838282;
height: 38px;
display: block;
width: 100%;
margin-top: 2rem;
padding: 0 1.5rem;
line-height: 38px;
}
.podcast-content iframe {
margin-bottom: 3rem;
margin-top: 1rem;
}
.chapter-content #mc-embedded-subscribe-form {
padding: 0 0 3rem;
}
.chapter-content #mc_embed_signup .mc-field-group input[type="text"],
.chapter-content #mc_embed_signup .mc-field-group input[type="email"],
.chapter-content #mc_embed_signup .mc-field-group input[type="tel"] {
text-indent: 0;
width: 100%;
height: 42px;
border: 1px solid #ddd;
line-height: 42px;
padding: 0 1.5rem;
}
.chapter-content #mc_embed_signup br {
display: none;
}
.chapter-content #mc_embed_signup label {
display: block;
margin-bottom: 8px;
}
.chapter-content #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
padding: 0;
margin: 8px 0 0;
}
#mc_embed_signup .mc-field-group.input-group label {
padding-left: 1rem;
}
#mc_embed_signup .mc-field-group.input-group ul {
margin: 1.5rem 0 1rem;
}
.chapter-content #mc_embed_signup #mc-embedded-subscribe {
height: 42px;
line-height: 40px;
padding: 0 2rem;
top: 0;
right: 0;
border-radius: 3px;
border: 0;
background: #ffc218;
cursor: pointer;
color: #000;
font-weight: 500;
margin: 0;
}
.chapter-content #mc_embed_signup #mc-embedded-subscribe:hover {
background-color: #dfa600;
}
p:empty {
display: none;
} .comment-body .comment-author-wrap {
width: 15%;
float: left;
}
.comment-body-wrap {
float: left;
padding-left: 1rem;
width: 85%;
}
.clearfix {
clear: both;
}
.comment-author img {
border-radius: 50%;
max-width: 85%;
padding: 2px;
height: auto;
border: 2px solid #ddd;
}
.commentlist,
.commentlist li {
list-style: none;
}
.comment-body .comment-body-wrap>div {
float: none;
font-style: normal;
}
.comment-body-wrap p {
margin-bottom: 1rem;
}
.reply>a {
display: inline-block;
padding: 0.65rem 3rem;
background: #ffc218;
border-radius: 3px;
color: #000;
text-decoration: none;
}
.reply {
text-align: right;
}
.reply>a:hover {
background: #dfa600;
}
h2.comments-title,
.comment-reply-title {
margin-bottom: 4rem;
margin-top: 2rem;
position: relative;
padding-bottom: 2rem;
}
.comments-title:after,
.comment-reply-title:after {
content: "";
width: 5rem;
height: 3px;
background: #616161;
position: absolute;
bottom: 0;
left: 0;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 1.5rem;
border-radius: 3px;
border: 1px solid #ddd;
}
.commentlist {
padding: 0;
}
.comment-form-comment text-area {
width: 100%;
}
.comment-form-comment textarea {
width: 100%;
border: 1px solid #ddd;
padding: 1rem 1.5rem;
border-radius: 3px;
}
.comment-form #submit {
display: inline-block;
padding: 1.25rem 3rem;
background: #ffc218;
border-radius: 3px;
color: #000;
text-decoration: none;
border: 0;
cursor: pointer;
}
.comment-form #submit:hover {
background: #dfa600;
} .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 2rem 0;
margin: 2rem 0;
border: 2px solid #d9d9d9;
border-width: 2px 0;
}
.nav-previous,
.nav-next {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.nav-next {
text-align: right;
padding-left: 1rem;
}
.nav-previous {
padding-right: 1rem;
}
.nav-previous>a {
padding-left: 2rem;
display: block;
}
.nav-previous>a,
.nav-next>a {
position: relative;
display: block;
}
.nav-previous>a:before {
content: "\276E";
left: 0;
}
.nav-previous>a:before,
.nav-next>a:before {
position: absolute;
top: 50%;
font-size: 2rem;
line-height: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-next>a:before {
content: "\276F";
right: 0;
}
.nav-next>a {
padding-right: 2rem;
} #join-in-person-form #mc-embedded-subscribe-form {
padding: 0 0 3rem;
}
#join-in-person-form #mc_embed_signup .mc-field-group input[type="text"],
#join-in-person-form #mc_embed_signup .mc-field-group input[type="email"],
#join-in-person-form #mc_embed_signup .mc-field-group input[type="tel"] {
text-indent: 0;
width: 100%;
height: 42px;
border: 1px solid #ddd;
line-height: 42px;
padding: 0 1.5rem;
}
#join-in-person-form #mc_embed_signup br {
display: none;
}
#join-in-person-form #mc_embed_signup label {
display: inline-block;
margin-bottom: 8px;
}
#join-in-person-form #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
padding: 0;
margin: 8px 0 0;
background: none;
color: #d00202;
}
#join-in-person-form #mc_embed_signup #mc-embedded-subscribe {
height: 42px;
line-height: 40px;
padding: 0 2rem;
top: 0;
right: 0;
border-radius: 3px;
border: 0;
background: #ffc218;
cursor: pointer;
color: #000;
font-weight: 500;
margin: 0;
}
#join-in-person-form #mc_embed_signup #mc-embedded-subscribe:hover {
background-color: #dfa600;
}
p:empty {
display: none;
}
#join-in-person-form .mc-field-group+.mc-field-group {
margin-top: 1.5rem;
}
#join-in-person-form .mc-field-group.input-group>ul {
padding: 0;
list-style: none;
margin: 0 0 1.8rem;
}
#join-in-person-form .mc-field-group.input-group>ul label {
padding-left: 1rem;
} .recording-audio-tips ul>li+li {
margin-top: 1.4rem;
}
.subscribe-to-podcast-text-block .pp-sub-widget {
border: 1px solid #ddd;
max-width: 100%;
margin: 2rem 0;
padding: 2rem;
}
.subscribe-to-podcast-text-block .pp-sub-widget .pp-sub-m-i {
border: 1px solid #838282;
height: 38px;
display: block;
width: 100%;
margin-top: 2rem;
padding: 0 1.5rem;
line-height: 38px;
}  @media screen and (max-width:991px) {
.count-text {
font-size: 1.4rem;
}
.count-numbers {
font-size: 2.6rem;
}
} @media screen and (max-width:767px) {
html {
font-size: 8px;
}
.slider-arrows {
width: 25px;
height: 25px;
}
.prev-control {
left: 10px;
}
.next-control {
right: 10px;
}
.slider-wrapper {
padding: 0 3rem;
}
.podcast-content main {
margin-bottom: 8rem;
}
} @media screen and (max-width:575px) {}
@media screen and (max-width:520px) {
.number-count-container {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: none;
}
.number-count-container:first-of-type,
.number-count-container:last-of-type {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.counting-numbers.d-flex.flex-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-previous,
.nav-next {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}  .m-0 {
margin: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.ml-0 {
margin-left: 0 !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ml-auto {
margin-left: auto !important;
}
.mb-1 {
margin-bottom: 1rem !important;
}
.mb-2 {
margin-bottom: 2rem !important;
}
.mb-3 {
margin-bottom: 3rem !important;
} .p-0 {
padding: 0 !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pl-0 {
padding-left: 0 !important;
} @media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0 {
margin-left: 0 !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0 {
padding-left: 0 !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mr-md-0 {
margin-right: 0 !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0 {
margin-left: 0 !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pr-md-0 {
padding-right: 0 !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0 {
padding-left: 0 !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.mr-md-auto {
margin-right: auto !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0 {
margin-left: 0 !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0 {
padding-left: 0 !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0 {
margin-left: 0 !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0 {
padding-left: 0 !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto {
margin-left: auto !important;
}
} .text-code {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
} .chapter-module-slider-wrapper {
position: relative;
}
.chapter-module-slider-wrapper>.chapter-module-filter-slider:not(:first-of-type) {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
}
.chapter-module-slider-wrapper {
margin-top: 30px;
}
@media screen and (max-width:1199px) and (min-width:992px) {
.chapter-filter-control {
font-size: 14px;
}
}
@media screen and (max-width:991px) {
.chapter-list-filter>li {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 50%;
padding: 0.5rem 2rem;
}
.chapter-list-filter {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 10px;
}
.chapter-list-filter>li:after {
opacity: 0;
}
.chapter-list-filter>li>a:before {
content: "";
width: 8px;
height: 8px;
border: 1px solid;
display: block;
position: absolute;
left: 0;
top: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-width: 1px 1px 0px 0px;
}
.ch-mobile-filte-link {
font-weight: 700;
color: #000;
}
}
.article-title {
color: #000;
padding-bottom: 3rem;
}
.chapter-module-block.slick-slide {
height: auto;
}
@media screen and (max-width:640px) {
.playlist-module-block {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}