/* 
Theme Name: TCB Podcast
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


.podcast-inner-right h1 {
    position: relative;
}

.podcast-inner-right h1:after {
    content: url('/wp-content/uploads/2023/06/Icon-ionic-md-play-circle.png');
    position: absolute;
    right: -45px;
    top: 0;
}



#home-podcast-list article.elementor-post {
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    position:relative;
}

#home-podcast-list article.elementor-post:after{
    content:'';
    background:url(/wp-content/uploads/2023/05/Icon-ionic-md-play-circle.png);
    width:25px;
    height:25px;
    position:absolute;
    right:16px;
    top:20px;
}

#home-podcast-list article.elementor-post a {
    display: block;
}

#home-podcast-list article.elementor-post a.elementor-post__thumbnail__link {
    max-width: 28%;
    margin-bottom: 0px !important;
}

#home-podcast-list article.elementor-post .elementor-post__text {
    width: 35%;
    padding-left: 30px !important;
}
#home-podcast-list article.elementor-post {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 14px;
    padding-right:55px !important;
}

.elementor-menu-toggle{
    z-index: 99;
    position:relative
}

.podcast-player-single.single-sr_playlist .iron-audioplayer {
    margin: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
   
}


@media all and (max-width:1200px){

        
    #home-podcast-list article.elementor-post .elementor-post__text {
        width: 35%;
        padding-left: 13px !important;
    }

    .podcast-section1 {
        background-size: cover !important;
    }


    .cta-bottom-section {
        background-size: cover;
    }

    .cta-bottom-section .content-left h2 strong {
        line-height: 1em;
    }

    .cta-bottom-section .content-left .elementor-widget-container {
        margin-top: 0px !important;
    }

    .cta-bottom-section .content-left {
        width: 100% !important;
    }

}

@media all and (max-width:1024px){

    .pagenotfound-text h2 {
        font-size: 45px !important;
        margin-top: 1em;
    }

    .img-404 .elementor-widget-container {
        margin-top: -40px !Important;
    }

    .cta-bottom-section {
        min-height: auto !important;
        padding-bottom: 6em;
    }

    .footer-menu-section .content-left-footer .elementor-widget-container {
        margin: 0px !important;
    }

    .footer-menu-section .content-right-footer .elementor-widget-container {
        margin: 15px 0px !important;
    }

    .footer-menu-section .content-mid-footer .elementor-widget-icon-list {
        margin: 0 auto !important;
    }

    .footer-menu-section .content-right-footer .elementor-widget-html {
        margin: 0 auto !important;
    }

    .content-mid-footer .elementor-widget-container {
        margin-top: 0px !important;
    }

    .content-mid-footer {
        width: 100% !important;
        margin-top: -2em !important;
    }

    .footer-menu-section .e-con-inner {
        flex-direction: column !important;
        justify-content: center !important;
    }

    .footer-menu-section .content-left-footer {
        width: 100% !important;
    }

    .social-btns li{
        margin: 0px 1px !important;
    }

    .footer-section1 .elementor-nav-menu a.elementor-item {
        font-size: 13px !important;
    }

}

@media all and (max-width:767px){
    .searchbar{
        display:none
    }

    .podcast-inner-right h1:after {
        top: -15px;
    }

    .category-podcasts .elementor-widget-heading .elementor-widget-container {
        margin: 0px !important;
    }
    
    .category-podcasts .elementor-widget-heading .elementor-widget-container h1{
        padding-right:64px;
    }
    

    .podcast-inner-right h1:after{
        right: 15px;
    }

    .footer-copyright .content-left.e-flex.e-con .elementor-widget-icon-list {
        margin: 0 auto !important;
    }

    .content-right-footer {
        margin-top: -1em !important;
    }

    .social-btns li {
        margin: 0px 12px !important;
    }

    .content-mid-footer {
        margin-top: -3em !important;
    }

    .content-mid-footer ul li {
        margin-bottom: 1em !important;
    }

    .content-mid-footer ul {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .podcast-inner-right span.elementor-button-text {
        font-size: 15px !important;
    }

    .podcast-inner-right h1 {
        font-size: 23px !important;
    }

    .podcast-index-wrap .e-con-inner {
        flex-direction: row !important;
        justify-content: space-between !important;
    }

    .podcast-inner-right {
        width: 68%;
        padding-right: 0 !important;
    }

    .podcast-inner-left {
        width: 30% !important;
    }

    .social-btns{
        align-items: center;
    }
    
    .cta-bottom-section .content-left h2 {
        font-size: 55px !Important;
    }

    .cta-bottom-section {
        min-height: auto;
        padding-bottom: 7em !Important;
        padding-top: 4em;
    }



}


    
@media all and (max-width:514px){

    .header-content-left {
        width: 35% !important;
        padding-right: 20px !important;
    }

    .header-content-mid {
        width: 64% !important;
    }

}