/*
Theme Name: WP Bootstrap 4.8.2
Theme URI: http://kasio99.com
Description: A base bootstrap 4 theme
Author: James Williamson
Author URI: https://kasio99.com/
Version: 1.0
Tags: responsive,bootstrap,easy theme
*/

/*Global Styles*/

@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css');

@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,600,900&display=swap');

body {
    color: #333;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 18px;
}

body:not(.page-id-22) .grecaptcha-badge {
	display: none;
}

.welcome-cont {
    padding-top: 10px;
}

.welcome {
    margin-bottom: 0px;
    float: left;
}

.header-cont {
    background-color: #f4f4f4;
}

.custom-logo {
    max-width: 120px;
    max-height: 120px;
}

/*navigation styles*/
.navbar-nav {
    font-size: 20pt;
}

.navbar {
    background-color: #f4f4f4;
    
}

.nav-item {
    padding: 15px 10px 15px 10px;
}

.nav-item.active {
        color: #976318;
}

.navbar-light .navbar-nav .nav-link {
    color: #333;
}

.nav-item.active:hover {
   
    color: #976318;
}

.navbar-light .navbar-nav .active>.nav-link {
    color: #976318;
}

/* CTA styles */

a, a:hover, a:visited {
    color: #333; 
}

a.white, a.white:hover, a.white:visited, p.white > a {
    color: #fff;
}

.link, .news a {
    text-decoration: underline;
}

.woocommerce a {
    text-decoration: underline;
}

.cta-dark, .woocommerce button.button.alt, .regform-button {
    padding: 10px 30px 13px 30px;
    text-decoration: none;
    background-color: #000!important;
    color: #fff;
    max-width: 260px;
    display: block;
    cursor: pointer;
    border: none;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin: auto;
    border-radius: 20px;
}

.cta-dark:hover, .cta-dark:visited, .regform-button:hover, .regform-button:visited {
    color: #fff;
    text-decoration: none;
}


.cta-light {
    padding: 15px 30px;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    border-radius: 10px;
}

.cta-light:hover, .cta-light:visited {
    color: #000;
    text-decoration: none;
}

.login-header-mobile {
    display: inline;
    padding: 6px 15px 8px 15px;
}


/* banner styles */

.white {
    color: #f4f4f4;
}

.banner-cont {
    top: 0px;
    left: 0px;
}

.banner-content-wrap {
    display: flex;
    justify-content: center;
    height: 423px;
}

.banner-content-bg {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 40px;
    align-self: center;
}

h1.banner-title {
    font-size: 45px;
    font-weight: 600;
    line-height: 40px;
}

p.banner-body {
    font-size: 20px;
    margin: 10px 0px 20px 0px;   
}

.carousel-item {
    overflow: hidden;
    
}

.carousel-indicators {
    bottom: -50px;  
}

.carousel-indicators > li {
    background-color: #e0e0e0;
}

.carousel-indicators > li.active {
    background-color: #000;
}

h1 {
    font-size: 60px;
    font-weight: 600;
}

span.pronouns {
    font-size: 16px;
}


h2 {
    font-size: 36px;
    font-weight: 600;
}

h3 {
    font-size: 24px;
    font-weight: 600;
}

h3.title-sm {
    font-size: 16px;
    font-weight: 600;
}

h3.title-lg {
    font-size: 20px;
    font-weight: 600;
}

.terms {

    font-size: 14px;
    color: #929292;
    
}

.fpc-cont {
    position: relative;
    /*cursor: pointer;*/
    /* margin-bottom: 160px; */
}

.fpc-info-cont {
    position: absolute;
    width: 90%;
    height: 80px;
    background-color: #fff;
    bottom: -70px;
    left: 19px;
    box-shadow: 0px 0px 7px #888888;
}

.Icon__Svg-sc-1ns2cb8-0, .shared-components__LogoWrapper-sc-1ntdqzl-1 {
    display: none !important;
}

span.duration {
    font-weight: 600;
}

.popout-image-mjp {
    position: absolute !important;
    background-position: -293px -13px !important;
    top: -23px !important;
    right: -277px !important;
    background-color: #fff;
    
}

.popout-text-mjp {
    display: none;
}

div.player-track-title {
    display: none !important; 
}

/* all podcast page styles */


.apc-info-cont {
    
    background-color: #fff;
    padding: 25px 40px 10px 40px;
    box-shadow: 0px 0px 7px #888888;
    line-height: 18px;
    height: 320px;
    margin: 15px 0px 0px -30px;
}

h4.presenter-title {
    font-size: 15px;
}

.presenter-cont {
    box-shadow: 0px 0px 7px #888888;
}

.prestenter-link {
    height: 70px;
}

.presenter-thumb {
   max-height: 90px;
}

span.presenter-name {
    font-size: 20px;
    font-weight: 600;
}

.media-body {
    line-height: 18px;
}

.pc-open-modal {
    cursor: pointer;
}

button.filter, button.filter:hover {
    background-color: #276a97;
}

p.pc-links > a {
    margin: 0px 10px;
}

.rss-icon {
    background: none;
    border: none;
    cursor: pointer;
}

.rss-input {
    border: none;
    color: #fff;
    position: fixed;
    left: -10000px;
}

audio {
    width: 220px;
}

.hover-effect {
     position: relative;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all; 
}

.hover-effect:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.icon-cont {
    max-width: 30px;
    position: absolute;
    top: 5px;
    left: 5px
}

.pod-icon {
    margin-bottom: 5px;
}

.premium-overlay {
    /* width: 50px;
    height: 50px; */
   /*  position: absolute;
    left: 0px;
    top: 0px; */
    cursor: pointer;
}

.premium-overlay-lightbox {
    /* width: 50px;
    height: 50px; */
    position: absolute;
    left: 15px;
    top: 0px;
    cursor: pointer;
}
/* Single podcast page styles */

.spc-cont {
    position: relative;
    cursor: pointer;
    margin-bottom: 170px;
}

.spc-info-cont {
    position: absolute;
    width: 85%;
    background-color: #fff;
    bottom: -130px;
    padding: 20px 20px 10px 20px;
    left: 21px;
    box-shadow: 0px 0px 7px #888888;
    line-height: 18px;
}

div.spc-info-cont > div.popout-wrap-mjp > div.popout-image-mjp {
    top: -368px !important;
    right: -225px !important;
}

div.spc-list > div.spc-cont:nth-child(n+5) {
    display:none;
}

.acast-frame {
    width: 100%;
    border: 1px solid #d7d7d7;
}

.mejs-video {
    height: 500px !important;
}

#pc-show-more-cont {
    max-height: 587px;;
    overflow: scroll;
    overflow-x: hidden;
}

.wp-playlist-item-title {
    font-size: 24px!important;
    
}

.wp-playlist-item-artist {
    font-size: 18px!important;
}  

.link-bar {
    min-height: 73px
}

/* single presenter page styles */

.presenter-intro-cont {
    color: #fff;
    background-color: #4389af;
    
}

.social-cont {
    background: rgba(46, 46, 46, 0.3);
    border-radius: 5px;
    
}

div.social-links {
    display: flex;
    justify-content: space-evenly;
}

ul.social-links li {
    display:inline;
}

.letterboxd-icon {
    height: 32px;
    width: 32px;
    margin-top: -21px;
}

/* premium table styles */

.hero {
    color: #276a97;
}

.king {
    color: #976318;
}

div.inc-cont {
    box-shadow: 0px 0px 7px #888888;
    padding: 10px 10px 0px 10px;
    min-height: 890px;
    position: relative;
}

div.all-inc-cont {
    box-shadow: 0px 0px 7px #888888;
    padding: 10px 10px 0px 10px;
}

ul.inc-list {
    list-style-type: none;
    text-align: center;
    padding-left: 0px;
    font-size: 18px;
    line-height: 50px;
    margin-top: 30px;
}

.price-mth {
    font-size: 30px;
    font-weight: 600;
    /* position: absolute; */
    display: block;
    /* left: 0;
    right: 0;
    bottom: 100px; */
}

.inc-join-btn {
    position: absolute;
    bottom: 35px;
    display: block;
    left:0;
    right:0;
    text-align: center;
}

/* registration form */

.wlm3-theme-styled-reg-form {
    max-width: 600px;
    margin: 60px auto;
    border: 1px solid #d7d7d7;
    padding: 50px;
}

.wlm3-show-existing-regform .wlm3-theme-styled-reg-form-toggle li.wlm3-existing-account, .wlm3-show-new-regform .wlm3-theme-styled-reg-form-toggle li.wlm3-new-account {
    border: 1px solid #888;
    border-bottom: none;
    -webkit-box-shadow: 4px -2px 5px 0px rgba(186,186,186,1);
    -moz-box-shadow: 4px -2px 5px 0px rgba(186,186,186,1);
    box-shadow: 4px -2px 5px 0px rgba(186,186,186,1);
    
}

/* sticky single podcast navigation links */
#sticky-nav {
    position : sticky;
    bottom :0;
    font-size: 25px;
    color: white !important;
    background-color:  #131313;
 }

 #sticky-nav a {
    color: white !important;
 }

/*footer styles */

.shop-cont {
    background-color: #f4f4f4;
}

h3.footer-title {
    font-weight: 600;
}

.footer-cont {
    background-color: #131313;
    font-size: 24px;
}

p.social-icons > a {
    color: #f4f4f4;
}

p.social-icons-contact-page > a {
    color: #333333;
    font-size: 25px;
}

/* woocommerce styles */

h2.woocommerce-loop-category__title, h2.woocommerce-loop-product__title {
    font-size: 24px !important;
    font-weight: 600;
}

.woocommerce ul.products li.product .price {
    color: #333 !important;
    font-size: 20px !important;
}

.woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button {
    background-color: #000 !important;
    color: #fff !important;
    padding: 10px 30px 13px 30px !important;
    font-weight: inherit !important;
    border-radius: 20px !important;
}

.product.woocommerce.add_to_cart_inline {
    border: 0 !important;
}

.woocommerce-Price-amount {
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 33px;
}

.woocommerce-cart-form__cart-item.cart_item span.woocommerce-Price-amount.amount, .cart-collaterals span, .woocommerce_account_subscriptions .woocommerce-orders-table__cell-order-total > span, .woocommerce-orders-table__cell-order-total > span {
    font-size: 18px;
    display: inline;
}

.subscription-details {
    display: none;
}

ins {
    text-decoration: none;
}



.cart-contents:before {
   font-family: WooCommerce;
        content: "\e01d";
        font-size: 25px;
        /* margin-top: 10px; */
        margin-right: -10px;
        font-style: normal;
        font-weight: 400;
        padding-right: 0px;
        vertical-align: bottom;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
    color: #fff;
    background-color: #4389ad;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    font-size: 12px;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    max-width: unset;
}

.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row, .woocommerce form .form-row {
    display: block;
}

.woocommerce span.onsale {
    font-weight: 400 !important;
    background-color: #4389ad !important;  
}

/* premium content */

ul.nav-tabs > li.nav-item {
    padding: 0px;
    font-size: 36px;
    background-color: #f4f4f4;
}

.premium-tab-icon {
    height: 45px;
    margin-right: 20px;
}

.ppc-info-cont {
        max-height: 290px;
        background-color: #fff;
        margin: 25px 0px 0px -30px;
        box-shadow: 0px 0px 7px #888888;
}

/*woocommerce My Account Menu*/

.woocommerce-MyAccount-navigation {

    display: none;

}

.woocommerce-MyAccount-content {
    padding: 20px;
}

.woocommerce-MyAccount-navigation-link {
    font-size: 22px;
}


a.button.cancel, a.button.change_payment_method, a.button.subscription_renewal_early {
	margin: 5px 0px !important;
}

a.wcs-switch-link.button {
    margin: 5px 10px !important;
}

/* Currency Converter */

.currency_switcher_label {
    display: none !important;
}

  /*blog comments styles */

 /*  img.avatar {
      display: none;
  } */

  h2.comments-title, h2.comment-reply-title {
    font-size: 22px;
}

#reply-title > small:before { 
  content: "\00a0 "; 
  }

#reply-title > small {
  font-size: 14px;
  font-family: sans-serif;
}

div.comment-author {
    font-weight: 600;
}

div.comment-body {
    margin-bottom: 20px;
}

#commentform > p.comment-form-comment > label {
    display: block;
}

div.comment-meta.commentmetadata > a, div.reply > a {

    text-decoration: underline;
    font-style: italic;
    font-size: 15px;
}
    
#comment {
    width: 70%;    
}

/* media query */

@media screen and (max-width: 1200px) {
    
    .banner-text-cont {
        padding: 110px 0px 0px 95px;
    }

    .popout-image-mjp {
        top: -403px !important;
        right: -231px !important;
    }
    
}

@media screen and (max-width: 990px) {
    
    body {
        
        padding-bottom: 39px;
    }

    .navbar-nav {
        text-align: center;
    }

    .banner-content-wrap {
        height: 486px;
    }
    
    .banner-text-cont {
        padding: 90px 0px 0px 95px;
    }

    .popout-image-mjp {
        top: -323px !important;
        right: -152px !important;
    }

    div.social-links {
        flex-direction: column;
    }

    div.inc-cont {
        min-height: 1020px;
    }

    
    #comment {
        width: 100%;
    }
    
    
}

@media screen and (max-width: 770px) {

    .custom-logo {
        max-width: 80px;
        max-height: 80px;
    }
    
    .banner-text {
        font-size: 25px;
    }
    
    .banner-text-cont {
        padding: 140px 20px 0px 30px;
    }

    .fpc-cont {
        margin: 0px 0px 30px 0px;
    }

    .pc-image {
        margin: auto;
    } 

    .popout-image-mjp {
        visibility: hidden;
    }

    .letterboxd-icon {
       margin-top: -5px;
    }

    ul.nav-tabs > li.nav-item {
        font-size: 20px;
    }

    #ad-free-tab {
        height: 100%;
        padding-top: 15px;
    }

    div.inc-cont {
        min-height: 900px;
    }
    
}

@media screen and (max-width: 480px) {

    .ppc-info-cont {
        
        margin: -25px 0px 0px 0px;
        max-height: none;
        min-height: 220px;
        
    }

    .nav-link {
        padding: 5px;
        
    }

    .premium-tab-icon{

        display: block;
        margin: 5px auto 0px auto;

    }

}