:root{
    --epcl-large-border-radius: 7px;
    --epcl-hover-border: #FFD650;
    --epcl-text-color: #251B3B;
    --epcl-titles-color: #251B3B;
    --epcl-titles-gradient: #251B3B;
    /* --epcl-boxes-border-color: #FFD650 !important; */
    --epcl-large-shadow: 0px 20px 25px -4px rgba(255, 214, 80, 0.075);
    --renco-yellow: #FFD650;
    --renco-dark: #251B3B;
}

/* Global */

.logo a img,
.logo a img {
    border-radius: var(--epcl-large-border-radius);
}
.mobile .logo a img{
    max-width: 112px;
}
.np-top{ padding-top: 0px !important; }
.epcl-counter{
    font-size: 12px;
}
.epcl-button.large:not(.epcl-shortcode){
    padding: 14px 40px;
}

/* .button, .epcl-button:not(.epcl-shortcode){
    background: #FFD650;
    color: #251b3b;
}
.button svg path, .epcl-button:not(.epcl-shortcode) svg path{
    stroke: #251b3b;
} */

.epcl-button.secondary{
    background: var(--renco-yellow);
    color: var(--renco-dark);
}

.epcl-button.secondary:not(.epcl-shortcode) svg path{
    stroke: var(--renco-dark);
}

/* div.body-background{}
div.body-background:after, div.body-background:before{
    opacity: 0.2;
    background: radial-gradient(circle at 50% 50%, var(--epcl-main-color), transparent 70%);
} */

div.body-background:after, div.body-background:before{
    opacity: 0.15;
} 

/* Header */

#header .logo a img{
    width: 112px;
}
.main-nav ul.menu li{
    padding-left: 10px;
    padding-right: 10px;
}

/* Home */

.topics-section{
    
}
.topics-section .tag-column{
    padding-top: 40px;
    margin-top: 50px;
    border-top: 1px solid var(--epcl-boxes-border-color);
}
div.articles.classic[data-columns="2"] article{
    margin-top: 0;
}

/* Single Post */

#single .featured-image-caption{ display: none;}

/* Sidebar */

.widget_epcl_about{
    text-align: left;
}
.widget_epcl_about .avatar{
    margin: 0 20px 0 0;
}
.widget_epcl_about .avatar a{
    margin-bottom: 0;
    width: 100px;
    height: 100px;
}
.widget_epcl_about .info .location{
    font-weight: 400;
    font-size: 80%;
}
.widget_epcl_about .bio{
    text-align: left;
    margin-top: 20px;
}

/* Articles */

.tags.absolute.small a{
    font-size: 11px;
    padding: 3px 8px;
}
.tags.absolute.small a:before{
    width: 5px;
    height: 5px;
}
.tags.absolute.small{
    z-index: 3;
}
.small-post .post-excerpt{
    margin-bottom: 10px;
    font-size: 90%;
}

#archives .epcl-prompt-list{ display: none; }

/* Membership */

.membership-page .subscribe-plan .plan-name .title{
    font-size: 24px;
}

/* Tag Landing */

.tag-landing .item.epcl-flex{
    max-width: 800px;
    margin: 0 auto;
    flex-flow: row;
}
.tag-landing .top-info{
    padding: 0;
    margin-right: 40px;
}
.tag-landing .right-content{
    text-align: left;
}
.tag-landing .right-content .count{
    display: inline;
    vertical-align: middle;
}
.tag-landing .right-content .bio{
    margin-top: 0;
}
#archives.tag-landing .epcl-archive-info .title-gradient{
    margin-top: 0;
}
.tag-landing .epcl-archive-info .item .top-info .featured-image img{
    max-width: 500px;
}
#archives.tag-landing .epcl-archive-info{
    position: inherit;
    margin-top: 100px;
}
#archives.tag-landing .epcl-archive-info .title-gradient{
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
    margin-right: 10px;
}
/* .epcl-archive-info .item .top-info .featured-image img{
    display: inline-block;
} */
#archives.tag-landing .epcl-archive-info .item{
    padding-bottom: 0;
}
.tag-landing .epcl-archive-list{
    border: 0;
    padding-left: 0;
}
.tag-landing div.articles.vertical .featured-image{
   /* width: 70%; */
}
.tag-landing div.articles.vertical article .title{
    margin-bottom: 10px;
}
.tag-landing div.articles.vertical article .post-excerpt{
    margin-bottom: 20px;
}
div.articles.classic[data-columns="2"] article.large-post .title{
    font-size: 24px;
}
div.articles.classic[data-columns="2"] article.large-post .info{
    /* padding: 0 30px; */
}
div.articles.classic[data-columns="2"] article.large-post .post-excerpt{
    font-size: 15px;
}

/* Tag Sidebar (Internal Tags */

#archives.tag-sidebar .epcl-archive-list{
    border: 0;
}

/* Author */

.inline{ display: inline-block; }
.tabs .tab-btn{
    display: inline-block;
    font-size: 15px;
    margin-left: 5px;
    margin-bottom: 3px;
    padding: 3px 5px;
}
.tabs .tab-btn.active{
    font-weight: 500;
    background-size: 100% 23%;
    background-position: 0% 75%; 
}
#author-articles-ajax{
    transition: opacity 0.25s ease-in-out;
}
#author-articles-ajax.loading{
    opacity: 0;
}

/* Footer */

#footer .logo{
    max-width: 90px;
}
#footer #back-to-top{
    background: #251B3B;
}
/* #footer .published{ display: none;} */

.epcl-pagination-numeric div.nav{ display: inline-flex; align-items: center; gap: 8px; }
.epcl-pagination-numeric .page-numbers{ display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.epcl-pagination-numeric .page-numbers li{ display: inline-flex; }
.epcl-pagination-numeric .page-numbers li.dots{ width: 24px; justify-content: center; opacity: 0.5; }
.epcl-pagination-numeric .page-numbers a{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; font-weight: 500; text-decoration: none; }
.epcl-pagination-numeric .page-numbers li.active a{ background: var(--epcl-main-color); color: #fff; cursor: default; }
.epcl-pagination-numeric a.prev-page, .epcl-pagination-numeric a.next-page{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; font-size: 22px; line-height: 1; text-decoration: none; }

@media screen and (min-width: 981px) and (max-width: 1200px) {
    #sidebar{
        padding-left: 0;
    }
    div.left-content {
        /* padding-right: 30px; */
    }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
    .tag-landing .epcl-archive-info .item .top-info .featured-image img{
        max-width: 100%;
    }
    #archives.tag-landing .epcl-archive-info .item{
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 767px){


    div.articles .featured-image img{
        border-radius: 8px;
    }
    .tags.absolute.small{
        top: 7px;
        right: 7px;
    }
    .tags.absolute.small a{
        font-size: 10px;
        padding: 2px 6px;
        border-radius: 3px;
    }
    .tags.absolute.small a:before{
        width: 4px;
        height: 4px;
        margin-right: 4px;
    }

    .tabs{
        text-align: center;
    }
    .tabs .title.inline{
        display: block;
        margin-bottom: 10px;
    }

    .topics-section div.articles.classic article.small-post:last-of-type{
        margin-bottom: 20px;
    }
    .topics-section .tag-column{
        padding-top: 20px;
        margin-top: 25px;
    }

    div.articles.classic article.small-post .post-format-wrapper{
        width: 60%;
    }
    div.articles.classic article.small-post .title{
        font-size: 13px;
        margin-bottom: 3px;
    }
    div.articles.vertical article.epcl-flex{
        display: block;
        width: auto;
    }
    .tag-landing div.articles.vertical .featured-image{
        margin-bottom: 20px;
    }
    div.articles.classic[data-columns="2"] article.large-post .title{
        font-size: 18px;
    }
    div.articles.classic[data-columns="2"] article.large-post .post-excerpt{
        font-size: 14px;
    }

    #archives.tag-landing .epcl-archive-info .item{
        display: block;
        width: auto;
    }
    #archives.tag-landing .epcl-archive-info .title-gradient{
        display: block;
        margin-right: 0;
    }
    #archives.tag-landing .epcl-archive-info .item .featured-image img{
        width: 85px;
    }
    .tag-landing .top-info{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .tag-landing .right-content{
        text-align: center;
    }
}
