body {
color: #525252;
cursor: default;
}
/****************Primary button**********************/
.primary-button {
color: #d544da;
font-size: 12px;
/* width: 165px; */
height: 40px;
line-height: 40px;
vertical-align: middle;
text-transform: uppercase;
font-weight: bold;
background: transparent;
border: 2px solid #d544da !important;
display: inline-block;
padding: 0px 15px;
text-align: center;
font-family: 'Raleway', sans-serif;
font-weight: 700;
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
.primary-button:hover,
.creator-right-sidebar .filter-holder .filter-btn:hover {
background: #d544da;
color: #ffffff !important;
text-decoration: none !important;
}
.primary-button:focus {
color: #d544da;
text-decoration: none !important;
}
.white-outline-button {
color: #ffffff;
border: 2px solid #ffffff !important;
letter-spacing: 1.3px;
}
.white-outline-button:focus {
color: #ffffff;
}
.primary-button.white-outline-button:hover {
background: #ffffff;
color: #d544da !important;
text-decoration: none !important;
border: none;
}
.creator-right-sidebar .filter-holder .filter-btn {
line-height: 30px;
background: transparent;
border: 2px solid #d544da !important;
color: #d544da;
border-radius: 3px;
text-align: center;
width: 40px;
height: 35px;
vertical-align: middle;
/* line-height: 35px; */
font-size: 20px;
position: absolute;
top: 0;
right: 0;
padding: 0;
}
.tag-button {
position: relative;
display: inline-block;
margin-bottom: 2px;
color: #fff;
padding: 0 8px;
height: 30px;
line-height: 30px;
background: #d544da;
}
.tag-button:before,
.tag-button:after {
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
top: 0;
}
.tag-button:before {
border-right: 8px solid #d544da;
left: -8px;
border-bottom: 0 solid rgba(255,255,255,0);
border-top: 30px solid rgba(255,255,255,0);
}
.tag-button:after {
border-left: 8px solid #d544da;
border-bottom: 30px solid rgba(255,255,255,0);
border-left-width: 8px;
border-left-style: solid;
border-top: 0 solid rgba(255,255,255,0);
right: -8px;
}
.font-weight500 {
font-weight: 500;
}
.font-bold{
font-weight: bold;
}
/***********Color change*************/
.profile-menu-options ul li.active .header-icon,
.home-menu-options ul li.active .header-icon,
.patrons-tab-content .patron-packages-tab .patron-package-tire p,
.patrons-tab-content .patron-packages-tab .about-patron ul li:before,
.package-subscribe-div .bullets-detail ul li:before,
.post-bottom-info .like-view-comment .sub-text .count-styling,
.landing-home .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li.active a,
.podcast-app-list .podcast-app-section .podcast-text-link,
.popup-title,
.filter-section .list-group-item.selected,
.subscription-validity .sub-val-info .date-details .month-date,
.profile-menu-mobile .landing-home .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li.active a {
color: #d544da;
}
.scrolltop {
background-color: #d544da;
}
.messsage-fix {
font-size: 40px;
color: #d544da;
background-color: transparent;
display: block;
bottom: 90px;
box-shadow: none;
text-shadow: 1px 1px 20px rgba(150, 150, 150, 0.21);
padding: 0;
border-radius: 0;
}
.messsage-fix:hover {
animation-name: shake;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes shake {
0% {left: -60px;}
50% {left: 0px}
100% {left: 60px}
}
/*.scrolltop[style="display: none;"] +.messsage-fix {
bottom: 20px;
}
*/
.landing-home .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li.active a .item-name {
border-bottom: 2px solid #d544da;
}
.landing-home .profile-menu-mobile .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li.active a .item-name {
border-bottom: 2px solid transparent;
}
.landing-home .profile-menu-mobile .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li.active {
border-bottom: 3px solid #d544da;
}
.creator-right-sidebar .filter-holder .filter-btn .filter-btn-icon {
line-height: 30px;
}
/***************************Side fixed menu Start**********************************/
.menu-left {
position: fixed;
z-index: 6;
padding: 100px 0 0 0;
top: 0;
bottom: 0;
background-color: #222;
display: inline-block;
white-space: nowrap;
width: 60px;
transition: width .4s;
vertical-align: middle;
overflow: hidden;
}
.menu-left .mCSB_inside>.mCSB_container {
margin-right: 0px;
}
.menu-left .mCSB_scrollTools {
width: 5px;
}
.menu-left ul {
padding: 0;
margin-bottom: 60px;
min-height: 560px;
}
.menu-left .item {
height: 60px;
overflow: hidden;
color: #fff;
margin-top: 10px;
vertical-align: middle;
line-height: 60px;
}
.menu-left:hover {
width: 300px;
}
.menu-left .item:hover {
background-color:rgba(0, 0, 0, 0.20);
}
.menu-left .item.active,
.menu-left .item:active {
background-color: #d544da;
}
.menu-left .item a:focus,
.menu-left .item a:active,
.menu-left .item a:visited,
.menu-left .item a:hover {
text-decoration: none !important;
}
.menu-left .item .menu-left-profile-img {
vertical-align: middle;
border-radius: 50%;
width: 45px;
height: 45px;
object-fit: cover;
margin: 10px 6px 10px 8px;
}
.menu-left .item a {
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-family: 'Roboto Mono', monospace;
font-weight: 500;
display: block;
}
.menu-left .menu-icon {
/*margin: 10px;*/
width: 40px;
height: 50px;
color: #fff;
text-align: center;
font-size: 27px;
vertical-align: middle;
font-weight: 500;
display: inline-block;
line-height: 50px;
margin: -4px 10px 0 10px;
}
/* menu left on smaller devices */
@media(max-width:992px) {
.menu-left {
width: 0;
}
.menu-left:hover {
width: 100%;
}
.main-tab-selection .sidebar-footer-section{
display: none;
}
.hamburger-icon {
background: linear-gradient(black 0%,black 20%,white 20%,white 40%,black 40%, black 60%,white 60%,white 80%,black 80%, black 100%);
width: 30px;
height: 15px;
position: fixed;
top: 20px;
left: 10px;
z-index: 15;
cursor: pointer;
}
.menu-mobile {
width: 100%;
}
.patron-tabs .nav-pills > li {
width: 33.33%;
}
}
@media(max-width:450px) {
.navbar-brand i {
font-size: 25px;
}
.navbar-brand {
margin-top: 15px;
}
.margin-mg {
margin-left: 55px;
}
}
.sub-menu-text {
background: white;
padding: 10px;
/* padding-top: 110px; */
overflow: auto;
}
.sub-menu-text ul {
list-style-type: none;
padding-left: 0px;
margin: 0;
}
.sub-menu-text ul li {
/* padding:10px 15px; */
}
.sub-menu-text ul li a {
font-size: 14px;
text-transform: capitalize;
font-family: 'Mukta', sans-serif;
font-weight: 500;
vertical-align: middle;
line-height: 35px;
padding: 0 15px;
color: #000;
border-radius: 35px;
display: inline-block;
text-decoration: none;
}
.sub-menu-text ul li a:hover,
.sub-menu-text ul li.active a {
text-decoration: none;
background-color: #d544da;
color: #fff;
}
.sub-menu-text ul li a:hover,
.sub-menu-text ul li a.focus {
text-decoration: none;
}
.sub-menu-text ul li a span {
font-size: 18px;
vertical-align: middle;
line-height: 60px;
font-weight: 700;
}
.sub-menu-text ul li a .icon-new-edit-profile,
.sub-menu-text ul li a .icon-meetandgreet {
font-weight: 500;
}
/***************************Side fixed menu Ends **********************************/
.patrons-tab-content .patron-packages-tab .about-patron .heart-style {
padding: 0 5px;
font-weight: 600;
line-height: 1;
vertical-align: middle;
}
.patronTab .broadcaster-posts .post-bottom-info .like-view-comment,
.schedule-event .existing-schedule-event .content .like-view-comment,
.forumTab .broadcaster-posts .post-bottom-info .like-view-comment,
.broadcaster-posts .post-bottom-info .post-detail-parent.my-post-detail {
cursor: pointer;
}
.profile-page .profile-padding {
padding: 0 0px;
}
.profile-page .landing-creator-main.broadcaster-profile-pic {
left: 35px;
}
.profile-img-holder .profile-icons-alignment {
position: absolute;
top: 115px;
left: -60px;
transform: rotate(-46deg);
-ms-transform: rotate(-46deg);
-webkit-transform: rotate(-46deg);
-moz-transform: rotate(-46deg);
-o-transform: rotate(-46deg);
}
.profile-img-holder .profile-icons-alignment button {
transform: rotate(46deg);
-ms-transform: rotate(46deg);
-webkit-transform: rotate(46deg);
-moz-transform: rotate(46deg);
-o-transform: rotate(46deg);
}
.profile-img-holder .profile-icons-alignment .profile-pic-btn-three {
top: 115px;
left: -10px;
}
.profile-img-holder .profile-icons-alignment .profile-pic-btn-two {
top: 55px;
left: -28px;
}
.profile-menu-mobile .broadcaster-home.creator-home-page .creator-profile-menu .landing-menu-tabs {
box-shadow: 0px 0px 10px 1px rgba(205, 205, 205, 0.43);
}
.profile-menu-mobile .home-tabs-menu .creator-tabs li {
width: 25%;
float: left;
margin: 0;
text-align: center;
}
.profile-menu-mobile .home-tabs-menu ul li {
display: inline-block;
width: auto;
padding: 0;
margin: 0;
}
.landing-home .profile-menu-mobile .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li.active a .item-name {
border-color: transparent !important;
}
.profile-menu-mobile .profile-menu-options .header-icon {
display: none;
}
.landing-home .landing-menu-tabs .home-tabs-menu {
width: 100%;
}
.landing-home .profile-menu-mobile .landing-menu-tabs .home-tabs-menu {
width: 100%;
height: 60px;
padding: 0;
line-height: 2;
}
.landing-home .profile-menu-mobile .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li{
padding: 10px 30px;
text-transform: capitalize;
color: #5D5D5D;
background: transparent;
outline: 0;
font-weight: 700;
font-family: 'Roboto Mono',monospace;
font-size: 14px;
padding: 0;
text-decoration: none;
display: block;
padding: 15px;
line-height: 2;
}
.landing-home .profile-menu-mobile .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li a {
line-height: 2;
padding: 0 !important;
margin: 0;
text-align: center;
}
.landing-home .profile-menu-mobile .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li a:hover {
text-decoration: none !important;
}
.profile-menu-mobile {
display: none;
}
.profile-aboutus .cover-photo {
width: 100%;
height: 200px;
object-fit: cover;
object-position: center;
}
.profile-aboutus .user-personal-details {
position: absolute;
top: 65%;
left: 50%;
transform: translateX(-50%);
display: inline-block;
text-align: center;
z-index: 2;
}
.profile-aboutus .user-personal-details img {
width: 150px;
height: 150px;
object-fit: cover;
border-radius: 50%;
}
.profile-aboutus .user-personal-details .username-menu {
margin-top: 10px;
}
.creator-home-page .profile-menu-mobile .creator-profile-menu.mobile-menu {
position: fixed;
top: 54px;
z-index: 5;
box-shadow: 0px 2px 20px rgba(217, 217, 217, 0.33);
}
.creator-left-sidebar .category-section {
padding-left: 10px;
}
/* .grid {
margin: 0 auto;
width: 100% !important;
height: 100% !important
} */
/* .grid-item {
width: 340px;
height: auto;
float: left;
}
.grid-item img {
display: block;
width: 100%;
}
.grid .grid-item +.grid-item {
margin-left: 10px;
} */
.post-detailed-page .jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-controlbar {
padding: 20px 0 10px 0 !important;
}
.post-detailed-page .jw-controls .jw-controls-right {
/*position: relative;*/
width: 100%;
height: 100%;
}
.post-detailed-page .jw-dock.jw-reset {
position: absolute;
right: -25px;
bottom: 1px;
z-index: 9999;
}
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-controls .jw-dock-button.jw-background-color.jw-reset {
padding: 0;
background-color: transparent;
}
@media (max-width: 768px) {
.post-detailed-page .jw-dock.jw-reset.container {
bottom: -15px;
}
.sub-menu-text ul li a:hover{
text-decoration: none;
background-color: unset;
color: #111;
}
.sub-menu-text ul li.active a {
text-decoration: none;
background-color: #d544da;
color: #fff;
}
}
.post-detailed-page .jw-background-color {
background-color: transparent;
padding-bottom: 15px;
padding-right: 30px;
}
.post-detailed-page .jw-reset.jw-icon-playback {
background-color: #d544da;
border-radius: 50%;
width: 50px;
height: 50px;
padding: 0;
line-height: 50px;
color: #fff;
font-size: 20px;
}
.post-detailed-page .jw-rail.jw-reset {
background-color: rgba(0, 0, 0, 0.55);
height: 8px;
border-radius: 10px;
width: 100%;
}
.post-detailed-page .jw-buffer.jw-reset {
width: 100%;
height: 8px;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 10px;
}
.post-detailed-page .jw-progress.jw-reset {
width: 100%;
height: 8px;
border-radius: 10px;
background-color: #d544da;
}
.post-detailed-page .video-modal .jw-slider-horizontal .jw-knob {
opacity: 1 !important;
background-color: #d544da;
width: 15px;
height: 15px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.37);
}
/*.post-detailed-page .jw-skin-seven .jw-text.jw-text-elapsed {
position: absolute;
bottom: -4px;
left: 62px;
}*/
.post-detailed-page .jw-controlbar .jw-tooltip-time .jw-overlay {
bottom: 20px;
}
.post-detailed-page .jw-slider-vertical .jw-slider-container {
background-color: rgba(255, 255, 255, 0.42);
border-radius: 10px;
}
.post-detailed-page .jw-icon-fullscreen {
display: none;
}
/*.post-detailed-page .jw-controls .jw-controls-right {
position: absolute;
bottom: 0px;
right: 20px;
}
.post-detailed-page .jw-controls-right .jw-dock {
width: 100%;
height: 100%;
}
.post-detailed-page .jw-controls-right .jw-dock .jw-dock-image {
width: 100px;
height: 100px;
transform: scale(0.25);
}
.post-detailed-page .jw-overlay.jw-background-color.jw-reset {
width: 100%;
opacity: 1;
visibility: visible;
}
.post-detailed-page .jw-text.jw-dock-text.jw-reset {
font-size: 13px;
position: absolute;
bottom: 24px;
right: -62px;
color: #d4d4d4;
}*/
/************************** Podcast Dashboard ***********************/
.podcast-dashboard-main {
/*margin-top: 70px;*/
/* margin-top: 100px; */
}
.podcast-dashboard-main .main-img-holder {
background-color: #000000;
width: 100%;
height: 270px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.podcast-dashboard-main .main-img-holder .container {
height: 100%;
}
.podcast-dashboard-main .main-img-holder .plus-banner-content {
position: absolute;
top: 50%;
left: auto;
transform: translateY(-50%);
width: 350px;
text-align: center;
}
.podcast-dashboard-main .main-img-holder .plus-banner-content .podcast-img {
width: 115px;
height: 115px;
object-fit: contain;
}
.podcast-dashboard-main .main-img-holder .plus-banner-content {
color: #ffffff;
}
.podcast-dashboard-main .main-img-holder .plus-banner-content .plus-title {
font-size: 70px;
font-weight: 600;
vertical-align: middle;
line-height: 1;
display: inline-block;
padding-left: 20px;
}
.podcast-dashboard-main .main-img-holder .plus-banner-content .text-content {
line-height: 1.5;
padding: 10px 0;
font-size: 16px;
}
.podcast-dashboard-main .mobile-podcast-dashboard-menu {
display: none;
}
.podcast-dashboard-main .mobile-podcast-dashboard-menu .btn-dashboard-menu,
.podcast-dashboard-main .menu-mobile-btn {
width: 100%;
background: transparent;
color: #da4ddf;
border: 1px solid #d544da;
height: 40px;
line-height: 1;
vertical-align: middle;
padding: 0 15px;
font-size: 16px;
margin-top: 8px
}
.podcast-dashboard-main .menu-mobile-btn {
text-transform: uppercase;
}
.menu-dropdown-content {
width: 100%;
display: flex;
box-shadow: none;
border: 0;
}
.menu-dropdown-content li {
width: 100%;
border: 0;
text-align: center;
}
.menu-dropdown-content a {
border: 0;
}
.menu-dropdown-content .nav-tabs>li.active>a,
.menu-dropdown-content .nav-tabs>li.active>a:hover,
.menu-dropdown-content .nav-tabs>li.active>a:focus {
border: 0;
}
.menu-dropdown-content .nav-tabs>li.active>a {
border-bottom: 2px solid #d544da;
}
.podcast-dashboard-main .mobile-podcast-dashboard-menu .caret {
margin-left: 10px;
margin-bottom: 4px;
border-top: 8px dashed;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
.podcast-dashboard-main .mobile-podcast-dashboard-menu .dropdown-menu {
width: 100%;
}
.podcast-dashboard-main .mobile-podcast-dashboard-menu .dropdown-menu>li>a {
padding: 8px 20px;
}
.podcast-dashboard-main .mobile-podcast-dashboard-menu .dropdown-menu>li>a:hover,
.podcast-dashboard-main .mobile-podcast-dashboard-menu .dropdown-menu>li.active>a {
color: #d544da;
background-color: transparent;
}
.podcast-dashboard-main .dashboard-tabs-menu {
background-color: #ffffff;
height: 60px;
width: 100%;
}
.podcast-dashboard-main .dashboard-tabs-menu .container,
.podcast-dashboard-main .dashboard-tabs-menu .dropdown {
height: 100%;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content {
margin: 0;
padding: 0;
list-style: none;
display: table;
width: 100%;
height: 100%;
border-bottom: none;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content li {
display: table-cell;
float: none;
vertical-align: middle;
line-height: 1;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content li>a {
display: block;
color: #A0A0A0;
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 18px;
text-align: center;
text-transform: uppercase;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content span[class^="icon-"] {
font-size: 20px;
padding-right: 6px;
vertical-align: text-bottom;
line-height: 1;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content span[class^="icon-rss"] {
font-size: 16px;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content span[class^="icon-bonus"] {
font-size: 20px;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content span[class^="icon-perk"] {
font-size: 20px;
font-weight: bold;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content span[class^="icon-plus"]{
font-weight: bold;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content li>a:hover {
background-color: transparent;
color: #D04ABD;
border: 1px solid transparent;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content li.active>a {
color: #D04ABD;
background-color: transparent;
border: none;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content li.active {
border-bottom: 2px solid #D04ABD;
pointer-events: none;
}
.podcast-dashboard-main .main-content {
margin-bottom: 30px;
}
.podcast-dashboard-main .main-content .tab-content {
margin-top: 35px;
margin-bottom: 70px;
}
.podcast-dashboard-main .main-content .rss-feeds-section .rss-text-content {
padding: 8px 0px 8px 10px;
/*border-right: 1px solid #F3F3F3;*/
}
.podcast-dashboard-main .main-content .rss-feeds-section .border-rss {
border-right: 1px solid #F3F3F3;
}
.podcast-dashboard-main .main-content .rss-feeds-section h3 {
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 18px;
color: #525252;
}
.podcast-dashboard-main .main-content .rss-feeds-section .rss-text-content p {
color: #b2b2b2;
font-weight: 200;
font-size: 16px;
}
.podcast-dashboard-main .main-content .rss-feeds-section .inner {
border: 1px dashed #DEDEDE;
padding: 15px;
position: relative;
background-color: #FDFDFD;
margin-top: 35px;
}
.podcast-dashboard-main .main-content .rss-feeds-section .rss-link-content .rss-link {
border: 1px solid #d544da;
padding: 0 15px;
height: 40px;
line-height: 40px;
vertical-align: middle;
width: calc(100% - 95px);
box-sizing: border-box;
word-break: break-word;
display: -webkit-box !important;
-webkit-line-clamp: 1;
-moz-line-clamp: 1;
-ms-line-clamp: 1;
-o-line-clamp: 1;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
}
.podcast-dashboard-main .main-content .rss-feeds-section .rss-link-content .rss-link-btn {
position: absolute;
top: 15px;
right: 15px;
background-color: #d544da;
color: #ffffff;
border-radius: 0;
}
.podcast-dashboard-main .exlain-rss-feeds-content {
margin-top: 35px;
padding: 25px;
}
.podcast-dashboard-main .exlain-rss-feeds-content .img-holder img {
height: 245px;
object-fit: cover;
object-position: center;
}
.podcast-dashboard-main .exlain-rss-feeds-content h2 {
font-size: 25px;
font-weight: 400;
margin-bottom: 20px;
color: #525252;
}
.podcast-dashboard-main .exlain-rss-feeds-content p,
.podcast-dashboard-main .exlain-rss-feeds-content ul {
font-size: 16px;
font-weight: 200;
}
@media screen and (max-width: 768px),
(max-width: 992px) {
}
@media screen and (max-width: 768px) {
.podcast-dashboard-main .main-content .rss-feeds-section .rss-link-content .rss-link-btn {
border-radius: 0;
width: 100%;
position: unset;
top: 0;
left: 0;
}
.podcast-dashboard-main .main-content .rss-feeds-section .rss-link-content .rss-link {
width: 100%;
height: 100%;
display: block !important;
-webkit-line-clamp: unset;
line-height: 1.5;
padding: 5px 10px;
overflow: auto;
-webkit-box-orient: unset !important;
border-radius: 0 !important;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}
.podcast-dashboard-main .main-img-holder .plus-banner-content {
width: auto;
}
.podcast-dashboard-main .main-content .rss-feeds-section .inner {
margin-top: 0;
margin-bottom: 15px;
}
}
@media screen and (max-width: 768px),
(min-width: 768px) {
.podcast-dashboard-main .exlain-rss-feeds-content .img-holder img {
height: 195px;
}
/*.podcast-dashboard-main .main-img-holder {
height: 190px;
}*/
.podcast-dashboard-main .main-content .rss-feeds-section .border-rss {
border: none;
}
.podcast-dashboard-main .exlain-rss-feeds-content h2 {
font-size: 22px;
}
}
@media screen and (max-width: 992px) {
.podcast-dashboard-main .main-content .rss-feeds-section .inner {
margin-top: 0;
margin-bottom: 25px;
}
}
/****** podcast section **********/
.podcast-post-section .premium-podcast-column {
float: right;
}
.podcast-dashboard-main .podcast-post-section .podcast-section-title {
font-family: 'Raleway', sans-serif;
font-size: 15px;
color: #707070;
padding-bottom: 18px;
border-bottom: 1px solid #E3E3E3;
font-weight: 500;
text-transform: uppercase;
}
.podcast-dashboard-main .podcast-post-section .podcast-dropdown-filter {
position: absolute;
top: -10px;
right: 0px;
}
.podcast-dashboard-main .podcast-post-section .podcast-dropdown-filter .filter-podcast-btn {
height: 35px;
line-height: 35px;
background: #d544da;
color: #ffffff;
letter-spacing: 1.3px;
}
.podcast-dashboard-main .podcast-post-section .podcast-dropdown-filter .podcast-filter-dropdown-menu {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.02);
padding-top: 0;
padding-bottom: 0;
}
.podcast-dashboard-main .podcast-post-section .podcast-dropdown-filter .dropdown-menu.custom li button {
line-height: 40px;
}
.podcast-dashboard-main .podcast-post-section .podcast-dropdown-filter .dropdown-menu.custom li button.active {
background: #eeeeee;
}
.podcast-dashboard-main .podcast-post-section .podcast-dropdown-filter span[class*="icon"] {
padding-right: 8px;
font-weight: bolder;
font-size: 14px;
vertical-align: middle;
line-height: 35px;
}
.podcast-post-section .season-section,
.bonus-tab-holder .hashtag-section {
margin-top: 25px;
}
.podcast-post-section .season-section .singleseason,
.bonus-tab-holder .hashtag-section .singlehashtag {
border: 2px solid #C1C1C1;
/* padding: 0 15px; */
height: 35px;
line-height: 2;
display: inline-block;
vertical-align: middle;
border-radius: 22px;
list-style: none;
}
.podcast-post-section .season-section .singleseason.active button {
color: #fff;
}
.podcast-post-section .season-section .singleseason button,
.bonus-tab-holder .hashtag-section .singlehashtag button {
text-transform: uppercase;
color: #A0A0A0;
background: transparent;
border: none;
padding: 0 15px;
}
.podcast-post-section .season-section .singleseason.active,
.bonus-tab-holder .hashtag-section .singlehashtag.active {
background-color: #d544da;
border: 2px solid #d544da;
}
.podcast-post-section .season-section .singleseason.active button,
.bonus-tab-holder .hashtag-section .singlehashtag.active button {
color: #ffffff;
}
.podcast-post-section .season-section .singleseason +.singleseason,
.bonus-tab-holder .hashtag-section .singlehashtag +.singlehashtag {
margin-left: 8px;
}
.podcast-post-section .season-section .seasonul1,
.podcast-post-section .season-section .seasonul2,
.bonus-tab-holder .hashtag-section .hashtagul {
margin: 0 0 2px 0;
padding: 0;
white-space: nowrap;
display: inline-block;
list-style: none;
/*line-height: 50px;*/
}
.podcast-dashboard-main a:hover,
.podcast-dashboard-main a:visited,
.podcast-dashboard-main a:active,
.podcast-dashboard-main a:focus {
text-decoration: none;
}
.podcast-post-section .season-section a.arrow,
.bonus-tab-holder .hashtag-section a.arrowHash {
/* display: block; */
text-decoration: none;
position: absolute;
padding: 5px 0;
/*line-height: 50px;*/
}
.podcast-post-section .season-section a.leftArrow1,
.podcast-post-section .season-section a.leftArrow2,
.bonus-tab-holder .hashtag-section a.leftArrow {
left: 0;
}
.podcast-post-section .season-section a.rightArrow1,
.podcast-post-section .season-section a.rightArrow2,
.bonus-tab-holder .hashtag-section a.rightArrow {
/*padding: 5px 5px 5px 10px;*/
right: 0;
}
.podcast-post-section .season-section a.seasonArrow1:before,
.podcast-post-section .season-section a.seasonArrow2:before,
.bonus-tab-holder .hashtag-section a.arrowHash:before {
content: '';
top: -3px;
right: 0;
width: 140px;
height: 40px;
background-image: linear-gradient(to left, #f6f7f9 0%, rgba(246, 247, 249, 0.93) 50%, rgba(246, 247, 249, 0.13) 100%);
position: absolute;
}
.podcast-post-section .season-section a.arrow.arrow-left1:before,
.podcast-post-section .season-section a.arrow.arrow-left2:before,
.bonus-tab-holder .hashtag-section a.arrowHash.arrow-left:before {
left: 0;
background-image: linear-gradient(to right, #f6f7f9 0%, rgba(246, 247, 249, 0.93) 50%, rgba(246, 247, 249, 0.13) 100%);
}
.podcast-post-section .season-section a.arrow .move-season-arrow1,
.podcast-post-section .season-section a.arrow .move-season-arrow2,
.bonus-tab-holder .hashtag-section a.arrowHash .move-hashtag-arrow {
width: 45px;
height: 45px;
background-color: #fff;
border-radius: 50%;
position: absolute;
top: -6px;
right: 0px;
box-shadow: 0px 7px 16px rgba(131, 131, 131, 0.05);
cursor: pointer;
}
.podcast-post-section .season-section a.arrow.arrow-left1 .move-season-arrow1,
.podcast-post-section .season-section a.arrow.arrow-left2 .move-season-arrow2,
.bonus-tab-holder .hashtag-section a.arrowHash.arrow-left .move-hashtag-arrow {
left: 0;
}
.podcast-post-section .season-section a.arrow .move-season-arrow1:before,
.podcast-post-section .season-section a.arrow .move-season-arrow2:before,
.bonus-tab-holder .hashtag-section a.arrowHash .move-hashtag-arrow:before {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
font-size: 20px;
color: #d73bdc;
}
.podcast-post-section .season-section .seasonHolder1,
.podcast-post-section .season-section .seasonHolder2,
.bonus-tab-holder .hashtag-section .hashtagHolder {
overflow: hidden;
}
.podcast-main-section .season-section +.podcast-content-holder {
margin: 35px auto;
}
.podcast-main-section .podcast-content-holder .paddingTop {
padding-top: 15px;
}
.podcast-main-section .podcast-content-holder .paddingTop {
padding-left: 0px;
}
.podcast-main-section .podcast-content-holder .single-podcast {
background-color: #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04);
border-radius: 8px;
height: 60px;
}
.podcast-main-section .podcast-content-holder .single-podcast .mobile-podcast-img {
overflow: hidden;
margin-left: 15px;
object-position: center;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding: 0;
}
.podcast-main-section .podcast-content-holder .single-podcast .mobile-podcast-img.locked .locked-details {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
text-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
font-size: 18px;
z-index: 1;
text-align: center;
line-height: 1.1;
}
.podcast-main-section .podcast-content-holder .single-podcast .mobile-podcast-img.locked .tier-type {
font-size: 13px;
}
.podcast-main-section .podcast-content-holder .single-podcast .leftpaddding {
padding-left: 8px;
}
.podcast-main-section .podcast-content-holder .single-podcast .main-content-holder {
width: calc(100% - 45px);
}
.podcast-main-section .podcast-content-holder .single-podcast .podcast-img {
height: 60px;
width: 100%;
object-fit: cover;
object-position: center;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.podcast-main-section .podcast-content-holder .single-podcast .mobile-podcast-img.locked .podcast-img {
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.podcast-main-section .podcast-content-holder .single-podcast .small-content {
line-height: 0.5;
position: relative;
}
.podcast-main-section .podcast-content-holder .single-podcast .podcast-title {
font-size: 12px;
line-height: 1.5;
padding-top: 8px;
font-weight: 600;
display: -webkit-box !important;
-webkit-line-clamp: 1;
-moz-line-clamp: 1;
-ms-line-clamp: 1;
-o-line-clamp: 1;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
height: 26px;
text-transform: uppercase;
color: #525252;
word-break: break-all;
}
.podcast-main-section .podcast-content-holder .single-podcast .podcast-date {
position: relative;
}
.podcast-main-section .podcast-content-holder .single-podcast .podcast-date,
.podcast-main-section .podcast-content-holder .single-podcast .podcaster {
color: #b5b5b5;
font-size: 11px;
font-weight: 200;
}
/* .podcast-main-section .podcast-content-holder .single-podcast .podcast-date:before {
content: '';
position: absolute;
top: 5px;
right: -11px;
font-size: 20px;
width: 3px;
height: 3px;
border-radius: 50%;
background: #b5b5b5;
}*/
.podcast-main-section .podcast-content-holder .single-podcast .podcaster {
padding-left: 15px;
}
.podcast-main-section .podcast-content-holder .single-podcast .podcast-decs {
font-size: 12px;
/*padding-right: 15px;*/
font-weight: 400;
display: -webkit-box !important;
-webkit-line-clamp: 1;
-moz-line-clamp: 1;
-ms-line-clamp: 1;
-o-line-clamp: 1;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
line-height: 1.5;
height: 26px;
padding-top: 2px;
color: #828282;
padding-top: 6px;
width: calc(100% - 35px);
}
.podcast-main-section .podcast-content-holder .single-podcast .podcast-play {
position: absolute;
width: 35px;
height: 35px;
border: 2px solid #d73bdc;
border-radius: 50%;
top: 36%;
right: 22px;
transform: translateY(-40%);
text-align: center;
vertical-align: middle;
line-height: 35px;
}
.podcast-main-section .podcast-content-holder .single-podcast .podcast-play span {
font-size: 18px;
color: #d73bdc;
padding-left: 3px;
}
.podcast-sub-section.podcast-main-section .paddingTop {
padding-left: 0px;
}
.podcast-main-section .podcast-content-holder .single-podcast:hover {
transform: scale(1.025);
cursor: pointer;
}
.podcast-post-section .podcast-sub-section.podcast-main-section:before {
content: '';
position: absolute;
width: 1px;
height: 100%;
top: 45px;
left: -1px;
background: rgba(233, 233, 233, 0.78);
}
.podcast-sub-section .premium-blur.podcast-content-holder {
filter: blur(7px);
transform: scale(0.98);
}
.podcast-post-section .premium-podcast-overlay-holder {
position: absolute;
top: 45px;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.76);
border-radius: 3px;
}
/*.premium-podcast-overlay-holder .podcast-overlay-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}*/
.premium-podcast-overlay-holder .podcast-overlay-content .text-content {
color: #fff;
line-height: 1.5;
font-size: 16px;
padding: 0 25px;
font-weight: 400;
}
.premium-podcast-overlay-holder .podcast-overlay-content .overlay-sub-img {
width: 100%;
height: 180px;
object-fit: contain;
object-position: center;
}
.premium-podcast-overlay-holder .podcast-overlay-content .sub-btn {
color: #ffffff;
font-size: 15px;
width: 150px;
height: 40px;
line-height: 1;
vertical-align: middle;
text-transform: uppercase;
background: transparent;
border: 2px solid #ffffff !important;
display: inline-block;
padding: 0px 15px;
text-align: center;
font-family: 'Raleway', sans-serif;
font-weight: 500;
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
margin-top: 20px;
}
/****** podcast section Ends**********/
/****** BOnus Content StARTS*********/
.bonus-tab-holder .main-bonus-content-holder .single-Bonus-card,
.subscribers-posts-section .single-Bonus-card{
margin-top: 30px;
}
.single-Bonus-card .img-holder.locked {
overflow: hidden;
cursor: pointer;
}
.bonus-tab-holder .main-bonus-content-holder .single-Bonus-card .single-Bonus-card-holder,
.subscribers-posts-section .single-Bonus-card .single-post {
width: 100%;
height: 100%;
display: block;
}
.subscribers-posts-section .single-Bonus-card .single-post:hover,
.subscribers-posts-section .single-Bonus-card .single-post:focus{
text-decoration: none;
}
.subscribers-posts-section .single-Bonus-card .dropdownholder {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.main-bonus-content-holder .single-Bonus-card .top-content-holder {
width: 100%;
height: 100%;
}
.main-bonus-content-holder .single-Bonus-card .img-holder.locked .top-content-holder {
filter: blur(6px);
}
.main-bonus-content-holder .single-Bonus-card .img-holder.locked .locked-details {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
text-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
font-size: 18px;
z-index: 1;
text-align: center;
line-height: 2;
display: block;
}
.main-bonus-content-holder .single-Bonus-card .img-holder.locked .locked-details .icon-locked {
font-size: 26px;
}
.main-bonus-content-holder .single-Bonus-card .img-holder.locked .locked-details .tier-type {
font-size: 16px;
text-transform: uppercase;
}
.main-bonus-content-holder .single-Bonus-card .img-holder,
.subscribers-posts-section .single-Bonus-card .img-holder{
width: 100%;
height: 230px;
overflow: hidden;
}
.main-bonus-content-holder .single-Bonus-card .img-holder:hover .bonus-img,
.subscribers-posts-section .single-Bonus-card .img-holder:hover .bonus-img {
transform: scale(1.2);
}
.main-bonus-content-holder .single-Bonus-card .img-holder .bonus-img,
.subscribers-posts-section .single-Bonus-card .img-holder .bonus-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .5s;
}
.main-bonus-content-holder .single-Bonus-card .img-holder:after,
.subscribers-posts-section .single-Bonus-card .img-holder:after{
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
position: absolute;
}
.main-bonus-content-holder .single-Bonus-card .tier-content {
position: absolute;
top: 8px;
left: 15px;
font-size: 14px;
color: #fff;
text-shadow: -1px 1px 6px rgba(0, 0, 0, 0.6);
vertical-align: middle;
line-height: 26px;
z-index: 1;
}
.subscribers-posts-section .single-Bonus-card .tier-content {
position: absolute;
top: 8px;
left: 15px;
font-size: 14px;
color: #fff;
text-shadow: -1px 1px 6px rgba(0, 0, 0, 0.6);
vertical-align: middle;
line-height: 26px;
z-index: 1;
text-transform: uppercase;
}
.main-bonus-content-holder .single-Bonus-card .tier-content [class*="icon-"],
.subscribers-posts-section .single-Bonus-card .tier-content [class*="icon-"] {
font-size: 16px;
vertical-align: middle;
font-weight: bold;
padding-right: 6px;
line-height: 26px;
}
.main-bonus-content-holder .single-Bonus-card .tier-content .text,
.subscribers-posts-section .single-Bonus-card .tier-content .text {
vertical-align: middle;
line-height: 26px;
letter-spacing: 0.5px;
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content,
.subscribers-posts-section .single-Bonus-card .bottom-img-content {
position: absolute;
bottom: 15px;
left: 15px;
color: #fff;
letter-spacing: 1.5px;
z-index: 1;
width: 100%;
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content .creator-details img,
.subscribers-posts-section .single-Bonus-card .bottom-img-content .creator-details img,
.post-detailed-content-holder .on-img-details-holder .creator-details img {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
object-position: center;
box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.72);
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content .creator-name,
.subscribers-posts-section .single-Bonus-card .bottom-img-content .creator-name,
.post-detailed-content-holder .on-img-details-holder .creator-details .creator-name {
position: absolute;
top: 2px;
left: 60px;
text-transform: uppercase;
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content .bonus-content-date,
.subscribers-posts-section .single-Bonus-card .bottom-img-content .bonus-content-date,
.post-detailed-content-holder .on-img-details-holder .creator-details .content-date {
position: absolute;
top: 22px;
left: 60px;
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content .creator-details,
.subscribers-posts-section .single-Bonus-card .bottom-img-content .creator-details {
font-size: 12px;
text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.90);
cursor: default;
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content .bonus-content-type,
.subscribers-posts-section .single-Bonus-card .bottom-img-content .bonus-content-type,
.post-detailed-main-page .post-content-type,
.blog-preview-content .post-content-detail .blog-main-content .post-content-type {
font-size: 12px;
background: #d544da;
display: inline-block;
padding: 0px 10px;
margin-bottom: 6px;
position: relative;
font-weight: 600;
letter-spacing: 1.5px;
margin-right: 10px;
margin-top: 8px;
line-height: 30px;
vertical-align: middle;
height: 30px;
width: 85px;
text-align: center;
color: #ffffff;
text-transform: uppercase;
}
.post-detailed-main-page .post-content-type {
cursor: pointer;
}
.post-detailed-main-page .search-tags-holder {
display: inline-block;
position: absolute;
z-index: 11;
left: auto;
}
.post-detailed-main-page[data-posttype="audio"] .search-tags-holder {
top: 180px;
}
.post-detailed-main-page[data-posttype="text"] .search-tags-holder {
margin-top: 25px;
}
.post-detailed-main-page[data-posttype="photo"] .search-tags-holder,
.post-detailed-main-page[data-posttype="video"] .search-tags-holder,
.post-detailed-main-page[data-posttype="link"] .search-tags-holder {
bottom: -70px;
}
.post-detailed-main-page .post-content-type.first-child,
.blog-preview-content .post-content-detail .blog-main-content .post-content-type.first-child{
margin-left: 8px;
}
.post-detailed-main-page .post-content-type.tierText-holder,
.blog-preview-content .post-content-detail .blog-main-content .post-content-type.tierText-holder {
background: #1b1b1b;
}
.post-detailed-main-page .post-content-type.tierText-holder .post-type-icon,
.blog-preview-content .post-content-detail .blog-main-content .post-content-type .post-type-icon{
display: none;
}
.post-detailed-main-page .post-content-type {
margin-bottom: 20px;
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content .bonus-content-type:before,
.subscribers-posts-section .single-Bonus-card .bottom-img-content .bonus-content-type:before,
.post-detailed-main-page .post-content-type:before,
.blog-preview-content .post-content-detail .blog-main-content .post-content-type:before {
content: '';
position: absolute;
left: -8px;
top: 0;
width: 8px;
display: block;
height: 30px;
border-bottom: 0px solid transparent;
border-right: 8px solid #d544da;
border-top: 30px solid transparent;
}
.post-detailed-main-page .post-content-type.tierText-holder:before,
.blog-preview-content .post-content-detail .blog-main-content .post-content-type.tierText-holder:before {
border-right: 8px solid #1b1b1b;
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content .bonus-content-type:after,
.subscribers-posts-section .single-Bonus-card .bottom-img-content .bonus-content-type:after,
.post-detailed-main-page .post-content-type:after,
.blog-preview-content .post-content-detail .blog-main-content .post-content-type:after {
content: '';
position: absolute;
right: -8px;
top: 0;
width: 8px;
display: block;
height: 30px;
border-bottom: 30px solid transparent;
border-left: 8px solid #d544da;
border-top: 0px solid transparent;
}
.post-detailed-main-page .post-content-type.tierText-holder:after,
.blog-preview-content .post-content-detail .blog-main-content .post-content-type.tierText-holder:after {
border-left: 8px solid #1b1b1b;
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content .bonus-content-type.black,
.subscribers-posts-section .single-Bonus-card .bottom-img-content .bonus-content-type.black,
.post-detailed-main-page .post-content-type.black {
background: #111;
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content .bonus-content-type.black:before,
.subscribers-posts-section .single-Bonus-card .bottom-img-content .bonus-content-type.black:before,
.post-detailed-main-page .post-content-type.black:before {
border-right: 8px solid #111;
}
.main-bonus-content-holder .single-Bonus-card .bottom-img-content .bonus-content-type.black:after,
.subscribers-posts-section .single-Bonus-card .bottom-img-content .bonus-content-type.black:after,
.post-detailed-main-page .post-content-type.black:after {
border-left: 8px solid #111;
}
.main-bonus-content-holder .single-Bonus-card .bottom-content,
.subscribers-posts-section .single-Bonus-card .bottom-content{
padding: 15px;
cursor: pointer;
}
.subscribers-posts-section .single-Bonus-card .bottom-img-content {
margin-left: 8px;
}
.main-bonus-content-holder .single-Bonus-card .bottom-content .bonus-content-title,
.subscribers-posts-section .single-Bonus-card .bottom-content .bonus-content-title{
font-size: 16px;
line-height: 1.2;
font-weight: 600;
display: -webkit-box !important;
-webkit-line-clamp: 1;
-moz-line-clamp: 1;
-ms-line-clamp: 1;
-o-line-clamp: 1;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
height: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #525252;
word-break: break-all;
}
.main-bonus-content-holder .single-Bonus-card .bottom-content .bonus-content-decs,
.subscribers-posts-section .single-Bonus-card .bottom-content .bonus-content-decs {
font-size: 15px;
line-height: 1.5;
padding-top: 10px;
font-weight: 200;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
height: 56px;
color: #a5a5a5;
padding-bottom: 10px;
letter-spacing: 0.5px;
}
.main-bonus-content-holder .text-btn,
.subscribers-posts-section .text-btn{
background: transparent;
border: none;
padding: 0;
font-weight: 600;
font-size: 14px;
color: #da4ddf;
border-bottom: 2px solid #da4ddf;
letter-spacing: 0.5px;
}
.main-bonus-content-holder .single-Bonus-card .stats-holder,
.subscribers-posts-section .single-Bonus-card .stats-holder {
display: table;
width: 100%;
padding: 5px 0;
}
.main-bonus-content-holder .single-Bonus-card .stats-holder .stats [class*="icon-"],
.subscribers-posts-section .single-Bonus-card .stats-holder .stats [class*="icon-"] {
color: #da4ddf;
font-size: 15px;
vertical-align: bottom;
padding-right: 5px;
line-height: 26px;
}
.main-bonus-content-holder .single-Bonus-card .stats-holder .stats,
.subscribers-posts-section .single-Bonus-card .stats-holder .stats {
font-size: 13px;
font-weight: 400;
vertical-align: middle;
display: table-cell;
color: #8b8b8b;
}
.main-bonus-content-holder .single-Bonus-card .stats-holder .stats +.stats,
.subscribers-posts-section .single-Bonus-card .stats-holder .stats +.stats {
padding-left: 10px;
}
.bonus-content-filter-section .filter-type-section .filter-title {
color: #908F8F;
text-transform: uppercase;
font-size: 16px;
margin-top: 30px;
letter-spacing: 0.5px;
}
.bonus-content-filter-section .filter-icon-holder {
display: inline-block;
font-weight: 600;
color: #da4ddf;
vertical-align: middle;
line-height: 1;
}
.bonus-content-filter-section .filter-icon-holder i {
padding-right: 6px;
font-weight: bolder;
font-size: 16px;
vertical-align: middle;
line-height: 1;
}
.bonus-content-filter-section .filter-text {
border-bottom: 1px solid #f0f0f0;
padding-bottom: 8px;
}
.bonus-content-filter-section .filter-text .reset-text {
display: inline-block;
font-weight: 600;
border-bottom: 2px solid #da4ddf;
float: right;
letter-spacing: 0.5px;
cursor: pointer;
}
.bonus-content-filter-section .filter-type-section .filters-holder {
margin-top: 0px;
}
.bonus-content-filter-section .filter-type-section .filters-holder .search-icon-holder {
position: absolute;
top: 16px;
left: 0;
font-weight: 700;
font-size: 15px;
letter-spacing: 0.5px;
}
.bonus-content-filter-section .filter-type-section .filters-holder .search-input {
background: transparent;
border: none;
border-bottom: 1px solid #cfcfcf;
padding-left: 25px;
letter-spacing: 0.5px;
color: #222;
}
.bonus-content-filter-section .filter-type-section .filters-holder .filter-search-close-btn {
border: none;
padding: 7px;
font-size: 12px;
color: #da4ddf;
position: absolute;
top: -4px;
right: -5px;
font-weight: bold;
margin-right: 0;
cursor: pointer;
}
.bonus-content-filter-section .filter-type-section .filters-holder .filter-search-close-btn span[class*="icon"] {
font-weight: bolder;
}
.bonus-content-filter-section .filter-type-section .filters-holder button {
height: 35px;
padding: 0 15px;
background: transparent;
border: 2px solid #C1C1C1;
border-radius: 22px;
font-size: 15px;
line-height: 1;
vertical-align: middle;
color: #A0A0A0;
margin-right: 8px;
letter-spacing: 0.5px;
font-family: 'Raleway', sans-serif;
font-weight: 500;
margin-top: 12px;
}
.bonus-content-filter-section .filter-type-section .filters-holder button.active {
border: 2px solid #D04ABD;
color: #D04ABD;
pointer-events: none;
}
/****** BOnus Content ENDS*********/
/************************** Podcast Dashboard Ends***********************/
.wallet-mobile {
margin-top: 130px;
min-height: 450px;
}
@media screen and (max-width: 992px),
(max-width: 768px) {
.bonus-content-filter-section .filter-type-section .filters-holder .filter-search-close-btn {
top: 6px;
}
.wallet-mobile {
margin-top: 20px;
}
.creator-carousel {
display: none;
}
.profile-cover-holder {
display: block;
margin-top: 50px;
}
.profile-cover-holder img {
object-fit: cover;
object-position: center;
width: 100%;
height: 250px;
}
.profile-menu-mobile {
display: block;
position: fixed;
z-index: 15;
}
.profile-menu-desktop {
display: none;
}
.creator-left-sidebar .main-content {
margin-top: 12px;
}
.creator-left-sidebar {
position: relative;
margin-bottom: 0;
}
.creator-left-sidebar .landing-creator-main .profile-img-holder {
width: 160px;
height: 160px;
}
.profile-page .landing-creator-main.broadcaster-profile-pic {
position: absolute;
left: 50%;
top: -175px;
width: auto;
right: auto;
transform: translateX(-50%);
transition: none;
}
.landing-creator-main .ie-supported-img.creator-prof {
width: 100%;
height: 100%;
}
.profile-img-holder .profile-icons-alignment {
position: absolute;
top: 15px;
left: -56px;
transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
}
.profile-img-holder .profile-icons-alignment button {
transform: rotate(20deg);
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-o-transform: rotate(20deg);
}
.landing-profile-holder .round-btn {
width: 35px;
height: 35px;
line-height: 35px;
}
.landing-profile-holder .round-btn i {
font-size: 16px;
}
.profile-img-holder .profile-icons-alignment .profile-pic-btn-three {
top: 115px;
left: -30px;
}
.creator-left-sidebar .main-content .broadcaster-profile-info .title .creator-title,
.creator-left-sidebar .category-section {
text-align: center;
}
.broadcaster-content {
margin-bottom: 0;
}
.wallet-mobile {
min-height: auto;
}
.bonus-content-filter-section .filter-text {
display: none;
}
.bonus-tab-holder .mobile-filter-dropdown,
#my-posts .mobile-filter-dropdown{
position: relative;
display: inline-block;
}
.bonus-tab-holder .mobile-filter-dropdown .mobile-filter-btn,
#my-posts .mobile-filter-dropdown .mobile-filter-btn {
display: block;
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
background: #da4ddf;
z-index: 2;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.2s ease-out;
border: none;
height: 50px;
vertical-align: middle;
line-height: 1;
color: #fff;
font-weight: 600;
letter-spacing: 1.2px;
}
.search-content-holder .mobile-filter-dropdown .mobile-dropdown-content {
display: inline-block !important;
}
.bonus-tab-holder .mobile-filter-dropdown .mobile-filter-btn i,
#my-posts .mobile-filter-dropdown .mobile-filter-btn i {
padding-right: 6px;
font-weight: bolder;
font-size: 16px;
vertical-align: middle;
line-height: 1;
}
.bonus-tab-holder .mobile-dropdown-content,
#my-posts .mobile-dropdown-content{
display: none;
position: fixed;
background-color: #f6f6f6;
overflow: auto;
border: none;
bottom: 40px;
left: 0;
z-index: 999;
width: 100%;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.2s ease-out;
padding: 20px;
border-top: 1px solid rgba(182, 182, 182, 0.79);
padding-top: 5px;
max-height: 250px;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.bonus-tab-holder .mobile-dropdown-content .close,
#my-posts .mobile-dropdown-content .close {
margin-top: 5px;
margin-right: -5px;
border: 1px solid #9e9e9e;
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 1;
font-size: 25px;
display: block;
position: relative;
z-index: 1;
}
.bonus-content-filter-section .filter-type-section .filters-holder .search-icon-holder {
top: 22px;
font-size: 14px;
}
.bonus-tab-holder .mobile-dropdown-content.show,
#my-posts .mobile-dropdown-content.show{display: block;}
.bonus-content-filter-section .filter-type-section .filter-title {
margin-top: 15px;
font-size: 15px;
}
.bonus-content-filter-section .filter-type-section .filters-holder button {
height: 30px;
font-size: 14px;
margin-right: 6px;
margin-top: 10px;
}
.bonus-content-filter-section .filter-type-section .filter-title.mobile-search {
margin-top: 0 !important;
}
.bonus-tab-holder .bonus-content-main-tag {
margin-top: -20px;
}
.podcast-post-section .premium-podcast-column {
float: none;
}
.podcast-post-section .premium-podcast-column +.regular-podcast-column {
margin-top: 70px;
}
.scrolltop {
bottom: 70px;
}
.messsage-fix {
bottom: 150px;
}
.messsage-fix:hover {
animation: none;
}
.tooltip {
display: none !important;
}
}
@media (min-width: 992px),
(max-width: 992px) {
.podcast-post-section .mobile-podcast-img {
width: 80px;
height: 60px;
display: inline-block;
}
.podcast-post-section .mobile-podcast-img img {
width: 100%;
height: 100%;
}
.mobile-podcast-content {
display: inline-block;
width: calc(100% - 95px);
float: right;
}
.podcast-main-section .podcast-content-holder {
margin-left: 20px;
margin-right: 2px;
}
.podcast-main-section .podcast-content-holder .single-podcast .dot {
left: 16%;
}
}
@media (max-width: 992px) {
.podcast-main-section .main-podcast-mobile {
width: 100%;
}
.podcast-dashboard-main .dashboard-tabs-menu .container.mobile-menu-container {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.creator-carousel {
display: none;
}
/*.creator-left-sidebar {
display: none;
}*/
.home-tabs-menu ul li a,
.home-tabs-menu ul li a:focus,
.home-tabs-menu ul li a:active {
padding: 0px !important;
}
.creator-mobile-container {
margin-top: 50px;
}
.creator-left-sidebar .main-content {
margin-top: 0;
}
.creator-left-sidebar .main-content {
margin-top: 20px;
}
/* .fixed-mobile-btn {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
padding: 25px;
line-height: 8px;
background: #d544da;
color: white;
z-index: 15;
border-radius: 0;
} */
.podcast-post-section .mobile-podcast-img {
width: 80px;
height: 60px;
display: inline-block;
}
.podcast-post-section .mobile-podcast-img img {
width: 100%;
height: 100%;
}
.mobile-podcast-content {
display: inline-block;
width: calc(100% - 100px);
float: right;
}
.podcast-main-section .podcast-content-holder {
margin-left: 20px;
margin-right: 2px;
}
/*.bonus-tab-holder .bonus-content-main-tag {
margin-top: 30px;
}*/
}
.scrolltop {
line-height: 1;
vertical-align: top;
}
/*----POst Detail page-----*/
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section {
display: inline-block;
float: right;
}
.post-detailed-main-page .post-details-holder {
margin-top: 0px;
}
.post-detailed-main-page .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: 430px;
}
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-preview.jw-reset {
background-size: cover;
background-position: center;
}
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-preview.jw-reset:before {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
position: absolute;
}
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-preview.jw-reset:after,
.post-detailed-main-page[data-posttype="video"] .jw-media:after {
content: '';
bottom: 0;
left: 0;
width: 100%;
height: 100px;
position: absolute;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.33) 40%, rgba(0, 0, 0, 0) 100%);
}
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-controls {
width: 1100px;
left: 50%;
transform: translateX(-50%);
z-index: 11;
}
/*Posttype styling start*/
.post-detailed-main-page[data-posttype="video"] .jwplayer.jw-stretch-exactfit video {
-o-object-fit: contain;
object-fit: contain;
}
.post-detailed-main-page[data-posttype="audio"] .jw-media video {
z-index: 10;
}
.post-detailed-main-page[data-posttype="audio"] .social-holder {
margin-top: 20px;
}
.post-detailed-main-page[data-posttype="audio"] .share-section-audio {
position: absolute;
bottom: 18%;
left: 50%;
transform: translateX(-50%);
z-index: 12;
display: inline-block;
}
.post-detailed-main-page[data-posttype="audio"] .share-section-audio .share-hold {
float: right;
}
.post-detailed-main-page[data-posttype="video"] .post-detailed-page .jwplayer-custom-sns-download-btn {
display: none;
}
.post-detailed-main-page[data-posttype="photo"] .post-details-holder {
height: 400px;
}
.post-detailed-main-page[data-posttype="photo"] .post-details-holder .post-detailed-page {
height: 100%;
}
.post-detailed-main-page[data-posttype="photo"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: inherit;
}
.post-detailed-main-page[data-posttype="photo"] .post-details-holder .post-detailed-page .media-content {
height: 100%;
width: 100%;
}
.post-detailed-main-page[data-posttype="photo"] .post-details-holder .deatil-img-holder {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.post-detailed-main-page[data-posttype="archive"] .post-detailed-content-holder .on-img-details-holder,
.post-detailed-main-page[data-posttype="link"] .post-detailed-content-holder .on-img-details-holder,
.post-detailed-main-page[data-posttype="photo"] .post-detailed-content-holder .on-img-details-holder,
.post-detailed-main-page[data-posttype="video"] .post-detailed-content-holder .on-img-details-holder {
position: unset;
bottom: unset;
left: unset;
transform: none;
}
.post-detailed-main-page[data-posttype="photo"] .post-detailed-content-holder .on-img-details-holder,
.post-detailed-main-page[data-posttype="archive"] .post-detailed-content-holder .on-img-details-holder,
.post-detailed-main-page[data-posttype="video"] .post-detailed-content-holder .on-img-details-holder {
margin-top: 20px;
}
.post-detailed-main-page[data-posttype="photo"] .post-detailed-content-holder .post-main-title,
.post-detailed-main-page[data-posttype="photo"] .post-detailed-content-holder .on-img-details-holder .creator-details,
.post-detailed-main-page[data-posttype="photo"] .post-detailed-content-holder .social-holder .counts-section .like-view-comment,
.post-detailed-main-page[data-posttype="photo"] .post-detailed-content-holder .social-holder .share-section span,
.post-detailed-main-page[data-posttype="link"] .post-detailed-content-holder .post-main-title,
.post-detailed-main-page[data-posttype="link"] .post-detailed-content-holder .on-img-details-holder .creator-details,
.post-detailed-main-page[data-posttype="link"] .post-detailed-content-holder .social-holder .counts-section .like-view-comment,
.post-detailed-main-page[data-posttype="link"] .post-detailed-content-holder .social-holder .share-section span,
.post-detailed-main-page[data-posttype="archive"] .post-detailed-content-holder .post-main-title,
.post-detailed-main-page[data-posttype="archive"] .post-detailed-content-holder .on-img-details-holder .creator-details,
.post-detailed-main-page[data-posttype="archive"] .post-detailed-content-holder .social-holder .counts-section .like-view-comment,
.post-detailed-main-page[data-posttype="archive"] .post-detailed-content-holder .social-holder .share-section span,
.post-detailed-main-page[data-posttype="video"] .post-detailed-content-holder .post-main-title,
.post-detailed-main-page[data-posttype="video"] .post-detailed-content-holder .on-img-details-holder .creator-details,
.post-detailed-main-page[data-posttype="video"] .post-detailed-content-holder .social-holder .counts-section .like-view-comment,
.post-detailed-main-page[data-posttype="video"] .post-detailed-content-holder .social-holder .share-section span {
color: #525252;
text-shadow: none;
}
.post-detailed-main-page[data-posttype="photo"] .post-detailed-content-holder .on-img-details-holder .creator-details img,
.post-detailed-main-page[data-posttype="link"] .post-detailed-content-holder .on-img-details-holder .creator-details img,
.post-detailed-main-page[data-posttype="archive"] .post-detailed-content-holder .on-img-details-holder .creator-details img,
.post-detailed-main-page[data-posttype="video"] .post-detailed-content-holder .on-img-details-holder .creator-details img {
box-shadow: none;
}
.post-detailed-main-page[data-posttype="link"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: 100%;
}
.post-detailed-main-page[data-posttype="link"] .post-embed-holder.post-detailed-page .video-modal .linkPreview {
height: 360px;
padding: 0;
}
.post-detailed-main-page[data-posttype="link"] .post-embed-holder.post-detailed-page .video-modal .linkPreview.noPreview-link {
height: 140px;
}
.post-detailed-main-page[data-posttype="link"] .media-content {
height: 100%;
padding: 0;
}
.post-detailed-main-page[data-posttype="link"] .linkPreview .linkContainer {
border: none;
border-radius: 0;
box-shadow: none;
position: relative;
height: 100%;
}
.post-detailed-main-page[data-posttype="link"] .linkPreview.noPreview-link .linkContainer {
background-image: url('../images/sns/link-post-type.jpg');
color: #fff;
}
.post-detailed-main-page[data-posttype="link"] .linkPreview .linkContainer .imageArea {
height: 270px;
background: #000;
position: relative;
}
.post-detailed-main-page[data-posttype="link"] .linkPreview .linkContainer .imageArea:before {
content: '';
bottom: 10px;
left: 0;
width: 100%;
height: 90px;
position: absolute;
background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0) 100%);
}
.post-detailed-main-page[data-posttype="link"] .linkPreview .linkContainer .imageArea img {
object-fit: cover;
}
.post-detailed-main-page[data-posttype="link"] .linkPreview .linkContainer .desc-content {
position: absolute;
bottom: 0%;
left: 50%;
color: #ffffff;
background: rgba(0, 0, 0, 1);
padding: 10px 20px;
transform: translateX(-50%);
width: 101%;
}
.post-detailed-main-page[data-posttype="link"] .linkPreview .linkContainer .title {
font-size: 18px;
font-weight: 600;
color: #fff;
margin-top: 5px;
}
.post-detailed-main-page[data-posttype="link"] .post-detailed-content-holder,
.post-detailed-main-page[data-posttype="video"] .post-detailed-content-holder .on-img-details-holder,
.post-detailed-main-page[data-posttype="photo"] .post-detailed-content-holder .on-img-details-holder {
margin-top: 60px;
}
.post-detailed-main-page[data-posttype="link"] .linkPreview .linkContainer .desc,
.post-detailed-main-page[data-posttype="link"] .linkPreview .linkContainer .url {
color: #ffffff;
}
.post-detailed-main-page[data-posttype="archive"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: 450px;
}
.post-detailed-main-page[data-posttype="archive"] .jw-preview {
background-position: center;
background-size: cover;
}
.post-detailed-main-page[data-posttype="archive"] .jw-dock-button {
display: none !important;
}
.post-detailed-main-page[data-posttype="text"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: 280px;
}
.post-detailed-main-page[data-posttype="text"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: '';
background-image: url('../images/text-post-holder.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.post-detailed-main-page[data-posttype="text"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: '';
background: rgba(0, 0, 0, 0.71);
}
.post-detailed-main-page[data-posttype="text"] .post-detailed-content-holder .on-img-details-holder {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%);
bottom: auto;
margin-top: 80px;
}
.post-detailed-main-page[data-posttype="audio"] .post-detailed-content-holder {
position: relative;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder {
position: absolute;
/* left: 50%; */
right: 20px;
top: 30px;
/* transform: translateX(-50%); */
z-index: 12;
display: inline-block;
height: 0px;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .container {
height: 0px;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .backgrd-holder {
float: right;
background: rgba(0, 0, 0, 0.78);
padding: 15px;
color: #fff;
border-radius: 8px;
letter-spacing: 1.3px;
/*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);*/
box-shadow: -1px 0px 16px 3px rgba(175, 175, 175, 0.11);
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .title {
font-weight: 600;
font-size: 16px;
padding-bottom: 5px;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .bold {
text-transform: uppercase;
font-weight: 500;
padding-right: 5px;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .custom-radio {
margin-right: 10px;
vertical-align: middle;
margin-bottom: 0;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .tooltip-container {
cursor: pointer;
position: relative;
display: inline-block;
}
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip-container:hover:after{
content: '';
position: absolute;
width: 115%;
height: 120px;
top: 20px;
left: -35px;
}
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip-container:hover .tooltip,
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder a:hover .tooltip {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip {
opacity: 0;
z-index: 99;
color: #525252;
width: 110%;
display: block;
font-size: 15px;
padding: 5px 10px;
border-radius: 3px;
text-align: center;
background: rgb(255, 255, 255);
border: 1px solid rgba(34, 34, 34, 0.32);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.37);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
position: absolute;
right: 0px;
top: 35px;
text-align: left;
line-height: 1;
}
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip img {
width: 80px;
height: 80px;
padding-top: 5px;
object-fit: contain;
object-position: center;
}
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip .content {
display: inline-block;
width: calc(100% - 100px);
vertical-align: middle;
line-height: 1.3;
font-weight: 200;
font-size: 15px;
}
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip .content a,
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip .content a:hover,
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip .content a:active {
color: #da4ddf;
font-weight: 500;
text-decoration: underline;
}
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip:before,
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip:after {
content: '';
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(255, 255, 255, 0.9);
position: absolute;
top: -10px;
left: 46%;
}
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip-container:hover .tooltip.regular-date-tooltip {
width: 120%;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .tooltip-container {
cursor: pointer;
position: relative;
display: inline-block;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .custom-radio label {
padding: 0;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .custom-radio .custom-radio input:checked+label:before {
background-color: #d544da;
box-shadow: 0 0 0 1px #949494, inset 0 0 0 3px #ffffff;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .custom-radio input+label:before {
margin-right: 15px;
box-shadow: 0 0 0 2px #e9e9e9;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .radio+.radio, .checkbox+.checkbox {
margin-top: 10px;
}
.post-detailed-main-page[data-posttype="audio"] .post-detailed-content-holder .on-img-details-holder {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
margin-bottom: 75px;
}
/*Posttype styling ends*/
@media (min-width: 1200px) {
.post-detailed-main-page .post-embed-holder .jw-controls {
width: 1100px;
}
}
@media (max-width: 992px) {
/*.post-detailed-main-page .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: 400px;
}*/
.post-detailed-main-page[data-posttype="video"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: 300px;
}
.post-detailed-main-page .social-holder {
margin-bottom: 12px;
}
.post-detailed-main-page[data-posttype="audio"] .share-section-audio {
bottom: 22%;
}
.podcast-main-section .podcast-content-holder .single-podcast:hover {
transform: none;
}
}
@media (max-width: 768px) {
.post-detailed-main-page .post-detailed-content-holder .on-img-details-holder {
width: 100%;
padding: 0 20px;
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section {
float: left;
margin-top: 15px;
width: 100%;
}
.post-detailed-main-page[data-posttype="archive"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: 250px;
}
.post-detailed-main-page .post-more-info-holder .comment-section .comment-here .comment-input,
.blog-setting-margin .comment-section .comment-here .comment-input {
width: calc(100% - 150px);
margin-left: 52px;
}
.post-detailed-main-page .post-more-info-holder .comment-section .comment-btn,
.blog-setting-margin .comment-section .com-btn {
padding: 0;
width: 85px;
}
}
@media screen and (max-width: 768px) {
.post-detailed-main-page .post-embed-holder .jw-controls {
width: 100%;
}
.post-detailed-main-page .social-holder .share-section {
text-align: left;
margin-top: 15px;
}
.post-detailed-main-page[data-posttype="archive"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: 250px;
}
.post-detailed-main-page .post-more-info-holder .comment-section .comment-here .comment-input,
.blog-setting-margin .comment-section .comment-here .comment-input {
width: calc(100% - 150px);
margin-left: 52px;
}
.post-detailed-main-page .post-more-info-holder .comment-section .comment-btn,
.blog-setting-margin .comment-section .com-btn {
padding: 0;
width: 85px;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder {
width: 100%;
top: 0;
right: 0;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .container {
padding: 0;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .backgrd-holder {
padding-bottom: 0;
padding-top: 10px;
border-radius: 0;
width: 100%;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .custom-radio {
margin-bottom: 12px;
margin-left: 0;
margin-top: 0;
margin-right: 0;
font-size: 14px;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .audio-type-holder .radio+.radio, .checkbox+.checkbox {
margin-top: 0;
}
.post-detailed-main-page[data-posttype="audio"] .post-detailed-content-holder .on-img-details-holder {
margin-bottom: 70px;
}
.post-detailed-main-page[data-posttype="audio"] .share-section-audio {
position: absolute;
z-index: 12;
display: inline-block;
bottom: 20%;
width: 100%;
}
.post-detailed-main-page[data-posttype="audio"] .share-section-audio .container {
padding-left: 20px;
}
.post-detailed-main-page[data-posttype="audio"] .share-section-audio .share-hold {
float: unset;
}
.post-detailed-main-page[data-posttype="audio"] .share-section-audio button {
padding: 0 10px;
width: auto;
}
.post-detailed-main-page[data-posttype="audio"] button i {
padding-right: 2px;
}
.podcast-main-section .podcast-content-holder .single-podcast:hover {
transform: none;
}
}
.post-detailed-main-page .post-detailed-content-holder .on-img-details-holder {
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
}
.post-detailed-main-page .post-detailed-content-holder .post-main-title {
font-family: 'Raleway', sans-serif;
text-shadow: 0 3px 6px rgba(0, 0, 0, 0.38);
color: #fff;
font-weight: 500;
letter-spacing: 1.3px;
font-size: 35px;
margin: 0;
line-height: 1.2;
display: -webkit-box !important;
-webkit-line-clamp: 3;
-moz-line-clamp: 3;
-ms-line-clamp: 3;
-o-line-clamp: 3;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
text-transform: uppercase;
font-weight: 600;
}
.post-detailed-main-page[data-posttype="text"] .post-detailed-content-holder .post-main-title {
font-size: 22px;
}
.post-detailed-main-page .post-detailed-content-holder .post-content-type {
width: 90px;
margin-bottom: 10px;
}
.post-detailed-main-page .post-detailed-content-holder .post-content-type +.post-content-type {
/*margin-left: 12px;*/
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .counts-section {
display: inline-block;
float: left;
}
.post-detailed-content-holder .social-holder .counts-section .like-view-comment {
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
font-size: 16px;
font-weight: 500;
}
.post-detailed-content-holder .social-holder .counts-section .like-view-comment [class*="inline-"] {
margin-right: 10px;
}
.post-detailed-content-holder .social-holder .counts-section .like-view-comment [class*="icon-"] {
color: #d544da;
font-size: 18px;
vertical-align: middle;
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section span,
.share-section-audio span {
color: #fff;
font-weight: 400;
font-size: 14px;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
padding-right: 10px;
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section button,
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section button:hover,
.post-detailed-main-page .share-section-audio button:hover,
.post-detailed-main-page .share-section-audio button {
border-radius: 8px;
height: 32px;
line-height: 1;
vertical-align: middle;
padding: 0 15px;
font-size: 15px;
width: 130px;
color: #ffffff;
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section button i,
.post-detailed-main-page button i {
font-size: 14px;
line-height: 1;
padding-right: 6px;
font-weight: bold;
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section .facebook-btn,
.post-detailed-main-page .facebook-btn,
.blog-setting-margin .blog-preview-content .facebook-btn {
background-color: #3B5998;
margin-right: 10px;
color: #ffffff;
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section .twitter-btn,
.post-detailed-main-page .twitter-btn,
.blog-setting-margin .blog-preview-content .twitter-btn {
background-color: #03A9F4;
color: #ffffff
}
.blog-setting-margin .blog-preview-content .icons-content-holder {
margin-left: 95px;
margin-top: -15px;
}
.post-detailed-content-holder .on-img-details-holder .creator-details {
color: #fff;
letter-spacing: 1.5px;
font-size: 12px;
text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
margin-top: 15px;
margin-bottom: 20px;
}
.post-detailed-main-page .post-more-info-holder .post-description {
margin-top: 15px;
margin-bottom: 20px;
letter-spacing: 0.5px;
font-size: 16px;
}
.post-detailed-main-page .post-more-info-holder .comment-list .comment-holder,
.blog-setting-margin .comment-list .comment-holder {
width: calc(100% - 55px);
float: right;
margin-top: -15px;
}
.blog-setting-margin .comment-list .comment-holder {
margin-top: -10px;
width: calc(100% - 50px);
}
.post-detailed-main-page .post-more-info-holder .comment-list .comment-holder .comment,
.blog-setting-margin .comment-list .comment-holder .comment {
white-space: pre-wrap;
word-break: break-word;
}
.post-detailed-main-page .post-more-info-holder .comment-list .comment-time-text,
.blog-setting-margin .comment-list .comment-time-text {
color: #bababa;
}
.post-detailed-main-page .post-more-info-holder .comment-list .like-view-comment i[class*="icon-"],
.blog-setting-margin .comment-list .like-view-comment i[class*="icon-"] {
cursor: pointer;
}
.post-detailed-main-page .post-more-info-holder .comment-section .comment-here .comment-input,
.blog-setting-margin .comment-section .comment-here .comment-input {
width: calc(100% - 170px);
margin-left: 57px;
height: 40px;
margin-top: 0;
overflow: hidden;
}
.post-detailed-main-page .post-more-info-holder .comment-section .comment-btn,
.blog-setting-margin .comment-section .com-btn {
position: absolute;
right: 0;
bottom: 6px;
line-height: 39px;
}
.post-detailed-main-page .post-more-info-holder {
margin-bottom: 50px;
}
.post-detailed-main-page .post-more-info-holder .top-profile-image {
width: 40px;
height: 40px;
}
.post-detailed-main-page .post-more-info-holder .comment-list .reply-input,
.blog-preview-content .blog-main-content .comment-list .reply-input{
width: calc(100% - 140px);
padding: 8px 15px;
height: 40px !important;
overflow: hidden;
margin-left: 55px;
}
.post-detailed-main-page .post-more-info-holder .comment-list .reply-input+button,
.blog-preview-content .blog-main-content .comment-list .reply-input+button {
position: absolute;
right: 0;
bottom: 16px;
}
.post-detailed-main-page .post-more-info-holder .comment-list .reply-input textarea,
.blog-preview-content .blog-main-content .comment-list .reply-input textarea{
width: calc(100% - 170px);
margin-left: 57px;
height: 40px;
margin: 0;
overflow: hidden;
}
/*----POst Detail page ends-----*/
/*Fan Popup UI starts*/
.fanprofilepopup.edited-fanpopup .modal-dialog {
width: 440px;
margin: 30px auto;
}
.fanprofilepopup.edited-fanpopup .modal-content {
margin-top: 110px;
}
.fanprofilepopup.edited-fanpopup .popup-body {
height: 100%;
}
.fanprofilepopup.edited-fanpopup .user-propic {
bottom: -35px;
left: 50%;
transform: translateX(-50%);
}
.fanprofilepopup.edited-fanpopup .user-propic img {
width: 100px;
border-radius: 50%;
border: 3px solid white;
height: 100px;
object-fit: cover;
box-shadow: none;
}
.fanprofilepopup.edited-fanpopup .title.clip-text-one-line {
height: 30px;
word-break: break-all;
width: 100%;
}
.fanprofilepopup.edited-fanpopup .block-user {
background-color: transparent;
border: none;
padding: 0;
color: #ff0b0b;
position: absolute;
top: 8px;
right: 20px;
font-size: 14px;
}
.fanprofilepopup.edited-fanpopup .block-user span[class^="icon-"] {
/*font-size: 16px;*/
vertical-align: middle;
line-height: 1;
padding-right: 5px;
}
.fanprofilepopup.edited-fanpopup .block-user .text {
vertical-align: middle;
line-height: 1;
/*border-bottom: 1px solid #e70000;*/
}
.fanprofilepopup.edited-fanpopup .user-parent {
position: absolute;
bottom: -65px;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: calc(100% - 40px);
}
.fanprofilepopup.edited-fanpopup .username {
text-shadow: none;
font-size: 20px;
color: #525252;
word-wrap: break-word;
word-break: break-word;
overflow: hidden;
width: 100%;
text-transform: uppercase;
margin-top: 35px;
}
.fanprofilepopup.edited-fanpopup .bottom-sec {
padding: 8px 20px;
}
.fanprofilepopup.edited-fanpopup .user-description {
margin-top: 15px;
text-align: center;
}
.fanprofilepopup.edited-fanpopup .popup-actions {
margin-bottom: 15px;
margin-top: 25px;
}
.fanprofilepopup.edited-fanpopup .send-btn {
background-color: #d544da;
color: #ffffff;
}
.fanprofilepopup.edited-fanpopup .popup-actions .primary-button +.primary-button {
margin-left: 10px;
}
/*Fan Popup UI ends*/
@media screen and (max-width: 768px),
(max-width: 768px) {
.post-detailed-page .jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-controlbar {
padding: 22px 0 0 !important;
}
.post-detailed-main-page .post-detailed-content-holder .post-content-type {
margin-bottom: 0px;
}
.post-detailed-main-page .post-detailed-content-holder .post-main-title {
font-size: 22px;
font-weight: 400;
}
.post-detailed-content-holder .on-img-details-holder .creator-details {
margin-bottom: 0px;
margin-top: 6px;
}
.post-detailed-main-page .post-more-info-holder .comment-section .comment-here .comment-input,
.blog-setting-margin .comment-section .comment-here .comment-input {
width: calc(100% - 145px);
margin-left: 50px;
}
.post-detailed-main-page .post-more-info-holder .comment-section .comment-btn,
.blog-setting-margin .comment-section .com-btn {
padding: 0;
width: 85px;
}
.post-detailed-main-page .post-more-info-holder .comment-list .reply-input,
.blog-setting-margin .comment-section .reply-input {
width: calc(100% - 140px);
margin-left: 57px;
height: 40px;
margin-top: 0;
overflow: hidden;
}
.post-detailed-main-page .post-more-info-holder .comment-list .reply-input +button,
.blog-setting-margin .comment-section .reply-input +button {
padding: 0;
width: 65px;
}
.post-content-detail .comment-section {
width: 100%;
}
.post-card .post-details .post-content-detail {
padding-left: 5px;
padding-right: 5px;
}
.post-detailed-main-page .post-detailed-content-holder .post-content-type:before {
left: -7px;
}
.post-detailed-main-page .post-detailed-content-holder .post-content-type:after {
right: -7px;
}
.post-detailed-main-page[data-posttype="text"] .post-detailed-content-holder .on-img-details-holder {
top: 0;
margin-top: 75px;
}
/* .post-detailed-main-page .post-more-info-holder .comment-list .comment-time-text,
.blog-setting-margin .blog-setting-margin .comment-list .comment-time-text,
.post-content-detail .comment-list .comment-time-text {
font-size: 12px;
font-weight: 200;
position: absolute;
top: 16px;
right: 2px;
} */
.comment-list .commenter-name {
width: calc(100% - 50px);
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section .facebook-btn {
margin-right: 4px;
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section button,
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section button:hover {
padding: 0 5px;
font-size: 14px;
width: 100px;
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section button i {
padding-right: 4px;
}
.post-detailed-main-page .jw-controlbar.jw-background-color.jw-reset {
margin-bottom: 0px;
}
.post-detailed-page .jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-rail {
background-color: hsl(0, 0%, 39%);
}
.top-subscribe-section .sub-text {
display: none;
}
.post-detailed-main-page .post-more-info-holder .mobile-width-comment {
width: 100%;
}
.post-detailed-main-page .post-more-info-holder .mobile-remove-margin {
margin-left: 0;
}
}
@media screen and (max-width: 419px) {
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-controls {
position: relative;
}
.post-detailed-page .jw-controls .jw-controls-right {
position: unset;
}
}
/*Exit Survey Popup starts*/
.exit-survey-unsubscribe-modal .modal-dialog {
width: 450px;
}
.exit-survey-unsubscribe-modal .modal-header,
.exit-survey-unsubscribe-modal .modal-footer {
border: none;
}
.exit-survey-unsubscribe-modal .img-exit-suvey {
height: 220px;
width: auto;
object-fit: contain;
object-position: center;
border: 3px solid #3c3c3c;
margin-top: 10px;
}
.exit-survey-unsubscribe-modal .survey-title {
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 22px;
text-align: center;
color: #3c3c3c;
margin-top: 15px;
letter-spacing: 1.2px;
}
.exit-survey-unsubscribe-modal .survey-details {
padding: 0 10px;
}
.exit-survey-unsubscribe-modal .sub-text {
color: #949494;
font-weight: 200;
font-size: 14px;
}
.exit-survey-unsubscribe-modal .new-custom-checkbox {
margin: 12px 0;
}
.exit-survey-unsubscribe-modal .new-custom-checkbox label {
padding-left: 36px;
}
.exit-survey-unsubscribe-modal .customlabel {
font-size: 15px;
font-weight: 400;
color: #6a6969;
}
.exit-survey-unsubscribe-modal .new-custom-checkbox label:before {
width: 24px;
height: 24px;
border: 1px solid #CBCBCB;
}
.exit-survey-unsubscribe-modal .new-custom-checkbox label:after {
top: 8px;
left: 5px;
}
.exit-survey-unsubscribe-modal .btn-holder {
padding: 8px 25px 25px 15px;
}
.exit-survey-unsubscribe-modal .primary-button {
letter-spacing: 0.8px;
}
.exit-survey-details .select-reason-holder .single-reason {
padding-top: 6px;
position: relative;
padding-left: 18px;
}
.exit-survey-details .select-reason-holder .single-reason:before {
position: absolute;
content: '';
width: 6px;
height: 6px;
top: 17px;
left: 0;
background: #da4ddf;
border-radius: 50%;
}
.exit-survey-details .survey-details .type-reason-holder {
border: 1px solid #f4f4f4;
padding: 10px 15px;
/* font-weight: 200; */
max-height: 300px;
overflow-y: scroll !important;
margin-bottom: 12px;
background: rgba(232, 232, 232, 0.278);
-webkit-appearance: none;
}
.exit-survey-details .survey-details .sub-text {
font-weight: 400;
text-transform: uppercase;
font-size: 12px;
}
.exit-survey-unsubscribe-modal.exit-survey-details .modal-header {
border-bottom: 1px solid #e5e5e5;
padding-left: 25px;
padding-right: 25px;
}
.exit-survey-unsubscribe-modal.exit-survey-details .select-reason-holder [data-isunsubscribed="1"] .subscribe-tag {
position: absolute;
right: 0;
font-size: 13px;
padding: 5px 10px;
border-radius: 5px;
background: #000000;
color: #fff;
top: 15px;
display: inline-block;
}
@media (min-width: 481px) and (max-width: 767px) {
.exit-survey-unsubscribe-modal {
padding: 0;
margin: 10px auto;
}
.exit-survey-unsubscribe-modal .modal-dialog {
width: 380px;
margin: 10px auto;
}
}
@media (min-width: 320px) and (max-width: 480px) {
.exit-survey-unsubscribe-modal {
padding: 0;
margin: 10px auto;
}
.exit-survey-unsubscribe-modal.exit-survey-details .modal-header {
padding-left: 15px;
padding-right: 15px;
}
.exit-survey-unsubscribe-modal .survey-details {
padding: 0;
}
}
@media (max-width: 355px) {
.payment-mode.support-creator-modal .col-xs-4,
.payment-mode.support-creator-modal .col-sm-8 {
width: 100%;
}
.payment-mode.support-creator-modal .col-sm-8 .pull-right {
float: none !important;
}
}
/*Exit Survey Popup ends*/
/*Exit Survey Dashboard starts*/
.exit-survey-dashboard .card {
padding: 20px;
}
.exit-survey-dashboard .exit-survey-table .comment-section {
/*position: absolute;
top: 50%;
transform: translateY(-50%);
*/line-height: 1.5;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
height: 58px;
width: 100%;
cursor: pointer;
-webkit-box-align: center;
}
.exit-survey-dashboard .exit-survey-table .subscribe-status,
.my-supporters-dashboard .subscribe-status {
font-weight: 500;
color: #EF0F0F;
/*color: #2D9507;*/
}
.exit-survey-dashboard .exit-survey-table .user-name-ellipsis,
.my-supporters-dashboard .user-name.user-name-ellipsis {
min-width: 100px;
word-break: break-word;
padding-left: 8px;
}
.my-supporters-dashboard .user-name.user-name-ellipsis.email-holder{
word-break: break-all;
}
.exit-survey-dashboard .exit-survey-table .subscribe-status.Subscribed,
.my-supporters-dashboard .subscribe-status.Subscribed {
color: #2D9507;
}
.exit-survey-dashboard .exit-survey-table .subscribe-status.Subscribed .user-name {
word-break: break-word;
}
.exit-survey-dashboard .title.clip-text-one-line,
.my-supporters-dashboard .title.clip-text-one-line {
word-break: break-all;
width: 100%;
height: auto;
padding-top: 26px;
line-height: 1.7;
/*border: 0;*/
}
.exit-survey-dashboard tr:first-child .title.clip-text-one-line,
.my-supporters-dashboard tr:first-child .title.clip-text-one-line {
border: none;
}
.exit-survey-dashboard .exit-survey-table .ellip-section {
position: relative;
cursor: default;
height: 66px;
line-height: 4;
}
.exit-survey-dashboard .exit-survey-table .ellip-section span {
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
position: absolute;
left: 8px;
right: 0;
top: 25px;
line-height: 1.5;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
word-wrap: break-word;
height: 45px;
}
.exit-survey-dashboard .exit-survey-table .ellip-section:before {
content: '';
display: inline-block;
}
/*.exit-survey-dashboard .exit-survey-table .ellip-section span:hover:before {
content: 'View Details';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 48px;
background-color: rgba(255, 255, 255, 0.94);
cursor: pointer;
display: block;
text-align: center;
color: #d544da;
}*/
.exit-survey-dashboard .exit-survey-table .ellip-section .text-btn {
background: #fff;
border: transparent;
height: 20px;
line-height: 1;
vertical-align: middle;
position: absolute;
top: 26px;
right: 3px;
padding: 0px;
color: #d653c5;
font-weight: 500;
font-size: 14px;
border-bottom: 1.4px solid;
}
.exit-survey-table .reason-section {
position: relative;
}
.exit-survey-dashboard .exit-survey-table .reason-section span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
left: 8px;
right: 0;
}
.exit-survey-dashboard .exit-survey-table .reason-section:before {
content: '';
display: inline-block;
}
/*Exit Survey Dashboard ends*/
/*Verify Email Popup starts*/
.verify-email-popup .modal-dialog {
width: 380px;
/*margin-top: 100px;*/
}
.verify-email-popup .popup-body {
padding: 20px;
}
.verify-email-popup .verify-img {
width: 100%;
height: 110px;
}
.verify-email-popup .verify-img img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.verify-email-popup .verify-details {
margin-top: 20px;
text-align: center;
word-break: break-word;
}
.verify-email-popup .title {
font-size: 22px;
font-weight: 600;
}
.verify-email-popup .sub-text {
color: #a7a7a7;
font-size: 16px;
font-weight: 200;
padding: 10px 10px;
line-height: 1.5;
}
.verify-email-popup .sub-text.note-text {
font-size: 14px;
border-top: 1px solid #e9e9e9;
padding: 8px 15px;
background: #f7f7f7;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
text-align: center;
color: #b9b9b9;
}
.verify-email-popup .done-btn {
width: 130px;
margin-top: 5px;
}
.verify-email-popup .done-btn-edit,
.subscription-cancel .done-btn-edit {
background-color: #d544da;
color: #ffffff;
margin-left: 15px;
}
/*Verify Email Popup ends*/
.cursor-default {
cursor: default !important;
}
.login-page .user-login-parent .verifyText {
color: #d544da;
font-size: 22px;
font-weight: bold;
padding-top: 15px;
text-align: center;
}
/*Free subscription Popup starts*/
.free-subscription-popup .modal-dialog {
width: 450px;
margin-top: 70px;
}
.free-subscription-popup .popup-body {
padding: 20px;
}
.free-subscription-popup .subs-img img,
.subscribe-now-popup .subscribe-img {
width: auto;
height: 220px;
object-fit: contain;
object-position: center;
border: 3px solid #3c3c3c;
margin-top: 10px;
}
.free-subscription-popup .subs-details {
padding: 10px 0;
text-align: center;
}
.free-subscription-popup .title {
font-size: 30px;
font-weight: 500;
text-transform: uppercase;
padding: 10px 0;
}
.free-subscription-popup .sub-text {
color: #a7a7a7;
font-size: 16px;
font-weight: 200;
padding: 8px 10px;
line-height: 1.5;
}
.free-subscription-popup .done-btn {
width: 140px;
margin-top: 12px;
letter-spacing: 1.2px;
}
/*Free subscription Popup ends*/
.post-type-blog-preview .post-description {
overflow: hidden;
}
.packages-card-section .floated-supporters.tier-section {
left: 20px;
}
/*Add Address Popup starts*/
.add-address-popup .customlabel {
font-size: 15px;
color: #515257;
}
.add-address-popup .modal-header {
padding: 15px 18px;
}
.add-address-popup .popup-title {
padding-top: 5px;
text-align: center;
font-size: 20px;
}
.add-address-popup .modal-body {
padding: 10px 18px;
}
/*.add-address-popup .welcome-content .wel {
color: #9d9d9d;
}*/
.add-address-popup .welcome-content img {
width: auto;
height: 250px;
object-fit: contain;
object-position: center;
border: 3px solid #3c3c3c;
margin: 15px auto;
}
.add-address-popup .address-section .address-title {
margin-top: 10px;
font-weight: 600;
font-size: 16px;
color: #d544da;
}
.add-address-popup .address-section .sub-text {
font-weight: 200;
color: #bfbebe;
}
.add-address-popup .address-section {
border: 1px solid #ecedef;
padding: 0 15px;
margin: 20px 0;
background: #fdfdfd;
}
/*Add Address Popup ends*/
.subscription-packages.creator-packages .pay-btn .primary-button {
font-family: 'Lato', sans-serif;
}
.global-post-loader-holder {
height: 500px;
margin-top: 110px;
}
.global-post-loader {
top: -25%;
display: block;
}
.subscribers-posts-section .custom-dropdown-menu {
right: 15px;
top: 2px;
width: 50px;
height: 50px;
z-index: 3;
}
.subscribers-posts-section .custom-dropdown-menu a {
width: 50px;
height: 50px;
display: inline-block;
}
.login-card .login-popup .form-group label,
.goto-sign .signin-popup .form-group label {
line-height: 40px;
}
.edit-profile-setting .profile-wrapper .all-addresses{
margin-top: 25px;
}
.edit-profile-setting .profile-wrapper .account-address {
margin-top: 5px;
background-color: rgba(243, 243, 243, 0.09);
border: 1px solid #f7f7f7;
box-shadow: none;
word-break: break-word;
padding: 12px;
}
.edit-profile-setting .profile-wrapper .update-address-btn{
position: absolute;
top: 0px;
right: 5px;
border: none !important;
border-bottom: 1.5px solid #d544da !important;
line-height: 0;
border-radius: 0;
height: 22px;
padding: 0;
}
.edit-profile-setting .profile-wrapper .update-address-btn:hover {
background-color: transparent;
color: #d544da !important;
}
.patron-tabs .nav-pills>li {
width: 50%;
}
.patron-tabs .nav-pills>li a {
margin: 10px 30px;
}
.patron-tabs .nav-pills>li .icon-sucess-b {
right: 25px;
}
.subscriptions-setting .patron-setting-padding .image-container.tier-preview {
height: 300px;
}
.subscriptions-setting .patron-setting-padding .image-container.tier-preview img {
object-fit: cover;
}
.subscription-packages.creator-packages .credit-card-box.modal-dialog {
width: 360px;
}
.sns-landing-page-section .search-section {
position: absolute;
right: 0px;
}
.sns-landing-page-section .search-section .search-form.search {
position: relative;
}
.sns-landing-page-section .search-section .search-field {
width: calc(100% - 36px);
height: 40px;
padding-right: 35px;
}
.sns-landing-page-section .search-section .primary-button {
border: none !important;
background: #d544da;
color: #fff;
position: absolute;
top: 0;
right: 0;
border-radius: 0;
padding: 0 10px;
}
.sns-landing-page-section .search-section .searchbutton {
vertical-align: middle;
/*padding-right: 5px;*/
line-height: 1;
font-size: 18px;
}
.sns-landing-page-section .search-section .homeSearchClearButton {
position: absolute;
right: 50px;
top: 8px;
background: none;
border: none;
font-size: 20px;
vertical-align: middle;
line-height: 1;
padding: 0;
color: #b4b4b4;
}
.sns-landing-page-section .margin-top-home-sidebar {
margin-top: 100px;
}
.no-search-home-holder {
background: #fff;
text-align: center;
padding: 20px;
margin-top: 0;
}
.no-search-home-holder img {
height: 230px;
width: 100%;
object-fit: contain;
object-position: center;
padding-right: 30px;
}
.no-search-home-holder h3 {
font-size: 20px;
color: #9a9a9a;
font-weight: 500;
}
.enter-email-modal .modal-dialog {
left: 0;
margin: 20px auto;
}
.enter-email-modal .modal-header .close {
margin-top: -5px;
}
@media (max-width: 991px) {
.sns-landing-page-section .margin-top-home-sidebar {
margin-top: 0px;
}
.sns-landing-page-section .margin-top-main-mobile {
margin-top: 70px;
}
.sns-landing-page-section .search-text-holder {
margin: auto 5px;
}
.sns-landing-page-section .homeSearchNav {
margin: 10px 5px;
}
.sns-landing-page-section .search-section {
width: 100%;
top: -30px;
}
}
@media (max-width: 992px) {
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-controls {
width: 95%;
}
}
@media (max-width: 1100px) {
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-controls {
width: 95%;
}
}
@media screen and (max-width: 768px) {
.post-detailed-page .jw-dock.jw-reset {
bottom: 1px;
right: -18px;
}
}
@media screen and (max-width: 768px) {
.free-subscription-popup .modal-dialog,
.verify-email-popup .modal-dialog,
#postSubscribePopup .modal-dialog {
width: 100%;
margin: auto;
}
.exit-survey-unsubscribe-modal .btn-holder {
text-align: center;
}
.exit-survey-unsubscribe-modal .primary-button {
margin-bottom: 15px;
margin-right: 0 !important;
}
.patron-tabs .nav-pills>li a {
margin: 10px 10px;
}
.patron-tabs .nav-pills>li .icon-sucess-b {
right: 5px;
}
.subscriptions-setting .patron-setting-padding .image-container.tier-preview {
height: 180px;
}
.sns-landing-page-section .search-section .search-text {
display: none;
}
.sns-landing-page-section .search-section .primary-button {
padding: 0 10px;
}
.post-detailed-main-page .social-holder .counts-section.text-right {
text-align: left;
margin-top: 15px;
}
.podcast-post-section .season-section a.seasonArrow1:before,
.podcast-post-section .season-section a.seasonArrow2:before,
.bonus-tab-holder .hashtag-section a.arrowHash:before {
width: 80px;
}
.post-detailed-page .jw-state-idle .jw-dock.jw-reset{
display: none;
}
.goto-sign .mobile-login-padding-left {
padding-left: 0;
}
}
.post-detailed-main-page .jw-skin-seven .jw-display-icon-container>.jw-icon[aria-label="Start playback"],
.post-detailed-main-page .jw-skin-seven .jw-display-icon-container>.jw-icon[aria-label="Replay"] {
border: 3px solid #ffffff;
border-radius: 50%;
}
@media only screen and (max-width: 600px) {
.post-detailed-page .jw-state-idle .jw-dock.jw-reset{
display: none;
}
.post-detailed-page .jw-state-error .jw-dock.jw-reset{
display: none;
}
.post-detailed-main-page[data-posttype="photo"] .post-details-holder {
height: 260px;
}
.subscription-packages.creator-packages .credit-card-box.modal-dialog,
.payment-details-popup.payment .credit-card-box.modal-dialog,
.buy-bidcoin-modal.payment-modal-modal.subscription-packages .modal-dialog.credit-card-box {
width: 100% !important;
margin: auto;
}
.no-search-home-holder img {
padding-right: 0;
}
.enter-email-modal .modal-dialog {
width: 100%;
margin: auto;
}
}
@media (min-width: 600px) and (max-width: 820px) {
.post-detailed-content-holder .on-img-details-holder .creator-details img {
width: 40px;
height: 40px;
}
.post-detailed-page .jw-dock.jw-reset {
bottom: 3px;
}
.post-detailed-main-page[data-posttype="audio"] .post-detailed-content-holder .on-img-details-holder {
margin-bottom: 80px;
}
.post-detailed-page .jw-background-color {
padding-left: 0;
}
/*.post-detailed-page .jw-dock-image {
transform: scale(1.1);
}*/
}
@media only screen and (max-width: 420px) {
.post-detailed-page .jw-dock.jw-reset {
bottom: 0px;
right: 40px;
}
.post-detailed-main-page .post-detailed-content-holder .social-holder .share-section span {
padding-right: 4px;
}
.post-detailed-main-page[data-posttype="text"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: 190px;
}
.bonus-tab-holder .mobile-filter-dropdown .mobile-filter-btn,
#my-posts .mobile-filter-dropdown .mobile-filter-btn {
height: 45px;
}
.fanprofilepopup.edited-fanpopup .modal-dialog {
width: 100%;
max-width: 440px;
margin: 10px auto;
}
}
.post-detailed-main-page[data-posttype="text"] .social-holder {
margin-top: 15px;
}
.payment .primary-button .plus-card {
font-size: 16px;
padding-right: 6px;
font-weight: 600;
vertical-align: text-bottom;
color: #d544da;
}
.payment .primary-button:hover .plus-card {
color: #ffffff;
}
.comment-list .commenter-name .comment-user,
.blog-preview-content .post-heading .blog-username {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.comment-list .commenter-name {
display: inline-block;
}
.trumbowyg-button-pane::after {
background: transparent !important;
}
.subscriptions-add-posts .profileTab .hashtag-holder .selectedhashes,
.patron-post-width-modal .hashtag-holder .selectedhashes{
border-radius: 4px;
display: inline-block;
border: 1px solid #676767;
margin-bottom: 12px;
margin-right: 12px;
}
.subscriptions-add-posts .profileTab .hashtag-holder .selectedhashes .hash-label,
.patron-post-width-modal .hashtag-holder .selectedhashes .hash-label{
padding: 0 15px;
height: 28px;
display: inline-block;
line-height: 28px;
border-radius: 0;
background: #676767;
}
.subscriptions-add-posts .profileTab .hashtag-holder .selectedhashes .close,
.patron-post-width-modal .hashtag-holder .selectedhashes .close {
height: 28px;
line-height: 2;
padding: 0 8px;
font-size: 16px;
display: inline-block;
color: #da4ddf;
opacity: 1;
/*background: #da4ddf;*/
}
/*.hashtag-holder .hashTag-Container{
background: #f9f9f9;
padding: 15px;
border: 1px solid #f1f1f1;
border-radius: 5px;
}*/
.post-detailed-main-page .post-more-info-holder .hashTag-post-details-holder .selectedhashes,
.blog-setting-margin .hashTag-post-details-holder .selectedhashes{
display: inline-block;
background: #484848;
border-radius: 5px;
padding: 0 15px;
height: 30px;
line-height: 30px;
font-size: 12px;
color: #fff;
margin-right: 10px;
margin-top: 10px;
}
.post-detailed-main-page .post-more-info-holder .hashTag-post-details-holder,
.blog-setting-margin .hashTag-post-details-holder {
margin: 10px 0;
}
.post-detailed-main-page .post-more-info-holder .post-description h3,
.blog-preview-content .post-description h3 {
font-family: Lato;
font-weight: 400;
font-style: normal;
font-size: 22px;
margin-bottom: 18px;
margin-top: 35px;
}
.post-detailed-main-page .post-more-info-holder .post-description a,
.post-detailed-main-page .post-more-info-holder .post-description a:hover,
.blog-preview-content .post-description a,
.blog-preview-content .post-description a:hover {
color: #d544da;
}
.post-detailed-main-page .post-more-info-holder .post-description li,
.blog-preview-content .post-description li{
margin-bottom: 5px;
}
.post-detailed-main-page .post-more-info-holder .post-description li:before,
.blog-preview-content .post-description li:before {
font-family: 'FontAwesome',sans-serif;
content: "\f111";
width: 40px;
height: 40px;
border-radius: 50px;
display: block;
padding: 0;
text-align: center;
float: left;
/* margin-left: -50px; */
/* margin-top: -6px; */
color: #ccc;
font-size: 12px;
padding-right: 15px;
position: absolute;
left: -6px;
/* line-height: 40px; */
}
.blog-preview-content .post-description li:before {
width: 30px;
height: 20px;
margin-top: 4px;
left: 0;
}
.post-detailed-main-page .post-more-info-holder .post-description a::selection,
.blog-preview-content .post-description a::selection {
background: #d544da;
color: #ffffff;
}
.post-detailed-main-page .post-more-info-holder .post-description ul,
.blog-preview-content .post-description ul {
list-style-type: none;
position: relative;
}
.blog-preview-content .post-description ul {
margin-top: 20px;
}
.post-card .post-details .post-content-detail .post-description * {
white-space: normal;
}
.edit-post-modal .plus-podcast-holder {
border: 1px solid #efefef;
padding: 0 15px;
background: #fdfdfd;
height: 45px;
color: #A19898;
font-size: 15px;
font-weight: 200;
line-height: 40px;
vertical-align: middle;
}
.edit-post-modal .icon-check-circle {
color: #d544da;
font-size: 24px;
line-height: 40px;
padding-right: 6px;
vertical-align: middle;
}
.edit-post-modal .sub-text{
color: #A69D9D;
font-weight: 200;
font-size: 15px;
margin-bottom: 10px;
}
.post-detailed-page .jw-state-idle .jw-dock.jw-reset{
display: none;
}
.pricing-page .packages-card-section .read-more-section .inner-section ul {
list-style: none;
position: relative;
}
.pricing-page .packages-card-section .read-more-section .inner-section ul li {
margin-bottom: 6px;
}
.pricing-page .packages-card-section .read-more-section .inner-section ul li:before {
font-family: 'icomoon' !important;
content: "\e958";
display: block;
padding: 0;
text-align: center;
color: #d653c5;
font-size: 14px;
position: absolute;
left: 5px;
}
.navbar-default .navbar-header a.navbar-brand .img-width-class {
width: 160px;
}
.comment-list .like-view-comment .reply-href b {
margin-top: 15px;
padding-bottom: 14px;
display: inline-block;
text-decoration: underline;
}
.comment-list .like-view-comment .previous-section b {
text-decoration: underline;
}
.comment-list .like-view-comment .reply-href[onclick*="hide"] b {
padding-bottom: 0px;
}
.comment-list .like-view-comment .previous-replies:first-child {
margin-top: 10px !important;
}
.maintenance-body {
height: 100vh;
margin: 0;
}
.maintenance-section {
height: 100%;
width: 100%;
position: relative;
}
.maintenance-section .maintenance-content {
position: absolute;
left: 50%;
top: 30%;
transform: translate(-50%, -30%);
}
.maintenance-section .maintenance-content img {
width: 700px;
height: auto;
object-fit: contain;
object-position: center;
}
.maintenance-section .maintenance-content .maintenance-text {
margin-top: 30px;
text-align: center;
font-family: 'Lato', sans-serif;
color: #415b91;
font-size: 40px;
line-height: 1.2;
}
.maintenance-section .maintenance-content .maintenance-text .sub-text {
margin-top: 20px;
font-size: 22px;
}
@media screen and (max-width: 768px) {
.maintenance-section .maintenance-content img {
width: 450px;
}
.maintenance-section .maintenance-content .maintenance-text {
padding: 0 15px;
font-size: 30px;
}
.edit-profile-setting .profile-alternative-mobile {
position: absolute;
right: 0;
}
.edit-profile-setting .new-sub-text.profile-atlernate-name-text {
position: unset;
}
.edit-profile-setting .alternate-padding-rem {
padding: 0;
}
.payment .payment-mobile-padding {
padding: 20px;
}
.payment .number span {
font-size: 16px;
}
.payment .payment-number-mobile {
width: 100%;
padding-top: 0;
}
/*.payment .payment-option .payment-card-btn {
transform: scale(0.8);
}*/
.payment .listing+.listing {
margin-top: 20px;
padding-top: 20px;
}
.privacy-lable-style .change-password-mobile-main {
position: relative;
padding-bottom: 20px;
margin-bottom: 25px;
padding-top: 5px;
}
.privacy-lable-style .change-password-mobile-title {
margin-bottom: 0 !important;
}
}
@media only screen and (max-width: 420px) {
.maintenance-section .maintenance-content img {
width: 290px;
padding: 0 15px;
}
}
.post-type-blog-preview .blog-cover-holder {
height: 280px;
}
.cke_editable .cke_widget_image img {
width: 100%;
object-fit: cover;
object-position: center;
}
.post-type-blog-preview .post-description.word-wrapper figure.image {
display: contents !important;
padding: 0 15px;
}
.post-type-blog-preview .post-description.word-wrapper figure.image figcaption,
.post-card .post-details .post-content-detail .post-description figure.image figcaption {
background-color: #f3f3f3;
padding: 15px;
word-break: break-all;
word-break: break-word;
}
.reply-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@-moz-document url-prefix() {
.reply-moz-section {
position: relative;
display: inline-block;
}
.reply-moz-section .reply-section-clip-text-one-line:before {
bottom: 3px;
position: absolute;
right: -12px;
float: right;
content: '\2026';
margin-left: -3rem;
background: transparent;
padding-left: 0px;
}
}
/* Landscape phones and down */
@media (orientation: landscape) and (max-width: 815px) {
.hash-item-popup,
.hash-item-popup .modal-content {
height: 300px;
}
.hash-item-popup .modal-content {
background-color: transparent;
}
.hash-item-popup .modal-header {
background: #fff;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.hash-item-popup .modal-body {
background: #fff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
height: 225px !important;
}
.hash-item-popup .modal-dialog {
margin-top: 15px;
}
.hash-item-popup .hash-item-group {
height: 130px;
}
}
.u-floatLeft {
display: none !important;
}
.goto-sign .login-card {
padding: 15px 10px;
}
#gosigninmodal .login-popup-text {
margin-top: 5px;
}
.goto-sign .have-account-text,
.sign-up-form .have-account-text {
margin: 0;
display: inline;
float: left;
padding-top: 12px;
}
.goto-sign .login-button.signing-btn,
.sign-up-form .login-button.login-btn{
display: inline-block;
float: right;
margin: 0;
}
.goto-sign .forgot-password-link {
display: block;
text-align: right;
padding-top: 10px;
font-size: 14px;
color: #808080;
}
#gosigninmodal .forgot-password-link a {
color: #808080;
}
.goto-sign .line-behind-text:before,
.goto-sign .line-behind-text:after{
border-top: 1px solid #e2e2e2;
top: 60%;
}
.sign-up-form .line-behind-text:before,
.sign-up-form .line-behind-text:after{
border-top: 1px solid #e2e2e2;
top: 50%;
}
#gosigninmodal .login-popup-text {
font-weight: 600;
color: #d544da;
margin-top: 0;
font-size: 18px;
}
.signUpTerms .grey-text {
text-decoration: underline;
}
@media screen and (max-width: 768px) {
.sign-up-form .signin-popup [class*="col-sm-"] {
padding-left: 0;
}
.sign-up-form .login-card .form-control,
.goto-sign .login-card .form-control{
margin-top: 0;
}
.login-card .login-popup .form-group label,
.goto-sign .signin-popup .form-group label{
margin: 0;
}
.patron-wrapper .trumbowyg-box {
min-height: 230px !important;
margin-top: 40px;
}
}
@media screen and (max-width: 400px) {
.goto-sign .login-button.signing-btn,
.sign-up-form .login-button.login-btn,
.goto-sign .have-account-text,
.sign-up-form .have-account-text {
float: unset;
margin-top: 15px;
display: block;
text-align: left;
}
.goto-sign .have-account-text,
.sign-up-form .have-account-text {
margin-top: 0;
}
.goto-sign .forgot-password-link {
text-align: left;
}
}
.donate-section {
min-height: 431px;
}
.subscriptions-add-posts .patron-setting .cover-image-upload .upload-image-post,
.subscriptions-add-posts .patron-setting .cover-image-upload .upload-profile-img {
height: 280px;
}
.subscriptions-add-posts .regular-link-title {
font-size: 15px;
text-transform: uppercase;
color: #d544da;
font-weight: 600;
margin-bottom: 10px;
}
.subscriptions-add-posts .post-audio-div-holder .ifregular-toggle .dashed-bg {
height: auto;
padding: 10px 30px;
}
.subscriptions-add-posts .ifregular-toggle .or-section{
margin: 15px 0;
position: relative;
text-align: center;
}
.subscriptions-add-posts .ifregular-toggle .or-section:before,
.subscriptions-add-posts .ifregular-toggle .or-section:after {
position: absolute;
content: '';
width: 70px;
height: 0.5px;
background: #DEDEDE;
top: 50%;
left: 40px;
transform: translateY(-50%);
}
.subscriptions-add-posts .ifregular-toggle .or-section:after {
right: 40px;
left: auto;
}
.subscriptions-add-posts .post-audio-div-holder .ifregular-toggle .dashed-bg .upload-btn {
width: auto;
text-align: center;
}
.edit-post-modal .plus-podcast-holder {
position: relative;
border: 0;
box-shadow: none;
background-color: #f9f9f9;
}
.edit-post-modal .collapsed-content-holder .plus-podcast-holder {
line-height: 45px;
}
.edit-post-modal .collapsed-content-holder {
border: 0;
}
.edit-post-modal .collapsed-content-holder .panel-heading{
border: 1px solid #f5f5f5;
padding: 0;
background-color: #f7f7f7;
}
.edit-post-modal .last-uploaded-date {
position: absolute;
right: 70px;
top: 50%;
transform: translateY(-50%);
}
.edit-post-modal .editlink-href {
position: absolute;
right: 15px;
font-size: 16px;
font-weight: 500;
color: #d544da;
top: 50%;
transform: translateY(-50%);
}
.edit-post-modal .premium-collapse-section .editlink-href[aria-expanded="true"] .icon-up-arrow-edited {
display: inline-block;
}
.edit-post-modal .premium-collapse-section .editlink-href[aria-expanded="true"] .edit-text {
display: none;
}
.edit-post-modal .collapsed-content-holder .panel-body {
border: 1px solid #f5f5f5;
border-top: 0;
padding: 25px 15px;
}
.edit-post-modal .editlink-href .edit-text {
text-decoration: underline;
margin-bottom: 1px;
display: inherit;
}
.edit-post-modal .regular-collapse .podcast-delete-btn {
position: absolute;
right: 0px;
top: -20px;
border: none;
background: #000000;
padding: 0;
color: #ffffff;
border-radius: 50%;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-size: 18px;
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.edit-post-modal .regular-collapse .podcast-delete-btn .icon-new-delete:after {
font-weight: 600;
}
.edit-post-modal .regular-collapsed-holder .panel-heading {
position: relative;
border-bottom: none;
}
/*.edit-post-modal .regular-collapsed-holder .editlink-href {
top: 15px;
transform: none;
}*/
.edit-post-modal .collapsed-content-holder.regular-collapsed-holder .panel-body {
padding: 10px 15px 25px 15px;
}
.edit-post-modal .editlink-href:hover,
.edit-post-modal .editlink-href:focus {
text-decoration: none;
}
.edit-post-modal .regular-collapsed-holder .editlink-href {
padding: 0;
border: 0;
}
/*.edit-post-modal [data-regular-link-uploaded="0"] .regular-collapse.collapse {
display: block;
}*/
.edit-post-modal .regular-collapsed-holder .editlink-href[aria-expanded="true"] .edit-text {
display: none;
}
.edit-post-modal .regular-collapsed-holder .editlink-href[aria-expanded="false"] .icon-down-arrow{
display: inline-block;
}
.edit-post-modal [data-regular-link-uploaded="1"] .regular-collapsed-holder .editlink-href[aria-expanded="false"] .icon-up-arrow-edited {
display: none;
}
.edit-post-modal .regular-collapsed-holder .editlink-href[aria-expanded="false"] .icon-up-arrow-edited,
.edit-post-modal [data-regular-link-uploaded="1"] .regular-collapsed-holder .icon-down-arrow,
/*.edit-post-modal [data-regular-link-uploaded="1"] .regular-collapsed-holder .icon-up-arrow-edited,*/
.edit-post-modal [data-regular-link-uploaded="1"] .regular-collapsed-holder .add-regular-label,
.edit-post-modal [data-regular-link-uploaded="0"] .regular-collapsed-holder .icon-check-circle,
.edit-post-modal [data-regular-link-uploaded="0"] .regular-collapsed-holder .regular-uploaded-text,
.edit-post-modal [data-regular-link-uploaded="0"] .regular-collapsed-holder .editlink-href .edit-text,
.edit-post-modal [data-regular-link-uploaded="1"] .regular-collapsed-holder .editlink-href[aria-expanded="true"] .icon-down-arrow,
.edit-post-modal [data-regular-link-uploaded="1"] .regular-collapsed-holder .regular-sub-text {
display: none;
}
.edit-post-modal [data-regular-link-uploaded="0"] .regular-collapsed-holder .plus-podcast-holder,
.edit-post-modal [data-regular-link-uploaded="0"] .regular-collapsed-holder .panel-heading {
background-color: transparent;
}
.edit-post-modal [data-regular-link-uploaded="0"] .regular-collapsed-holder .edit-text,
.edit-post-modal [regular-link-uploaded="0"] .regular-collapsed-holder .last-uploaded-date {
display: none;
}
.edit-post-modal [regular-link-uploaded="1"] .regular-collapsed-holder .editlink-href[aria-expanded="true"] .icon-up-arrow-edited {
display: inline-block;
}
.edit-post-modal [regular-link-uploaded="1"] .regular-collapsed-holder .panel-body {
padding-top: 25px !important;
}
.edit-post-modal [data-regular-link-uploaded="1"] .regular-collapsed-holder .editlink-href[aria-expanded="false"] .icon-down-arrow {
display: none;
}
.patron-post-edit-modal .who-see-post-section +.who-see-post-section {
padding-left: 15px !important;
}
[data-regular-link-uploaded="0"] .editlink-href .icon-up-arrow-edited {
display: none;
}
[data-regular-link-uploaded="0"] .editlink-href[aria-expanded="true"] .icon-up-arrow-edited {
display: inline-block;
}
[data-regular-link-uploaded="0"] .editlink-href .icon-down-arrow {
display: inline-block;
}
[data-regular-link-uploaded="0"] .editlink-href[aria-expanded="true"] .icon-down-arrow,
[data-regular-link-uploaded="0"] .regular-collapsed-holder .last-uploaded-date {
display: none;
}
[data-regular-link-uploaded="1"] .regular-collapsed-holder .panel-body {
padding-top: 25px !important;
}
[data-regular-link-uploaded="1"] .regular-collapsed-holder .editlink-href[aria-expanded="true"] .icon-up-arrow-edited {
display: inline-block;
}
.patron-post-edit-modal .auto-release-date-main-holder .post-release-dates-holder {
background: #F8F8F8;
padding: 10px 15px;
margin: 15px 15px 0 15px;
font-size: 15px;
color: #5D5D5D;
}
.patron-post-edit-modal .auto-release-date-main-holder .info_header.label-new-common,
.patron-post-edit-modal .video-upload-holder .label-new-common {
padding-top: 5px;
margin-bottom: 0;
}
.patron-post-edit-modal .auto-release-date-main-holder .release-date-title {
padding-right: 5px;
}
.patron-post-edit-modal .auto-release-date-main-holder .uploaded-date-holder,
.patron-post-edit-modal .auto-release-date-main-holder .release-date-holder {
display: inline-block;
}
.patron-post-edit-modal .auto-release-date-main-holder .uploaded-date-holder +.release-date-holder {
padding-left: 25px;
position: relative;
}
.patron-post-edit-modal .auto-release-date-main-holder .uploaded-date-holder +.release-date-holder:before {
content: '';
position: absolute;
width: 1px;
height: 20px;
background: #7b7b7b;
left: 10px;
top: 3px;
}
.edit-profile-setting .setting-renewal-date {
border: 1px solid #e2c9e2;
padding: 8px 15px;
background: rgba(245, 245, 245, 0.32);
font-size: 15px;
color: #797979;
}
.subscription-fan-package .setting-renewal-date {
padding: 8px 0 0;
font-size: 15px;
color: #ffffff;
margin: 0;
font-weight: 500;
}
.subscription-fan-package .setting-renewal-date .renew-date {
font-family: 'mukta', sans-serif;
}
.edit-profile-setting .setting-renewal-date b{
font-weight: 600;
}
.subscriptions-add-posts .upload-check-main,
.patron-post-edit-modal .upload-check-main{
position: relative;
border: 1px solid #e8e8e8;
padding: 8px;
margin-bottom: 10px;
color: #676767;
font-weight: 200;
clear: both;
font-size: 14px;
}
.patron-post-edit-modal .upload-check-main {
margin: 15px 15px 0 15px;
}
.subscriptions-add-posts .upload-check-text,
.patron-post-edit-modal .upload-check-text{
width: calc(100% - 40px);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.subscriptions-add-posts .upload-check-holder,
.patron-post-edit-modal .upload-check-holder{
display: inline-block;
position: absolute;
right: 15px;
color: #ffffff;
font-size: 14px;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 25px;
border-radius: 50%;
/* border: 1px solid green; */
background: #03a003;
text-align: center;
line-height: 25px;
}
.subscriptions-add-posts .ifregular-toggle .upload-check-main {
margin-bottom: 0;
margin-top: 16px;
}
.payment-cards-holder .mobile-payment-container .payment-card-content {
margin: 0;
padding: 0;
list-style: none;
display: table;
width: 100%;
height: 100%;
border-bottom: none;
}
.payment-cards-holder .icon-more {
font-size: 18px;
color: grey;
}
.payment-cards-holder .mobile-payment-container .payment-card-content li {
float: right;
margin-right: 8px;
}
.payment-cards-holder .mobile-payment-container .payment-card-content .default-card{
background: black;
border-color: black;
color: #fff;
}
.payment-cards-holder .payment-card-content .default-card .payment-card-delete-setting {
color: #ffffff;
}
.payment-cards-holder .payment-card-content [data-is-default-subscription-card="1"] {
display: block !important;
}
.payment-cards-holder .payment-card-content [data-is-default-subscription-card="1"] +.set-default {
display: none;
}
.payment .payment-cards-holder .payment-card-delete-setting {
margin-right: 8px;
font-size: 12px;
line-height: 1;
}
.payment-cards-holder [data-is-default-subscription-card="1"] .icon-star-card {
display: inline-block;
color: #d544da;
font-size: 25px;
padding-left: 10px;
vertical-align: sub;
}
.patron-post-edit-modal .video-upload-holder .note-text,
.subscriptions-add-posts .patron-setting .upload-video-section .note-text {
font-size: 13px;
font-weight: 400;
line-height: 1.4;
padding-right: 0;
color: #a5a5a5;
margin-top: 10px;
padding-left: 5px;
}
.payment .payment-option .payment-icon-mobile {
position: absolute;
right: -10px;
top: 0px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
/*z-index: 1;*/
}
.payment .payment-option .payment-icon-mobile ul.dropdown-menu-right .set-default {
width: 230px
}
.custom-dropdown-menu a:hover {
text-decoration: none;
}
.btn-secondary-edited[value*="UPLOAD"] {
font-size: 11px;
}
.label-video {
font-size: 11px;
text-overflow: ellipsis;
}
input.plus-input-box {
color: #1f1f1f;
font-weight: 500;
}
.help-fan-section {
background: rgba(14, 14, 14, 0.070);
padding: 6px 0;
font-size: 14px;
line-height: 1.4;
color: #525252;
margin-top: 25px;
}
.help-fan-section .help-icon-holder {
position: relative;
}
.help-fan-section .help-icon-holder:before {
content: "\ea46";
font-size: 28px;
position: absolute;
top: -5px;
color: #d544db;
z-index: 1;
transform: rotate(-18deg);
left: 2px;
}
.help-fan-section .help-icon-holder:after {
content: '';
position: absolute;
width: 42px;
height: 42px;
background: #000000;
border-radius: 50%;
left: -6px;
top: -15px;
border: 4px solid #fff;
}
.help-fan-section .help-text{
width: calc(100% - 45px);
float: right;
padding-right: 5px;
}
.message-page.direct-message-holder {
position: relative;
}
.message-page.direct-message-holder .direct-msg-text-holder {
float: right;
margin-right: -15px;
font-size: 14px;
color: grey;
margin-top: 10px;
}
.search-black-section {
background-color: #333;
width: 100%;
height: 140px;
}
.search-black-section .filter-title {
text-align: center;
text-transform: uppercase;
font-size: 25px;
color: #ffffff;
margin-bottom: 20px;
padding-top: 20px;
letter-spacing: 1.4px;
}
.search-content-holder {
margin: 25px auto;
}
.search-black-section .search-icon-holder {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: 600;
}
.search-content-holder .bonus-content-filter-section {
margin-top: 25px;
}
.search-black-section .search-input {
border-radius: 6px;
padding-left: 35px;
}
.search-black-section .filter-search-close-btn {
position: absolute;
right: 10px;
padding: 0;
background: transparent;
border: none;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
vertical-align: middle;
line-height: 1;
cursor: pointer;
}
.search-black-section .filter-search-close-btn span {
font-weight: 600;
color: #333333;
}
.fanprofilepopup a.link-col,
.fanprofilepopup a.link-col:hover {
text-decoration: underline;
color: #d544da;
}
.bonus-tab-holder.search-content-holder .main-bonus-content-holder .single-Bonus-card .single-Bonus-card-holder,
.bonus-tab-holder.search-content-holder .main-bonus-content-holder .single-Bonus-card .single-Bonus-card-holder:hover {
text-decoration: none;
}
.subscription-fan-package .outer-card {
box-shadow: 1px 2px 11px 0px #0009;
color: #ffffff;
cursor: default;
letter-spacing: 0.6px;
}
.subscription-fan-package .main-content-holder {
position: relative;
}
.subscription-fan-package.packages-card-section .packages-card {
padding-bottom: 30px;
padding-top: 70px;
}
.subscription-fan-package .main-content-holder .pricing-type {
display: inline-block !important;
text-overflow: ellipsis;
overflow: hidden;
width: calc(100% - 220px);
height: auto;
margin: 0;
}
.subscription-fan-package .main-content-holder .price-btn {
display: inline-block;
width: 200px;
position: absolute;
right: 15px;
top: 0px;
margin: 0;
}
.subscription-fan-package .read-more-text {
padding: 0 20px 20px;
}
.subscription-fan-package .primary-button {
background: #d544da;
color: #ffffff;
margin-bottom: 15px;
}
.subscription-fan-package .primary-button:hover {
background: transparent;
color: #d544da !important;
}
.edited-pricing-page {
color: #fff;
background: linear-gradient( rgba(0, 0, 0, 0.76), rgba(88, 88, 88, 0.63), rgba(12, 12, 12, 0.95), rgb(15, 15, 15) ),
url(../images/sns/Sword-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
/* background-position: center; */
background-attachment: fixed;
}
.edited-pricing-page .top-decsription,
.edited-pricing-page .whats-included-section {
display: none;
}
.payment .payment-option .payment-dropdown-btn {
display: inline-block;
padding: 0 5px 0 8px;
}
.post-detailed-main-page .post-description table tr td {
word-break: break-word;
}
.search-content-holder .bonus-content-filter-section .hide-visibility {
visibility: unset;
}
.patron-edit .content-listing-tabs .icon-cart {
margin-left: -10px;
}
.post-detailed-main-page[data-posttype="audio"] .post-details-holder .podcast-version-holder {
position: relative;
height: auto;
}
.tooltip {
pointer-events: none;
}
.podcast-dashboard-main .main-content .rss-feeds-section .rss-link-content .rss-link:focus{
outline: none;
}
.subscribe-podcast-modal .nav-tabs {
border: none;
}
.subscribe-podcast-modal .nav-tabs li {
width: 50%;
text-align: center;
}
.subscribe-podcast-modal .nav-tabs li a {
padding: 10px 0;
border: 0;
margin: 0 0 10px 0;
font-size: 16px !important;
letter-spacing: 1.1px;
border-bottom: 2px solid transparent;
}
.subscribe-podcast-modal a {
color: #525252;
}
.subscribe-podcast-modal a:hover{
text-decoration: none;
}
.subscribe-podcast-modal .nav-tabs li a:hover,
.subscribe-podcast-modal .nav-tabs li:hover a:hover,
.subscribe-podcast-modal .nav-tabs li:hover a {
border: none;
font-size: 16px;
margin: 0;
padding: 10px 0;
border-bottom: 2px solid transparent;
}
.subscribe-podcast-modal .nav-tabs li.active a,
.subscribe-podcast-modal .nav-tabs>li.active>a:focus {
color: #d544da;
}
.subscribe-podcast-modal .nav-tabs>li.active>a,
.subscribe-podcast-modal .nav-tabs>li.active>a:hover,
.subscribe-podcast-modal .nav-tabs>li.active>a:focus {
border: none;
}
.subscribe-podcast-modal .nav-tabs li.active a {
border-bottom: 2px solid #d544da !important;
}
.subscribe-podcast-modal .nav>li>a:hover,
.subscribe-podcast-modal .nav>li>a:focus {
background-color: transparent;
}
.subscribe-podcast-modal .hash-item img {
height: 35px;
margin-right: 8px;
}
.subscribe-podcast-modal .note-text-holder {
position: absolute;
bottom: 0;
left: 0;
padding: 10px 0;
line-height: 1.5;
vertical-align: middle;
background: #000000;
color: #ffffff;
font-size: 14px;
text-align: center;
width: 100%;
font-weight: 200;
}
.subscribe-podcast-modal .after-click-handler {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 1);
text-align: center;
z-index: 1;
}
.subscribe-podcast-modal .after-click-handler .content {
top: 30%;
left: 50%;
transform: translate(-50%, -30%);
position: absolute;
width: 360px;
}
.subscribe-podcast-modal .after-click-handler img {
width: 80px;
height: 80px;
margin-bottom: 25px;
}
.subscribe-podcast-modal .after-click-handler #podcastAppName {
font-size: 18px;
font-weight: 600;
margin-top: 5px;
display: inline-block;
}
.subscribe-podcast-modal .after-click-handler .primary-button.go-back {
width: 120px;
color: #d544da;
}
.subscribe-podcast-modal .after-click-handler .or {
line-height: 40px;
vertical-align: middle;
margin: 15px 20px 0;
color: #b3b3b3;
display: inline-block;
}
.subscribe-podcast-modal .after-click-handler .primary-button.try-again {
background: #d544da;
color: #ffffff;
width: 120px;
}
.subscribe-podcast-modal .modal-body #podcastApp {
margin-bottom: 45px;
}
.post-detailed-main-page .jw-state-error .jw-display-icon-container>.jw-icon:not([aria-label]):after {
content: none;
}
.post-detailed-main-page .jw-state-error .jw-dock.jw-reset .jw-dock-button .jw-dock-image {
display: none;
}
.landing-home .homepage-height-holder {
height: 100vh;
}
.rss-feeds-section .icon-podcast-subscribe {
font-size: 18px;
padding-right: 5px;
vertical-align: sub;
}
.podcast-dashboard-main .podcast-subscribe-section::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
left: 50%;
transform: translateX(-50%);
background: rgba(41, 41, 41, 0.090);
box-shadow: 0px 1px 2px rgba(103, 103, 103, 0.14);
}
.podcast-dashboard-main .podcast-subscribe-section button {
width: 200px;
}
.exit-survey-unsubscribe-modal.exit-survey-details .modal-body {
max-height: 550px;
overflow-y: auto;
margin-bottom: 10px;
}
.exit-survey-unsubscribe-modal.exit-survey-details .modal-body h4 {
border-top: 1px solid #dcdcdc;
padding-top: 20px;
margin-top: 20px;
font-weight: 400;
color: #000000;
font-size: 18px;
}
.exit-survey-unsubscribe-modal.exit-survey-details .modal-body h4:first-child {
border-top: none;
padding-top: 15px;
margin-top: auto;
}
.patron-post-edit-modal .subscriptions-add-posts .podcast-url-text-holder {
width: 100%;
}
.patron-post-edit-modal .subscriptions-add-posts .podcast-url-text-holder span {
color: #A19898;
font-size: 15px;
font-weight: 200;
word-break: break-word;
}
.patron-post-edit-modal .subscriptions-add-posts .podcast-url-text-holder input {
color: #5D5D5D;
border: none;
border-bottom: 1px solid #cac9c9;
padding: 5px;
font-weight: 400;
font-size: 16px;
}
.login-page .img-content-container .login-section-content input {
color: #ffffff !important;
font-size: 16px !important;
font-weight: 300;
}
.post-detailed-page .jw-dock.jw-reset {
width: 100%;
height: 100%;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-download-btn {
position: absolute;
bottom: 0;
right: 0;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-rewind-btn,
.post-detailed-page .jw-dock .jwplayer-custom-sns-forward-btn {
position: absolute;
left: 0;
bottom: 5px;
width: 28px;
height: 28px;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-forward-btn {
left: 115px;
}
.post-detailed-page .jw-reset.jw-icon-playback {
margin: 0 60px;
}
.jwplayer-custom-sns-rewind-btn .jw-dock-image,
.jwplayer-custom-sns-forward-btn .jw-dock-image {
background-size: contain;
}
.post-detailed-main-page[data-posttype="video"] .jw-state-playing.jw-flag-user-inactive .jw-dock {
display: none;
}
.packages-card-section .balanced-days {
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 1.3px;
height: 40px;
line-height: 40px;
background-image: linear-gradient(45DEG, rgb(214, 83, 197), transparent);
margin: 17px 0;
padding-left: 20px;
margin-left: -8px;
position: relative;
}
.packages-card-section .balanced-days:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 0px solid transparent;
border-bottom: 15px solid #9e008d;
top: -14px;
left: -1px;
}
.patron-setting-main-menu .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {
color: #d544da;
}
.perk-tab-container {
background-color: #ffffff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
text-align: center;
}
.perk-tab-container .perk-discount-code {
position: relative;
margin: 30px auto 0;
min-width: 320px;
min-height: 60px;
line-height: 1.5;
vertical-align: middle;
padding: 18px 55px 12px 15px;
text-align: center;
border: dashed 2px #d544da;
border-image-slice: 2;
border-image-repeat: round;
display: inline-block;
word-break: break-word;
font-family: 'Roboto', sans-serif;
}
.perk-tab-container .perk-discount-code::before {
content: 'Discount Code';
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
background: #fff;
line-height: 1;
color: #a9a9a9;
width: 140px;
letter-spacing: 1.3px;
}
.perk-tab-container .copy-clipboard-btn {
position: absolute;
top: 54%;
right: 8px;
transform: translateY(-50%);
background-color: transparent;
color: #d544da;
border-radius: 3px;
font-size: 25px;
border: none;
width: 38px;
height: 35px;
line-height: 1;
padding: 0;
vertical-align: middle;
}
.perk-tab-container .perk-discount-code .code {
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
.perk-tab-container .note-text{
text-align: center;
font-size: 14px;
margin-top: 8px;
color: #5d5c5d;
font-weight: 200;
}
.subscriptions-add-posts button[disabled] {
cursor: not-allowed;
opacity: 0.5;
}
.my-supporters-dashboard .card {
padding: 20px;
}
.my-supporters-dashboard .supporter-tier-holder {
margin: 10px 0 30px;
border: 1px solid #eee;
padding: 12px 15px 22px;
position: relative;
}
.my-supporters-dashboard .supporter-tier-holder .title {
position: absolute;
top: -15px;
left: 10px;
font-size: 17px;
background: #fff;
width: 135px;
text-align: center;
color: #d544da;
margin: 0;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags {
display: inline-block;
margin: 12px 10px 0 0;
font-size: 15px;
padding-left: 15px;
border-radius: 5px;
color: #636363;
border: 1px solid #636363;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags .tag-holder{
display: inline-flex;
background: rgba(220, 220, 220, 0.20);
margin-left: 5px;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags .money-holder{
color: #636363;
border-radius: 0;
display: inline-block;
padding: 0 8px;
border-left: 1px solid;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags .tier-count {
background: #4b4b4b;
padding: 0 8px;
color: #fff;
display: inline-block;
/* margin-left: 10px; */
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags .tier-count.percentage{
border-radius: 0;
background: #636363;
}
.subscribers-posts-section .single-Bonus-card .bottom-content .btn-holder {
line-height: 1;
height: 32px;
}
.subscribers-posts-section .single-Bonus-card .bottom-content .release-date {
display: inline-block;
font-family: 'Roboto mono', sans-serif;
color: #a5a5a5;
}
.subscribers-posts-section .single-Bonus-card .bottom-content .title {
font-size: 10px;
text-transform: uppercase;
font-weight: 400;
}
.subscribers-posts-section .single-Bonus-card .bottom-content .date-time{
display: block;
font-size: 13px;
line-height: 1;
margin-top: 4px;
}
.subscribers-posts-section .single-Bonus-card .bottom-content .text-btn {
margin-top: 10px;
}
.subscribers-posts-section .single-Bonus-card .bottom-content .bonus-content-date{
color: #8b8b8b;
font-family: 'Roboto mono', sans-serif;
font-weight: 200;
font-size: 12px;
line-height: 1.5;
padding: 4px 0 0;
}
.perk-tab-container .links-holder {
margin: 15px 0 -10px;
font-weight: 600;
font-size: 16px;
}
.perk-tab-container .store-link{
display: inline-block;
color: #d544da;
text-transform: uppercase;
text-decoration: underline !important;
}
.perk-tab-container .store-link:hover{
text-decoration: underline;
}
.popover.tour-tour.top,
.popover.tour-tour.bottom {
/* top: 335px !important; */
margin-bottom: 0px;
background: #232323;
color: #efefef;
vertical-align: middle;
width: 280px;
border: 0;
box-shadow: 0px 1px 20px 4px #9494948c;
padding: 0;
}
.popover.tour-tour.top>.arrow:after {
border-top-color: #232323;
}
.popover.tour-tour.bottom>.arrow:after {
border-bottom-color: #232323;
}
.popover.tour-tour .popover-title {
color: #d04abd;
font-weight: 400;
font-size: 16px;
background-color: #ffffff;
}
.popover.tour-tour.top .popover-content,
.popover.tour-tour.bottom .popover-content {
padding: 15px 15px 6px;
font-weight: 400;
font-size: 15px;
line-height: 1.5;
}
.popover.tour-tour.top>.arrow {
/* top: 50% !important; */
}
.popover.tour-tour .popover-navigation {
padding: 8px 14px 15px;
line-height: 1;
}
.popover.tour-tour .popover-navigation .btn-default{
background: #d04abd;
border: none;
color: #fff;
font-size: 15px;
line-height: 1.5;
}
.popover.tour-tour .popover-navigation .btn-default[data-role="prev"] {
border-right: 2px solid #ccc;
}
.podcast-dashboard-main .dashboard-tabs-menu.start-tour-container .dashboard-menu-content li {
pointer-events: none;
cursor: default;
}
.buy-bidcoin-modal ul.nav-tabs>li.active>a {
font-size: 18px;
}
.payment-modal-modal.subscription-packages .tab-content .card-listing-holder {
margin-left: 20px;
position: relative;
}
.payment-mode.support-creator-modal .tab-content {
position: relative;
}
.payment-modal-modal.subscription-packages .tab-content .no-card-holder,
.payment-mode.support-creator-modal .tab-content .no-card-holder{
position: absolute;
left: 50%;
width: 100%;
transform: translateX(-50%);
top: 10px;
}
.payment-modal-modal.subscription-packages .card-list {
margin: -12px 0 0 20px;
}
.payment-mode.support-creator-modal .card-list {
margin: -12px 0 0 40px;
}
.payment-modal-modal.subscription-packages .card-list .credit-cards,
.payment .payment-mobile-padding .payment-number-mobile .card-no,
.payment-details-popup.edit-payment .credit-card-box .card-no {
font-size: 16px;
font-weight: 400;
color: #676767;
}
.payment .payment-mobile-padding .payment-number-mobile .card-no,
.payment-details-popup.edit-payment .credit-card-box .card-no {
margin-left: 0px;
}
.payment-modal-modal.subscription-packages .card-list .credit-cards {
margin-top: 30px;
margin-left: -30px;
position: relative;
}
.payment-modal-modal.subscription-packages .card-list .credit-cards .no{
display: inline-block;
width: 240px;
position: absolute;
top: 10px;
}
.payment-modal-modal.subscription-packages .custom-radio input+label:before {
margin-right: 35px;
margin-left: -6px;
}
.payment-modal-modal.subscription-packages .card-info-holder-div,
.payment .payment-mobile-padding .payment-number-mobile .card-info-holder-div{
position: relative;
padding-left: 20px;
}
.payment-modal-modal.subscription-packages .card-info-holder-div::before{
content: '';
position: absolute;
width: 305px;
height: 185px;
top: -40px;
left: 0px;
border: 1px solid #eee;
}
.payment .payment-mobile-padding .number i {
margin-right: 20px;
}
.payment-details-popup.edit-payment .payment-card-credit-setting {
margin-right: 10px;
}
.payment-modal-modal.subscription-packages .visa,
.payment .payment-mobile-padding .visa,
.payment-details-popup.edit-payment .credit-card-box .visa {
background: #fff;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
padding-right: 8px;
}
.payment .payment-mobile-padding .payment-number-mobile .visa,
.payment-details-popup.edit-payment .credit-card-box .visa{
top: -35px;
left: 32px;
}
.payment .payment-cards-holder .number.payment-number-mobile{
line-height: 1.8;
}
.payment-modal-modal.subscription-packages .card-info-holder-div .name,
.payment .payment-mobile-padding .payment-number-mobile .name {
font-size: 15px;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.payment-modal-modal.subscription-packages .card-info-holder-div .edate,
.payment-modal-modal.subscription-packages .card-info-holder-div .type,
.payment .payment-mobile-padding .payment-number-mobile .edate,
.payment .payment-mobile-padding .payment-number-mobile .type,
.payment-modal-modal.subscription-packages .card-info-holder-div .postalcode,
.payment .payment-mobile-padding .payment-number-mobile .postalcode {
position: relative;
display: inline-block;
width: 110px;
margin-top: 22px;
padding-top: 4px;
}
.payment-modal-modal.subscription-packages .card-info-holder-div .type{
text-transform: capitalize;
}
.payment-modal-modal.subscription-packages .card-info-holder-div .edate::before,
.payment .payment-mobile-padding .payment-number-mobile .edate:before{
content: 'Expiry Date';
position: absolute;
top: -20px;
left: 0px;
color: #b5b5b5;
font-weight: 200;
}
.payment-modal-modal.subscription-packages .card-info-holder-div .type::before,
.payment .payment-mobile-padding .payment-number-mobile .type::before,
.payment-modal-modal.subscription-packages .card-info-holder-div .postalcode::before,
.payment .payment-mobile-padding .payment-number-mobile .postalcode::before {
content: 'Type';
position: absolute;
top: -20px;
left: 0px;
color: #b5b5b5;
font-weight: 200;
}
.payment-modal-modal.subscription-packages .card-info-holder-div .postalcode::before,
.payment .payment-mobile-padding .payment-number-mobile .postalcode::before{
content: 'Postal/Zip Code';
}
.payment-modal-modal.subscription-packages .card-info-holder-div .postalcode{
margin-top: 26px;
}
.payment-modal-modal.subscription-packages .card-info-holder-div .name{
width: 260px;
}
.payment .payment-mobile-padding .payment-number-mobile .card-info-holder-div{
padding-left: 40px;
}
.my-supporters-dashboard .show-colums-count,
.exit-survey-dashboard .show-colums-count{
/* margin-top: -15px; */
font-size: 13px;
margin-bottom: -8px;
color: #797979;
}
.my-supporters-dashboard .table-responsive,
.exit-survey-dashboard .table-responsive{
-webkit-overflow-scrolling: touch;
overflow-x: scroll;
}
.my-supporters-dashboard .table-responsive::-webkit-scrollbar,
.exit-survey-dashboard .table-responsive::-webkit-scrollbar{
height: 4px;
width: 4px;
background: rgba(0, 0, 0, 0.09);
overflow: visible;
-webkit-overflow-scrolling: touch;
}
.my-supporters-dashboard .table-responsive::-webkit-scrollbar-thumb:horizontal,
.exit-survey-dashboard .table-responsive::-webkit-scrollbar:horizontal{
background: rgba(0, 0, 0, 0.30);
width: auto;
border-radius: 25px;
}
.my-supporters-dashboard .table-responsive::-webkit-scrollbar-thumb::-webkit-scrollbar-thumb:hover{
background-color: rgba(0, 0, 0, 0.6);
}
.my-supporters-dashboard .table-responsive::-webkit-scrollbar-thumb::-webkit-scrollbar-corner {
background: transparent;
}
.my-supporters-dashboard .subscribe-status.Unsubscribed a{
display: block;
width: 115px;
}
.my-supporters-dashboard .subscribe-status.Unsubscribed a:hover,
.my-supporters-dashboard .subscribe-status.Unsubscribed a:active,
.my-supporters-dashboard .subscribe-status.Unsubscribed a:focus{
text-decoration: none;
}
.my-supporters-dashboard .subscribe-status.Unsubscribed a span{
border-bottom: 1px solid #e13350;
}
.payment-failure-modal .payment-failure-username,
.exit-survey-unsubscribe-modal .exit-survey-username{
font-size: 18px;
text-transform: capitalize;
/* color: #d04abd; */
font-weight: 500;
margin-bottom: 8px;
}
.payment .payment-note{
font-weight: 200
}
.podcast-dashboard-main .main-content .podcast-subscribe-section{
border-bottom: 1px solid #eee;
padding-bottom: 6px;
}
.podcast-dashboard-main .main-content .rss-feeds-section .rss-feed-title{
padding-left: 8px;
}
.navbar-default.start-tour-container{
z-index: inherit;
}
.tour-step-background{
min-width: 35px;
pointer-events: none !important;
}
.my-supporters-dashboard .table .more-actions {
background: transparent;
border: none;
padding: 5px 15px;
}
.my-supporters-dashboard .dropdown-menu.dropdown-menu-right{
top: auto;
right: 40px;
}
.payment-failure-modal.refund-account-details .modal-dialog{
width: 450px;
}
.payment-failure-modal.refund-account-details .custom-control.custom-radio{
display: block;
}
.payment-failure-modal.refund-account-details .custom-radio+.custom-radio {
margin-left: 0;
margin-top: 8px;
}
.payment-failure-modal.refund-account-details .sub-text{
margin-left: 28px;
font-size: 15px;
font-weight: 200;
color: #909090;
margin-top: -5px;
}
.payment-failure-modal.refund-account-details .submit-btn{
background: #d544da;
color: #ffffff;
}
.payment-failure-modal.refund-account-details .sub-title {
color: #252525;
text-transform: uppercase;
padding-bottom: 10px;
font-size: 16px;
margin: 0;
}
.payment-failure-username{
color: #d544da;
margin: 2px 0 15px;
}
.my-supporters-dashboard .profile-pic-holder {
width: 50px;
position: relative;
}
.my-supporters-dashboard .profile-pic-holder .deactive-handler span{
position: absolute;
top: -2px;
right: -15px;
color: #e13251;
font-size: 18px;
background: #ffffffd1;
border-radius: 50%;
height: 28px;
width: 25px;
text-align: center;
vertical-align: middle;
line-height: 30px;
box-shadow: inset 0px 2px 20px 20px #fff;
transform: rotate(2deg);
}
.add-card-payment-captcha{
margin-top: 8px;
}
.payment-details-popup.payment .credit-card-box.modal-dialog,
.buy-bidcoin-modal.payment-modal-modal.subscription-packages .modal-dialog.credit-card-box{
width: 335px;
margin: 10px auto;
}
.perk-tab-container #perkTabContent table tr a {
color: #d544da;
}
.perk-tab-container #perkTabContent table tr img{
width: auto !important;
height: auto !important;
}
/* .payment-details-popup.payment .credit-card-box.modal-dialog .card-info-holder-div::before,
.buy-bidcoin-modal.payment-modal-modal.subscription-packages .modal-dialog.credit-card-box .card-info-holder-div::before{
width: 255px;
} */
.tour-step-backdrop{
pointer-events: none !important;
}
.sns-setting-page {
padding: 45px 15px 65px;
}
.sns-setting-page h1{
font-size: 28px;
}
.sns-setting-page p{
font-family: Lato;
font-weight: 400;
font-style: normal;
font-size: 15px;
line-height: 1.9em;
margin-bottom: 20px;
color: #777;
}
.sns-setting-page h2,
.sns-setting-page h3{
font-family: Lato;
font-weight: 400;
font-style: normal;
font-size: 28px;
margin-bottom: 10px;
color: #000;
}
.sns-setting-page h3{
font-size: 20px;
font-weight: 400;
}
.sns-setting-page .privacy-policy-content h4,
.sns-setting-page .terms-conditions-content h4{
color: #525252;
font-size: 18px;
margin: 30px 0 20px;
}
.sns-setting-page .privacy-policy-content ol {
color: #777;
line-height: 1.9em;
}
.sns-setting-page a {
color: #d544da;
}
.sns-setting-page a:hover,
.sns-setting-page a:focus{
text-decoration: none;
}
.sns-setting-main-page-section{
border: 1px solid #eee;
padding: 20px;
margin: 30px 0 30px;
display: block;
position: relative;
}
.sns-setting-main-page-section::before{
position: absolute;
content: 'Pages';
top: -12px;
left: 15px;
background: #f6f7f9;
padding: 0 12px;
text-transform: uppercase;
color: #d544da;
}
.sns-setting-page .recommended-books-holder .section a {
margin-top: 50px;
display: block;
}
.sns-setting-page .recommended-books-holder .section.group.row a img{
width: 180px;
height: 270px;
object-fit: contain;
}
.sns-setting-page .FAQ-setting a:hover,
.sns-setting-page .FAQ-setting a:focus {
text-decoration: none;
}
.sns-setting-page .sns-about-setting .wp-caption img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sns-setting-page .sns-about-setting .wp-caption-text.caption-normal{
font-size: 13px;
background: #ededed;
width: 100%;
padding: 5px;
}
.img-content-container.adminpanel-login-section{
background: linear-gradient(to bottom, rgb(34, 0, 29) 10%, rgb(17, 17, 17) 100%);
min-height: 100vh;
}
.img-content-container.adminpanel-login-section .login-section-content{
width: 400px;
box-shadow: 0px 0px 15px 0px #1e1e1e;
}
.adminpanel-login-section .login-skew-content-parent .welcome-logo{
width: 120px;
}
.adminpanel-login-section .login-card ul.nav-tabs>li{
width: 100%;
}
.adminpanel-login-section .login-card ul.nav-tabs>li a{
text-transform: uppercase;
font-size: 18px;
}
/* .post-type-blog-preview .blog-main-content .post-description img.size-full,
.post-type-blog-preview .blog-main-content .post-description img.size-large,
.post-type-blog-preview .blog-main-content .post-description img.size-medium,
.post-type-blog-preview .blog-main-content .post-description img.size-thumbnail,
.post-type-blog-preview .blog-main-content .post-description img.googlemaps{
display: block;
margin-left: auto;
margin-right: auto;
} */
.post-type-blog-preview .blog-main-content .post-description p {
margin: 0 0 15px;
}
.post-type-blog-preview .blog-main-content .post-description img.alignright,
.post-type-blog-preview .blog-main-content .post-description .wp-caption.alignright{
float: right;
margin: 5px 0 30px 30px;
}
.post-type-blog-preview .blog-main-content .post-description img.alignleft,
.post-type-blog-preview .blog-main-content .post-description .wp-caption.alignleft{
margin: 5px 30px 30px 0px;
float: left;
}
.post-type-blog-preview .blog-main-content .post-description div[id*="attachment"].aligncenter,
.post-type-blog-preview .blog-main-content .post-description img.aligncenter,
.post-type-blog-preview .blog-main-content .post-description img.size-large,
.post-type-blog-preview .blog-main-content .post-description div[id*="attachment"].alignnone{
margin: 40px auto 30px;
display: block;
}
.post-type-blog-preview .blog-main-content .post-description div[id*="attachment"] img{
margin-bottom: 0px !important;
}
.post-type-blog-preview .blog-main-content .post-description div[id*="attachment"] .caption{
position: static;
background: rgba(0,0,0,.05);
bottom: 0;
left: 0;
margin: 0;
padding: 10px 15px;
display: block;
line-height: 24px;
color: #999;
font-size: 15px;
text-align: left;
}
.post-type-blog-preview .blog-main-content .post-description div[id*="attachment"] p:empty{
margin: 0;
}
.post-type-blog-preview .blog-main-content .post-description blockquote{
margin: 20px 0 45px 0;
padding: 0;
border: none;
text-align: center;
font-weight: 300;
font-style: normal;
font-size: 25px;
}
.post-type-blog-preview .blog-main-content .post-description blockquote p{
line-height: 42px;
margin: 20px auto;
text-align: left;
max-width: 500px;
color: #333;
display: inline-block;
border-top: 10px solid #e8e8e8;
border-bottom: 10px solid #e8e8e8;
border-color: rgba(0, 0, 0, 0.05);
padding: 20px 0 10px 0;
}
.sns-landing-page-section .sf-widget-holder {
position: relative;
overflow: visible;
clear: both;
margin-bottom: 20px;
overflow: hidden;
padding: 0;
text-align: center;
}
.sns-landing-page-section .sf-view {
padding: 0px !important;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.sns-landing-page-section .sf-m0 .sf-block .sf-front{
margin: 0 !important;
}
.sns-landing-page-section .sf-view .sf-front,
.sns-landing-page-section .sf-view .sf-mask {
transition: all .2s linear;
}
.sns-landing-page-section .sf-front a, .sf-front .sf-love {
position: relative;
z-index: 3;
font-size: 0.813em;
text-decoration: none !important;
display: block;
padding: 10px 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
color: #ffffff !important;
}
.sns-landing-page-section .sf-bg-facebook {
background: #3B5998 !important;
}
.sns-landing-page-section .sf-bg-twitter {
background: #4099FF !important;
}
.sns-landing-page-section .sf-bg-instgram {
background: #3f729b !important;
}
.sns-landing-page-section .sf-front i {
display: inline-block;
font-size: 3.750em;
height: 50px;
}
.sns-landing-page-section .-sf-icon-facebook:before {
content: "\4e80";
}
.sns-landing-page-section .sf-spe {
display: block;
margin: 1px 0;
width: auto;
}
.sns-landing-page-section .sf-front span {
font-size: 2em;
line-height: normal;
text-transform: uppercase;
padding-top: 0;
min-width: 80px;
}
.sns-landing-page-section .sf-front small {
font-size: 80%;
line-height: 0;
color: #ffffff;
text-transform: uppercase;
}
.sns-landing-page-section .-sf-icon-twitter:before {
content: "\58f2";
}
.sns-landing-page-section .-sf-icon-instgram:before {
content: "\827e";
}
.sns-landing-page-section .sf-front .-sf-icon-facebook:before,
.sns-landing-page-section .-sf-icon-twitter:before,
.sns-landing-page-section .-sf-icon-instgram:before {
font-style: normal !important;
speak: none;
background: none !important;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "socialfans" !important;
}
.sns-landing-page-section .sf-no-effect .sf-front:hover {
opacity: 0.8;
}
.sns-landing-page-section .sf-view:hover .sf-front {
transform: scale(1.1);
}
.sns-landing-page-section .sf-view:hover .sf-mask {
display: block;
z-index: 3;
background: rgba(0,0,0,0.6);
margin: 0;
}
.sns-landing-page-section .sf-view .sf-mask a {
display: none;
}
.sns-landing-page-section .sf-view:hover .sf-mask a {
transform: translateY(0);
transition: 3s linear;
display: inline-block;
}
.sns-landing-page-section .sf-dark-color {
color: #ffffff !important;
}
.sns-landing-page-section .sf-back a {
text-decoration: none !important;
position: relative;
top: 47%;
border-radius: 3px;
font-size: 12px !important;
line-height: 1.5;
display: inline-block;
padding: 2px 6px !important;
margin-bottom: 0;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.sns-landing-page-section .sf-view .sf-mask,
.sns-landing-page-section .sf-view .sf-content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.subscription-cancel .sub-text .date-holder{
color: #525252;
font-weight: 500;
}
.sns-landing-page-section .margin-top-main-mobile #resultsCountDiv{
font-size: 15px;
margin-left: 5px;
color: #949494;
margin-bottom: 5px;
}
.sns-landing-page-section .margin-top-main-mobile #resultsCount,
.sns-landing-page-section .margin-top-main-mobile #resultsSearchQuery{
font-weight: 700;
color: #6f6f6f;
padding: 0 2px;
}
.confirm-correct-email.verify-email-popup {
background: rgba(0, 0, 0, 0.71);
}
.confirm-correct-email.verify-email-popup .title {
font-size: 17px;
font-weight: 400;
}
.confirm-correct-email.verify-email-popup .verify-user-email{
color: #525252;
font-size: 18px;
}
.confirm-correct-email.verify-email-popup .verify-img {
height: 150px;
}
.results-visibility {
visibility: hidden;
}
.verify-email-popup#verifyEmailPopup,
.verify-email-popup.change-your-email{
background: rgba(0, 0, 0, 0.80);
}
.verify-email-popup.change-your-email .close,
.verify-email-popup.verify-email-main-holder .close{
position: absolute;
right: 20px;
top: 15px;
}
.verify-email-popup.change-your-email .verify-details label{
line-height: 40px;
}
.verify-email-popup.change-your-email .verify-img{
height: 150px;
}
.verify-email-popup .verify-details .verify-user-email{
color: #525252;
}
.verify-email-popup .verify-details .text-btn {
background: transparent;
border: none;
padding: 0;
font-weight: 600;
font-size: 14px;
color: #da4ddf;
border-bottom: 2px solid #da4ddf;
letter-spacing: 0.5px;
margin-left: 6px;
line-height: 1.4;
}
.verify-email-popup.verify-email-main-holder .verify-details .verify-user-email {
padding-bottom: 8px;
display: inline-block;
}
.buy-bidcoin-modal .dollar .usd-holder{
font-size: 15px;
}
.support-creator-modal.payment-modal-modal .input.plus-input-box{
padding: 6px 8px 6px 50px;
}
#supportPayment .dollar-sign:before{
left: 20px;
}
.container.verified-email-holder {
background: #ffffff;
margin: 50px auto;
padding: 40px;
text-align: center;
}
.container.verified-email-holder .email-img-holder{
height: 120px;
margin-bottom: 20px;
}
.container.verified-email-holder .email-img-holder img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.container.verified-email-holder .verifyText {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
.payment-modal-modal.subscription-packages .modal-header{
padding-bottom: 10px;
}
.payment-modal-modal.subscription-packages .modal-header .close{
margin-top: -6px;
}
.payment-modal-modal.subscription-packages .product-name{
line-height: 24px;
font-size: 22px;
}
.payment-modal-modal.subscription-packages .coins{
margin-top: -6px;
}
.payment-modal-modal.subscription-packages .tier-pay-details{
font-size: 12px;
padding: 8px 15px 0;
line-height: 1;
}
.payment-modal-modal.subscription-packages .bottom-days-img-holder{
font-size: 14px;
margin: 15px 0 10px;
}
.payment-modal-modal.subscription-packages .bottom-days-img-holder img{
height: 20px;
}
.payment-modal-modal.subscription-packages .credit-card-box label{
margin: 0;
}
.payment-modal-modal.subscription-packages .form-group {
margin-bottom: 8px;
}
.subscription-packages .verification-box-holder{
border: 1px solid #da4ddf;
padding: 15px;
position: relative;
margin: 25px 0 6px;
text-align: center;
}
.subscription-packages .verification-box-holder .verify-title{
text-transform: uppercase;
font-size: 15px;
color: #da4ddf;
padding: 0 8px;
background: #ffff;
position: absolute;
top: -13px;
left: 8px;
}
.subscription-packages .verification-box-holder .sub-text{
text-align: center;
line-height: 20px;
padding: 5px 0 10px;
color: #828282;
font-weight: 200;
}
.subscription-packages .verification-box-holder input,
.saved-card-payment-section .verification-box-holder input,
.change-password-privacy-section .verification-box-holder input{
width: 180px;
letter-spacing: 10px;
text-align: center;
margin: 0 auto;
padding: 0;
text-transform: capitalize;
color: #da4ddf;
font-weight: 600;
border-radius: 5px;
box-shadow: 0px 0px 5px 0px rgba(213, 68, 218, 0.11);
height: 38px;
}
.subscription-packages .verification-box-holder button{
background: transparent;
border: none;
border-bottom: 1px solid;
font-size: 14px;
font-weight: 600;
padding: 0 5px;
margin-top: 10px;
}
.subscription-packages .verification-box-holder button +button,
.saved-card-payment-section .verification-box-holder button +button,
.change-password-privacy-section .verification-box-holder button +button{
margin-left: 20px;
}
.subscription-packages .verification-box-holder .verified-status,
.saved-card-payment-section .verification-box-holder .verified-status,
.change-password-privacy-section .verification-box-holder .verified-status{
display: none;
color: #da4ddf;
font-weight: 600;
margin-top: 12px;
font-size: 16px;
vertical-align: middle;
line-height: 1;
letter-spacing: 0.4px;
}
.subscription-packages .verification-box-holder .verified-status .icon-handler,
.saved-card-payment-section .verification-box-holder .verified-status .icon-handler,
.change-password-privacy-section .verification-box-holder .verified-status .icon-handler{
font-size: 25px;
margin-right: 10px;
vertical-align: middle;
}
.subscription-packages .verification-box-holder .verified-status .text-handler,
.saved-card-payment-section .verification-box-holder .verified-status .text-handler,
.change-password-privacy-section .verification-box-holder .verified-status .text-handler{
vertical-align: middle;
}
.subscription-packages .verification-box-holder[data-verifyactive="0"] .verified-status,
.saved-card-payment-section .verification-box-holder[data-verifyactive="0"] .verified-status,
.change-password-privacy-section .verification-box-holder[data-verifyactive="0"] .verified-status{
display: block;
}
.subscription-packages .verification-box-holder[data-verifyactive="0"] button,
.saved-card-payment-section .verification-box-holder[data-verifyactive="0"] button,
.change-password-privacy-section .verification-box-holder[data-verifyactive="0"] button{
display: none;
}
.subscription-packages .verification-box-holder[data-verifyactive="0"] input,
.saved-card-payment-section .verification-box-holder[data-verifyactive="0"] input,
.change-password-privacy-section .verification-box-holder[data-verifyactive="0"] input{
pointer-events: none;
opacity: 0.4;
cursor: no-drop;
}
.saved-card-payment-section .verification-box-holder{
padding: 30px;
}
.saved-card-payment-section .verification-box-holder .verify-title,
.change-password-privacy-section .verification-box-holder .verify-title{
font-size: 18px;
color: #da4ddf;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
}
.saved-card-payment-section .verification-box-holder .sub-text,
.change-password-privacy-section .verification-box-holder .sub-text{
font-size: 16px;
}
.saved-card-payment-section .verification-box-holder input,
.change-password-privacy-section .verification-box-holder input{
width: 270px;
margin: 20px auto 30px;
}
.saved-card-payment-section .verification-box-holder button,
.change-password-privacy-section .verification-box-holder button{
width: 165px;
}
.change-password-privacy-section .verification-box-holder{
border: 1px solid #eaeaea;
padding: 20px;
margin: 10px -15px 20px;
}
.change-password-privacy-section .mobile-btn .change-password-mobile-btn{
width: 185px;
}
.sw-post-description-holder .description-ad-holder{
width: 300px;
float: right;
margin-top: 25px;
height: 100%;
}
.sw-post-description-holder .description-ad-holder img,
.sw-post-description-holder .description-ad-holder video{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.sw-post-description-holder .description-ad-holder +.description-content-holder{
width: calc(100% - 330px);
}
.post-ad-holder-section{
margin: 20px 0 15px;
/* height: 90px; */
width: 100%;
}
.sns-landing-page-section .home-first-side-ad-section{
margin: 20px 0;
/* max-height: 250px; */
text-align: center;
}
.sns-landing-page-section .home-second-side-ad-section{
margin: 20px 0;
/* max-height: 600px; */
text-align: center;
}
.sns-landing-page-section .home-footer-ad-section{
/* height: 90px; */
/* width: 100%; */
text-align: center;
}
/* .post-ad-holder-section ins,
.post-ad-holder-section video,
.sns-landing-page-section .home-second-side-ad-section ins,
.sns-landing-page-section .home-second-side-ad-section video,
.sns-landing-page-section .home-first-side-ad-section ins,
.sns-landing-page-section .home-first-side-ad-section video,
.sns-landing-page-section .home-footer-ad-section ins,
.sns-landing-page-section .home-footer-ad-section video{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
} */
/* .post-ad-holder-section ins,
.post-ad-holder-section video,
.sns-landing-page-section .home-footer-ad-section ins,
.sns-landing-page-section .home-footer-ad-section video{
object-fit: none;
} */
.sns-landing-page-section .home-first-side-ad-section.after-search-ad {
display: none;
}
.sns-landing-page-section .home-first-side-ad-section.footer-ad,
.post-detailed-main-page .post-detailed-mobile,
.blog-preview-content .post-detailed-mobile,
.post-detailed-main-page .post-detailed-desktop,
.blog-preview-content .post-detailed-desktop{
display: none;
}
.my-supporters-dashboard .payment-mode-img-holder{
text-align: center;
padding: 0;
}
.my-supporters-dashboard .payment-mode-img-holder img{
height: auto;
width: 60px;
object-fit: contain;
}
.my-supporters-dashboard .payment-mode-img-holder img[src*="apple_"] {
width: 50px;
}
.my-supporters-dashboard .payment-mode-img-holder img[src*="paypal_"]{
width: 70px;
}
.my-supporters-dashboard .payment-mode-img-holder img[src*="google-"]{
width: 90px;
}
.payment-modal-modal.subscription-packages .paypal-img-holder img{
height: 50px;
width: auto;
object-fit: contain;
object-position: center;
margin-right: -15px;
margin-bottom: -5px;
}
.buy-bidcoin-modal.payment-modal-modal ul.nav-tabs>li>a:hover{
background: transparent;
color: #d544da;
}
.payment-modal-modal.subscription-packages .paypal-img-holder .paypal-freedays-holder {
margin-top: 12px;
}
.patron-post-edit-modal .subscriptions-add-posts .event-img-upload{
height: 300px;
}
.subscriptions-add-posts .select-seasons.form-control,
.patron-post-edit-modal.edit-post-modal .select-seasons.form-control{
border: 1px solid #E2E2E2;
height: 38px;
padding: 0 12px;
vertical-align: middle;
line-height: 38px;
}
.sns-footer .footer-app-holder {
color: #ffffff;
font-size: 22px;
text-transform: capitalize;
font-weight: 600;
margin-top: 30px;
}
.sns-footer .footer-app-holder .app-links-holder{
margin-top: 20px;
}
.sns-footer .footer-app-holder .app-links-holder .app-link{
display: inline-block;
height: 50px;
}
.sns-footer .footer-app-holder .app-links-holder img{
width: auto;
height: 100%;
}
.sns-footer .footer-app-holder .app-links-holder .app-link +.app-link{
margin-left: 15px;
}
.my-supporters-dashboard .user-name a:hover,
.my-supporters-dashboard .user-name a:focus{
text-decoration: none;
color: #5D5D5D;
}
.my-supporters-dashboard .rss-feed-link-holder {
border: 1px solid #EAEAEA;
border-radius: 5px;
height: 22px;
line-height: 22px;
vertical-align: middle;
font-size: 12px;
font-weight: 400;
display: block;
color: #707070;
width: 90px;
margin: 4px 0;
}
.my-supporters-dashboard .rss-feed-link-holder .rss-icon-holder {
width: 25px;
height: 100%;
background: #F78422;
display: inline-block;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #ffffff;
margin-right: 5px;
text-align: center;
font-size: 11px;
}
.my-supporters-dashboard .supporters-list {
display: flex;
justify-content: space-between;
}
.my-supporters-dashboard .supporters-list .supporter-form-groups{
flex: 1;
}
.my-supporters-dashboard .data-search .supporters-list .primary-button{
flex: unset;
padding: 0 10px;
}
.my-supporters-dashboard .supporters-list .supporter-form-groups .all-tier,
.my-supporters-dashboard .supporters-list .supporters-text{
width: 100%;
}
.login-card .social-btns-holder{
display: flex;
margin-bottom: 10px;
}
.login-card .social-btns-holder .login-fb{
border-radius: 5px !important;
padding: 0 !important;
flex: 1;
font-size: 15px !important;
}
.login-card .social-btns-holder .apple-login{
flex: 1;
margin-left: 15px;
padding: 0 !important;
box-shadow: 0px 1px 12px rgba(162, 162, 162, 0.27);
background: black;
border-radius: 5px !important;
}
.login-card .social-btns-holder .apple-login:focus,
.login-card .social-btns-holder .apple-login div:focus{
outline: none;
}
.login-card .social-btns-holder .apple-login svg text{
font-size: 11px;
}
.gift-subscription-page .header-section {
margin-top: 50px;
margin-bottom: 30px;
}
.gift-subscription-page .header-section .main-title {
font-family: 'Raleway', sans-serif;
color: #d544da;
font-size: 30px;
font-weight: 700;
letter-spacing: 0.8px;
margin-bottom: 15px;
}
.gift-subscription-page .header-section .sub-text{
font-weight: 200;
letter-spacing: 0.6px;
font-size: 15px;
}
.gift-subscription-page .subscription-packages-section {
background: none;
color: #525252;
}
.gift-subscription-page .subscription-packages-section .title{
font-size: 18px;
margin-bottom: 30px;
color: #525252;
text-align: center;
}
.gift-subscription-page .subscription-packages-section .packages-card-section{
display: flex;
justify-content: center;
}
.gift-subscription-page .subscription-packages-section .packages-card-section .card-holder{
max-width: 430px;
}
.gift-subscription-page .subscription-packages-section .outer-card.white-mode{
background: #ffffff;
border-radius: 8px;
box-shadow: 3px 3px 12px rgba(71, 0, 77, 0.11);
}
.gift-subscription-page .outer-card.white-mode .read-more-section .inner-section:before,
.gift-subscription-page .outer-card.white-mode .read-more-section:before,
.gift-subscription-page .outer-card.white-mode .packages-card:before {
/* background: linear-gradient(rgba(0, 0, 0, 0),rgba(255, 255, 255, 0.9)); */
content: none;
}
.gift-subscription-page .outer-card.white-mode .read-more-section .read-more-text *,
.gift-subscription-page .outer-card.white-mode .read-more-section .read-more-text * :hover {
color: #525252 !important;
}
.gift-subscription-page .subscription-packages-section .outer-card.dark-mode{
background: #240027;
border-radius: 8px;
box-shadow: 1px 1px 8px rgba(36, 0, 38, 0.55);
position: relative;
}
.gift-subscription-page .outer-card.dark-mode .read-more-section .inner-section:before,
.gift-subscription-page .outer-card.dark-mode .read-more-section:before,
.gift-subscription-page .outer-card.dark-mode .packages-card:before {
/* background: linear-gradient(rgba(0, 0, 0, 0),rgba(36, 0, 39, 0.9)); */
content: none;
}
.gift-subscription-page .outer-card.dark-mode .read-more-section .read-more-text *,
.gift-subscription-page .outer-card.dark-mode .read-more-section .read-more-text * :hover {
color: #ffffff !important;
}
.gift-subscription-page .outer-card .read-more-section .inner-section{
height: auto;
}
.gift-subscription-page .outer-card.dark-mode .popular-ribbon{
position: absolute;
display: inline-block;
left:0;
transform-origin: 0px 0px;
transform: translate(-28px, 71px) rotate(-45deg);
border-bottom: 20px solid #d544da;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
height: 20px;
width: 140px;
line-height: 20px;
text-transform: uppercase;
font-size: 12px;
color: #ffffff;
white-space: nowrap;
text-align: center;
font-weight: bold;
}
.gift-subscription-page .outer-card.dark-mode .popular-ribbon:before {
top: 20px;
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -20px;
border-style: solid;
border-width: 10px;
border-color: #A3008C transparent transparent transparent;
}
.gift-subscription-page .outer-card.dark-mode .popular-ribbon:after {
top: 20px;
content: ' ';
position: absolute;
width: 0;
height: 0;
right: -20px;
border-style: solid;
border-width: 10px;
border-color: #A3008C transparent transparent transparent;
}
.gift-subscription-page .outer-card .read-more-section .read-more-text *,
.gift-subscription-page .outer-card .read-more-section .read-more-text * :hover{
font-size: 15px!important;
}
.gift-subscription-page .outer-card .top-section{
padding: 40px 20px 30px;
text-align: center;
color: #525252;
position: relative;
}
.gift-subscription-page .outer-card.dark-mode .top-section{
color: #ffffff;
}
.gift-subscription-page .outer-card .top-section:before {
position: absolute;
content: '';
top: 40px;
left: 50%;
transform: translateX(-50%);
height: 68px;
width: 60px;
border-radius: 50%;
box-shadow: 2px 2px 12px rgba(208, 73, 189, 0.88);
}
.gift-subscription-page .outer-card.dark-mode .top-section:before{
box-shadow: 3px 0px 15px 0px rgb(208, 73, 189);
}
.gift-subscription-page .outer-card .top-section img{
height: 70px;
position: relative;
}
.gift-subscription-page .outer-card.white-mode .top-section .color-logo{
display: inline-block;
}
.gift-subscription-page .outer-card.dark-mode .top-section .white-logo{
display: inline-block;
}
.gift-subscription-page .outer-card .top-section .plan {
text-transform: uppercase;
font-size: 20px;
margin-top: 25px;
margin-bottom: 25px;
letter-spacing: 2px;
font-weight: 600;
}
.gift-subscription-page .outer-card .top-section .price-section span{
vertical-align: super;
line-height: 1.5;
}
.gift-subscription-page .outer-card .top-section .price-section .price {
font-family: 'Raleway', sans-serif;
color: #d049bd;
font-size: 50px;
display: inline-block;
font-weight: 800;
letter-spacing: 3px;
margin-left: 4px;
margin-right: 4px;
}
.gift-subscription-page .outer-card .top-section .offer-tag{
visibility: hidden;
font-size: 14px;
color: #D04ABD;
margin-top: 8px;
margin-bottom: -20px;
}
.gift-subscription-page .outer-card.dark-mode .top-section .offer-tag{
visibility: visible;
}
.gift-subscription-page .outer-card .tier-section{
border: 1px solid #EFEFEF;
padding: 8px 15px 10px;
box-shadow: 3px 2px 8px rgba(71, 0, 77, 0.05);
margin: 0 20px;
}
.gift-subscription-page .outer-card.dark-mode .tier-section{
border-color: #47004D;
background: #2C042F;
color: #ffffff;
}
.gift-subscription-page .outer-card .tier-section .name{
color: #787878;
}
.gift-subscription-page .outer-card.dark-mode .tier-section .name{
color: #ffffff;
}
.gift-subscription-page .outer-card .tier-section .custom-radio{
display: inline-block;
width: 49%;
}
.gift-subscription-page .outer-card .tier-section .custom-radio input+label:before{
width: 18px;
height: 18px;
box-shadow: 0 0 0 1px #eaeaea;
margin-top: -2px;
}
.gift-subscription-page .outer-card.dark-mode .tier-section .custom-radio input+label:before{
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.42);
}
.gift-subscription-page .outer-card .tier-section .custom-radio input:checked+label:before {
box-shadow: 0 0 0 1px #949494, inset 0 0 0 4px #ffffff;
}
.gift-subscription-page .outer-card.dark-mode .tier-section .custom-radio input:checked+label:before{
box-shadow: 0 0 0 1px #cdcdcd, inset 0 0 0 4px #2c042e;
}
.gift-subscription-page .outer-card .tier-section .custom-control-label{
font-size: 13px;
font-weight: 200;
letter-spacing: 0.5px;
text-transform: uppercase;
display: block;
}
.gift-subscription-page .outer-card .tier-section .custom-control-label .price{
font-weight: 500;
margin-left: 15px;
position: relative;
display: inline-block;
}
.gift-subscription-page .outer-card .tier-section .custom-control-label .price:before {
content: '';
position: absolute;
left: -10px;
top: -2px;
height: 22px;
width: 1px;
background: #d7d7d7;
}
.gift-subscription-page .outer-card.outer-card.dark-mode .tier-section .custom-control-label .price:before{
background: rgba(215, 215, 215, 0.47);
}
.gift-subscription-page .outer-card .tier-section .custom-radio+.custom-radio{
margin-left: 0px;
margin-top: 6px;
}
.subscription-packages-section .packages-card-section .packages-card {
padding-top: 30px;
padding-bottom: 70px;
}
.subscription-packages-section .packages-card-section .outer-card.dark-mode .packages-card,
.subscription-packages-section .packages-card-section .outer-card.dark-mode .read-more-section{
color: #ffffff;
}
.gift-subscription-page .outer-card .buy-btn-holder{
padding: 10px 20px 25px;
}
.gift-subscription-page .outer-card .buy-btn-holder button{
width: 100%;
}
.gift-subscription-page .outer-card.dark-mode .buy-btn-holder button{
color: #ffffff;
border-color: #ffffff !important;
}
.gift-subscription-page .outer-card.dark-mode .buy-btn-holder button:hover{
background: #ffffff;
color: #d544da !important;
}
.gift-subscription-page .gift-purchase-history-section{
margin-bottom: 100px;
}
.gift-purchase-history-section .header-section,
.redeem-gift-subscription-modal .gifts-inventory .header-section {
border-bottom: 2px solid #d544da;
display: flex;
align-items: center;
color: #222222;
font-size: 18px;
margin-bottom: 5px;
}
.gift-purchase-history-section .header-section span[class*="icon-"],
.redeem-gift-subscription-modal .gifts-inventory .header-section span[class*="icon-"]{
color: #d544da;
font-size: 35px;
margin-bottom: -2.5px;
margin-right: 12px;
margin-left: 8px;
}
.gift-purchase-history-section .gift-cards-holder .show-colums-count{
padding-top: 10px;
font-size: 14px;
color: #909090;
margin-bottom: -10px;
}
.gift-purchase-history-section .gift-cards-holder .card-holder {
margin-top: 30px;
}
.gift-purchase-history-section .gift-cards-holder .card-holder[data-giftredeemed="true"]{
opacity: 0.5;
pointer-events: none;
}
/* .gift-purchase-history-section .gift-cards-holder .card-holder +.card-holder{
padding-left: 6px;
} */
.gift-purchase-history-section .gift-cards-holder .gift-card{
background: #ffffff;
border: 1px solid #240027;
box-shadow: 0px 3px 6px rgba(124, 124, 124, 0.10);
padding: 10px 12px 15px;
border-radius: 4px;
position: relative;
/* overflow: hidden; */
}
.gift-purchase-history-section .gift-cards-holder .gift-card:before{
content: '';
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-top: 315px solid #240027;
border-left: 108px solid transparent;
z-index: 1;
}
.gift-purchase-history-section .gift-cards-holder .gift-card:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-top: 315px solid #47004D;
border-left: 125px solid transparent;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .custom-dropdown-menu{
position: absolute;
right: 5px;
top: 15px;
cursor: pointer;
z-index: 1;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .custom-dropdown-menu a{
color: #ffffff;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .custom-dropdown-menu.open +.price{
z-index: 0;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .price{
position: absolute;
right: 10px;
top: 45px;
z-index: 1;
color: #ffffff;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.2px;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .gift-content-holder{
margin-bottom: 5px;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .gift-content-holder .label{
font-size: 12px;
color: #bdbdbd;
padding: 0;
font-weight: 200;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .gift-content-holder .text{
margin-top: -4px;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .gift-content-holder .text.tier-name{
font-size: 13px;
color: #757575;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .redeemed-holder{
display: flex;
justify-content: flex-start;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .redeemed-holder .gift-content-holder:first-child {
margin-right: 10px;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .redeemed-holder .gift-content-holder:nth-child(2){
width: calc(100% - 108px);
}
.gift-purchase-history-section .gift-cards-holder .gift-card .redeemed-holder .gift-content-holder:nth-child(2) .text{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-transform: capitalize;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .gift-content-holder .status[data-status="Pending"]{
color: #f89740;
font-size: 14px;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .gift-content-holder .status[data-status="Redeemed"]{
color: #169100;
font-size: 14px;
}
.gift-cards-holder .gift-card .separator{
position: relative;
border: 0.5px dashed #eeeeee;
margin: 10px 0 20px;
z-index: 2;
}
.gift-cards-holder .gift-card .separator:before {
content: '';
height: 22px;
width: 22px;
background-color: #f6f7f9;
border-radius: 50%;
position: absolute;
top: -12px;
left: -28px;
box-shadow: inset -2px 0px 0px 0px rgba(220, 220, 220, 0.79);
}
.gift-cards-holder .gift-card .separator:after {
content: '';
height: 22px;
width: 22px;
background-color: #f6f7f9;
border-radius: 50%;
position: absolute;
top: -12px;
right: -28px;
box-shadow: inset 2px 0px 0px 0px rgba(220, 220, 220, 0.79);
}
.gift-cards-holder .gift-card .code-holder{
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.gift-cards-holder .gift-card .code-holder::before{
content: '';
position: absolute;
left: -12px;
bottom: -15px;
width: 0;
height: 0;
border-bottom: 130px solid #240027;
border-right: 35px solid transparent;
z-index: 1;
}
.gift-cards-holder .gift-card .code-holder .code{
padding: 8px;
border: 1px solid #EFEFEF;
border-radius: 10px;
text-align: center;
letter-spacing: 3.5px;
color: #240027;
font-size: 14px;
font-weight: 600;
/* text-transform: uppercase; */
position: relative;
padding-right: 38px;
width: 185px;
}
.gift-cards-holder .gift-card .code-holder .copy-code-btn{
position: absolute;
right: 2px;
top: 8px;
background: transparent;
border: transparent;
color: #d544da;
font-size: 22px;
z-index: 1;
}
.gifted-code-modal .modal-dialog{
width: 390px;
}
.gifted-code-modal .modal-body{
padding: 20px;
}
.gifted-code-modal .header-content{
margin-top: -5px;
}
.gifted-code-modal .header-content span[class^="icon-"]{
color: #d544da;
display: inline-block;
font-size: 70px;
margin-top: 15px;
}
.gifted-code-modal .header-content h4{
color: #292929;
font-size: 18px;
}
.gifted-code-modal .header-content .sub-text{
color: #7B7B7B;
font-size: 15px;
font-weight: 200;
line-height: 1.5;
}
.gifted-code-modal .gift-code-holder{
width: 250px;
margin: 25px auto;
position: relative;
padding: 8px;
}
.gifted-code-modal .gift-code-holder:before,
.redeem-gift-subscription-modal .gifts-inventory .block .code:before {
content: "";
position: absolute;
border: 1px dashed #D8D8D8;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 8px;
}
.gifted-code-modal .gift-code-holder:after{
content: "\e92d";
position: absolute;
font-family: 'icomoon' !important;
top: -13px;
left: 8px;
font-size: 20px;
color: #9D9D9D;
}
.gifted-code-modal .gift-code-holder .code{
border: 1px solid #D8D8D8;
border-radius: 6px;
height: 40px;
line-height: 39px;
vertical-align: middle;
font-weight: 600;
color: #240027;
font-size: 18px;
letter-spacing: 4px;
text-align: center;
}
.gifted-code-modal .gift-code-holder .copy-code-btn,
.redeem-gift-subscription-modal .gifts-inventory .block .code .copy-code-btn{
position: absolute;
right: 15px;
top: 17px;
background: transparent;
border: transparent;
color: #d544da;
font-size: 22px;
padding: 0;
}
.gifted-code-modal .send-gift-section{
border: 1px solid #D9D9D9;
border-radius: 5px;
padding: 12px 20px 20px;
}
.gifted-code-modal .send-gift-section .title{
font-size: 16px;
margin-bottom: 10px;
}
.redeem-gift-block{
display: flex;
background: rgba(44, 4, 47, 0.65);
border-radius: 5px;
padding: 15px 20px;
font-size: 18px;
box-shadow: 0px 2px 5px 1px rgba(40, 0, 39, 0.09);
margin: 50px 15px 15px;
vertical-align: middle;
line-height: 2;
justify-content: space-between;
font-weight: 200;
}
.edited-pricing-page .redeem-gift-block{
background: rgba(11, 11, 11, 0.57);
box-shadow: 1px 0px 6px 1px rgba(34, 34, 34, 0.25);
}
.redeem-gift-block span[class^="icon-filled-"]{
font-size: 22px;
vertical-align: middle;
margin-right: 12px;
margin-top: -6px;
display: inline-block;
}
.redeem-gift-block .outline-button{
background: transparent;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 6px;
font-size: 13px;
font-family: 'Raleway', sans-serif;
font-weight: 600;
padding: 0 15px;
height: 35px;
line-height: 35px;
vertical-align: middle;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.redeem-gift-block .outline-button:hover{
background: #ffffff;
color: #380537;
}
.redeem-gift-block .outline-button:focus{
outline: none;
}
.redeem-gift-subscription-modal .modal-dialog{
width: 590px;
}
.redeem-gift-subscription-modal .modal-header .modal-title{
text-transform: uppercase;
font-size: 18px;
}
.redeem-gift-subscription-modal .code-section .text{
font-size: 14px;
color: #7B7B7B;
}
.redeem-gift-subscription-modal .code-section .code{
display: flex;
padding-top: 10px;
}
.redeem-gift-subscription-modal .code-section .form-group{
flex: 1;
margin-right: 12px;
}
.redeem-gift-subscription-modal .gifts-inventory{
margin-top: 15px;
margin-bottom: 15px;
}
.redeem-gift-subscription-modal .gifts-inventory .header-section {
font-size: 16px;
margin-bottom: 5px;
margin-left: -15px;
padding-left: 10px;
margin-right: -15px;
padding-right: 15px;
margin-bottom: 20px;
}
.redeem-gift-subscription-modal .gifts-inventory .block{
display: flex;
margin-top: 15px;
padding: 10px;
border: 1px solid #EFEFEF;
border-radius: 6px;
justify-content: space-between;
align-items: center;
}
.redeem-gift-subscription-modal .gifts-inventory .block .content-block{
text-transform: capitalize;
}
.redeem-gift-subscription-modal .gifts-inventory .block .text-btn{
background: transparent;
border: none;
padding: 0px 5px;
font-weight: 600;
font-size: 12px;
color: #da4ddf;
border-bottom: 2px solid #da4ddf;
letter-spacing: 1.5px;
text-transform: uppercase;
height: 25px;
width: 70px;
}
.redeem-gift-subscription-modal .gifts-inventory .block .code-button-holder{
display: flex;
align-items: center;
}
.redeem-gift-subscription-modal .gifts-inventory .block .code{
position: relative;
padding: 6px 35px 5px 12px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
min-width: 135px;
margin-right: 20px;
}
.redeem-gift-subscription-modal .gifts-inventory .block .code .copy-code-btn {
right: 10px;
top: 7px;
font-size: 18px;
padding: 0;
}
.redeem-gift-subscription-modal .gifts-inventory .block[data-isgiftredeemed="1"] .code-block{
opacity: 0.4;
pointer-events: none;
cursor: default;
}
.redeem-gift-subscription-modal .gifts-inventory .block[data-isgiftredeemed="1"] .code-block .code{
padding-left: 0;
padding-right: 0;
text-align: center;
}
.redeem-gift-subscription-modal .gifts-inventory .block[data-isgiftredeemed="1"] .copy-code-btn{
display: none;
}
.redeem-gift-subscription-modal .gifts-inventory .block[data-isgiftredeemed="1"] .text-btn{
display: none;
}
.redeem-gift-subscription-modal .gifts-inventory .block[data-isgiftredeemed="1"] .redeemed-tag{
display: inline-block !important;
color: #169100;
font-size: 13px;
font-weight: 600;
}
.empty-gift-inventory-block {
text-align: center;
padding-left: 15px;
padding-right: 20px;
max-height: 300px;
overflow-y: auto;
margin-right: -5px;
}
.empty-gift-inventory-block span[class^="icon-empty"]{
color: #ebebeb;
font-size: 80px;
}
.empty-gift-inventory-block .title{
color: #292929;
font-size: 17px;
font-weight: 600;
margin-top: -6px;
}
.empty-gift-inventory-block .sub-text{
color: #999999;
}
.empty-gift-inventory-block .sub-text .link{
color: #d544da;
text-decoration: underline;
}
.empty-gift-inventory-block .sub-text .link:hover{
color: #ce26d4;
}
.empty-gift-inventory-block .block{
margin: 0 -15px;
}
.thankyou-modal .gift-content{
text-align: center;
font-size: 14px;
line-height: 1.4;
margin: 20px 0px;
}
.subscribe-page-main .tier-gift-active{
position: absolute;
top: 50px;
left: 20px;
font-size: 14px;
font-weight: 600;
word-break: break-word;
}
.subscribe-page-main .tier-gift-active .icon-filled-redeem-gift{
font-size: 20px;
color: #d544da;
padding-right: 6px;
vertical-align: text-bottom;
}
.redeem-gift-subscription-modal .empty-gift-inventory-block::-webkit-scrollbar{
height: 4px;
width: 4px;
background: transparent;
}
.redeem-gift-subscription-modal .empty-gift-inventory-block::-webkit-scrollbar-thumb{
background: rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.redeem-gift-subscription-modal .loader-2{
height: 40px;
}
.thankyou-modal .gift-tier-content{
color: #7B7B7B;
font-size: 15px;
font-weight: 200;
}
.packages-card-section .outer-card .subscription-package-holder{
padding: 0px 15px 20px;
}
.packages-card-section .outer-card .subscription-package-holder [class*="col-"]{
padding-right: 7px;
}
.packages-card-section .outer-card .subscription-package-holder [class*="col-"] +[class*="col-"]{
padding-left: 7px;
padding-right: 15px;
}
.outer-card .subscription-package-holder .plan-holder{
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 5px;
padding: 15px 8px;
text-align: center;
position: relative;
}
.outer-card .subscription-package-holder .plan-holder .price-holder .price{
font-size: 20px;
font-weight: 800;
letter-spacing: 1px;
margin-left: 2px;
margin-right: 2px;
vertical-align: middle;
}
.outer-card .subscription-package-holder .plan-holder .price-holder .tags{
font-size: 11px;
}
.outer-card .subscription-package-holder .plan-holder .plan{
margin-top: 15px;
text-transform: capitalize;
font-size: 16px;
letter-spacing: 1.5px;
font-weight: 600;
}
.outer-card .subscription-package-holder .plan-holder .offer-tag{
color: #D04ABD;
font-size: 11px;
font-weight: 600;
}
.outer-card .subscription-package-holder .plan-holder .btn-holder .subscribe-btn{
background: transparent;
border: 1px solid;
border-radius: 6px;
max-width: 115px;
margin: 15px auto 5px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 12px;
letter-spacing: 0.5px;
}
.outer-card .subscription-package-holder .plan-holder .btn-holder .subscribe-btn:hover{
background: #ffffff;
color: #d544da;
border-color: #ffffff;
}
.outer-card .subscription-package-holder .plan-holder.year-plan{
background: #240027;
border-color: #240027;
}
.outer-card .subscription-package-holder .plan-holder.year-plan .popular-ribbon{
position: absolute;
display: inline-block;
right: -25px;
top: 7px;
transform: rotate(50deg);
border-bottom: 13px solid #d544da;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
height: 15px;
width: 70px;
line-height: 18px;
text-transform: uppercase;
font-size: 6px;
color: #ffffff;
white-space: nowrap;
text-align: center;
font-weight: bold;
}
.outer-card .subscription-package-holder .plan-holder.year-plan .popular-ribbon::before{
top: 15px;
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -12px;
border-style: solid;
border-width: 4.5px;
border-color: #A3008C transparent transparent transparent;
}
.outer-card .subscription-package-holder .plan-holder.year-plan .popular-ribbon::after{
top: 15px;
content: ' ';
position: absolute;
width: 0;
height: 0;
right: -12px;
border-style: solid;
border-width: 4.5px;
border-color: #A3008C transparent transparent transparent;
}
.outer-card .subscription-package-holder [data-plansubscribed="true"] .plan-holder{
background: #ffffff;
}
.outer-card .subscription-package-holder [data-plansubscribed="true"] .plan-holder .price-holder{
color: #240027;
}
.outer-card .subscription-package-holder [data-plansubscribed="true"] .plan-holder .plan{
color: #525252;
}
.outer-card .subscription-package-holder [data-plansubscribed="true"] .plan-holder .offer-tag{
color: #d544da;
}
.outer-card .subscription-package-holder [data-plansubscribed="true"] .plan-holder .btn-holder .subscribe-btn{
border-color: #d544da;
color: #d544da;
}
.outer-card .subscription-package-holder [data-plansubscribed="true"] .plan-holder .btn-holder .subscribe-btn:hover{
background: #d544da;
color: #ffffff;
}
.payment-details-popup .credit-card-box .form-group input[placeholder="Your Name"],
.payment-details-popup .credit-card-box .form-group input[placeholder="Postal/Zip Code"]{
padding-left: 15px;
}
.gift-subscription-page .sub-text .go-to-gift-inventory{
cursor: pointer;
color: #d544da;
font-weight: 500;
text-decoration: underline;
}
@media (min-width:1200px) {
.gift-cards-holder .gift-card .code-holder .code{
margin-left: 15px;
}
}
@media (max-width:1200px) {
.main-nav-links{
padding-left: 15px;
}
.navbar-default .main-nav-links>li>a{
padding-right: 8px;
padding-left: 8px;
}
.profile-setting>li>a{
padding-right: 0px;
padding-left: 5px;
}
.perk-tab-container #perkTabContent table tr img{
width: 100% !important;
}
.perk-tab-container #perkTabContent table tr img[src*="button"],
.perk-tab-container #perkTabContent table tr a img{
width: inherit !important;
}
}
@media (max-width:992px){
.gift-subscription-page .outer-card .tier-section{
padding-left: 10px;
padding-right: 10px;
}
.gift-subscription-page .outer-card .tier-section .custom-control-label{
letter-spacing: 0;
}
.gift-subscription-page .outer-card .tier-section .custom-control-label .price{
margin-left: 10px;
}
.gift-subscription-page .outer-card .tier-section .custom-control-label .price:before{
left: -7px;
top: -1px;
height: 20px;
}
.gift-cards-holder .gift-card .code-holder .code{
width: 220px;
letter-spacing: 4px;
}
.gift-purchase-history-section .gift-cards-holder .gift-card:before{
border-top: 328px solid #240027;
border-left: 145px solid transparent;
}
.gift-purchase-history-section .gift-cards-holder .gift-card:after{
border-top: 328px solid #47004D;
border-left: 165px solid transparent;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .price{
font-size: 15px;
letter-spacing: 1px;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .gift-content-holder .text.tier-name{
font-size: 14px;
}
.redeem-gift-block{
font-size: 16px;
}
.packages-card-section .outer-card .subscription-package-holder [class*="col-"] +[class*="col-"]{
padding-left: 15px;
margin-top: 20px;
}
.outer-card .subscription-package-holder .plan-holder .offer-tag{
font-size: 13px;
}
}
@media (max-width: 767px) {
.patron-setting.set-release-date .release-title {
float: unset;
}
.patron-setting.set-release-date .text-right.release-toggle,
.set-release-date .text-right.mobile-move-left {
text-align: left;
}
.subscriptions-add-posts .label-new-common.toggle-label-mobile {
display: block;
float: unset;
}
/*.subscriptions-add-posts .upload-check-holder {
top: 0px;
}*/
.subscriptions-add-posts .regular-link-title.regular-title-mobile {
margin-top: 15px;
}
.subscriptions-add-posts .hashtag-holder {
padding-top: 10px;
}
.subscriptions-add-posts .hashtag-holder .label-new-common{
margin-bottom: 0;
margin-top: 7px;
}
.subscriptions-add-posts .ifregular-toggle .or-section:before,
.subscriptions-add-posts .ifregular-toggle .or-section:after {
height: 1.5px;
}
.message-page.direct-message-holder .direct-msg-text-holder {
position: fixed;
bottom: 0px;
background: #313131;
left: 0;
width: 100%;
height: 40px;
z-index: 1;
text-align: center;
color: #fff;
line-height: 35px;
vertical-align: middle;
}
/*.pagination.simple-pagination li:nth-child(3),
.pagination.simple-pagination li:nth-child(6){
display: none;
}*/
.pagination.simple-pagination li {
transform: scale(0.9);
display: inline-block;
margin-left: -12px;
padding: 0;
}
.search-black-section .filter-title {
font-size: 18px;
margin-bottom: 10px;
padding-top: 12px;
}
.search-black-section {
height: 110px;
}
.subscription-fan-package .main-content-holder .pricing-type {
width: 100%;
margin-top: 10px;
}
.subscription-fan-package .main-content-holder .price-btn {
position: unset;
margin-top: 10px;
}
.my-supporters-dashboard .supporters-list .all-tier,
.my-supporters-dashboard .supporters-list .supporters-text,
.exit-survey-dashboard .supporters-list .all-tier,
.exit-survey-dashboard .supporters-list .supporters-text {
width: 100%
}
.post-detailed-main-page[data-posttype="audio"] .search-tags-holder {
top: 225px;
padding-left: 5px;
}
.post-detailed-main-page .facebook-btn {
margin-right: 3px;
}
.subscriptions-add-posts .cke_editor_postDescription {
margin-top: 40px;
}
.subscriptions-add-posts .header_spacer .primary-button.width120,
.subscriptions-add-posts .text-left-mobile .primary-button.width120 {
width: auto;
}
.search-content-holder .bonus-content-filter-section .hide-visibility {
visibility: hidden;
}
.subscribers-posts-section .custom-dropdown-menu {
top: 0;
width: 80px;
height: 70px;
z-index: 1;
text-align: right;
padding-left: 5px;
padding-top: 0px;
right: 0;
}
.subscribers-posts-section .custom-dropdown-menu a {
display: block;
width: 70px;
height: 70px;
z-index: 1;
padding-right: 20px;
}
.subscribers-posts-section .custom-dropdown-menu .dropdown-menu.dropdown-menu-right {
margin-right: 15px;
margin-top: -30px;
}
#regularpodcast .podcast-main-section .podcast-content-holder .paddingTop {
padding-left: 15px;
}
.search-content-holder .bonus-content-filter-section,
.search-content-holder {
margin-top: 0;
}
.podcast-main-section .podcast-content-holder .paddingTop:first-child {
padding-top: 0;
}
.patron-edit .content-listing-tabs .icon-cart {
margin-left: 0;
font-size: 28px;
}
.navbar-default.slide-active .navbar-header.slide-active .navbar-toggle.slide-active {
position: relative;
}
.profileCropper .modal-dialog {
width: auto;
}
.subscription-fan-package .main-header {
display: block !important;
}
.subscription-fan-package .mobile-subs-align {
float: left !important;
margin-top: 10px;
display: block !important;
}
.exit-survey-unsubscribe-modal .primary-button {
width: 190px;
}
.post-detailed-main-page[data-posttype="text"] .post-detailed-content-holder .post-main-title {
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
font-size: 20px;
padding-top: 0;
}
.post-detailed-main-page[data-posttype="text"] .post-details-holder .post-embed-holder.post-detailed-page .video-modal {
height: 220px;
}
.blog-setting-margin .post-type-blog-preview .mobile-pull-left {
float: left !important;
margin-top: 10px;
margin-left: 15px;
}
.blog-setting-margin .post-type-blog-preview .social-content {
margin-top: 20px;
}
.rss-feeds-section .border-rss {
padding-right: 15px !important;
}
.direct-message-mobile .message-placeholder {
height: 300px;
}
.direct-message-mobile .inner {
top: 30% !important;
}
.exit-survey-unsubscribe-modal.exit-survey-details .modal-dialog {
width: 100%;
margin: 0;
}
.exit-survey-unsubscribe-modal.exit-survey-details .modal-body {
max-height: 430px;
}
.login-page .user-login-parent .img-content-container .title .mg-title {
font-size: 25px;
}
.comment-section .comment-label.text-left {
float: unset;
}
.blog-main-content .post-description table {
width: 100% !important;
}
.comment-section .time-holder-mobile {
text-align: left;
display: inline-block;
width: calc(100% - 50px);
padding-left: 5px;
margin-bottom: 20px;
margin-top: 5px;
}
.comment-section .time-holder-mobile .comment-time-text {
text-align: left;
line-height: 1;
font-size: 14px;
}
.comment-section .reply-main-container .comment-time-text.pull-right {
display: inline-block;
margin-top: 0 !important;
padding-left: 15px;
float: none !important;
font-size: 14px;
}
.exit-survey-unsubscribe-modal .modal-dialog,
.gifted-code-modal .modal-dialog {
width: 100%;
margin: 0px auto 10px;
}
.account-free-subscription .form-group .pull-right.text-right {
display: block;
float: unset !important;
text-align: left;
margin-bottom: 10px;
}
.podcast-dashboard-main .podcast-subscribe-section button {
width: 100%;
}
.subscribe-podcast-modal .after-click-handler .primary-button{
width: 100px !important;
}
.subscribe-podcast-modal .after-click-handler .or {
margin: 15px 10px 0;
}
.patron-post-edit-modal .subscriptions-add-posts .podcast-url-text-holder span,
.patron-post-edit-modal .subscriptions-add-posts .podcast-url-text-holder input {
display: block;
}
.patron-post-edit-modal .panel-collapse.regular-collapse {
height: 100% !important;
}
.podcast-dashboard-main .main-img-holder .plus-banner-content {
width: 100%;
left: 0;
}
.mobile-nav .username_text{
text-transform: uppercase;
padding-left: 10px;
}
.blog-setting-margin .blog-preview-content .icons-content-holder {
margin-left: 0;
}
.blog-setting-margin .icons-content-holder .share-btn-parent.text-right {
text-align: left;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-download-btn {
bottom: -5px;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-download-btn .jw-icon.jw-dock-image{
background: transparent !important;
position: relative;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-download-btn .jw-icon.jw-dock-image:before{
content: "\ea44";
font-family: 'icomoon' !important;
position: absolute;
top: 12px;
left: 0;
font-size: 20px;
color: #f9f9f9;
width: 100%;
height: 100%;
text-align: center;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-forward-btn,
.post-detailed-page .jw-dock .jwplayer-custom-sns-rewind-btn {
right: 45px;
left: auto;
width: 35px;
height: 35px;
bottom: -3px;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-rewind-btn {
right: 90px;
}
.post-detailed-page .jwplayer-custom-sns-rewind-btn .jw-dock-image,
.post-detailed-page .jwplayer-custom-sns-forward-btn .jw-dock-image {
width: 22px;
height: 22px;
text-align: center;
margin: 3px auto;
}
.post-detailed-main-page[data-posttype="video"] .post-detailed-page .jwplayer-custom-sns-forward-btn {
right: 5px;
}
.post-detailed-main-page[data-posttype="video"] .post-detailed-page .jwplayer-custom-sns-rewind-btn {
right: 50px;
}
.patron-post-edit-modal.edit-post-modal .subscription-toggle-mobile {
padding-top: 15px;
}
.podcast-dashboard-main .dashboard-tabs-menu {
height: auto;
}
.podcast-dashboard-main .dashboard-tabs-menu .dashboard-menu-content li a {
font-size: 16px;
padding: 10px 12px;
}
.podcast-dashboard-main .dashboard-tabs-menu .container.mobile-menu-container {
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.podcast-dashboard-main .dashboard-tabs-menu .container.mobile-menu-container::-webkit-scrollbar {
display: none;
}
.podcast-dashboard-main .dashboard-tabs-menu .nav-pills li {
width: 100%;
height: 100%;
}
/* .rss-feeds-section .rss-tab-content-holder {
display: flex;
flex-direction: column-reverse;
} */
.podcast-dashboard-main .main-content .rss-feeds-section h3{
text-align: center;
line-height: 1.4;
}
.podcast-dashboard-main .main-content .rss-feeds-section .rss-text-content.rss-feed-text,
.podcast-dashboard-main .main-content .rss-feeds-section .rss-text-content .listen-podcast-text {
display: none;
}
.podcast-dashboard-main .main-content .rss-feeds-section .rss-text-content.mobile-rss-content,
.podcast-dashboard-main .main-content .rss-feeds-section .listen-podcast-text.mobile-listen-content {
display: block;
}
.podcast-dashboard-main .main-content .rss-feeds-section .listen-podcast-text.mobile-listen-content {
color: #b2b2b2;
font-weight: 200;
font-size: 16px;
text-align: center;
}
.podcast-dashboard-main .main-content .rss-feeds-section .mobile-rss-content.mobile-rss-content p {
color: #5D5D5D;
}
.podcast-dashboard-main .main-content .rss-feeds-section .mobile-rss-content.mobile-rss-content p.rss-mobile-note-section {
margin-left: 20px;
position: relative;
line-height: 1.2;
font-weight: 500;
}
.rss-feeds-section .mobile-rss-content.mobile-rss-content .rss-mobile-note-section .icon-note {
position: absolute;
top: 50%;
left: -25px;
font-size: 20px;
transform: translateY(-50%);
color: #d544da;
}
.podcast-dashboard-main .main-content .rss-feeds-section .mobile-rss-content.mobile-rss-content ul li{
font-weight: 200;
}
.podcast-dashboard-main .main-content .rss-feeds-section .mobile-rss-content.mobile-rss-content ul{
padding-left: 0px;
list-style: none
}
.podcast-dashboard-main .main-content .rss-feeds-section .mobile-rss-content.mobile-rss-content ul li::before {
content: "•";
color: #d544da;
display: inline-block;
width: 10px;
margin-right: 8px;
}
.rss-feeds-section .rss-tab-content-holder #rssFeedLinkContainer {
border-top: 1px solid #f1f1f1;
}
.rss-feeds-section .rss-tab-content-holder #rssFeedLinkContainer .inner {
margin-bottom: 15px;
}
.podcast-dashboard-main .dashboard-tabs-menu.start-tour-container .container.mobile-menu-container {
overflow: hidden;
}
.my-supporters-dashboard .show-colums-count{
margin-bottom: 6px;
padding-bottom: 0 !important;
}
.my-supporters-dashboard .table-responsive,
.exit-survey-dashboard .table-responsive{
margin-bottom: 25px;
}
.exit-survey-dashboard .show-colums-count{
margin-bottom: -10px;
padding-bottom: 0 !important;
}
.exit-survey-dashboard .section-top-inner {
margin-bottom: 6px;
}
.navbar-default.start-tour-container .navbar-toggle.tour-step-backdrop.tour-tour-element {
padding: 0 !important;
margin: 16px -6px !important;
}
.my-supporters-dashboard .show-colums-count{
margin-bottom: 5px;
}
.payment-failure-modal.refund-account-details .modal-dialog {
width: 100%;
margin: 0;
}
.sns-setting-page .recommended-books-holder .section.row a {
margin-top: 50px;
display: block;
text-align: center;
}
.adminpanel-login-section .login-skew-content-parent .welcome-logo {
margin-top: 80px;
margin-bottom: 0;
}
.img-content-container.adminpanel-login-section .login-section-content {
width: 365px;
}
.sns-setting-main-page-section .custom-radio+.custom-radio{
margin-left: 0;
margin-top: 8px;
display: block;
}
.post-type-blog-preview .blog-main-content .post-description img,
.post-type-blog-preview .blog-main-content .post-description img.googlemaps{
width: 100%;
object-fit: cover;
object-position: center;
float: unset;
margin: 40px auto 30px;
display: block;
}
.login-section-content input.env.default {
background: url('../images/whitebg.jpg') no-repeat 96% 9px;
}
.post-type-blog-preview .blog-main-content .post-description div[id*="attachment"]{
width: 100% !important;
}
.post-type-blog-preview .blog-main-content .post-description .embed-youtube .youtube-player{
width: 100%;
}
.verify-email-popup.change-your-email .verify-details label {
line-height: unset;
float: left;
}
.donate-section .donate-btns-holder{
text-align: center;
}
.donate-section .donate-btns-holder .mobile-donate-btn{
display: block !important;
}
.donate-section .donate-btns-holder .or-holder{
display: block;
margin: 10px 0;
}
.donate-section .donate-btns-holder .primary-button.savePatronSettingBtn {
width: 215px;
}
.container.verified-email-holder{
margin: 25px 15px;
padding: 30px 15px;
}
.container.verified-email-holder .email-img-holder{
height: 100px;
}
.saved-card-payment-section .verification-box-holder,
.change-password-privacy-section .verification-box-holder{
text-align: center;
padding: 20px 15px;
}
.saved-card-payment-section .verification-box-holder input,
.change-password-privacy-section .verification-box-holder input {
width: 180px;
margin: 20px auto 25px;
}
.saved-card-payment-section .verification-box-holder button,
.change-password-privacy-section .verification-box-holder button {
width: auto;
font-size: 13px;
padding: 0 10px;
}
.saved-card-payment-section .verification-box-holder button +button,
.change-password-privacy-section .verification-box-holder button +button {
margin-left: 8px;
}
.change-password-privacy-section .mobile-btn {
text-align: center;
}
.change-password-privacy-section .mobile-btn .change-password-mobile-btn{
float: none !important;
}
.sw-post-description-holder .description-ad-holder{
float: unset;
width: 100%;
height: auto;
margin-bottom: 15px;
}
.sw-post-description-holder .description-ad-holder +.description-content-holder{
width: 100%;
}
.post-detailed-main-page .post-ad-holder-section {
height: auto;
}
.sns-landing-page-section .home-first-side-ad-section,
.sns-landing-page-section .home-second-side-ad-section,
.sns-landing-page-section .home-footer-ad-section {
display: none;
}
.sns-landing-page-section .home-first-side-ad-section.after-search-ad {
display: block;
margin-top: 70px;
margin-bottom: 0;
}
.sns-landing-page-section .home-first-side-ad-section.after-search-ad +.sw-home-content-holder-section{
margin-top: 0px;
}
.sns-landing-page-section .home-first-side-ad-section.footer-ad {
display: block;
}
.video-modal .jw-display-icon-container.jw-background-color{
padding: 0;
}
.sns-footer .footer-app-holder{
margin-bottom: 15px;
}
.my-supporters-dashboard .supporters-list{
display: block;
}
.my-supporters-dashboard .supporters-list .supporter-form-groups{
width: calc(50% - 2px)!important;
padding: 0;
}
.my-supporters-dashboard .data-search .supporters-list .primary-button{
min-width: 100%;
}
.my-supporters-dashboard .profile-pic-holder .deactive-handler span{
top: -6px;
right: -8px;
}
.gift-subscription-page{
padding-left: 20px;
}
.gift-subscription-page .header-section {
margin-top: 25px;
margin-bottom: 10px;
}
.gift-subscription-page .header-section .main-title{
font-size: 25px;
margin-bottom: 8px;
}
.gift-subscription-page .subscription-packages-section .title{
margin-bottom: 15px;
}
.gift-subscription-page .subscription-packages-section .packages-card-section{
flex-direction: column;
align-items: center;
}
.gift-subscription-page .outer-card .top-section{
padding-top: 20px;
padding-bottom: 15px;
}
.gift-subscription-page .outer-card .top-section img {
height: 60px;
}
.gift-subscription-page .outer-card .top-section:before{
top: 20px;
height: 58px;
width: 56px;
}
.gift-subscription-page .subscription-packages-section .packages-card-section .card-holder +.card-holder {
padding-top: 15px;
}
.gift-subscription-page .outer-card .top-section .plan{
margin-top: 15px;
margin-bottom: 15px;
}
.gift-subscription-page .outer-card .top-section .price-section .price{
font-size: 40px;
}
.gift-subscription-page .outer-card .tier-section{
padding-left: 8px;
padding-right: 8px;
margin: 0 15px;
}
.post-content-detail .previous-section,
.comment-section .previous-section{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.gift-purchase-history-section .gift-cards-holder .card-holder {
margin-top: 20px;
}
.redeem-gift-block{
flex-direction: column;
padding-bottom: 20px;
font-size: 15px;
text-align: center;
line-height: 1.5;
}
.redeem-gift-block span[class^="icon-filled-"]{
display: block;
text-align: center;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 0;
font-size: 28px;
}
.redeem-gift-block .outline-button{
margin-top: 15px;
}
.redeem-gift-subscription-modal .modal-dialog{
width: 100%;
margin: 0;
}
.redeem-gift-subscription-modal .gifts-inventory .block{
display: block;
padding-left: 15px;
padding-right: 15px;
}
.redeem-gift-subscription-modal .gifts-inventory .block::before,
.redeem-gift-subscription-modal .gifts-inventory .block::after{
content: " ";
display: table;
}
.redeem-gift-subscription-modal .gifts-inventory .block::after{
clear: both;
}
.redeem-gift-subscription-modal .gifts-inventory .block .content-block{
margin-bottom: 10px;
text-align: left;
}
.redeem-gift-subscription-modal .gifts-inventory .block .code-block{
display: inline-block;
width: calc(100% - 100px);
text-align: center;
margin-bottom: 6px;
float: left;
}
.redeem-gift-subscription-modal .gifts-inventory .block .text-btn,
.redeem-gift-subscription-modal .gifts-inventory .block .redeemed-tag{
float: right;
margin-top: -6px;
}
/* .redeem-gift-subscription-modal .gifts-inventory .block .redeemed-tag{
margin-top: -6px;
} */
.gifted-code-modal .send-gift-section .primary-button:hover{
color: #d544da !important;
background: #ffffff;
}
.redeem-gift-subscription-modal .gifts-inventory .block .code-button-holder{
justify-content: space-between;
}
.subscribe-now-popup .modal-header{
padding-top: 10px;
}
.subscribe-now-popup .modal-body{
padding-top: 45px !important;
}
.gift-subscription-page .outer-card .tier-section .custom-radio input+label:before{
margin-right: 5px;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .redeemed-holder{
flex-direction: column;
}
.gift-purchase-history-section .gift-cards-holder .gift-card .redeemed-holder .gift-content-holder:nth-child(2){
width: calc(100% - 30px);
}
.gift-purchase-history-section .gift-cards-holder .gift-card .redeemed-holder .gift-content-holder:nth-child(2) .text {
white-space: unset;
overflow: initial;
}
.gift-subscription-page .outer-card.white-mode .top-section .offer-tag{
display: none;
}
.gift-subscription-page .outer-card.dark-mode .top-section .offer-tag{
margin-bottom: 0;
font-size: 15px;
}
.post-detailed-page .jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-controlbar {
padding: 22px 0 0 !important;
}
.post-detailed-page .jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-rail {
background-color: hsl(0, 0%, 39%);
}
.jwplayer-custom-sns-rewind-btn {
right: 90px;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-forward-btn{
right: 45px;
left: auto;
width: 35px;
height: 35px;
bottom: -3px;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-download-btn {
bottom: -5px;
}
}
@media (min-width: 768px) {
.subscribe-podcast-modal .modal-dialog {
width: 400px;
}
}
@media (max-width: 990px) {
.patron-post-edit-modal .auto-release-date-main-holder .uploaded-date-holder +.release-date-holder {
padding-top: 5px;
padding-left: 0;
}
.patron-post-edit-modal .auto-release-date-main-holder .uploaded-date-holder +.release-date-holder:before {
content: unset;
}
.patron-post-edit-modal .video-upload-holder [class*="col-"],
.subscriptions-add-posts .patron-setting .upload-video-section [class*="col-"] {
padding-left: 0;
}
.navbar-default.slide-active .navbar-header.slide-active .navbar-toggle.slide-active .mobile-span {
display: block;
position: absolute;
width: 100vh;
height: 180vh;
top: -110px;
left: -90px;
background-color: transparent;
}
.post-detailed-main-page[data-posttype="audio"] .audio-type-holder .tooltip-container:after {
content: none;
}
}
@media (min-width: 767px) and (max-width: 990px) {
.podcast-dashboard-main .main-content .rss-feeds-section .rss-link-content .rss-link {
height: 40px;
line-height: 40px;
vertical-align: middle;
padding-top: 0;
}
.gift-subscription-page .subscription-packages-section .packages-card-section .card-holder +.card-holder {
padding-left: 12px;
}
.gift-subscription-page .outer-card .tier-section{
padding-right: 6px;
}
.gift-subscription-page .outer-card .tier-section .custom-radio input+label:before{
margin-right: 3px;
}
.subscribe-page-main .packages-card-section .subscription-row{
margin: 0;
}
}
@media (min-width: 801px) and (max-width: 992px){
.gift-subscription-page{
padding-left: 0;
}
}
@media (max-width: 480px){
.login-card .social-btns-holder .login-fb{
font-size: 14px !important;
padding: 0 8px !important;
}
.login-card .social-btns-holder .apple-login{
margin-left: 10px;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags{
width: 100%;
padding-left: 0;
text-align: center;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags .tag-holder{
display: flex;
margin-left: 0;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags .money-holder{
flex: 1;
border-left: 0;
border-top: 1px solid;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags .tier-count{
border-top-right-radius: 0;
}
}
@media (max-width: 420px) {
.patron-post-edit-modal .auto-release-date-main-holder .release-date-title {
display: block;
}
#patronPostEditModal .modal-body {
padding: 10px 15px;
}
.add-address-popup .welcome-content img {
height: 190px;
}
.form-control::-webkit-input-placeholder {
font-size: 14px;
}
.subscribe-podcast-modal .modal-dialog {
margin: 0;
}
.subscribe-podcast-modal .note-text-holder {
font-size: 13px;
padding: 10px 5px;
}
.post-detailed-main-page .post-more-info-holder .comment-list .reply-input,
.blog-preview-content .blog-main-content .comment-list .reply-input {
width: calc(100% - 115px);
margin-left: 45px;
padding: 8px 10px;
}
.subscribe-podcast-modal .after-click-handler .content {
width: 260px;
}
.blog-setting-margin .blog-preview-content .twitter-btn,
.blog-setting-margin .blog-preview-content .facebook-btn{
padding: 6px 8px;
}
.blog-setting-margin .blog-preview-content {
margin-top: 10px;
}
.sns-landing-page-section .home-second-side-ad-section,
.sns-landing-page-section .home-footer-ad-section{
/* max-height: 250px;
height: auto; */
}
.login-card .social-btns-holder{
flex-direction: column;
}
.login-card .social-btns-holder .login-fb{
font-size: 15px !important;
}
.login-card .social-btns-holder .apple-login{
margin-left: 0px;
margin-top: 15px;
}
}
@media screen and (max-width: 992px), (max-width: 768px) {
.search-content-holder .bonus-tab-holder .mobile-dropdown-content {
display: inline-block;
}
.sns-footer .footer-app-holder .app-links-holder .app-link +.app-link{
margin-left: 3px;
}
}
@media (max-width: 375px){
.subscribe-page-main .tier-gift-active {
display: flex;
line-height: 1.4;
max-width: 280px;
}
.subscribe-page-main .tier-gift-active .icon-filled-redeem-gift{
padding-top: 5px;
padding-right: 10px;
}
.subscribe-now-popup .subscribe-img{
height: 200px;
}
}
@media (max-width: 320px) {
.subscriptions-add-posts .header_spacer .primary-button.width120:nth-child(3),
.subscriptions-add-posts .text-left-mobile .primary-button.width120:nth-child(3) {
margin-top: 15px;
}
.edit-post-modal .collapsed-content-holder .plus-podcast-holder {
height: 75px;
position: relative;
}
.edit-post-modal .editlink-href {
position: absolute;
line-height: 1;
left: 50px;
top: 50px;
}
.edit-post-modal .editlink-href[aria-expanded="true"] .icon-up-arrow-edited:before {
content: 'CLOSE';
font-size: 16px;
font-weight: 500;
color: #d544da;
text-decoration: underline;
font-family: 'Lato', sans-serif;
}
.podcast-dashboard-main .main-img-holder .plus-banner-content .plus-title {
padding-left: 0;
}
.perk-tab-container .perk-discount-code{
min-width: 290px;
}
.perk-tab-container .note-text {
font-size: 12px;
}
.payment-modal-modal.subscription-packages .card-info-holder-div::before{
width: 248px;
}
.payment-modal-modal.subscription-packages .card-info-holder-div{
padding-left: 20px;
}
.payment-modal-modal.subscription-packages .card-info-holder-div .visa{
left: 20px;
}
/* .payment-modal-modal.subscription-packages .custom-radio input+label:before{
margin-right: 70px;
} */
.img-content-container.adminpanel-login-section .login-section-content {
width: 310px;
}
.verify-email-popup.verify-email-main-holder .verify-details .primary-button.done-btn{
margin:0;
width: auto;
}
.payment-modal-modal.subscription-packages .paypal-img-holder .paypal-freedays-holder{
margin-top: 8px;
font-size: 14px;
}
.payment-modal-modal.subscription-packages .paypal-img-holder img{
height: 45px;
}
.sns-footer .footer-app-holder .app-links-holder .app-link +.app-link{
margin-left: 0;
margin-top: 15px;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags .tag-holder{
flex-wrap: wrap;
}
.my-supporters-dashboard .supporter-tier-holder .tier-tags .tier-count{
flex: 1;
}
.gift-subscription-page .header-section .main-title {
font-size: 22px;
}
.gift-subscription-page .header-section .sub-text{
letter-spacing: 0;
line-height: 1.4;
font-size: 15px;
}
.gift-subscription-page .outer-card .tier-section .custom-radio{
width: 100%;
}
.gift-subscription-page .outer-card .tier-section .custom-control-label .price{
font-size: 14px;
}
.gift-subscription-page .outer-card .tier-section .custom-radio input+label:before {
margin-right: 8px;
}
.gift-cards-holder .gift-card .code-holder .code {
width: 190px;
}
}
@media (orientation: landscape) and (max-width: 815px) {
.subscriptions-add-posts .pull-right.mobile-toggle-left {
float: right!important;
}
.subscriptions-add-posts .label-new-common.toggle-label-mobile {
float: left;
}
.podcast-dashboard-main .main-content .rss-feeds-section .rss-link-content .rss-link {
height: 40px;
line-height: 40px;
vertical-align: middle;
padding-top: 0;
}
.exit-survey-unsubscribe-modal.exit-survey-details .modal-body {
max-height: 250px;
}
.exit-survey-unsubscribe-modal.exit-survey-details .modal-dialog {
width: 100%;
margin: 0;
}
.post-detailed-main-page .post-detailed-content-holder .post-main-title {
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
font-size: 30px;
}
.subscribe-podcast-modal .modal-dialog {
width: 550px;
margin: auto;
height: 280px;
}
.subscribe-podcast-modal .modal-body {
height: 250px;
}
.subscribe-podcast-modal .hash-item-group {
height: 200px;
}
.subscribe-podcast-modal .after-click-handler .content {
height: 190px;
overflow: auto;
width: 480px;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-rewind-btn {
left: 0;
bottom: -2px;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-forward-btn {
left: 105px;
bottom: 5px;
}
.post-detailed-page .jwplayer-custom-sns-rewind-btn .jw-dock-image,
.post-detailed-page .jwplayer-custom-sns-forward-btn .jw-dock-image {
width: 100%;
height: 100%;
margin: 0;
}
.sns-setting-main-page-section .custom-radio+.custom-radio {
display: inline-block
}
.sns-setting-main-page-section .custom-radio{
width: 48%;
}
.img-content-container.adminpanel-login-section .login-section-content{
margin-top: 75px;
}
}
@media (min-width: 1100px) {
.podcast-post-section,
.podcast-post-section .regular-podcast-column {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.post-detailed-main-page .social-holder .counts-section.text-right {
margin-top: 0;
}
}
@media (max-width: 1024px) {
.podcast-main-section .podcast-content-holder .single-podcast .podcast-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
direction: rtl;
text-align: left;
display: block !important;
}
}
@supports (-webkit-overflow-scrolling: touch) {
select.form-control,
input.plus-input-box,
input[type="text"] {
color: #000000 !important;
font-weight: 400 !important;
opacity: 1;
}
}
_::-webkit-full-page-media, _:future, :root .bonus-content-decs {
color: #9e9e9e !important;
font-weight: 400 !important;
}
_::-webkit-full-page-media, _:future, :root .sub-text-title + p,
_::-webkit-full-page-media, _:future, :root .mg-tips-content {
color: #000000 !important;
}
_::-webkit-full-page-media, _:future, :root .podcast-title {
direction: unset !important;
}
@media (max-width: 767px),
(orientation: landscape) and (max-width: 815px) {
.video-modal .jwplayer.jw-state-idle .jw-display-icon-container {
pointer-events: unset;
}
.video-modal .jwplayer.jw-state-idle .jw-display-icon-container>.jw-icon:not([aria-label]) {
position: relative;
border: none;
}
.video-modal .jwplayer.jw-state-idle .jw-display-icon-container>.jw-icon:not([aria-label]):before {
content: 'S&S' !important;
font-family: 'icomoon' !important;
background: #d544da;
border-radius: 50%;
z-index: 1;
position: absolute;
width: 56px;
height: 56px;
line-height: 55px;
font-size: 16px;
font-weight: bold;
}
.video-modal .jwplayer.jw-state-idle .jw-display-icon-container>.jw-icon:not([aria-label]):after {
content: '';
content: '';
background: rgba(0, 0, 0, 0.52);
border-radius: 50%;
width: 55px;
display: inline-block;
height: 55px;
box-shadow: 0px -15px 0px 0px rgba(198, 198, 198, 0.47), 15px 10px 0px 0px rgba(198, 198, 198, 0.47), -15px 10px 0px 0px rgba(198, 198, 198, 0.47);
animation: spin .9s linear infinite;
-webkit-animation: spin .9s linear infinite;
transform-origin: center;
}
.video-modal .jwplayer.jw-state-idle .jw-display-icon-container .jw-icon-display:before {
left: 0;
}
}
@media only screen and (min-width: 600px) {
.payment-details-popup.payment .credit-card-box.modal-dialog .card-info-holder-div::before,
.buy-bidcoin-modal.payment-modal-modal.subscription-packages .modal-dialog.credit-card-box .card-info-holder-div::before{
width: 245px;
}
}
@media (orientation: landscape) and (max-width: 815px) {
.video-modal .jwplayer.jw-state-idle .jw-display-icon-container>.jw-icon:not([aria-label]):before {
left: 15px;
}
.podcast-dashboard-main .main-img-holder .plus-banner-content {
text-align: left;
padding-left: 15px;
width: 100%;
}
.verify-email-popup .modal-dialog,
.free-subscription-popup .modal-dialog{
width: 350px;
}
.free-subscription-popup .subs-img img{
height: 180px;
}
.payment-details-popup.payment .credit-card-box.modal-dialog{
margin: 0 auto;
}
.payment-details-popup.payment .credit-card-box.modal-dialog{
width: 330px !important;
}
}
.exit-survey-details .survey-details .type-reason-holder::-webkit-scrollbar {
-webkit-appearance: none;
}
.exit-survey-details .survey-details .type-reason-holder::-webkit-scrollbar:vertical {
width: 8px;
}
.exit-survey-details .survey-details .type-reason-holder::-webkit-scrollbar:horizontal {
height: auto;
}
.exit-survey-details .survey-details .type-reason-holder::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white; /* should match background, can't be transparent */
background-color: rgba(0, 0, 0, .25);
}
@media (max-width: 360px){
.payment-modal-modal.subscription-packages .card-info-holder-div::before {
width: 248px;
}
.change-password-privacy-section .verification-box-holder{
padding: 20px;
}
.change-password-privacy-section .verification-box-holder button,
.change-password-privacy-section .verification-box-holder input,
.change-password-privacy-section .mobile-btn .change-password-mobile-btn{
width: 100%;
}
.change-password-privacy-section .verification-box-holder button +button{
margin-top: 10px;
margin-left: 0;
}
.sns-footer .footer-app-holder .app-links-holder .app-link{
height: 45px;
}
.gift-subscription-page .outer-card .tier-section .custom-radio input+label:before{
margin-right: 4px;
}
.gift-subscription-page .outer-card .tier-section .custom-control-label .price{
margin-left: 6px;
font-size: 12px;
}
.gift-subscription-page .outer-card .tier-section .custom-control-label .price:before {
left: -5px;
top: 0px;
height: 18px;
}
}
_::-webkit-full-page-media, _:future, :root .pricing-page {
background-attachment: initial;
}
@media (min-width: 768px){
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-controls{
width: 730px !important;
}
}
@media (min-width: 992px) {
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-controls{
width: 970px !important;
}
}
@media (min-width: 1200px){
.post-detailed-main-page .post-details-holder .post-embed-holder .jw-controls{
width: 1100px !important;
}
}
@media only screen and (min-width: 767px) and (max-width: 992px){
.post-detailed-page .jw-dock .jwplayer-custom-sns-rewind-btn{
bottom: -10px;
left: 10px;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-forward-btn{
left: 120px;
}
.post-detailed-page .jw-reset.jw-icon-playback{
margin-left: 75px;
margin-right: 60px;
}
}
@media only screen and (min-width: 420px) and (max-width: 992px){
.post-detailed-page .jw-dock .jwplayer-custom-sns-rewind-btn{
left: -10px;
right: unset;
width: 40px;
height: 40px;
}
.post-detailed-page .jwplayer-custom-sns-rewind-btn .jw-dock-image,
.post-detailed-page .jwplayer-custom-sns-forward-btn .jw-dock-image{
width: 30px;
height: 30px;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-forward-btn{
left: 105px;
bottom: 2px;
}
.post-detailed-page .jw-dock .jwplayer-custom-sns-download-btn .jw-icon.jw-dock-image:before{
top: 8px;
left: 5px;
font-size: 18px;
}
.post-detailed-page .jw-reset.jw-icon-playback{
margin: 0 50px;
}
/* .post-detailed-main-page[data-posttype="audio"] .search-tags-holder{
top: 220px !important;
} */
}
@media only screen and (min-width: 420px) and (max-width: 600px){
.post-detailed-page .jw-reset.jw-icon-playback{
margin-left: 48px;
}
}