:root {
    --blog-postx-sticky-posts-bk-color: #fff;
    --blog-postx-sticky-posts-border-color: #feeaec;

    --card-box-shadow: 0px 2px 5px 0px #00000008;
    --card-border-color: #feeaec;
}

.blog-postx-dark-mode {
    --blog-postx-sticky-posts-bk-color: #4e4e4e;
    --card-border-color: #4e4e4e;
}

body {
    background: linear-gradient(90deg,rgb(241,240,251) 0%,rgb(248,233,243) 18%,rgb(255,239,234) 40%,rgb(250,243,227) 62%,rgb(238,245,246) 100%);
}

body.blog-postx-dark-mode:before {
    background: #161616;
}

/* Header */
    header .bb-bldr-row.row-one {
        padding: 20px 0 30px;
    }

    .site-header .bb-bldr-row.row-two {
        background-color: var(--blog-postx-white-dark-color);
        padding: 15px;
        border-radius: 10px;
        box-shadow: var(--card-box-shadow);
    }

    /* off canvas */
    .site-header .canvas-menu-icon {
        width: 31px;
        height: 31px;
        line-height: 31px;
        background-color: transparent;
    }

    /* menu */
    body .blog-postx-primary-menu-container,
    #site-navigation-secondary.use-primary ul {
        padding: 0;
    }

    /* search */    
    .site-header .search-trigger i,
    .site-header .search-wrap.search-type--default .search-form-wrap .search-form-close,
    .site-header .mode-toggle i {
        width: initial;
        height: initial;
        background: transparent;
        transition: all .3s ease-in-out;
        line-height: initial;
        font-size: 18px;
    }

    .site-header .search-trigger i {
        font-size: 17px;
    }

    .site-header .search-wrap.search-type--default .search-form-wrap .search-form-close i {
        font-size: 22px;
        transition: all .3s ease-in-out;
    }

    /* mode toggle */
    .blog-postx-light-mode .site-header .mode-toggle i {
        transition: all .3s ease-in-out;
    }


/* 
MARK: Carousel
 */
    .blog-postx-carousel-section .carousel-wrap .post-categories li {
        margin: 0;
    }

/**
* MARK: Web Stories
*/

    .blog-postx-web-stories {
        padding: 0;
        margin-bottom: 40px;
    }

    .blog-postx-web-stories .section-title {
        font-family: var(--blog-postx-block-font-family);
        font-weight: var(--blog-postx-block-font-weight);
        font-style: var(--blog-postx-block-font-style);
        font-size: var(--blog-postx-block-font-size);
        letter-spacing: var(--blog-postx-block-font-letterspacing);
        line-height: var(--blog-postx-block-font-lineheight);
        text-transform: var(--blog-postx-block-font-texttransform);
        text-decoration: var(--blog-postx-block-font-textdecoration);
    }

    .blog-postx-web-stories .stories-wrap .preview .story-count {
        font-family: 'Inter';
        font-size: 12px;
        line-height: 22px;
        display: inline-block;
        letter-spacing: 0;
        position: relative;
        top: initial;
        right: initial;
        padding: 2px 13px 2px 26px;
    }

    .blog-postx-web-stories .stories-wrap .preview .story-count:before {
        background-color: #fff;
    }

    .blog-postx-web-stories .stories-wrap .story-title {
        font-family: 'Inter';
        margin-top: 14px;
        font-size: 18px;
        line-height: 25px;
        -webkit-line-clamp: 3;
        font-weight: 600;
    }

    /* inner */
    body .site .blog-postx-web-stories .inner-story-wrap .post-categories .cat-item a {
        color: #fff;
        border-radius: 30px;
        padding: 2px 13px 2px 26px;
    }

    .blog-postx-web-stories .inner-stories-wrap .content-wrap .title {
        font-family: 'Inter';
        font-weight: 600;
        font-size: 25px;
        line-height: 34px;
    }

/**
* MARK: Sticky Posts
*/

    .blog-postx-sticky-posts {
        left: 10px;
    }

    .blog-postx-sticky-posts.position-right {
        right: 10px;
    }

    .blog-postx-dark-mode .blog-postx-sticky-posts .label-wrapper .icon:after {
        background: url(../images/arrow_down_white.svg) no-repeat;
    }

    .blog-postx-sticky-posts .more-less-indicator span.indicator.more:after,
    .blog-postx-sticky-posts .more-less-indicator span.indicator.less:after {
        color: var(--blog-postx-black-dark-color);
    }

    .blog-postx-sticky-posts .post-list article,
    .blog-postx-sticky-posts .more-less-indicator span.indicator {
        box-shadow: var(--card-box-shadow);
        border: 1px solid var(--card-border-color);
        background-color: var(--blog-postx-sticky-posts-bk-color);
    }

    .blog-postx-sticky-posts .post-list article:hover .post-content {
        box-shadow: var(--card-box-shadow);
        border: 1px solid var(--card-border-color);
        border-radius: 10px;
    }

/* 
    MARK: You May Have Missed
*/

    /* .post-categories .cat-item a {
        color: #fff;
        transition: all .3s ease-in-out;
    } */


/* 
    MARK: Single
*/

    body.single .site-main > .post-read-time-wrap {
        margin-top: -5.5rem;
    }

    .single .post-categories li a {
        border-radius: 30px;
        overflow: hidden;
    }

    /* layout six */
    body.single-post--layout-six #blog-postx-main-wrap .single-header-content-wrap .post-categories {
        display: flex;
        justify-self: center;
    }

    body.single-post--layout-six #blog-postx-main-wrap .single-header-content-wrap .post-categories a {
        background-color: transparent;
        border: 1px solid var(--blog-postx-category-border-color);

    }

    /* layout seven */
        /* Header */
            body.single.single-post--layout-seven header.site-header {
                border: none;
            }

            .single-post--layout-seven .bb-bldr-row.row-two,
            .single-post--layout-seven .site-header .header-custom-button {
                background-color: #ffffff24;
            }

            .single-post--layout-seven .site-header .canvas-menu-icon > span {
                background-color: #fff;
            }

            .single-post--layout-seven header .social-icons-wrap a i,
            .single-post--layout-seven .search-trigger i,
            .single-post--layout-seven .site-header .mode-toggle i {
                color: #fff;
            }

    body.single-post--layout-seven .blog-postx-single-header .single-header-content-wrap .post-categories a {
        color: #fff;
    }

    .single-post--layout-seven .blog-postx-single-header .single-header-content-wrap .post-categories a {
        font-size: var(--blog-postx-category-font-size);
        line-height: var(--blog-postx-category-font-lineheight);
    }

    body.single .entry-title {
        font-family: 'Inter';
        font-weight: 600;
    }

    .single-post--layout-seven .blog-postx-single-header .single-header-content-wrap .byline {
        font-size: var(--blog-postx-author-font-size);
    }

    body.single-post .post-meta-wrap .byline img {
        width: 30px;
        height: 30px;
    }

    .single-post--layout-seven .blog-postx-single-header .single-header-content-wrap .post-date {
        font-size: var(--blog-postx-date-font-size);
    }

    .single-post--layout-seven .blog-postx-single-header .single-header-content-wrap .post-read-time {
        font-size: var(--blog-postx-readtime-font-size);
    }

    body.single-post article .entry-content p {
        font-family: 'Poppins';
        font-size: 17px;
        letter-spacing: 0;
        line-height: 28px;
    }

    body.single-post #primary .post-navigation .nav-links .nav-post-elements .post-date {
        font-size: 13px;
    }
    
    body.single-post #primary .post-navigation .nav-links .nav-post-elements .post-date i {
        font-size: inherit;
    }
    
    body.single-post #primary .post-navigation .nav-links .nav-post-elements .post-nav-time-string {
        font-size: inherit;
    }

    body.single-post #primary .post-navigation .nav-links .nav-post-elements .nav-title {
        font-size: 1.05rem;
    }

    body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .post-inner,
    body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .comments-area,
    body.single-post #primary article .post-card .bmm-author-thumb-wrap,
    body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary nav.navigation,
    body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .comments-area,
    body.single-post #blog-postx-main-wrap .blog-postx-container .row #primary .single-related-posts-section-wrap.layout--list {
        border: 1px solid var(--card-border-color);
        box-shadow: var(--card-box-shadow);
        border-radius: 10px;
    }

    body.single-post .blog-postx-inner-content-wrap .post-thumbnail {
        border-radius: 10px;
    }

    body.single-post .comment-respond .comment-form-comment textarea {
        border-radius: 10px;
    }

    body.single-post .comments-area .form-submit input.submit {
        border-radius: 30px;
    }

    body.single-post .comments-area .form-submit input.submit:hover {
        background-color: var(--blog-postx-global-preset-theme-color);
    }

    /* related posts */
        body #blog-postx-main-wrap > .blog-postx-container > .row #primary .single-related-posts-section-wrap article {
            overflow: hidden;
        }

        .single-related-posts-section-wrap.layout--one .single-related-posts-wrap article .post-element {
            transform: translateY(80px);
            transition: all .3s ease-in-out;
        }

        .single-related-posts-section-wrap.layout--one .single-related-posts-wrap article:hover .post-element {
            transform: translateY(0);
        }

        .single-related-posts-section-wrap.layout--one.column--three .single-related-posts-wrap article .post-thumbnail {
            padding-bottom: 84%;
        }

        .single-related-posts-section-wrap.layout--list.column--three .single-related-posts-wrap article .post-element .post-title {
            margin: 0 0 16px;
        }

        body.single-post .single-related-posts-section-wrap article .post-meta {
            opacity: 0;
            visibility: hidden;
            transition: all .3s ease-in-out;
        }

        body.single-post .single-related-posts-section-wrap article:hover .post-meta {
            opacity: 1;
            visibility: visible;
        }

        body.single-post .site .single-related-posts-section-wrap article .post-meta .byline img {
            width: 30px;
            height: 30px;
        }

    /* single pages */
        body.page-template-default article .entry-content {
            line-height: 28px;
            letter-spacing: 0;
        }

    article .post-inner h1,
    article .post-inner h2,
    article .post-inner h3,
    article .post-inner h4,
    article .post-inner h5,
    article .post-inner h6 {
        font-family: 'Inter';
        font-weight: 600;
        letter-spacing: -.3px;
    }

    /* 
        MARK: Categories
    */

    body .post-categories {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    body .site .post-categories li.cat-item {
        position: relative;
        display: flex;
        align-items: center;
        margin: 0;
    }

    .post-categories .cat-item a {
        padding: 2px 15px 2px 26px;
    }

    .blog-postx-web-stories .stories-wrap .preview .story-count,
    body .site .blog-postx-you-may-have-missed-section .content-wrap .post-categories .cat-item a,
    body .site .blog-postx-main-banner-section .post-item .post-categories a {
        color: #fff;
        transition: all .3s ease-in-out;
        border: none;
        border-radius: 30px;
    }

    /* archive */
    body.archive--list-three-layout .site .site-main article .post-categories .cat-item a,
    body.archive--block-two-layout .site .site-main article .post-categories .cat-item a {
        background: transparent;
        padding: 2px 15px 2px 26px;
        transition: all 0.3s ease-in-out;
        border: 1px solid var(--blog-postx-category-border-color);
        border-radius: 30px;
        overflow: hidden;
        position: relative;
    }

    body.archive--list-three-layout .site article ul.post-categories li:before,
    body.archive--block-two-layout .site article ul.post-categories li:before,
    body.archive--grid-layout .post-categories .cat-item:before,
    .blog-postx-category-collection-section .category-wrap .category-label:before,
    .blog-postx-web-stories .stories-wrap .preview .story-count:before,
    .categories-wrap .category-name:before,
    .single .cat-item:before,
    body .site .widget_blog_postx_post_grid_widget .post-categories .cat-item:before,
    body .site .widget_blog_postx_posts_grid_two_column_widget .post-categories .cat-item:before,
    body .site .blog-postx-web-stories .inner-story-wrap .post-categories .cat-item a:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 10px;
        width: 8px;
        height: 8px;
        transform: translateY(-50%);
        border-radius: 100%;
        z-index: 0;
        transition: all .3s ease-in-out;
    }

    body.archive--list-three-layout .post-categories .cat-item:hover:before,
    body.archive--block-two-layout .site article ul.post-categories li:hover:before,
    .blog-postx-category-collection-section.layout--four .category-wrap .category-label:hover:before,
    body.single #page.site .blog-postx-main-wrap .post-categories li.cat-item:hover:before,
    .categories-wrap .category-name:before,
    body .site .blog-postx-you-may-have-missed-section .post-categories li.cat-item:before,
    body .site .blog-postx-main-banner-section .post-item .post-categories .cat-item:before,
    body .site .blog-postx-web-stories .inner-story-wrap .post-categories .cat-item a:before,
    .single-post--layout-seven .single-header-content-wrap .post-categories .cat-item:before {
        background-color: #fff;
        z-index: 1;
    }


/* 
MARK: Widgets
*/

    aside .widget,
    #widget_block {
        border: 1px solid var(--card-border-color);
        box-shadow: var(--card-box-shadow);
        border-radius: 10px;
    }

    ul.wp-block-categories a,
    .widget.widget_categories ul li a {
        font-size: calc( var(--blog-postx-category-font-size) * 1.1 );
    }

    body .site .widget_blog_postx_carousel_widget .post-categories .cat-item:before,
    body .site .widget_blog_postx_post_grid_widget .post-categories .cat-item:before,
    body .site .widget_blog_postx_posts_grid_two_column_widget .post-categories .cat-item:before {
        background-color: #fff;
    }

    body .site .widget_blog_postx_carousel_widget .post-categories .cat-item a,
    body .site .widget_blog_postx_post_grid_widget .post-categories .cat-item a,
    body .site .widget_blog_postx_posts_grid_two_column_widget .post-categories .cat-item a {
        border-radius: 30px;
        color: #fff;
    }

    body .widget_blog_postx_post_grid_widget .post-grid-wrap .post-title,
    body .widget_blog_postx_carousel_widget .post-title {
        margin: 14px 0 8px;
    }

    ul.wp-block-latest-posts a,
    ol.wp-block-latest-comments li footer,
    ul.wp-block-archives a,
    ul.wp-block-page-list a,
    .widget ul.menu a,
    .widget.widget_recent_entries ul li a,
    .widget.widget_block .no-comments {
        font-size: calc(var(--blog-postx-widget-title-font-size) * 0.9);
    }

    /* category collection */
    .widget_blog_postx_category_collection_widget .categories-wrap .category-item {
        border-radius: 10px;
    }

    .widget_blog_postx_category_collection_widget .categories-wrap .category-item .category-name {
        color: #fff;
        padding: 2px 15px 2px 26px;
        border-radius: 30px;
        position: relative;
        max-width: 130px;
        font-size: calc(var(--blog-postx-category-font-size) * 0.92);
    }

    /* carousel */
    .widget_blog_postx_carousel_widget .post-thumb-wrap,
    body .site .widget .post-thumb-image {
        border-radius: 10px;
        background-color: #e8e8e8;
    }

    /* two column grid */
    .widget_blog_postx_posts_grid_two_column_widget .posts-wrap .bmm-post-cats-wrap .card__content-category a {
        line-height: calc(var(--blog-postx-category-font-lineheight)* 0.98);
    }
    
    .widget_blog_postx_posts_grid_two_column_widget .posts-wrap .post-title {
        -webkit-line-clamp: 3;
        font-size: calc(var(--blog-postx-widget-title-font-size) * 0.84);
    }

    /* author */
    .widget_blog_postx_author_info_widget .bmm-author-thumb-wrap .post-thumb img {
        border-radius: 10px;
    }

    .author-content-wrap {
        padding-top: 14px;
    }

    .author-content-wrap .author-desc {
        font-family: var(--blog-postx-post-content-font-family);
        line-height: var(--blog-postx-post-content-font-lineheight);
        font-weight: var(--blog-postx-post-content-font-weight);
    }

/* 
MARK: Pages
*/

    body.page .site-main article,
    body.error404 .site #blog-postx-main-wrap #primary.site-main .error-404 {
        border: 1px solid var(--card-border-color);
        box-shadow: var(--card-box-shadow);
        border-radius: 10px;
    }

    .back_to_home_btn a {
        background: #000;
    }

/* 
MARK: Scroll to Top
*/

    .blog-postx-scroll-btn.display--fixed {
        position: fixed;
        bottom: 35px;
        transition: all .3s ease-in-out;
        opacity: 0;
        visibility: visible;
        transform: translateY(15px);
    }

    .blog-postx-scroll-btn.display--fixed.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        bottom: 35px;
    }

    .blog-postx-scroll-btn.display--fixed .scroll-top-wrap {
        display: flex;
        align-items: center;
    }

    .blog-postx-scroll-btn.display--fixed .scroll-to-top-wrapper {
        display: flex;
        width: 48px;
        height: 48px;
    }

/* meta */
    body article .post-meta .byline img,
    .single-header-content-wrap .post-meta .byline img {
        width: 30px;
        height: 30px;
        margin-top: 0;
    }