/**
    1.0 Ticker News
    2.0 Carousel
    3.0 Category Collection
    4.0 Three Column
        4.1 Pagination & Ajax Button
    5.0 You May Have Missed
**/

/*main container **/
	@media (min-width: 1200px) {
        .blog-postx-container,
        #wp-custom-header {
            max-width: 1400px;
            padding-right: 2.5rem;
            padding-left: 2.5rem;
        }
	}

	@media (min-width: 1400px) {
        .blog-postx-container,
        #wp-custom-header {
            max-width: 1400px;
        }
	}

	@media (min-width: 1500px) {
        .blog-postx-container,
        #wp-custom-header  {
            max-width: 1400px;
        }
	}

body {
    --blog-postx-custom-button-bk-color-hover: var(--blog-postx-global-preset-theme-color);
    --blog-postx-menu-color-hover: var(--blog-postx-global-preset-theme-color);
    --blog-postx-menu-color-submenu-hover: var(--blog-postx-global-preset-theme-color);
    --blog-postx-search-icon-color-hover: var(--blog-postx-global-preset-theme-color);
    --blog-postx-footer-menu-color-hover: var(--blog-postx-global-preset-theme-color);
    --blog-postx-ajax-pagination-color-hover: var(--blog-postx-global-preset-theme-color);
    --blog-postx-theme-mode-color-hover: var(--blog-postx-global-preset-theme-color);
    --blog-postx-header-social-color-hover: var(--blog-postx-global-preset-theme-color);
    --blog-postx-canvas-icon-color-hover: var(--blog-postx-global-preset-theme-color);
    --blog-postx-footer-social-color-hover: var(--blog-postx-global-preset-theme-color);
}

/* 
MARK: Root
*/
:root {
    --blog-postx-global-preset-theme-color: #32689b;
    --blog-postx-mobile-canvas-icon-color-hover: #000;

/* Site Title */
    --blog-postx-site-title-family: 'Inter';
    --blog-postx-site-title-size: 30px;
    --blog-postx-site-title-size-tab: 30px;
    --blog-postx-site-title-size-mobile: 30px;
    --blog-postx-site-title-lineheight: 36px;
    --blog-postx-site-title-lineheight-tab: 36px;
    --blog-postx-site-title-lineheight-mobile: 36px;
    --blog-postx-site-title-letterspacing: 0.3px;
    --blog-postx-site-title-letterspacing-tab: 0.3px;
    --blog-postx-site-title-letterspacing-mobile: 0.3px;
    --blog-postx-site-title-weight: 600;
    --blog-postx-site-title-letterspacing: -.3px;

/* menu */
    --blog-postx-menu-family: 'Inter';
    --blog-postx-menu-weight: 600;
    --blog-postx-menu-size: 15px;
    --blog-postx-menu-letterspacing: -0.1px;

/* sub menu */
    --blog-postx-submenu-family: 'Inter';
    --blog-postx-submenu-weight: 500;
    --blog-postx-submenu-size: 14px;
    --blog-postx-submenu-letterspacing: -0.1px;

/* secondary menu */
    --blog-postx-secondary-menu-family: 'Inter';
    --blog-postx-secondary-menu-size: 15px;
    --blog-postx-secondary-menu-letterspacing: -0.1px;

/* footer menu */
    --blog-postx-footer-menu-family: 'Inter';
    --blog-postx-footer-menu-letterspacing: -0.1px;
    --blog-postx-footer-menu-size: 15px;

    --blog-postx-footer-menu-color-hover: #32689b;

/* main banner */
    --blog-postx-banner-title-font-family: 'Inter';
    --blog-postx-banner-title-font-weight: 600;
    --blog-postx-banner-title-font-size: 24px;

    --blog-postx-banner-sidebar-title-font-family: 'Inter';
    --blog-postx-banner-sidebar-title-font-weight: 600;

/** Block Title Font */
    --block-title-family: 'Poppins', sans-serif;
    --block-title-weight: 600;
    --block-title-size: 20px;
    --block-title-size-tab: 19px;
    --block-title-size-mobile: 18px;
    --block-title-lineheight: 28px;
    --block-title-lineheight-tab: 26px;
    --block-title-lineheight-mobile: 24px;
    --block-title-letterspacing: 0.5px;
    --block-title-letterspacing-tab: 0.4px;
    --block-title-letterspacing-mobile: 0.3px;
    --block-title-textdecoration: none;
    --block-title-texttransform: uppercase;

    --block-title-border-color: #00000012;

/** Post Title Font */
    --post-title-family: 'Poppins', sans-serif;
    --post-title-weight: 600;
    --post-title-size: 22px;
    --post-title-size-tab: 22px;
    --post-title-size-mobile: 20px;
    --post-title-lineheight: 1.4;
    --post-title-lineheight-tab: 30px;
    --post-title-lineheight-mobile: 28px;
    --post-title-letterspacing: 0px;
    --post-title-letterspacing-tab: 0.1px;
    --post-title-letterspacing-mobile: 0;
    --post-title-textdecoration: none;
    --post-title-texttransform: unset;

/** Meta Font */
    /* Author */
    --blog-postx-author-font-family: 'Poppins', sans-serif;
    --blog-postx-author-font-weight: 500;

    /* date */
    --blog-postx-date-font-family: 'Poppins', sans-serif;
    --blog-postx-date-font-weight: 500;

    /* read time */
    --blog-postx-readtime-font-family: 'Poppins', sans-serif;
    --blog-postx-readtime-font-weight: 500;

    /* comments */
    --blog-postx-comment-font-family: 'Poppins', sans-serif;
    --blog-postx-comment-font-weight: 500;
    --blog-postx-comment-font-size: 14px;

    /* category */
    --blog-postx-category-font-family: 'Inter', sans-serif;
    --blog-postx-category-font-weight: 500;
    --blog-postx-category-font-size: 14px;
    --blog-postx-category-font-lineheight-tab: 21px;
    --blog-postx-category-font-lineheight-mobile: 21px;
    --blog-postx-category-font-letterspacing: 0;
    --blog-postx-category-font-letterspacing-tab: 0;
    --blog-postx-category-font-letterspacing-mobile: 0;

    --meta-color: #656668;

/* archive */
    /* post title */
    --blog-postx-post-title-font-family: 'Inter';
    --blog-postx-post-title-font-weight: 600;
    --blog-postx-post-title-font-lineheight: 32px;
    --blog-postx-post-title-font-lineheight: 30px;

    /* excerpt */
    --blog-postx-post-content-font-size: 16px;
    --blog-postx-post-content-font-letterspacing: -0.22px;
    --blog-postx-post-content-font-color: #242426;

    --blog-postx-readmore-font-family: 'Poppins';
    --blog-postx-readmore-font-weight: 400;
    --blog-postx-readmore-font-letterspacing: 0;

    --blog-postx-archive-border-radius: 10px;

/* category collection */
    --blog-postx-category-collection-font-family: 'Inter';
    --blog-postx-category-collection-font-size: 13px;
    --blog-postx-category-collection-font-lineheight: 21px;
    --blog-postx-category-collection-font-letterspacing: 0;

/* web stories */
    --blog-postx-block-font-family: 'Inter';
    --blog-postx-block-font-weight: 600;
    --blog-postx-block-font-size: 20px;
    --blog-postx-block-font-letterspacing: -0.2px;

/* you may have missed */
    --blog-postx-youmaymissed-title-font-family: 'Inter';
    --blog-postx-youmaymissed-title-font-size: 20px;
    --blog-postx-youmaymissed-title-font-lineheight: 28px;
    --blog-postx-youmaymissed-title-font-weight: 600;
    --blog-postx-youmaymissed-title-font-letterspacing: 0;

    --blog-postx-category-border-color: #e0dede;

/** Button Font */
    --button-family: 'Rubik', sans-serif;
    --button-weight: 600;
    --button-size: 15px;
    --button-size-tab: 14px;
    --button-size-mobile: 14px;
    --button-lineheight: 20px;
    --button-letterspacing: 0.5px;
    --button-texttransform: uppercase;

/* custom button */
    --blog-postx-custom-button-family: 'Inter';
    --blog-postx-custom-button-weight: 600;

/* Sticky Posts */
    --blog-postx-sticky-block-family: 'Inter';
    --blog-postx-sticky-block-weight: 600;
    --blog-postx-sticky-block-lineheight: 21px;
    --blog-postx-sticky-block-letterspacing: -0.2px;

    --blog-postx-sticky-title-family: 'Inter';
    --blog-postx-sticky-title-size: 15px;
    --blog-postx-sticky-title-weight: 600;
    --blog-postx-sticky-title-lineheight: 21px;

/** Border Radius */
    --three-column-radius: 10px;
    --carousel-border-radius: 10px;
    --category-collection-radius: 10px;

/** Three Column Post Title Font */
    --three-column-title-family: 'Inter', sans-serif;
    --three-column-title-weight: 600;
    --three-column-title-size: 17px;
    --three-column-title-size-tab: 17px;
    --three-column-title-size-mobile: 17px;
    --three-column-title-lineheight: 25px;
    --three-column-title-lineheight-tab: 25px;
    --three-column-title-lineheight-mobile: 25px;
    --three-column-title-letterspacing: 0;
    --three-column-title-letterspacing-tab: 0;
    --three-column-title-letterspacing-mobile: 0;
    --three-column-title-textdecoration: none;
    --three-column-title-texttransform: unset;

    --blog-postx-three-column-image-ratio: 0.65;
    --blog-postx-three-column-image-ratio-tab: 0.65;
    --blog-postx-three-column-image-ratio-mobile: 0.65;

    --blog-postx-ajax-pagination-color-hover: #32689b;

    /* widget */
        --blog-postx-widget-title-font-family: 'Inter', sans-serif;
        --blog-postx-widget-title-font-weight: 600;
        --blog-postx-widget-title-font-letterspacing: 0;

    /* header widgets */
        --blog-postx-canvas-icon-color: #000;
        --blog-postx-search-icon-color: #000;
        --blog-postx-search-icon-color-hover: #32689b;
        --blog-postx-theme-mode-color: #000;
        --blog-postx-theme-mode-color-hover: #32689b;
        --blog-postx-header-social-color-hover: #32689b;
        --blog-postx-canvas-icon-color-hover: #32689b;
        --blog-postx-mobile-canvas-icon-color: #000;

        --blog-postx-footer-social-color-hover: #32689b;

    --blog-postx-banner-meta-color: #333;
    --blog-postx-black-dark-color: #333;
    --blog-postx-meta-font-color: #333;

    /*
    MARK: Image Ratio
    */

    /* you may have missed */
        --blog-postx-youmaymissed-image-ratio: 1.04;
        --blog-postx-youmaymissed-image-ratio-tab: 0.98;
        --blog-postx-youmaymissed-image-ratio-mobile: 0.98;
    
    /* carousel */
        --blog-postx-carousel-image-ratio: 0.86;
        --blog-postx-carousel-image-ratio-tab: 0.74;
        --blog-postx-carousel-image-ratio-mobile: 0.66;

}
 
/* 
MARK: Dark Mode
*/
    .blog-postx-dark-mode {
        --blog-postx-ajax-pagination-color: #fff;
        --blog-postx-ajax-pagination-color-hover: #fff;
        --blog-postx-category-border-color: #7a7d9173;
        --block-title-border-color: #ffffff4d;
        --blog-postx-mobile-canvas-icon-color-hover: #fff;
    }

body {
    background: #f3f3f3;
}

.byline .author-icon i {
    padding-right: 8px;
}

.byline .author-icon i,
.post-read-time i,
.post-comments-num i,
.post-date i {
    font-size: 100%;
}

/* 
MARK: Customizer Edits
*/
    .logged-in.archive--list-three-layout .site-main article .blog-postx-article-inner ~ .edit-link {
        bottom: 15px;
        right: 15px;
    }

    .logged-in.archive--list-three-layout .site-main article.format-image .blog-postx-article-inner ~ .edit-link {
        bottom: 5px;
    }

/* 
MARK: Image Hover Effect
*/
    .image-hover--five .blogger-postx-three-column-section .three-column-wrap img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        -webkit-transition: -webkit-transform 1s cubic-bezier(.25, .04, 0, .93);
        -moz-transition: -moz-transform 1s cubic-bezier(.25, .04, 0, .93);
        transition: transform 1s cubic-bezier(.25, .04, 0, .93);
        -webkit-transform: translate3d(0, 0, 0) scale(1.06);
        -moz-transform: translate3d(0, 0, 0) scale(1.06);
        transform: translate3d(0, 0, 0) scale(1.06);
    }

    .image-hover--five .blogger-postx-three-column-section .three-column-wrap img:hover {
        -webkit-transform: translate3d(3%, 0, 0) scale(1.06);
        -moz-transform: translate3d(3%, 0, 0) scale(1.06);
        transform: translate3d(3%, 0, 0) scale(1.06);
    }

/* 
MARK: Block Title
*/

    /* layout five */
    .block-title--five .blog-postx-carousel-section .section-title,
    .block-title--five .blogger-postx-three-column-section .column h2.column-title,
    .block-title--five .blog-postx-category-collection-section .section-title {
        display: flex;
        align-items: center;
        padding-left: 7px;
        gap: 15px;
    }

    /* layout Six */
    .block-title--six .section-title .title {
        position: relative;
    }

    .block-title--six .section-head,
    .block-title--six .section-title,
    .block-title--six h2.newsmatic-widget-title span,
    body.block-title--six .site h2.widget-title,
    .block-title--six .blogger-postx-three-column-section .column-title {
        padding-bottom: 9px;
        border-bottom: 2px solid var(--block-title-border-color);
    }

    .home.block-title--six .blog-postx-web-stories .section-title {
        padding: 0;
        border: none;
    }

    .block-title--six .section-title .title::after,
    .block-title--six h2.newsmatic-widget-title span::after,
    .block-title--six h2.widget-title span:after,
    .block-title--six .blogger-postx-three-column-section .column-title .title:after {
        content: '';
        width: 100%;
        height: 2px;
        background: linear-gradient(176deg, var(--blog-postx-global-preset-theme-color), transparent);
        position: absolute;
        left: 0;
        bottom: -10px;
    }

    .block-title--six .blog-postx-you-may-have-missed-section .section-title {
        margin-bottom: 20px;
    }

    .block-title--six .blogger-postx-three-column-section .column-title .title:after {
        background: linear-gradient(176deg, #ffffff, transparent);
    }

/*
=========================================
MARK: 1.0 Header
=========================================
*/
    body.blog-postx-dark-mode .blog-postx-carousel-section:not(.carousel-layout--one) article.post-item .post-elements,
    .blog-postx-dark-mode footer.site-footer,
    body.blog-postx-dark-mode .site-header,
    body #page.site .site-header .bb-bldr-row .bb-bldr-widget .nav-menu,
    body .site .site-header {
        background-color: transparent;
    }

    .main-navigation ul.menu li:hover > ul,
    .main-navigation ul.menu li.focus > ul,
    .main-navigation ul.nav-menu li:hover > ul,
    .main-navigation ul.nav-menu li.focus > ul {
        border-radius: 6px;
    }

    /* site title */
        .site-header .site-title a {
            transition: all .3s ease-in-out;
        }

    /* social icons */
    .site-header .social-icons-wrap a i {
        width: 42px;
        height: 42px;
        line-height: 42px;
        border-radius: 100%;
        background: #94A2B626;
    }

    /* custom button */
    .site-header .header-custom-button-wrapper .header-custom-button {
        transform: skewX(-10deg);
        border-radius: 10px;
    }

    .blog-postx-dark-mode .site-header .header-custom-button-wrapper .header-custom-button {
        background-color: #333333;
    }

    .site-header .header-custom-button-wrapper .header-custom-button > span {
        transform: skewX(10deg);
    }

    /* date & time */
        .top-date-time .top-date-time-inner {
            font-family: 'Inter';
            font-weight: 600;
            font-size: 14px;
        }

    /* secondary menu */
        #site-navigation-secondary ul {
            background-color: transparent;
        }

    /* mobile menu */
        /* .site-header .toggle-button-wrapper .canvas-menu-icon span {
            background-color: ;
        } */

    /* search */
        .site-header .search-wrap .search-form-wrap,
        .site-header .search-wrap.search-type--default .search-form-wrap .search-field,
        .site-header .search-wrap.search-type--default .search-form-wrap .search-submit {
            border-radius: 6px;
        }


/*
=========================================
MARK: 1.0 Ticker News
=========================================
*/

    .blog-postx-ticker-news {
        margin-bottom: 40px;
    }

    .blog-postx-ticker-news .ticker-news-wrap {
        background: var(--blog-postx-white-dark-color);
        padding: 15px;
        border-radius: 10px;
        max-height: 100%;
        border: 1px solid var(--card-border-color);
        box-shadow: var(--card-box-shadow);
    }

    .blog-postx-ticker-news.slider-type--none .ticker-item-wrap {
        display: grid;
        grid-template-columns: 100%;
        gap: 20px;
    }

    .blog-postx-ticker-news.slider-type--none.desktop-column--two .ticker-item-wrap {
        grid-template-columns: repeat( 2, 1fr );
    }

    .blog-postx-ticker-news.slider-type--none.desktop-column--three .ticker-item-wrap {
        grid-template-columns: repeat( 3, 1fr );
    }

    .blog-postx-ticker-news.slider-type--none.desktop-column--four .ticker-item-wrap {
        grid-template-columns: repeat( 4, 1fr );
    }

    .blog-postx-ticker-news.slider-type--none.desktop-column--five .ticker-item-wrap {
        grid-template-columns: repeat( 5, 1fr );
    }

    @media (max-width: 768px) {
        .blog-postx-ticker-news.slider-type--none.tablet-column--one .ticker-item-wrap {
            grid-template-columns: repeat( 1, 1fr );
        }

        .blog-postx-ticker-news.slider-type--none.tablet-column--two .ticker-item-wrap {
            grid-template-columns: repeat( 2, 1fr );
        }

        .blog-postx-ticker-news.slider-type--none.tablet-column--three .ticker-item-wrap {
            grid-template-columns: repeat( 3, 1fr );
        }

        .blog-postx-ticker-news.slider-type--none.tablet-column--four .ticker-item-wrap {
            grid-template-columns: repeat( 4, 1fr );
        }

        .blog-postx-ticker-news.slider-type--none.tablet-column--five .ticker-item-wrap {
            grid-template-columns: repeat( 5, 1fr );
        }
    }

    @media (max-width: 610px) {
        .blog-postx-ticker-news.slider-type--none.mobile-column--one .ticker-item-wrap {
            grid-template-columns: repeat( 1, 1fr );
        }

        .blog-postx-ticker-news.slider-type--none.mobile-column--two .ticker-item-wrap {
            grid-template-columns: repeat( 2, 1fr );
        }

        .blog-postx-ticker-news.slider-type--none.mobile-column--three .ticker-item-wrap {
            grid-template-columns: repeat( 3, 1fr );
        }

        .blog-postx-ticker-news.slider-type--none.mobile-column--four .ticker-item-wrap {
            grid-template-columns: repeat( 4, 1fr );
        }
        
        .blog-postx-ticker-news.slider-type--none.mobile-column--five .ticker-item-wrap {
            grid-template-columns: repeat( 5, 1fr );
        }
    }

    .blog-postx-ticker-news .ticker-item-wrap .ticker-item {
        gap: 15px;
        align-items: center;
    }

    .blog-postx-ticker-news .ticker-news-wrap .ticker-item .post-thumb {
        max-width: 80px;
        height: 80px;
        border-radius: 50%;
        flex: 0 0 40%;
        margin: 0;
    }

    .blog-postx-ticker-news .ticker-news-wrap .ticker-item .title-wrap .post-title {
		-webkit-line-clamp: 3;
        font-family: 'Inter';
        font-size: 15px;
        line-height: 20px;
        font-weight: 600;
        letter-spacing: -.12px;
	}

    .blog-postx-ticker-news .ticker-news-wrap .ticker-item .title-wrap .post-date {
        font-size: calc( var(--blog-postx-date-font-size) * 0.86 );
        margin-top: 8px;
    }

    /* slick */

    /* marquee */
        .blog-postx-ticker-news.slider-type--marquee .ticker-news-wrap .ticker-item-wrap .js-marquee {
            padding: 0;
        }


/*
=========================================
MARK: 2.0 Carousel
=========================================
*/

    body .blog-postx-carousel-section .carousel-wrap .byline img {
        width: 27px;
        height: 27px;
    }

    .blog-postx-carousel-section .section-title {
        margin: 0 0 20px;
    }

    .blog-postx-carousel-section .section-title,
    .blog-postx-carousel-section .section-title .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);
        position: relative;
    }

    .blog-postx-carousel-section .carousel-wrap .post-elements .post-title {
        font-family: 'Inter';
        font-size: 16px;
        line-height: 23px;
        font-weight: 600;
        -webkit-line-clamp: 3;
    }

    .blog-postx-carousel-section .carousel-wrap .byline {
        font-family: var(--blog-postx-author-font-family);
        font-weight: var(--blog-postx-author-font-weight);
        font-size: var(--blog-postx-author-font-size);
        letter-spacing: var(--blog-postx-author-font-letterspacing);
        line-height: var(--blog-postx-author-font-lineheight);
        text-transform: var(--blog-postx-author-font-texttransform);
        text-decoration: var(--blog-postx-author-font-textdecoration);
        font-style: var(--blog-postx-author-font-style);
    }

    /* layout three */
    body .blog-postx-carousel-section.carousel-layout--three .post-item {
        border-radius: var(--carousel-border-radius);
    }

    .blog-postx-carousel-section.carousel-layout--three .carousel-wrap .byline {
        margin-bottom: 15px;
    }

    /* layout four */
    .blog-postx-carousel-section.carousel-layout--four {
        overflow: visible;
    }

    .blog-postx-carousel-section.carousel-layout--four .row {
        background-color: var(--blog-postx-white-dark-color);
        padding: 15px;
        overflow: hidden;
        border-radius: var(--carousel-border-radius);
        border: 1px solid var(--card-border-color);
        box-shadow: var(--card-box-shadow);
    }

    .blog-postx-carousel-section.carousel-layout--four .post-item .post-thumb {
        border-radius: var(--carousel-border-radius);
    }

    .blog-postx-carousel-section.carousel-layout--four article.post-item .post-elements {
        display: flex;
        flex-direction: column;
        padding: 15px 10px 0;
    }

    .blog-postx-carousel-section.carousel-layout--four .carousel-wrap .byline {
        color: var(--blog-postx-meta-font-color);
        order: 2;
        border-top: 1px solid #94A2B647;
        margin-top: 15px;
        padding-top: 15px;
    }

    .blog-postx-carousel-section.carousel-layout--four .carousel-wrap .post-elements .post-title {
        color: var(--blog-postx-black-dark-color);
    }

/*
=========================================
MARK: 3.0 Main Banner
=========================================
*/

    .blog-postx-main-banner-section.layout--five .main-banner-slider .slick-arrow {
        bottom: 0;
        opacity: 1;
        outline: none;
        border: 1px solid #939393;
        line-height: 38px;
    }

    .blog-postx-main-banner-section.layout--five .main-banner-slider .slick-arrow:hover {
        border-color: var(--blog-postx-global-preset-theme-color);
    }

    .blog-postx-main-banner-section.layout--five .main-banner-slider .post-item {
        padding-bottom: 70px;
    }

    body #page.site .blog-postx-main-banner-section .post-thumb {
        border-radius: 10px;
    }

    .blog-postx-main-banner-section.layout--five .main-banner-slider .post-elements {
        bottom: 7px;
        box-shadow: var(--card-box-shadow);
        border-radius: 10px;
    }

    .blog-postx-main-banner-section .main-banner-wrap .post-elements .post-title {
        margin-top: 10px;
    }

    .blog-postx-main-banner-section .main-banner-wrap .post-item .post-elements .author-date-wrap {
        margin-top: 10px;
    }

    .blog-postx-main-banner-section .main-banner-wrap .byline img {
        width: 30px;
        height: 30px;
        margin-top: 0;
    }

    .blog-postx-main-banner-section .main-banner-wrap .post-elements .post-date {
        margin: 0;
    }

    /* scrollable post */
        .blog-postx-main-banner-section.layout--five .scrollable-post {
            border-radius: 10px;
        }

        .blog-postx-main-banner-section.layout--five .scrollable-post .title-date-wrapper .post-date {
            font-size: calc( var(--blog-postx-date-font-size) * 0.93 );
            color: var(--blog-postx-banner-meta-color);
        }


/*
=========================================
MARK: 3.0 Category Collection
=========================================
*/

    .blog-postx-category-collection-section .section-title {
        position: relative;
        margin: 0 0 20px;
        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-category-collection-section .section-title .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);
        color: var(--blog-postx-black-dark-color);
    }

    .blog-postx-category-collection-section.column--six .category-collection-wrap {
        grid-template-columns: repeat(6, 1fr);
    }

    .blog-postx-category-collection-section.column--seven .category-collection-wrap {
        grid-template-columns: repeat(7, 1fr);
    }

    .blog-postx-category-collection-section.column--eight .category-collection-wrap {
        grid-template-columns: repeat(8, 1fr);
    }

    .blog-postx-category-collection-section.column--nine .category-collection-wrap {
        grid-template-columns: repeat(9, 1fr);
    }

    .blog-postx-category-collection-section.column--ten .category-collection-wrap {
        grid-template-columns: repeat(10, 1fr);
    }

    @media (max-width: 768px) {
        .blog-postx-category-collection-section.tab-column--one .category-collection-wrap {
            grid-template-columns: 100%;
        }

        .blog-postx-category-collection-section.tab-column--two .category-collection-wrap {
            grid-template-columns: repeat(2, 1fr);
        }
        
		.blog-postx-category-collection-section.tab-column--three .category-collection-wrap {
            grid-template-columns: repeat(3, 1fr);
		}
        
        .blog-postx-category-collection-section.tab-column--four .category-collection-wrap {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .blog-postx-category-collection-section.tab-column--five .category-collection-wrap {
            grid-template-columns: repeat(5, 1fr);
        }

        .blog-postx-category-collection-section.tab-column--six .category-collection-wrap {
            grid-template-columns: repeat(6, 1fr);
        }

        .blog-postx-category-collection-section.tab-column--seven .category-collection-wrap {
            grid-template-columns: repeat(7, 1fr);
        }

        .blog-postx-category-collection-section.tab-column--eight .category-collection-wrap {
            grid-template-columns: repeat(8, 1fr);
        }

        .blog-postx-category-collection-section.tab-column--nine .category-collection-wrap {
            grid-template-columns: repeat(9, 1fr);
        }

        .blog-postx-category-collection-section.tab-column--ten .category-collection-wrap {
            grid-template-columns: repeat(10, 1fr);
        }
    }

    @media (max-width: 610px) {
        .blog-postx-category-collection-section.mobile-column--one .category-collection-wrap {
            grid-template-columns: 100%;
        }

        .blog-postx-category-collection-section.mobile-column--two .category-collection-wrap {
            grid-template-columns: repeat(2, 1fr);
        }
        
		.blog-postx-category-collection-section.mobile-column--three .category-collection-wrap {
            grid-template-columns: repeat(3, 1fr);
		}
        
        .blog-postx-category-collection-section.mobile-column--four .category-collection-wrap {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .blog-postx-category-collection-section.mobile-column--five .category-collection-wrap {
            grid-template-columns: repeat(5, 1fr);
        }

        .blog-postx-category-collection-section.mobile-column--six .category-collection-wrap {
            grid-template-columns: repeat(6, 1fr);
        }

        .blog-postx-category-collection-section.mobile-column--seven .category-collection-wrap {
            grid-template-columns: repeat(7, 1fr);
        }

        .blog-postx-category-collection-section.mobile-column--eight .category-collection-wrap {
            grid-template-columns: repeat(8, 1fr);
        }

        .blog-postx-category-collection-section.mobile-column--nine .category-collection-wrap {
            grid-template-columns: repeat(9, 1fr);
        }

        .blog-postx-category-collection-section.mobile-column--ten .category-collection-wrap {
            grid-template-columns: repeat(10, 1fr);
        }
    }

    .blog-postx-category-collection-section .category-wrap {
        border-radius: 10px;
    }

    .blog-postx-category-collection-section .category-wrap .cat-meta .category-label {
        max-width: 140px;
    }

    .blog-postx-category-collection-section .category-wrap .category-count {
        font-size: 0.8rem;
    }

    /* layout one */
    .blog-postx-category-collection-section.layout--one .category-wrap:before {
        padding-bottom: 210px;
    }

    .blog-postx-category-collection-section.layout--one.column--one .category-wrap:before,
    .blog-postx-category-collection-section.layout--one.column--two .category-wrap:before,
    .blog-postx-category-collection-section.layout--one.column--three .category-wrap:before {
        padding-bottom: calc( var(--blog-postx-category-image-ratio) * 100% );
    }

    .blog-postx-category-collection-section.layout--one.column--four .category-wrap:before {
        padding-bottom: 240px;
    }

    body .blog-postx-category-collection-section.layout--one .category-wrap .cat-meta .category-label {
        font-size: calc(var(--blog-postx-category-collection-font-size) * 1.1);
        line-height: calc(var(--blog-postx-category-collection-font-lineheight) * 1.1);
        background: transparent;
    }

    .blog-postx-category-collection-section.layout--one .category-wrap .cat-meta .category-label {
        padding-left: 15px;
    }

    /* layout four */
    .blog-postx-category-collection-section.layout--four .category-collection-wrap {
        gap: 15px;
    }

/*
=========================================
MARK: 4.0 Three Column
=========================================
*/
    .blogger-postx-three-column-section {
        margin-bottom: 40px;
    }

    .blogger-postx-three-column-section .three-column-wrap {
        display: grid;
        grid-template-columns: 100%;
        gap: 24px;
        align-items: self-start;
    }

    .blogger-postx-three-column-section.column-count--two .three-column-wrap {
        grid-template-columns: repeat( 2, 1fr );
    }

    .blogger-postx-three-column-section.column-count--three .three-column-wrap {
        grid-template-columns: repeat( 3, 1fr );
    }

    .blogger-postx-three-column-section .column {
        padding: 15px;
        border-radius: var(--three-column-radius);
        box-shadow: var(--card-box-shadow);
    }

    .blogger-postx-three-column-section .column {
        background: linear-gradient(135deg,rgb(229,141,173) 0%,rgb(106,201,232) 100%);
    }

    .blogger-postx-three-column-section .column.second {
        background:#e58dad;
    }

    body.blog-postx-dark-mode #page.site .blogger-postx-three-column-section .column {
        background: #444444;
        outline: 1px solid #646161;
    }

    .blogger-postx-three-column-section .column h2.column-title {
        color: #fff;
        margin: 0 0 20px;
    }

    .blogger-postx-three-column-section .column h2.column-title,
    .blogger-postx-three-column-section .column h2.column-title .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);
        position: relative;
    }

    .blogger-postx-three-column-section .column-post-wrap {
        padding: 15px;
        background-color: var(--blog-postx-white-dark-color);
        border-radius: inherit;
    }

    .blogger-postx-three-column-section .column-post-wrap .post + .post {
        margin-top: 20px;
    }

    .blogger-postx-three-column-section .column .post .post-thumb-wrap {
        position: relative;
        overflow: hidden;
        border-radius: var(--three-column-radius);
        background-color: #e8e8e8;
    }

    .blogger-postx-three-column-section .column .post .post-thumb-wrap:before {
        content: '';
        display: block;
        padding-bottom: calc(100% * var(--blog-postx-three-column-image-ratio));
    }

    .blogger-postx-three-column-section .column .post .post-thumb-wrap a {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #e7e7e7e7;
        overflow: hidden;
    }

    .blogger-postx-three-column-section .column .post .post-thumb-wrap img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .blogger-postx-three-column-section .post-title {
        margin: 0 0 6px 0;
    }

    body .blogger-postx-three-column-section .post-title,
    article .entry-title {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

    .three-column-wrap .post-title,
    .three-column-wrap .post-title a {
        font-family: var(--three-column-title-family);
        font-weight: var(--three-column-title-weight);
        font-size: var(--three-column-title-size);
        line-height: var(--three-column-title-lineheight);
        letter-spacing: var(--three-column-title-letterspacing);
        text-decoration: var(--three-column-title-textdecoration);
        text-transform: var(--three-column-title-texttransform);
        color: var(--blog-postx-black-dark-color);
    }

    @media (max-width: 1024px) {
        .three-column-wrap .post-title a {
            font-size: var(--three-column-title-size-tab);
            line-height: var(--three-column-title-lineheight-tab);
            letter-spacing: var(--three-column-title-letterspacing-tab);
        }
    }

    @media (max-width: 425px) {
        .three-column-wrap .post-title a {
            font-size: var(--three-column-title-size-mobile);
            line-height: var(--three-column-title-lineheight-mobile);
            letter-spacing: var(--three-column-title-letterspacing-mobile);
        }
    }

    .blogger-postx-three-column-section .post-date {
        font-size: calc( var(--blog-postx-date-font-size) * 0.93 );
        color: var(--blog-postx-meta-font-color);
    }

/*  Three Column Layout---List   */
    .blogger-postx-three-column-section .column.layout--list .post {
        display: flex;
        align-items: center;
    }

    .blogger-postx-three-column-section .column.layout--list .post .post-thumb-wrap {
        flex: 0 0 25%;
    }

    .blogger-postx-three-column-section .column.layout--list .post:not(:first-child) .post-thumb-wrap:before {
        padding-bottom: calc(100% * var(--blog-postx-three-column-image-ratio) * 1.32);
    }

    .blogger-postx-three-column-section .column.layout--list .post .post-content {
        padding-left: 15px;
        flex: 0 1 75%;
    }

    .blogger-postx-three-column-section .column.layout--list .post .post-title,
    .blogger-postx-three-column-section .column.layout--list .post .post-title a {
        font-size: calc( var(--three-column-title-size) * 0.87 );
        line-height: calc( var(--three-column-title-lineheight) * 0.87 );
    }

    /* first child */
        .blogger-postx-three-column-section .column.layout--list .post:first-child {
            flex-direction: column;
            align-items: initial;
        }

        .blogger-postx-three-column-section .column.layout--list .post:first-child .post-content {
            padding: 15px 10px;
        }

        .blogger-postx-three-column-section .column.layout--list .post:first-child .post-title,
        .blogger-postx-three-column-section .column.layout--list .post:first-child .post-title a {
            font-size: calc( var(--three-column-title-size) * 1.04 );
        }

/*  Three Column layout--grid  */
    .blogger-postx-three-column-section .layout--grid .post-content {
        padding-top: 15px;
    }

    .blogger-postx-three-column-section .column.layout--grid .post:first-child .post-title,
    .blogger-postx-three-column-section .column.layout--grid .post:first-child .post-title a {
        font-size: calc( var(--three-column-title-size) * 1.04 );
    }

/*  Three Column layout--grid-two-column   */
    .blogger-postx-three-column-section .layout--grid-two-column .column-post-wrap .post {
        margin: 0;
    }

    .blogger-postx-three-column-section .layout--grid-two-column .column-post-wrap {
        display: grid;
        grid-template-columns: repeat(2 , 1fr);
        gap: 20px;
    }

    .blogger-postx-three-column-section .layout--grid-two-column .post-content {
        margin-top: 15px;
    }

    .blogger-postx-three-column-section .layout--grid-two-column .post-title,
    .blogger-postx-three-column-section .layout--grid-two-column .post-title a {
        font-size: calc(var(--three-column-title-size) * 0.89);
        line-height: calc(var(--three-column-title-lineheight) * 0.89);
    }

/*
=========================================
MARK: 4.0 Sticky Posts
=========================================
*/

    .blog-postx-sticky-posts .post-list article .post-content {
        width: 300px;
    }

    .blog-postx-sticky-posts .post-list article .post-meta .byline img {
        width: 27px;
        height: 27px;
    }

    .blog-postx-sticky-posts .post-list article .post-meta .byline,
    .blog-postx-sticky-posts .post-list article .post-content .post-meta .post-date {
        font-size: calc( var(--blog-postx-author-font-size) * 0.96 );
    }

/*
=========================================
MARK: 4.0 Archive Layouts
=========================================
*/

    .site-main .blog-postx-inner-content-wrap .entry-title {
        margin-bottom: 10px;
    }

    body #page.site #blog-postx-main-wrap .blog-postx-inner-content-wrap article .blog-postx-article-inner {
        border: 1px solid var(--card-border-color);
        box-shadow: var(--card-box-shadow);
        border-radius: var(--blog-postx-archive-border-radius);
    }

    .home .blog-postx-inner-content-wrap .post_format-post-format-video .wp-block-video,
    body .site .blog-postx-inner-content-wrap article .post-thumnail-inner-wrapper {
        border-radius: var(--blog-postx-archive-border-radius);
    }

/* Archive Layout One  */
    body.archive--grid-layout .site .post-categories .cat-item:before {
        background: #fff;
    }

    body.archive--grid-layout .site .post-categories .cat-item a {
        color: #fff;
        border-radius: 30px;
    }

/* Archive Layout Two  */
    .archive--block-two-layout .blog-postx-inner-content-wrap .content-foot .byline img {
        width: 30px;
        height: 30px;
    }
    

/* Archive Layout Three  */
    .home.archive--list-three-layout .blog-postx-main-wrap {
        margin-top: 60px;
    }

    .archive.archive--list-three-layout .blog-postx-main-wrap > .blog-postx-container {
        margin-top: 25px;
    }

    .archive--list-three-layout #blog-postx-main-wrap > .blog-postx-container > .row #primary .blog-postx-inner-content-wrap {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 50px;
        row-gap: 50px;
    }

    body.archive--list-three-layout #blog-postx-main-wrap > .blog-postx-container > .row #primary article .blog-postx-article-inner {
        position: relative;
        display: flex;
        gap: 25px;
        flex-direction: row;
        align-items: center;
        width: 100%;
        padding: 25px;
        background-color: var(--blog-postx-white-dark-color);
        transition: 0.3s;
    }

    body.archive--list-three-layout .blog-postx-main-wrap article figure.post-thumbnail-wrapper {
        margin: -45px 0 0 0;
        position: relative;
        border-radius: 10px;
        aspect-ratio: 16 / 20;
        flex: 0 0 35%;
    }

    body.archive--list-three-layout .blog-postx-main-wrap article.no-featured-image figure.post-thumbnail-wrapper {
        display: none;
    }

    .blog-postx-inner-content-wrap.archive-align--center article .inner-content {
        text-align: center;
    }

    .blog-postx-inner-content-wrap.archive-align--center article .inner-content .post-categories {
        justify-content: center;
    }

    .blog-postx-inner-content-wrap.archive-align--right article .inner-content .post-categories {
        justify-content: flex-end;
    }

    body.archive--list-three-layout .blog-postx-main-wrap article ul.post-categories {
        margin: 0 0 10px 0;
        padding: 0;
    }

    /* search page */
    .search.archive--list-three-layout .blog-postx-inner-content-wrap {
        margin-top: 50px;
    }

/* post format */
    body.archive--list-three-layout article.format-image figure.post-thumbnail-wrapper,
    body.archive--list-three-layout article.format-quote figure.post-thumbnail-wrapper {
        aspect-ratio: 21 / 9;
        flex: 1 1 100%;
    }

    article.post_format-post-format-image .post-meta .byline img {
        width: 30px;
        height: 30px;
    }

    /* image */
    body.archive--list-three-layout #page.site .format-image .post-categories li:before,
    body.archive--list-three-layout #page.site .format-quote .post-categories li:before {
        background: #fff;
        z-index: 1;
    }

    body.archive--list-three-layout #page.site .format-image .post-categories li a,
    body.archive--list-three-layout #page.site .format-quote .post-categories li a {
        border: none;
        color: #fff;
        padding: 4px 15px 4px 26px;
    }

    body.title-hover--eight .post_format-post-format-image .entry-title a:hover {
        color: #fff;
    }

    /* no image */
        .archive--list-three-layout article.no-featured-image {
            margin-top: -20px;
        }

    /*
    =========================================
    MARK: 4.1 Pagination & Ajax Button
    =========================================
    */
        .blog-postx-dark-mode #blog-postx-main-wrap ul.page-numbers {
            background-color: #333333;
        }

        .blog-postx-dark-mode #blog-postx-main-wrap .pagination span.current.page-numbers {
            color: var(--blog-postx-global-preset-theme-color);
        }


    /*
    =========================================
    MARK: 4.2 Archive Pages
    =========================================
    */

    body.archive #page.site #blog-postx-main-wrap .page-header {
        background-color: transparent;
    }

    body.archive.category #blog-postx-main-wrap .page-header,
    body.archive.tag #blog-postx-main-wrap .page-header,
    body.archive.author #blog-postx-main-wrap .page-header,
    body.archive.date #blog-postx-main-wrap .page-header {
        border: none;
        padding: 0;
        margin: 0;
    }

    body.archive .page-header .archive-header {
        padding: 25px;
        background: var(--blog-postx-white-dark-color);
        border-radius: 10px;
        box-shadow: var(--card-box-shadow);
        border: 1px solid var(--card-border-color);
        margin-bottom: 25px;
    }

    body .site .page-header .archive-header .page-title {
        font-family: 'Inter';
        letter-spacing: 0;
        line-height: 23px;
        font-size: 22px;
        padding: 0;
        text-transform: capitalize;
    }

    body .site .page-header .archive-header .archive-description {
        font-family: 'Poppins';
        font-weight: 400;
        line-height: 25px;
        font-size: 16px;
    }

    body.author .archive-count {
        margin-top: 12px;
        display: inline-block;
    }

/*
=========================================
MARK: 5.0 You May Have Missed
=========================================
*/

    .blog-postx-you-may-have-missed-section .blog-postx-you-may-missed-inner-wrap {
        border-radius: 10px;
        border: 1px solid var(--card-border-color);
        box-shadow: var(--card-box-shadow);
    }

    .blog-postx-you-may-have-missed-section .post-thumbnail-wrapper {
        border-radius: 10px;
    }

    .blog-postx-you-may-have-missed-section.section--grid .you-may-have-missed-wrap .post-thumbnail-wrapper:after {
        background: linear-gradient(#0000001a 35%, #000000e0 100%);
    }

    .blog-postx-you-may-have-missed-section .post-categories {
        margin-bottom: 15px;
    }

    .blog-postx-you-may-have-missed-section.you-may-have-missed-align--center .content-wrap .post-categories {
        justify-content: center;
    }

    .blog-postx-you-may-have-missed-section.you-may-have-missed-align--right .content-wrap .post-categories {
        justify-content: right;
    }

    body .blog-postx-you-may-have-missed-section .post-item .entry-title {
        -webkit-line-clamp: 3;
    }

/* 
MARK: Footer
*/

    footer.site-footer {
        box-shadow: 0px -2px 5px 0px #00000008;
    }

    .blog-postx-dark-mode footer.site-footer {
        border-top: 1px solid #efefef36;
    }

    footer .site-info {
        font-family: 'Inter';

    }