/**

1.0 Global

2.0 Header
    2.1 Site Identity
    2.2 Primary Menu
    2.3 Secondary Menu
    2.4 Search Icon
    2.5 Search Field
    2.6 Dark Mode
    2.7 Social Icons
    2.8 Ticker News
    2.9 Date & Time
    2.10 Time
    2.11 Button
    2.12 Random Blog
    2.13 Divider
    2.14 HTML
    2.15 Off Canvas
    2.16 Widget Area
    2.17 Mobile Canvas

3.0 Frontpage Section
    3.1 Banner Slider
    3.2 Carousel
    3.3 Category Collection
    3.4 Three Blocks
    3.5 Video Playlist
    3.6 Content Sidebar
    3.7 Widget Area
    3.8 Post Grid
    3.9 Post List
    3.10 Web Stories

4.0 Archive

5.0 Single Post
    5.1 Single Post Layout One
    5.2 Single Post Layout Two
    5.3 Single Post Layout Three
    5.4 Single Post Layout Four

6.0 Pages
    6.1 404 Page

7.0 Insta Gallery

You May Have Missed

Footer
    Footer Menu

**/

    .bbe-container {
        max-width: 1340px;
        width: 100%;
        padding: 0 30px;
        margin-inline: auto;
    }


/*
=========================================
MARK: 1.0 Global
=========================================
*/

    /* Scrollbar */
    .widgets-wrap::-webkit-scrollbar {
        width: 4px;
    }

    .widgets-wrap::-webkit-scrollbar-thumb {
        background-color: var(--bbe-theme-color);
        border-radius: 40px;
    }

    /* Title Clamp */
    .video-title,
    .video-meta .video-channel,
    .banner-sidebar .bbe-article .entry-title,
    .bbe-main-banner.layout--three .sidebar-content .bbe-article .entry-title a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    /* Entry Inner */
    .bbe-article .entry-categories,
    .bbe-web-stories .entry-categories {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .bbe-article .entry-categories .cat-item,
    .bbe-article .entry-categories .cat-item .cat-item-link,
    .bbe-web-stories .entry-categories .cat-item,
    .bbe-web-stories .entry-categories .cat-item .cat-item-link {
        --bbe-site-font-weight: 700;
        --bbe-site-font-size: 11px;
        --bbe-site-font-lineheight: 1.3;
        --bbe-site-font-letterspacing: 0.05em;
        --bbe-site-font-texttransform: uppercase;
        display: inline-block;
    }

    .bbe-article .entry-categories .cat-item a {
        --bbe-site-color: var(--bbe-site-meta-color);
        color: var(--bbe-site-color);
    }

    .bbe-light .bbe-article .entry-categories .cat-item a:hover {
        color: var(--bbe-site-color-hover);
    }

    /* Category Style */
    .cat-filled .bbe-article .entry-categories .cat-item a {
        --bbe-site-bg-color: #f5f5f5;
        background: var(--bbe-site-bg-color);
        padding: 4px 12px;
    }

    .bbe-dark.cat-filled .bbe-article .entry-categories .cat-item a {
        --bbe-site-bg-color: #ffffff21;
    }

    .bbe-light.cat-filled .bbe-article .entry-categories .cat-item a:hover {
        background: var(--bbe-site-bg-color-hover);
    }

    .cat-outline .bbe-article .entry-categories .cat-item a {
        border: 1px solid var(--bbe-site-border-color);
        padding: 4px 12px;
    }

    .cat-outline .bbe-article .entry-categories .cat-item a:hover {
        border-color: var(--bbe-site-border-color-hover);
    }

    .cat-rounded .bbe-article .entry-categories .cat-item a {
        border-radius: 3px;
    }

    .cat-circle .bbe-article .entry-categories .cat-item a {
        border-radius: 30px;
    }

    .bbe-article .entry-title,
    .bbe-article .entry-title a {
        --bbe-site-font-size: 17px;
        --bbe-site-font-lineheight: 1.48;
    }

    .bbe-article .entry-meta,
    .bbe-web-stories .entry-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        row-gap: 6px;
    }

    .bbe-article .entry-meta > div,
    .bbe-ticker-news .bbe-article .entry-date,
    .widget_blog_bee_post_list_widget .post-list-widget .entry-date,
    .widget_blog_bee_carousel_posts_widget .carousel-widget .entry-date,
    .bbe-web-stories .entry-meta > div,
    .bbe-post-navigation .nav-date {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 11px;
        --bbe-site-font-letterspacing: 0.02em;
        --bbe-site-font-texttransform: uppercase;
        color: var(--bbe-site-meta-color);
        display: flex;
        align-items: center;
    }

    .bbe-article .entry-meta > div a,
    .bbe-ticker-news .bbe-article .post-date a {
        color: var(--bbe-site-meta-color);
        display: inline-block;
    }

    .bbe-article svg {
        color: var(--bbe-site-meta-color);
    }

    .bbe-article .entry-meta .icon i,
    .bbe-ticker-news .bbe-article .entry-date .icon i,
    .widget .bbe-article .entry-date .icon i,
    .bbe-web-stories .entry-meta .icon i {
        font-size: calc(var(--bbe-site-font-size) * 0.89);
        margin-right: 6px;
    }

    .bbe-light .bbe-article .entry-meta > div a:hover,
    .bbe-light .bbe-ticker-news .bbe-article .post-date a:hover,
    .bbe-post-navigation .nav-date:hover {
        --bbe-site-meta-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-meta-color-hover);
    }

    .show-date--modified .post-date .entry-date {
        display: none;
    }

    .show-date--modified .post-date .updated {
        display: block;
    }

    .bbe-article .entry-excerpt p {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 14px;
        --bbe-site-font-lineheight: 1.64;
        color: var(--bbe-site-excerpt-color);
    }

    .single .site-main .wp-block-heading,
    .page .site-main .wp-block-heading {
        --bbe-site-font-size: 18px;
        color: var(--bbe-site-color);
    }

    .single .site-main h1.wp-block-heading,
    .page .site-main h1.wp-block-heading {
        font-size: calc( var(--bbe-site-font-size) + 14px );
    }

    .single .site-main h2.wp-block-heading,
    .page .site-main h2.wp-block-heading {
        font-size: calc( var(--bbe-site-font-size) + 8px );
    }

    .single .site-main h3.wp-block-heading,
    .page .site-main h3.wp-block-heading {
        font-size: calc( var(--bbe-site-font-size) + 2px );
    }

    .single .site-main h4.wp-block-heading,
    .page .site-main h4.wp-block-heading {
        font-size: var(--bbe-site-font-size);
    }

    .single .site-main h5.wp-block-heading,
    .page .site-main h5.wp-block-heading {
        font-size: calc( var(--bbe-site-font-size) - 2px );
    }
    
    .single .site-main h6.wp-block-heading,
    .page .site-main h6.wp-block-heading {
        font-size: calc( var(--bbe-site-font-size) - 4px );
    }

    .single .site-main .bbe-article .entry-excerpt ul,
    .single .site-main .bbe-article .entry-excerpt ol,
    .page .site-main .bbe-article .entry-excerpt ul,
    .page .site-main .bbe-article .entry-excerpt ol {
        color: var(--bbe-site-excerpt-color);
    }

    .single .site-main .bbe-article .entry-excerpt ul li,
    .single .site-main .bbe-article .entry-excerpt ol li,
    .page .site-main .bbe-article .entry-excerpt ul li,
    .page .site-main .bbe-article .entry-excerpt ol li {
        margin-bottom: 10px;
        list-style: revert;
    }

    .single .site-main .bbe-article .entry-excerpt ul,
    .single .site-main .bbe-article .entry-excerpt ol,
    .page .site-main .bbe-article .entry-excerpt ul,
    .page .site-main .bbe-article .entry-excerpt ol {
        padding-left: 20px;
    }

    /* Read More Button */
    .bbe-article .entry-read-more a {
        --bbe-site-font-family: 'Outfit', sans-serif;
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 11px;
        --bbe-site-font-letterspacing: 0.13em;
        --bbe-site-font-texttransform: uppercase;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--bbe-site-color);
    }

    .bbe-article .entry-read-more a:hover {
        --bbe-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    .bbe-post-button.filled a {
        --bbe-site-bg-color: var(--bbe-site-grey-color);
        padding: 8px 15px;
        background: var(--bbe-site-bg-color);
    }

    .bbe-post-button.filled a:hover {
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-post-button.outline a {
        padding: 8px 15px;
        border: 1px solid var(--bbe-site-border-color);
    }

    .bbe-post-button.outline a:hover {
        border-color: var(--bbe-site-border-color-hover);
    }

    .bbe-article .bbe-post-button.circle a {
        border-radius: 30px;
    }

    body .bbe-article .entry-read-more i {
        font-size: calc( var(--bbe-site-font-size) * 0.8 );
        width: initial;
        height: initial;
        border: none;
        background: transparent;
    }

/*
=========================================
MARK: 2.0 Header
=========================================
*/

    /* 
    MARK: 2.1 Site Identity
    */

    .bbe-header .align--center .bbe-site-logo {
        text-align: center;
    }

    .bbe-header .align--right .bbe-site-logo {
        text-align: right;
    }

    .bbe-headers .bbe-site-logo .custom-logo-link {
        display: none;
    }

    .bbe-headers .bbe-site-logo .custom-logo-link {
        display: block;
    }

    .bbe-builder .bbe-site-logo .site-title,
    .bbe-builder .bbe-site-logo .site-title-link {
        --bbe-site-font-size: 26px;
        --bbe-site-font-lineheight: 1.4;
        color: var(--bbe-site-color);
        margin: 0;
    }

    .bbe-light .bbe-builder .bbe-site-logo .site-title-link:hover {
        --bbe-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    .bbe-header .bbe-site-logo .site-description {
        --bbe-site-font-weight: 400;
        color: var(--bbe-site-description-color);
    }

    /* Hilight Text */
        .bbe-header .bbe-site-logo .highlight {
            --bbe-site-font-size: 26px;
            --bbe-site-font-lineheight: 1.4;
            --bbe-site-color: var(--bbe-theme-color);
            --bbe-site-bg-color: #ffffff00;
            color: var(--bbe-site-color);
            background: var(--bbe-site-bg-color);
            transition: var(--transition-1);
            display: inline-block;
        }

        .bbe-header .bbe-site-logo .site-title-link:hover .highlight {
            --bbe-site-bg-color-hover: #ffffff00;
            color: var(--bbe-site-color-hover);
            background: var(--bbe-site-bg-color-hover);
        }

    /* Site Logo */
        .bbe-builder .bbe-site-logo {
            display: flex;
            flex-direction: column;
        }

        .bbe-dark .bbe-builder .bbe-site-logo .custom-logo-link,
        .bbe-dark .bbe-footer .bbe-footer-logo .footer-light-logo-link,
        .bbe-light .bbe-builder .bbe-site-logo .dark-custom-logo-link,
        .bbe-light .bbe-builder .bbe-footer-logo .footer-dark-logo-link {
            display: none;
        }

        .bbe-builder .bbe-site-logo .custom-logo,
        .bbe-builder .bbe-footer-logo a img {
            width: 210px;
        }

    /* 
    MARK: 2.2 Primary Menu
    */

    .bbe-builder .bbe-menu {
        --bbe-site-bg-color: #ffffff00;
        background: var(--bbe-site-bg-color);
    }

    .bbe-builder .menu-toggle {
        display: none;
    }

    .bbe-builder .bbe-menu li {
        position: relative;
    }

    .bbe-builder .bbe-menu div > .menu,
    .bbe-builder .bbe-menu .menu > ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .bbe-builder .bbe-menu div > .menu > li,
    .bbe-builder .bbe-menu .menu > ul > li {
        padding: 2px 12px;
    }

    .bbe-builder .bbe-menu li a {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        position: relative;
        color: var(--bbe-site-color);
    }

    .bbe-builder .bbe-menu li a:hover {
        --bbe-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    body .site .bbe-header .bbe-menu li.current_page_item > a,
    body .site .bbe-header .bbe-menu li.current-menu-item > a {
        --bbe-site-color: var(--bbe-theme-color);
        color: var(--bbe-site-color);
    }

    .bbe-header .bbe-menu li.menu-item-has-children > a .submenu-icon,
    .bbe-header .bbe-menu li.page_item_has_children > a .submenu-icon {
        font-size: calc( var(--bbe-site-font-size) * 0.72 );
    }

    @media ( min-width: 950px ) {
        .bbe-header .menu-toggle {
            display: none;
        }

        .bbe-header .bbe-menu .icon-button {
            display: none;
        }

        /* Sub Menu */
        .bbe-header .bbe-menu .sub-menu,
        .bbe-header .bbe-menu .children {
            --bbe-site-bg-color: #fff;
            position: absolute;
            top: 100%;
            width: 240px;
            display: none;
            opacity: 0;
            transition: var(--transition-2);
            z-index: 99999;
            padding: 16px 0;
            background: var(--bbe-site-bg-color);
            box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);
        }

        .bbe-header .bbe-menu li .sub-menu .sub-menu,
        .bbe-header .bbe-menu li .children .children {
            top: 0;
            left: 100%;
        }

        .bbe-header .third.has-primary-menu .bbe-menu li .sub-menu .sub-menu,
        .bbe-header .third.has-primary-menu .bbe-menu li .children .children {
            right: 100%;
            left: initial;
        }

        .bbe-header .bbe-menu li:hover > .sub-menu,
        .bbe-header .bbe-menu li:focus-within > .children,
        .bbe-header .bbe-menu li:focus-within > .sub-menu,
        .bbe-header .bbe-menu li:hover > .children,
        .bbe-header .bbe-menu li.focus > .sub-menu,
        .bbe-header .bbe-menu li.focus > .children {
            display: block;
            opacity: 1;
        }

        .bbe-dark .bbe-header .bbe-menu .sub-menu,
        .bbe-dark .bbe-header .bbe-menu .children {
            background: #212121f7;
        }

        .bbe-header .bbe-menu li .sub-menu li,
        .bbe-header .bbe-menu li .children li {
            padding: 8px 20px;
        }

        .bbe-header .bbe-menu li .sub-menu li:first-child,
        .bbe-header .bbe-menu li .children li:first-child {
            padding-top: 0;
        }

        .bbe-header .bbe-menu li .sub-menu li:last-child,
        .bbe-header .bbe-menu li .children li:last-child {
            padding-bottom: 0;
        }

        .bbe-header .bbe-menu li > .sub-menu li + li,
        .bbe-header .bbe-menu li > .children li + li {
            border-top: 1px solid #00000014;
        }

        .bbe-header .bbe-menu li.menu-item-has-children .sub-menu .submenu-icon,
        .bbe-header .bbe-menu li.page_item_has_children .children .submenu-icon {
            transform: rotate(-90deg);
        }
    }

    /* 
    MARK: 2.3 Secondary Menu
    */

    .bbe-header .bbe-secondary-menu {
        --bbe-site-bg-color: #ffffff00;
        background: var(--bbe-site-bg-color);
    }

    .bbe-header .bbe-secondary-menu .icon-button {
        display: none;
    }

    /* 
    MARK: 2.4 Search Icon
    */

    .bbe-header .bbe-search-icon i,
    .bbe-header .bbe-search-icon .icon svg {
        color: var(--bbe-site-color);
        transition: var(--transition-1);
    }

    .bbe-header .bbe-search-icon i:hover,
    .bbe-header .bbe-search-icon .icon svg:hover {
        --bbe-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    .bbe-header .form-wrapper {
        --bbe-site-bg-color: #fff;
        opacity: 0;
        visibility: hidden;
        background: var(--bbe-site-bg-color);
    }

    .bbe-dark .bbe-header .form-wrapper {
        background: #212121;
    }

    .bbe-header .form-wrapper.active {
        opacity: 1;
        visibility: visible;
    }

    .bbe-header .search-form {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .bbe-header .search-form > label {
        width: 100%;
    }

    .bbe-header .search-field {
        width: 100%;
        height: 42px;
        border: none;
        padding: 0 5px;
        border-radius: 0;
        color: var(--bbe-site-color);
        background-color: transparent;
        border-bottom: 1px solid var(--bbe-site-border-color-muted);
    }

    .bbe-header .search-field:focus {
        outline: none;
        color: var(--bbe-site-color);
        border-color: var(--bbe-site-border-color-muted);
    }

    .bbe-header .form-wrapper .search-icon {
        display: none;
    }

    .bbe-header .form-wrapper:not(.layout--four) .close-icon {
        background-color: var(--bbe-site-bg-color);
        color: var(--bbe-site-color);
    }

    .bbe-dark .bbe-header .form-wrapper:not(.layout--four) .close-icon {
        background-color: #212121;
    }

    /* Live Search */
    .bbe-header .bbe-live-search {
        display: none;
    }

    .bbe-header .loaded .bbe-live-search {
        display: block;
        margin-top: 20px;
        text-align: center;
    }

    .bbe-header .loaded .bbe-live-search .article-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        column-gap: 25px;
        max-height: 350px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #dddddd transparent;
        padding-right: 3px;
    }

    .bbe-header .bbe-live-search .bbe-article {
        display: flex;
        align-items: center;
        gap: 14px;
        text-align: left;
    }

    .bbe-header .bbe-live-search .bbe-article .bbe-article-figure {
        width: 80px;
        height: 70px;
    }

    .bbe-header .bbe-live-search .bbe-article .entry-content {
        flex: 1;
    }

    .bbe-header .bbe-live-search .bbe-article .entry-title,
    .bbe-header .bbe-live-search .bbe-article .entry-title a {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 15px;
        color: var(--bbe-site-color);
    }

    .bbe-header .bbe-live-search .bbe-article .entry-title {
        margin-bottom: 5px;
    }

    .bbe-header .bbe-live-search .ajax-button {
        --bbe-site-font-family: 'Outfit', sans-serif;
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 12px;
        --bbe-site-font-letterspacing: 0.13em;
        --bbe-site-font-texttransform: uppercase;
        --bbe-site-bg-color: #30344b;
        margin-top: 20px;
        padding: 8px 14px;
        color: #fff;
        background: var(--bbe-site-bg-color);
        transition: var(--transition-1);
    }

    .bbe-header .bbe-live-search .ajax-button:hover {
        --bbe-site-bg-color-hover: var(--bbe-theme-color);
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-live-search .ajax-wrapper .no-results-label {
        margin: 0;
    }

    .ajax-wrapper .ajax-button .no-results-label.hidden {
        display: none;
    }

    .bbe-live-search .ajax-wrapper .ajax-button:empty {
        display: none;
    }

    /* 2.4.1 Layout One */
    .bbe-header .bbe-search-icon {
        position: relative;
    }

    .bbe-header .bbe-search-icon .layout--one {
        --bbe-site-bg-color: #fff;
        position: absolute;
        left: 0;
        width: 360px;
        transform: translateY(20px);
        padding: 14px 30px 20px;
        transition: var(--transition-2);
        z-index: 99999;
        background: var(--bbe-site-bg-color);
        box-shadow: 0px 1px 5px 3px rgb(0 0 0 / 9%);
        -webkit-box-shadow: 0px 1px 5px 3px rgb(0 0 0 / 9%);
        -moz-box-shadow: 0px 1px 5px 3px rgb(0 0 0 / 9%);
    }

    .bbe-header .third .bbe-search-icon .layout--one {
        right: 0;
        left: initial;
    }

    .bbe-dark .bbe-header .bbe-search-icon .layout--one {
        background: #212121f7;
    }

    .bbe-header .bbe-search-icon .layout--one.active {
        transform: translateY(10px);
    }

    .bbe-header .bbe-search-icon .layout--one .icon {
        display: none;
    }

    .bbe-header .bbe-search-icon .layout--one .article-wrap {
        grid-template-columns: 100%;
    }
    
    /* 2.4.2 Layout Two */
    .bbe-header .form-wrapper.layout--two {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 0;
        z-index: 1;
        transition: var(--transition-1);
        transition: all .5s ease-in-out;
    }

    .bbe-header .form-wrapper.layout--two .bbe-container {
        position: relative;
    }

    .bbe-header .form-wrapper.layout--two .search-form {
        position: relative;
    }

    .bbe-header .form-wrapper.layout--two .close-icon {
        position: absolute;
        right: 5px;
    }

    .bbe-header .form-wrapper.layout--two .bbe-live-search {
        --bbe-site-bg-color: #fff;
        position: absolute;
        width: calc( 100% - 40px );
        background: var(--bbe-site-bg-color);
        padding: 20px;
        box-shadow: 0 0 4px #00000026;
        border-radius: 3px;
    }

    .bbe-dark .bbe-header .form-wrapper.layout--two .bbe-live-search {
        --bbe-site-bg-color: #212121;
    }

    /* 2.4.3 Layout Three */
    .bbe-header .form-wrapper.layout--three {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1;
        padding: 40px 0;
        transform: translateY(-10px);
        transition: var(--transition-1);
        box-shadow: 0 4px 4px 0px #0000000d;
    }

    .bbe-header .form-wrapper.layout--three.active {
        transform: translateY(0);
    }

    .bbe-header .form-wrapper.layout--three .search-form {
        position: relative;
    }

    .bbe-header .form-wrapper.layout--three .close-icon {
        position: absolute;
        right: 5px;
    }

    /* 2.4.4 Layout Four */
    .bbe-header .form-wrapper.layout--four {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: var(--transition-1);
        z-index: 6;
        display: flex;
        align-items: center;
    }

    .admin-bar .bbe-header .form-wrapper.layout--four {
        top: 32px;
    }

    .bbe-header .form-wrapper.layout--four .search-form {
        position: relative;
        width: 80%;
        margin-inline: auto;
    }

    .bbe-header .form-wrapper.layout--four.loaded .search-form {
        margin-top: -5rem;
    }

    .bbe-header .form-wrapper.layout--four .search-field {
        height: initial;
        font-size: 3rem;
        text-align: center;
    }

    .bbe-header .form-wrapper.layout--four .close-icon {
        position: fixed;
        top: 80px;
        right: 50px;
        font-size: 22px;
        color: var(--bbe-site-color);
    }

    .bbe-header .form-wrapper.layout--four .bbe-live-search {
        width: 80%;
        margin-inline: auto;
        margin-top: 40px;
    }

    /* 
    MARK: 2.5 Search Field
    */

    .bbe-header .bbe-search-field .search-form {
        position: relative;
        padding: 0 0px 0 10px;
        overflow: hidden;
        border: 1px solid var(--bbe-site-border-color-muted);
    }

    .bbe-dark .bbe-header .bbe-search-field .search-form {
        border-color: var(--bbe-site-border-color-muted);
    }

    .bbe-header .bbe-search-field label {
        padding-right: 40px;
    }

    .bbe-header .bbe-search-field .search-field {
        border: none;
    }

    .bbe-header .bbe-search-field .search-icon {
        --bbe-site-bg-color: #ffffff00;
        position: absolute;
        right: 0;
        height: 100%;
        padding: 0 10px;
        transition: var(--transition-1);
        color: var(--bbe-site-color);
        background: var(--bbe-site-bg-color);
        border-left: 1px solid var(--bbe-site-border-color-muted);
    }

    .bbe-light .bbe-header .bbe-search-field .search-icon:hover {
        color: var(--bbe-site-color-hover);
        background: var(--bbe-site-bg-color-hover);
    }
    
    .bbe-header .bbe-search-field .close-icon {
        display: none;
    }

    .bbe-header .bbe-search-field {
        position: relative;
    }

    .bbe-header .bbe-search-field .bbe-live-search {
        --bbe-site-bg-color: #fff;
        position: absolute;
        z-index: 1;
        padding: 20px;
        width: 100%;
        margin: 0;
        z-index: 2;
        background: var(--bbe-site-bg-color);
        box-shadow: 0px 4px 5px 3px rgb(0 0 0 / 9%);
        -webkit-box-shadow: 0px 4px 5px 3px rgb(0 0 0 / 9%);
        -moz-box-shadow: 0px 4px 5px 3px rgb(0 0 0 / 9%);
    }

    .bbe-dark .bbe-header .bbe-search-field .bbe-live-search {
        --bbe-site-bg-color: #292c2f;
    }

    .bbe-header .bbe-search-field.width--small .bbe-live-search,
    .bbe-header .bbe-search-field.width--medium .bbe-live-search {
        width: 400px;
    }

    .bbe-header .third .bbe-search-field.width--small .bbe-live-search,
    .bbe-header .third .bbe-search-field.width--medium .bbe-live-search {
        right: 0;
    }

    /* 2.5.1 Small */
    .bbe-header .bbe-search-field.width--small {
        width: 150px;
    }

    /* 2.5.2 Medium */
    .bbe-header .bbe-search-field.width--medium {
        width: 250px;
    }

    /* 2.5.3 Large */
    .bbe-header .bbe-search-field.width--large {
        width: 400px;
    }

    /* 2.5.4 Full width */
    .bbe-header .bbe-search-field.width--full .search-field,
    .bbe-header .column:has(.width--full),
    .bbe-header .bbe-search-field.width--full {
        width: 100%;
    }

    .bbe-header .bbe-search-field.loaded .bbe-live-search .article-wrap {
        grid-template-columns: 100%;
    }

    /* 
    MARK: 2.6 Dark Mode
    */

    .bbe-header .bbe-dark-mode {
        position: relative;
    }

    .bbe-header .bbe-dark-mode .icon-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
        transition: var(--transition-1);
        line-height: initial;
    }

    .bbe-header .bbe-dark-mode .icon {
        font-size: 15px;
    }

    .bbe-light .bbe-header .bbe-dark-mode .icon-wrapper.light-icon {
        color: var(--bbe-site-color);
    }

    .bbe-light .bbe-header .bbe-dark-mode .icon-wrapper.light-icon:hover {
        color: var(--bbe-site-color-hover);
    }

    .bbe-dark .bbe-header .bbe-dark-mode .icon-wrapper.dark-icon {
        color: var(--bbe-site-color);
    }

    .bbe-dark .bbe-header .bbe-dark-mode .icon-wrapper.dark-icon:hover {
        color: var(--bbe-site-color-hover);
    }

    .bbe-header .bbe-dark-mode .label {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 14px;
        --bbe-site-font-texttransform: uppercase;
    }

    /* Layout One */
    .bbe-light .bbe-header .bbe-dark-mode.layout--one .dark-icon,
    .bbe-dark .bbe-header .bbe-dark-mode.layout--one .light-icon {
        display: none;
    }

    .bbe-header .bbe-dark-mode.layout--one .icon-wrapper.light-icon {
        --bbe-site-bg-color: #ffffff00;
        background: var(--bbe-site-bg-color);
    }

    .bbe-header .bbe-dark-mode.layout--one .icon-wrapper.light-icon:hover {
        --bbe-site-bg-color-hover: #ffffff00;
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-header .bbe-dark-mode.layout--one .icon-wrapper.dark-icon {
        --bbe-site-bg-color: #ffffff00;
        background: var(--bbe-site-bg-color);
    }

    .bbe-header .bbe-dark-mode.layout--one .icon-wrapper.dark-icon:hover {
        --bbe-site-bg-color-hover: #ffffff00;
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-header .bbe-dark-mode.layout--one .icon {
        margin-top: 1px;
    }

    /* Layout Two */
    .bbe-header .bbe-dark-mode.layout--two {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 3px;
        border-radius: 30px;
    }

    .bbe-light .bbe-header .bbe-dark-mode.layout--two {
        --bbe-site-bg-color-hover: #efefef;
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-dark .bbe-header .bbe-dark-mode.layout--two {
        --bbe-site-bg-color-hover: #efefef33;
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-header .bbe-dark-mode.layout--two .icon-wrapper {
        padding: 4px;
        border-radius: 30px;
    }

    .bbe-header .bbe-dark-mode.layout--two .icon-wrapper:has(.label) {
        padding: 4px 18px;
    }

    .bbe-light .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.light-icon {
        --bbe-site-bg-color: #fff;
        background: var(--bbe-site-bg-color);
    }

    .bbe-dark .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.dark-icon {
        --bbe-site-bg-color: #212121;
        background: var(--bbe-site-bg-color);
    }

    .bbe-dark .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.light-icon {
        color: #fff;
    }

    .bbe-dark .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.light-icon:hover,
    .bbe-header .bbe-dark-mode .icon-wrapper.dark-icon:hover {
        color: var(--bbe-site-color-hover);
    }

    .bbe-light .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.light-icon,
    .bbe-dark .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.dark-icon {
        pointer-events: none;
    }

    .bbe-header .bbe-dark-mode.layout--two .icon-wrapper .icon {
        order: 2;
    }

    .bbe-light .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.dark-icon .icon,
    .bbe-dark .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.light-icon .icon {
        display: none;
    }

    /* 
    MARK: 2.7 Social Icons
    */

    .bbe-social-icons {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }

    .bbe-social-icons:has(.label) {
        gap: 14px;
    }

    .bbe-social-icons i {
        transition: color .3s ease-in-out, background .3s ease-in-out, border-color .3s ease-in-out;
    }

    .bbe-social-icons a {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .bbe-social-icons a i {
        color: var(--bbe-site-color);
    }

    .bbe-social-icons a:hover i {
        --bbe-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    .bbe-social-icons .social-icon .label {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 14px;
        color: var(--bbe-site-color);
        transition: color .3s ease-in-out;
    }

    .bbe-social-icons .social-icon:hover .label {
        --bbe-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    /* 
    MARK: 2.8 Ticker News
    */

    .bbe-header .second .bbe-ticker-news {
        max-width: 600px;
        width: 100%;
    }

    .bbe-header .bbe-ticker-news {
        display: flex;
        align-items: center;
        row-gap: 15px;
        flex: 1;
        min-width: 0;
        overflow: hidden;
    }

    .bbe-header .bbe-ticker-news .label {
        --bbe-site-color: var(--bbe-theme-color);
        --bbe-site-font-weight: 600;
        --bbe-site-font-size: 13px;
        --bbe-site-font-texttransform: uppercase;
        --bbe-site-bg-color: #ffffff00;
        display: flex;
        align-items: center;
        align-self: stretch;
        color: var(--bbe-site-color);
        background: var(--bbe-site-bg-color);
    }

    .bbe-header .bbe-ticker-news .entry-content {
        --bbe-site-bg-color: #ffffff00;
        flex: 1;
        overflow: hidden;
        background: var(--bbe-site-bg-color);
    }

    .bbe-header .bbe-ticker-news .bbe-article {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 0;
    }

    .bbe-header .bbe-ticker-news:not(.slider--none) .bbe-article {
        gap: 16px;
    }

    .bbe-header .bbe-ticker-news .bbe-article .bbe-article-figure {
        width: 110px;
        height: 90px;
    }

    .bbe-header .bbe-ticker-news:not(.slider--none) .bbe-article .bbe-article-figure {
        width: 60px;
        height: 50px;
    }

    .bbe-header .bbe-ticker-news .bbe-article .entry-inner {
        flex: 1;
    }

    .bbe-header .bbe-ticker-news .bbe-article .entry-title,
    .bbe-header .bbe-ticker-news .bbe-article .entry-title a {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 14px;
        --bbe-site-font-lineheight: 1.4;
        --bbe-site-font-letterspacing: 0.2px;
    }

    .bbe-header .bbe-ticker-news .bbe-article .entry-date {
        margin-top: 6px;
    }

    /* controller */
    .bbe-header .bbe-ticker-news .controller-wrap {
        display: flex;
        align-self: stretch;
        align-items: center;
        gap: 8px;
    }

    .bbe-header .bbe-ticker-news.slider--marquee .controller-wrap {
        padding: 0 5px;
        cursor: pointer;
        transition: var(--transition-1);
        background: var(--bbe-site-bg-color);
        border: 1px solid var(--bbe-site-border-color-muted);
    }

    .bbe-header .bbe-ticker-news.slider--marquee .controller-wrap:hover {
        background: var(--bbe-site-bg-color-hover);
        border: 1px solid var(--bbe-site-border-color-muted-hover);
    }

    .bbe-header .bbe-ticker-news .controller-wrap .slick-arrow {
        position: relative;
        width: 27px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        overflow: hidden;
        background: var(--bbe-site-bg-color);
        transition: var(--transition-1);
        border: 1px solid var(--bbe-site-border-color-muted);
    }

    .bbe-header .bbe-ticker-news .controller-wrap .slick-arrow:hover {
        background: var(--bbe-site-bg-color-hover);
        border: 1px solid var(--bbe-site-border-color-muted-hover);
    }

    .bbe-header .bbe-ticker-news .controller-wrap .icon i {
        color: var(--bbe-site-color);
    }

    /* Style None */
    .bbe-header .bbe-ticker-news.slider--none {
        flex-direction: column;
        align-items: self-start;
    }

    .bbe-header .bbe-ticker-news.slider--none .label {
        align-self: auto;
    }

    .bbe-header .bbe-ticker-news.slider--none .entry-content {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
    }

    /* Columns */
    .bbe-ticker-news.slider--none.column--one .entry-content {
        grid-template-columns: 100%;
    }
    
    .bbe-ticker-news.slider--none.column--two .entry-content {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .bbe-ticker-news.slider--none.column--three .entry-content {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .bbe-ticker-news.slider--none.column--four .entry-content {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .bbe-ticker-news.slider--none.column--five .entry-content {
        grid-template-columns: repeat(5, 1fr);
    }

    /* For Tablet */
    @media ( max-width: 768px ) {
        .bbe-ticker-news.slider--none.tablet-column--one .entry-content {
            grid-template-columns: 100%;
        }
        
        .bbe-ticker-news.slider--none.tablet-column--two .entry-content {
            grid-template-columns: repeat(2, 1fr);
        }
        
        .bbe-ticker-news.slider--none.tablet-column--three .entry-content {
            grid-template-columns: repeat(3, 1fr);
        }
        
        .bbe-ticker-news.slider--none.tablet-column--four .entry-content {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .bbe-ticker-news.slider--none.tablet-column--five .entry-content {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    /* For Mobile */
    @media ( max-width: 610px ) {
        .bbe-ticker-news.slider--none.mobile-column--one .entry-content {
            grid-template-columns: 100%;
        }
        
        .bbe-ticker-news.slider--none.mobile-column--two .entry-content {
            grid-template-columns: repeat(2, 1fr);
        }
        
        .bbe-ticker-news.slider--none.mobile-column--three .entry-content {
            grid-template-columns: repeat(3, 1fr);
        }
        
        .bbe-ticker-news.slider--none.mobile-column--four .entry-content {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .bbe-ticker-news.slider--none.mobile-column--five .entry-content {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    /* Style Slick */
    .bbe-header .bbe-ticker-news.slider--slick  {
        gap: 20px;
    }

    .bbe-ticker-news.slider--slick .entry-content:not(.slick-initialized) .bbe-article + .bbe-article,
    .bbe-ticker-news.slider--slick .entry-content:not(.slick-initialized) ~ .controller-wrap {
        display: none;
    }

    .bbe-ticker-news.slider--slick .bbe-article .entry-title {
        max-width: 340px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .bbe-ticker-news.slider--slick .bbe-article .entry-date {
        margin-bottom: -2px;
    }

    /* Ticker Marquee */
    .bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper {
        flex: 1;
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper:before,
    .bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 30px;
        z-index: 1;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--bbe-site-white-color));
    }

    .bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper:after {
        right: 0;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--bbe-site-white-color));
    }

    .bbe-header .bbe-ticker-news.slider--marquee .entry-track {
        display: flex;
        width: max-content;
        animation: bbe-slide 20s linear infinite;
    }

    .bbe-header .bbe-ticker-news.slider--marquee .entry-content {
        display: flex;
        flex-shrink: 0;
    }

    .bbe-header .bbe-ticker-news.slider--marquee .entry-content .bbe-article {
        padding-right: 30px;
    }

    .bbe-header .bbe-ticker-news.slider--marquee.pause-on-hover .entry-content-wrapper:hover .entry-track,
    .bbe-header .bbe-ticker-news.slider--marquee.paused .entry-content-wrapper .entry-track {
        animation-play-state: paused;
    }

    /* Direction Right */
    .bbe-header .bbe-ticker-news.slider--marquee.direction--right .entry-track {
        animation: bbe-slide-right 20s linear infinite;
    }

    .bbe-header .bbe-ticker-news.slider--marquee.direction--right .bbe-article {
        padding: 0 0 0 30px;
    }

    /* RTL Marquee */
    html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee .entry-track {
        animation: bbe-slide-rtl 20s linear infinite;
    }

    html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee .entry-content .bbe-article {
        padding-right: 0;
        padding-left: 30px;
    }

    /* RTL + direction--right */
    html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee.direction--right .entry-track {
        animation: bbe-slide-right-rtl 20s linear infinite;
    }

    html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee.direction--right .bbe-article {
        padding-left: 0;
        padding-right: 30px;
    }

    /* Flip the fade gradients */
    html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper:before {
        right: 0;
        left: auto;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    }

    html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper:after {
        left: 0;
        right: auto;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
    }

    @keyframes bbe-slide {
        0%   {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    @keyframes bbe-slide-right {
        0%   {
            transform: translateX(-50%);
        }

        100% {
            transform: translateX(0);
        }
    }

    /* RTL */
    @keyframes bbe-slide-rtl {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(50%);
        }
    }

    @keyframes bbe-slide-right-rtl {
        0% {
            transform: translateX(50%);
        }

        100% {
            transform: translateX(0);
        }
    }

    /* 
    MARK: 2.9 Date & Time
    */

    .bbe-header .bbe-date-time {
        --bbe-site-bg-color: #ffffff00;
        background: var(--bbe-site-bg-color);
    }

    .bbe-header .bbe-date-time,
    .bbe-header .bbe-date-time > span {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 14px;
        --bbe-site-font-letterspacing: -0.2px;
        color: var(--bbe-site-color);
    }

    .bbe-header .bbe-date-time .time {
        position: relative;
        padding-left: 9px;
        margin-left: 9px;
    }

    .bbe-header .bbe-date-time .time:before {
        content: '';
        position: absolute;
        top: 50%;
        left: -1px;
        transform: translateY(-50%);
        width: 2px;
        height: 12px;
        background: currentColor;
    }

    /* 
    MARK: 2.10 Time
    */

    .bbe-header .bbe-time {
        --bbe-site-bg-color: #ffffff00;
        background: var(--bbe-site-bg-color);
    }

    .bbe-header .bbe-time,
    .bbe-header .bbe-time > .time {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 14px;
        --bbe-site-font-letterspacing: -0.2px;
        color: var(--bbe-site-color);
    }

    /* 
    MARK: 2.11 Button
    */

    .bbe-header .bbe-custom-button .custom-button-link {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 14px;
        --bbe-site-color: #fff;
        --bbe-site-bg-color: #3b5cff;
        position: relative;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 8px 18px;
        border-radius: 6px;
        color: var(--bbe-site-color);
        background: var(--bbe-site-bg-color);
        border-color: var(--bbe-site-border-color);
        transition: var(--transition-1);
    }

    .bbe-header .bbe-custom-button .custom-button-link svg {
        color: var(--bbe-site-color);
        transition: var(--transition-1);
    }

    .bbe-header .bbe-custom-button .custom-button-link:hover {
        --bbe-site-color-hover: #fff;
        --bbe-site-bg-color-hover: #5d76f1;
        color: var(--bbe-site-color-hover);
        background: var(--bbe-site-bg-color-hover);
        border-color: var(--bbe-site-border-color-hover);
    }

    .bbe-header .bbe-custom-button .custom-button-link:hover svg {
        color: var(--bbe-site-color-hover);
    }

    .bbe-header .context--after .icon,
    .bbe-error-404 .context--after .icon {
        order: 2;
    }

    .bbe-header .bbe-custom-button .custom-button-link .icon i {
        font-size: calc( var(--bbe-site-font-size) * 0.94 );
    }

    /* For Svg */
    .icon.svg {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .icon svg {
        fill: currentColor;
    }

    /* 
    MARK: 2.12 Random Blog
    */

    .bbe-header .bbe-random-blog .random-blog-link {
        --bbe-site-bg-color: #ffffff00;
        display: flex;
        align-items: center;
        gap: 6px;
        color: var(--bbe-site-color);
        background: var(--bbe-site-bg-color);
    }

    .bbe-header .bbe-random-blog .random-blog-link,
    .bbe-header .bbe-random-blog .random-blog-link .label {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 15px;
    }

    .bbe-header .bbe-random-blog .random-blog-link:hover {
        --bbe-site-bg-color-hover: #ffffff00;
        color: var(--bbe-site-color-hover);
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-header .bbe-random-blog.context--after .random-blog-link .icon {
        order: 2;
    }

    .bbe-header .bbe-random-blog .random-blog-link .icon i {
        font-size: calc( var(--bbe-site-font-size) * 0.94 );
    }

    /* 
    MARK: 2.13 Divider
    */

    .bbe-builder .column:has(.bbe-builder-divider) {
        align-self: stretch;
    }

    /* Border Style */
    .bbe-builder .header-divider-1 {
        display: flex;
        align-self: stretch;
        align-items: center;
    }

    .bbe-builder .style--solid {
        border-style: solid;
    }

    .bbe-builder .style--dashed {
        border-style: dashed;
    }

    .bbe-builder .style--dotted {
        border-style: dotted;
    }

    .bbe-builder .style--double {
        border-style: double;
    }

    /* Border Type */
    .bbe-builder .bbe-builder-divider {
        border-width: 0;
        border-right-width: 1px;
        border-color: var(--bbe-site-border-color);
        height: 50%;
    }

    /* 
    MARK: 2.14 HTML
    */

    .bbe-builder .bbe-builder-html p {
        --bbe-site-font-size: 15px;
        --bbe-site-font-weight: 500;
        color: var(--bbe-site-color);
    }

    .bbe-builder .bbe-builder-html a {
        --bbe-site-color: #0073aa;
        color: var(--bbe-site-color);
    }

    .bbe-builder .bbe-builder-html a:hover {
        color: var(--bbe-site-color-hover);
    }

    .bbe-builder .bbe-builder-html ul,
    .bbe-builder .bbe-builder-html ol {
        padding-left: 18px;
    }

    .bbe-builder .bbe-builder-html ul li,
    .bbe-builder .bbe-builder-html ol li {
        list-style: revert;
    }

    .bbe-builder .bbe-builder-html ul li + li,
    .bbe-builder .bbe-builder-html ol li + li {
        margin-top: 8px;
    }

    /* 
    MARK: 2.15 Off Canvas
    */

    .bbe-header .bbe-off-canvas .canvas-icon.icon i,
    .bbe-header .bbe-off-canvas .canvas-icon.icon svg {
        color: var(--bbe-site-color);
        transition: var(--transition-1);
    }

    .bbe-header .bbe-off-canvas .canvas-icon.icon i:hover,
    .bbe-header .bbe-off-canvas .canvas-icon.icon svg:hover {
        color: var(--bbe-site-color-hover);
    }

    /* popover */
    .bbe-header .bbe-off-canvas .off-canvas-sidebar {
        --bbe-site-bg-color: #fff;
        position: fixed;
        z-index: 99999;
        left: 0;
        top: 0;
        height: 100vh;
        visibility: hidden;
        transition: .4s ease-in-out;
        transition-property: transform, visibility;
        content-visibility: auto;
        transform: translate3d(-100%, 0, 0);
        width: 350px;
        background-color: var(--bbe-site-bg-color);
    }

    .bbe-dark .bbe-header .bbe-off-canvas .off-canvas-sidebar {
        --bbe-site-bg-color: #292c2f;
    }

    .bbe-header .bbe-off-canvas.active .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 10;
        background: #1d1d2c91;
        backdrop-filter: blur(8px);
    }

    .bbe-header .bbe-off-canvas.position--right .off-canvas-sidebar {
        right: 0;
        left: initial;
        transform: translate3d(100%, 0, 0);
    }

    body .bbe-header .bbe-off-canvas.active .off-canvas-sidebar {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    /* Close Icon */
    .bbe-header .bbe-off-canvas .close-icon {
        position: absolute;
        top: 15px;
        right: 12px;
    }

    .bbe-header .bbe-off-canvas .close-icon i {
        border: none;
        width: 20px;
        height: 20px;
        color: var(--bbe-site-color);
        background: transparent;
        transition: var(--transition-1)
    }

    .bbe-header .bbe-off-canvas .close-icon i:hover {
        color: var(--bbe-site-color-hover);
    }

    /* Widget Area */
    .bbe-header .bbe-off-canvas .widgets-wrap {
        margin: 50px 8px 0 0;
        overflow-y: auto;
        height: calc(100% - 50px);
        padding: 20px 20px 20px 25px;
    }

    .bbe-header .bbe-off-canvas .widget .sub-menu {
        margin-top: 8px;
    }

    /* 
    MARK: 2.16 Widget Area
    */

    .widget {
        color: var(--bbe-site-color);
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 15px;
    }

    .widget h1,
    .widget h2,
    .widget h3,
    .widget h4,
    .widget h5,
    .widget h6 {
        color: var(--bbe-site-color);
        margin-bottom: 20px;
    }

    .widget a {
        --bbe-site-color: #0073aa;
        color: var(--bbe-site-color);
    }

    .bbe-dark .widget a {
        color: #fff;
    }

    .widget a:hover {
        color: var(--bbe-site-color-hover);
    }

    .widget + .widget {
        margin-top: 30px;
    }

    .widget p {
        color: var(--bbe-site-excerpt-color);
    }

    .bbe-builder .widget .entry-date a,
    .widget .entry-date a {
        --bbe-site-color: var(--bbe-site-meta-color);
        color: var(--bbe-site-color);
    }

    .bbe-dark .widget .entry-date a {
        color: #fff;
    }

    .bbe-builder .widget .entry-date a:hover {
        color: var(--bbe-site-color-hover);
    }

    .widget .entry-date a:hover {
        color: var(--bbe-theme-color);
    }

    .widget-area .widget a:hover,
    .sidebar-block .widget a:hover {
        --bee-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    /* List */
    .widget ul li + li,
    .widget ol li + li {
        margin-top: 8px;
    }

    /* Quote */
    .widget blockquote {
        font-style: italic;
        border-left: 4px solid var(--bbe-site-border-color-muted);
        padding: 15px;
    }

    /* Code */
    .bbe-dark .widget pre {
        background: #eeeeee1f;
    }

    .widget code {
        font-family: 'Courier New', Courier, monospace;
        padding: 12px 16px;
    }

    /* Search */
    .widget_search .wp-block-search__label {
        display: inline-block;
        margin-bottom: 20px;
    }

    .widget_search .wp-block-search__label,
    .widget .wp-block-heading {
        --bbe-site-font-size: 18px;
        --bbe-site-font-weight: 700;
        --bbe-site-font-texttransform: uppercase;
        font-family: var(--bbe-site-font-family);
        font-weight: var(--bbe-site-font-weight);
        font-size: var(--bbe-site-font-size);
        line-height: var(--bbe-site-font-lineheight);
        letter-spacing: var(--bbe-site-font-letterspacing);
        text-decoration: var(--bbe-site-font-decoration);
        text-transform: var(--bbe-site-font-texttransform);
        font-style: var(--bbe-site-font-style);
    }

    .widget_search .wp-block-search__input:focus {
        outline: none;
    }

    .widget_search .wp-block-search__input {
        padding: 6px 12px;
        border-radius: var(--bbe-image-border-radius);
    }

    /* Author */
    .widget_blog_bee_author_info_widget .author-info-widget .author-info {
        text-align: center;
    }

    .widget_blog_bee_author_info_widget .author-info-widget .bbe-article-figure {
        max-width: 510px;
        margin-inline: auto;
    }

    .widget_blog_bee_author_info_widget .author-info-widget.radius--rounded .bbe-article-figure {
        border-radius: 6px;
    }

    .widget_blog_bee_author_info_widget .author-info-widget.radius--circle .bbe-article-figure {
        border-radius: 50%;
        max-width: 230px;
        height: 230px;
    }

    .widget_blog_bee_author_info_widget .author-info-inner {
        margin-top: 22px;
    }

    body .site .widget_blog_bee_author_info_widget .author-info-widget .author-name {
        --bbe-site-font-size: 24px;
        --bbe-site-font-weight: 400;
        --bbe-site-font-texttransform: uppercase;
        --bbe-site-font-letterspacing: 1px;
        margin-bottom: -4px;
    }

    .widget_blog_bee_author_info_widget .author-info-widget .author-name a {
        --bbe-site-color: #30344b;
        color: var(--bbe-site-color);
    }

    .bbe-dark .widget_blog_bee_author_info_widget .author-info-widget .author-name a {
        color: #fff;
    }

    .widget_blog_bee_author_info_widget .author-info-widget .author-name a:hover {
        color: var(--bbe-site-color-hover);
    }

    .widget_blog_bee_author_info_widget .author-info-widget .author-tag {
        --bbe-site-font-size: 13px;
        --bbe-site-font-letterspacing: 1px;
        --bbe-site-font-texttransform: uppercase;
        color: var(--bbe-site-excerpt-color);
    }

    .widget_blog_bee_author_info_widget .author-info-widget .author-desc {
        margin-top: 12px;
        padding: 0 15px;
    }

    /* Carousel */
    .widget_blog_bee_carousel_posts_widget .carousel-widget {
        position: relative;
    }
    
    .widget_blog_bee_carousel_posts_widget .carousel-widget > .controller-wrap {
        position: absolute;
        top: 50%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
    }

    .widget_blog_bee_carousel_posts_widget .carousel-widget > .controller-wrap .slick-arrow {
        width: 30px;
        height: 40px;
        background: #ffffff4d;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        color: #fff;
        z-index: 1;
    }

    .widget_blog_bee_carousel_posts_widget .bbe-article-figure {
        aspect-ratio: 4 / 3;
        position: relative;
    }

    .widget .bbe-article-figure .post-format-icon {
        top: 10px;
        left: 10px;
    }

    .widget_blog_bee_carousel_posts_widget .entry-content {
        margin-top: 16px;
    }

    .widget_blog_bee_carousel_posts_widget .entry-content .entry-title {
        margin-bottom: 6px;
    }

    .widget_blog_bee_carousel_posts_widget .entry-content .entry-title a {
        --bbe-site-color: #30344b;
        color: var(--bbe-site-color);
    }

    .bbe-dark .widget_blog_bee_carousel_posts_widget .entry-content .entry-title a {
        color: #fff;
    }

    .widget_blog_bee_carousel_posts_widget .entry-content .entry-title a:hover {
        color: var(--bbe-site-color-hover);
    }

    /* Category Collection */
    .widget_blog_bee_category_collection_widget .category-wrap {
        display: grid;
        gap: 25px;
        margin-left: 8px;
    }

    .widget_blog_bee_category_collection_widget .category-wrap .cat-item {
        position: relative;
        list-style: none;
    }

    .widget_blog_bee_category_collection_widget .category-wrap .bbe-article-figure {
        aspect-ratio: 14 / 4;
    }

    .widget_blog_bee_category_collection_widget .category-wrap .entry-content {
        position: absolute;
        bottom: 13%;
        left: -8px;
        display: flex;
    }

    .widget_blog_bee_category_collection_widget .category-wrap .entry-content .cat-item-link {
        max-width: 145px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .widget_blog_bee_category_collection_widget .category-wrap .entry-content > a {
        background-color: #1a1a1a;
        color: #ffffff;
        padding: 11px 16px;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        line-height: 1;
    }

    .widget_blog_bee_category_collection_widget .category-wrap .entry-content .cat-item-count {
        background-color: #4b4b4b;
        padding: 11px 14px;
    }

    /* Tag Collection */
    .widget_blog_bee_tag_collection_widget .tag-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .widget_blog_bee_tag_collection_widget .tag-wrap .tag-item {
        list-style: none;
    }

    .widget_blog_bee_tag_collection_widget .tag-wrap .tag-item .tag-item-link {
        --bbe-site-color: #30344b;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 3px 8px;
        color: #fff;
        background: var(--bbe-site-color);
    }

    .widget_blog_bee_tag_collection_widget .tag-wrap .tag-item .tag-item-link:hover {
        background-color: var(--bbe-theme-color);
        color: #fff;
    }

    .widget_blog_bee_tag_collection_widget .tag-wrap .tag-item .tag-item-link > span {
        font-size: 14px;
        font-weight: 500;
    }

    /* Social Platforms */
    .social-platforms-widget.bbe-sidebar-widget > div {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 0;
        margin: 0;
    }
    
    .widget_blog_bee_social_platforms_widget .social-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #f0f0f0;
        text-decoration: none;
        transition: var(--transition-1);
    }

    .widget_blog_bee_social_platforms_widget .social-icon .fa-facebook {
        padding-left: 2px;
    }

    .widget_blog_bee_social_platforms_widget .animation--grow .social-icon:hover {
        background-color: #e0e0e0;
        color: #111;
    }

    .widget_blog_bee_social_platforms_widget .social-icon i {
        font-size: 16px;
        line-height: 1;
    }

    .widget_blog_bee_social_platforms_widget .social-icon .label {
        display: none;
    }

    /* Post List */
    .widget_blog_bee_post_list_widget .post-list-widget .article-wrap {
        display: grid;
        gap: 20px;
    }
    
    .widget_blog_bee_post_list_widget .post-list-widget.layout--list .bbe-article {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--list .bbe-article .bbe-article-figure {
        position: relative;
        width: 105px;
        height: 90px;
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--one .bbe-article .bbe-article-figure .post-format-icon,
    .widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--two .bbe-article + .bbe-article .bbe-article-figure .post-format-icon {
        display: none;
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--list .bbe-article .entry-content {
        flex: 1;
    }

    .widget_blog_bee_post_list_widget .post-list-widget .bbe-article .entry-title,
    .widget_blog_bee_post_list_widget .post-list-widget .bbe-article .entry-title a {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 14px;
        --bbe-site-font-lineheight: 1.46;
        --bbe-site-color: #30344b;
    }

    .bbe-dark .widget_blog_bee_post_list_widget .post-list-widget .bbe-article .entry-title a {
        color: #fff;
    }

    .widget_blog_bee_post_list_widget .post-list-widget .bbe-article .entry-title {
        margin-bottom: 4px;
    }

    /* Post List Layout Two */
    .widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--two .bbe-article:first-child {
        flex-direction: column;
        align-items: initial;
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--two .bbe-article:first-child .bbe-article-figure {
        width: 100%;
        height: initial;
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--two .bbe-article:first-child .entry-title,
    .widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--two .bbe-article:first-child .entry-title a {
        font-size: calc( var(--bbe-site-font-size) + 2px);
    }

    /* Posts Grid */
    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid .bbe-article .bbe-article-figure {
        margin-bottom: 16px;
        aspect-ratio: 16 / 9;
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid .entry-content .entry-date .icon {
        color: var(--bbe-site-meta-color);
    }

    /* Variant One */
    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--one .bbe-article .entry-title,
    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--one .bbe-article .entry-title a {
        font-size: calc( var(--bbe-site-font-size) + 2px);
    }

    /* Variant Two */
    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--two .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--two .article-wrap .bbe-article:first-child {
        grid-column: span 2;
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--two .article-wrap .bbe-article-figure {
        aspect-ratio: 4 / 3;
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid .entry-content .entry-date .icon {
        color: var(--bbe-site-meta-color);
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--two .article-wrap .bbe-article:first-child .entry-title,
    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--two .article-wrap .bbe-article:first-child .entry-title a {
        font-size: calc( var(--bbe-site-font-size) + 2px);
    }

    /* Grid Two Column */
    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column .article-wrap .bbe-article-figure {
        aspect-ratio: 4 / 3;
        margin-bottom: 16px;
    }

    /* Variant Two */
    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column.variant--two .article-wrap .bbe-article:nth-child(3n + 1) {
        grid-column: 1 / -1;
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column.variant--two .article-wrap .bbe-article:nth-child(3n + 1) .bbe-article-figure {
        aspect-ratio: 16 / 9;
    }

    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column.variant--two .article-wrap .bbe-article:nth-child(3n + 1) .entry-title,
    .widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column.variant--two .article-wrap .bbe-article:nth-child(3n + 1) .entry-title a {
        font-size: calc( var(--bbe-site-font-size) + 2px);
    }
    
    /* Load More Button */
    body .widget.widget_blog_bee_post_list_widget .post-list-widget .ajax-button {
        display: inline-flex;
        width: 100%;
        pointer-events: none;
        background: transparent;
        margin-top: 25px;
    }

    .widget_blog_bee_post_list_widget .post-list-widget .ajax-button .label {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 14px;
        --bbe-site-color: #fff;
        --bbe-site-bg-color: #3b5cff;
        position: relative;
        display: flex;
        align-items: center;
        padding: 8px 18px;
        margin-inline: auto;
        border-radius: 6px;
        pointer-events: all;
        color: var(--bbe-site-color);
        background: var(--bbe-site-bg-color);
        transition: var(--transition-1);
    }

    .widget_blog_bee_post_list_widget .post-list-widget .ajax-button .label:hover {
        --bbe-site-color-hover: #fff;
        --bbe-site-bg-color-hover: #5d76f1;
        color: var(--bbe-site-color-hover);
        background: var(--bbe-site-bg-color-hover);
        border-color: var(--bbe-site-border-color-hover);
    }

    .widget_blog_bee_post_list_widget .post-list-widget .ajax-button:active {
        --bbe-site-color-hover: #fff;
        --bbe-site-bg-color-hover: #5d76f1;
        color: var(--bbe-site-color-hover);
        background: var(--bbe-site-bg-color-hover);
        border-color: var(--bbe-site-border-color-hover);
    }

    .widget_blog_bee_post_list_widget .post-list-widget .ajax-button .label.hidden,
    .widget_blog_bee_post_list_widget .post-list-widget .ajax-button .no-results-label.hidden {
        display: none;
    }

    .widget_blog_bee_post_list_widget .post-list-widget .ajax-button .no-results-label {
        font-size: 15px;
        color: var(--bbe-site-meta-color);
    }

    .ajax-wrapper .ajax-button .label:after {
        content: "";
        width: 12px;
        height: 12px;
        border: 2px solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        animation: spin .6s linear infinite;
        display: none;
        margin-left: 8px;
    }

    .ajax-wrapper.retrieving .ajax-button .label:after {
        display: block;
    }

    @keyframes spin {
        to {
            transform: rotate(360deg);
        }
    }

    /* 
    MARK: 2.17 Mobile Canvas
    */

    .bbe-header .bbe-mobile-canvas i {
        transition: var(--transition-1);
        color: var(--bbe-site-color);
        width: 20px;
        height: 17px;
    }

    .bbe-header .bbe-mobile-canvas i:hover {
        --bbe-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    /* Popup */
    .bbe-header .bbe-mobile-canvas.dropdown {
        display: none;
    }

    body .bbe-header .bbe-mobile-canvas.popup--fullscreen,
    body .bbe-header .bbe-mobile-canvas.popup--dropdown.full-width--on,
    body .bbe-header .bbe-mobile-canvas.popup--dropdown.full-width--off .row {
        --bbe-site-bg-color: #fff;
        padding: 25px;
        background: var(--bbe-site-bg-color);
        box-shadow: 0 0 3px #0000001f;
    }

    body.bbe-dark .bbe-header .bbe-mobile-canvas.popup--fullscreen,
    body.bbe-dark .bbe-header .bbe-mobile-canvas.popup--dropdown.full-width--on,
    body.bbe-dark .bbe-header .bbe-mobile-canvas.popup--dropdown.full-width--off .row {
        --bbe-site-bg-color: #292c2f;
    }

    .bbe-header .bbe-mobile-canvas.dropdown .column {
        max-height: 300px;
        overflow-y: auto;
        padding-right: 15px;
        margin-right: -12px;
    }

    .bbe-builder .bbe-mobile-canvas .bbe-menu div > .menu,
    .bbe-builder .bbe-mobile-canvas .bbe-menu .menu > ul {
        display: initial;
    }

    body .site .bbe-header .bbe-mobile-canvas .bbe-menu li {
        padding: 0;
    }

    body .site .bbe-header .bbe-mobile-canvas .bbe-menu li + li {
        padding-top: 20px;
    }

    .bbe-header .bbe-mobile-canvas .bbe-menu li:not(.current_page_item) a {
        color: #30344b;
    }

    .bbe-dark .bbe-header .bbe-mobile-canvas .bbe-menu li:not(.current_page_item) a {
        color: #fff;
    }

    .bbe-header .bbe-mobile-canvas .bbe-menu span.submenu-icon {
        display: none;
    }

    .bbe-header .bbe-mobile-canvas .bbe-menu .sub-menu {
        padding-top: 20px;
    }

    .bbe-header .bbe-mobile-canvas.align--left .bbe-menu .sub-menu {
        padding-left: 12px;
    }

    .bbe-header .bbe-mobile-canvas.align--right .bbe-menu .sub-menu {
        padding-right: 12px;
    }

    .bbe-builder .bbe--responsive .sub-menu {
        display: none;
    }

    .bbe-header .bbe-mobile-canvas .bbe-menu .sub-menu.active {
        display: block;
    }

    /* Alignment */
    .bbe-header .bbe-mobile-canvas.align--center li > a {
        justify-content: center;
    }

    .bbe-header .bbe-mobile-canvas.align--right li > a {
        justify-content: flex-end;
    }

    .bbe-header .bbe-mobile-canvas li > a .icon-button {
        position: absolute;
        right: 0;
        margin-top: -2px;
    }

    .bbe-header .bbe-mobile-canvas.align--right li > a .icon-button {
        position: absolute;
        right: initial;
        left: 0;
    }

    /* Popup Dropdown */
    .bbe-header .bbe-mobile-canvas.popup--dropdown.active  {
        position: absolute;
        display: block;
        width: 100%;
        z-index: 1;
    }

    .bbe-header .bbe-mobile-canvas.popup--dropdown .canvas-close-icon {
        display: none;
    }

    /* Popup Fullscreen */
    .bbe-header .bbe-mobile-canvas .canvas-close-icon {
        position: absolute;
        top: 30px;
        right: 30px;
    }

    .bbe-header .bbe-mobile-canvas.popup--fullscreen.active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 9999;
        display: flex;
    }

    .admin-bar .bbe-header .bbe-mobile-canvas.popup--fullscreen.active {
        top: 46px;
    }

    .admin-bar .bbe-header .bbe-mobile-canvas.popup--fullscreen.valign--top.active {
        padding-top: 80px;
    }

    .bbe-header .bbe-mobile-canvas.popup--fullscreen.valign--middle {
        align-items: center;
    }

    .bbe-header .bbe-mobile-canvas.popup--fullscreen.valign--bottom {
        align-items: flex-end;
    }

    .bbe-header .bbe-mobile-canvas.popup--fullscreen .bbe-container {
        padding: 0;
    }

    .bbe-header .bbe-mobile-canvas.popup--fullscreen .column {
        max-height: 400px;
    }

    .bbe-header .bbe-mobile-canvas.popup--fullscreen .bbe-menu li a {
        font-size: calc( var(--bbe-site-font-size) * 1.24 );
    }

/*
=========================================
MARK: 3.0 Frontpage Section
=========================================
*/

    .bbe-sections-wrap {
        margin: var(--bbe-section-margin);
    }

    .bbe-sections-wrap > *,
    .bbe-you-may-have-missed {
        --bbe-site-bg-color: #ffffff00;
        padding: var(--bbe-section-padding);
        background: var(--bbe-site-bg-color);
    }

    /*
    MARK: 3.1 Banner Slider
    */

    /* Banner Dots */
    .bbe-main-banner .row {
        position: relative;
    }

    .bbe-main-banner .row .slick-dots {
        position: absolute;
        bottom: 30px;
        right: 40px;
    }

    .bbe-main-banner .row .slick-vertical .slick-dots {
        bottom: 40px;
        right: 30px;
        flex-direction: column;
    }

    .bbe-main-banner .row .slick-dots li button {
        width: 15px;
        height: 15px;
        background: #a9adaa;
    }

    .bbe-main-banner .row .slick-dots li.slick-active button {
        width: 17px;
        height: 17px;
    }

    .bbe-main-banner .row .slick-dots li.slick-active button::before {
        border: 3px solid #ffffff;
    }

    /* Banner Arrow */
    .bbe-main-banner .controller-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        width: 100%;
        z-index: 1;
        pointer-events: none;
        transition: var(--transition-1);
    }

    .bbe-main-banner .controller-wrap .slick-arrow {
        pointer-events: all;
        width: 38px;
        height: 50px;
        background: #ffffff4d;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        color: #fff;
        z-index: 1;
    }

    .bbe-main-banner .controller-wrap .slick-arrow i {
        font-size: 16px;
    }

    .bbe-main-banner .entry-content .bbe-article-figure img {
        position: absolute;
    }

    /* Image Ratio */
    .bbe-main-banner .ratio--wide .entry-content .bbe-article-figure {
        aspect-ratio: 16 / 9;
    }

    .bbe-main-banner .ratio--boxy .entry-content .bbe-article-figure {
        aspect-ratio: 4 / 3;
    }

    .bbe-main-banner .ratio--rectangle .entry-content .bbe-article-figure {
        aspect-ratio: 3 / 1;
    }

    .bbe-main-banner .ratio--banner .entry-content .bbe-article-figure {
        aspect-ratio: 2 / 1;
    }

    .bbe-main-banner .ratio--square .entry-content .bbe-article-figure {
        aspect-ratio: 1 / 1;
    }

    .bbe-main-banner .ratio--initial .entry-content .bbe-article-figure {
        aspect-ratio: 4 / 2;
    }

    .bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .ratio--initial .entry-content .bbe-article-figure {
        height: 100%;
        aspect-ratio: initial;
    }

    .bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .bbe-main-banner-main .block-inner,
    .bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .bbe-main-banner-main .block-inner .entry-content,
    .bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .bbe-main-banner-main .block-inner .slick-list,
    .bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .bbe-main-banner-main .block-inner .slick-track,
    .bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .bbe-main-banner-main .block-inner {
        height: 100%;
    }

    /* Content */
    .bbe-main-banner .entry-content .entry-inner {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .bbe-main-banner.align--center .entry-content .entry-inner {
        align-items: center;
    }
    
    .bbe-main-banner.align--right .entry-content .entry-inner {
        align-items: flex-end;
    }

    body .bbe-main-banner .entry-content .entry-inner > *:first-child {
        margin-top: 0;
    }

    .bbe-main-banner .entry-content .entry-inner .entry-categories {
        margin-top: 16px;
    }

    body .site .bbe-main-banner .bbe-main-banner-main .entry-title,
    body .site .bbe-main-banner .bbe-main-banner-main .entry-title a {
        --bbe-site-font-size: 32px;
        --bbe-site-font-lineheight: 1.34;
        --bbe-site-font-letterspacing: -0.01em;
    }

    .bbe-main-banner .entry-content .entry-inner .entry-title {
        max-width: 680px;
        margin-top: 16px;
    }

    .bbe-main-banner .entry-content .entry-inner .entry-excerpt {
        margin-top: 16px;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.65;
        max-width: 520px;
    }

    .bbe-main-banner .entry-content .entry-inner .entry-meta {
        margin-top: 22px;
    }

    .bbe-main-banner .entry-content .entry-inner .entry-read-more {
        margin-top: 14px;
    }

    /* Banner with Sidebar */
    .bbe-main-banner .block-wrap {
        display: flex;
        gap: 30px;
    }

    .bbe-main-banner .block-wrap .bbe-main-banner-main,
    .bbe-main-banner .block-wrap .slider-content-wrap {
        flex: 1;
        min-width: 0;
    }

    .bbe-main-banner .block-wrap .bbe-main-banner-main .block-inner {
        position: relative;
    }

    .bbe-main-banner .block-wrap .banner-sidebar {
        flex: 0 0 30%;
    }

    .bbe-main-banner .block-wrap:has(.bbe-main-banner-left):has(.bbe-main-banner-right) .banner-sidebar {
        flex: 0 0 25%;
    }

    /* 3.1.1 Banner Layout One */
    .bbe-main-banner.layout--one .entry-content .bbe-article-figure .entry-inner,
    .bbe-main-banner.layout--four .entry-content .bbe-article-figure .entry-inner {
        position: absolute;
        inset: 0;
        z-index: 2;
        gap: 0;
        padding: 4%;
        justify-content: flex-end;
    }

    .bbe-main-banner.layout--one.position--top-left .entry-content .bbe-article-figure .entry-inner,
    .bbe-main-banner.layout--four.position--top-left .entry-content .bbe-article-figure .entry-inner {
        justify-content: flex-start;
    }

    .bbe-main-banner.layout--one.position--top-center .entry-content .bbe-article-figure .entry-inner,
    .bbe-main-banner.layout--four.position--top-center .entry-content .bbe-article-figure .entry-inner {
        justify-content: flex-start;
        align-items: center;
        text-align: center;
    }

    .bbe-main-banner.layout--one.position--top-right .entry-content .bbe-article-figure .entry-inner,
    .bbe-main-banner.layout--four.position--top-right .entry-content .bbe-article-figure .entry-inner {
        justify-content: flex-start;
        align-items: flex-end;
        text-align: right;
    }

    .bbe-main-banner.layout--one.position--center-left .entry-content .bbe-article-figure .entry-inner,
    .bbe-main-banner.layout--four.position--center-left .entry-content .bbe-article-figure .entry-inner {
        justify-content: center;
    }
    
    .bbe-main-banner.layout--one.position--center-center .entry-content .bbe-article-figure .entry-inner,
    .bbe-main-banner.layout--four.position--center-center .entry-content .bbe-article-figure .entry-inner {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    
    .bbe-main-banner.layout--one.position--center-right .entry-content .bbe-article-figure .entry-inner,
    .bbe-main-banner.layout--four.position--center-right .entry-content .bbe-article-figure .entry-inner {
        justify-content: center;
        align-items: flex-end;
        text-align: right;
    }

    .bbe-main-banner.layout--one.position--bottom-center .entry-content .bbe-article-figure .entry-inner,
    .bbe-main-banner.layout--four.position--bottom-center .entry-content .bbe-article-figure .entry-inner {
        align-items: center;
        text-align: center;
    }

    .bbe-main-banner.layout--one.position--bottom-right .entry-content .bbe-article-figure .entry-inner,
    .bbe-main-banner.layout--four.position--bottom-right .entry-content .bbe-article-figure .entry-inner {
        align-items: flex-end;
        text-align: right;
    }

    .bbe-main-banner.layout--one .entry-content .bbe-article-figure .bbe-article-thumb {
        filter: brightness(0.8) saturate(0.85);
    }

    .bbe-main-banner.layout--one .entry-content .bbe-article-figure:before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(to bottom, rgba(10, 8, 6, 0.15) 0%, rgba(10, 8, 6, 0.0) 30%, rgba(10, 8, 6, 0.55) 65%, rgb(10 8 6 / 85%) 100%);
    }

    body .site .bbe-main-banner:not(.layout--two) .entry-content .bbe-article-figure .entry-inner *,
    body .site .banner-sidebar.layout--overlay:not(.image--off) .bbe-article .entry-inner * {
        color: #fff;
        background: transparent;
        border: none;
        padding: 0;
    }

    /* 3.1.2 Banner Layout Two */
    .bbe-main-banner.layout--two .block-wrap:has(.bbe-main-banner-left):has(.bbe-main-banner-right) .controller-wrap {
        top: 30px;
        right: 30px;
        justify-content: right;
        gap: 15px;
        transform: initial;
    }

    .bbe-main-banner.layout--two .bbe-article.slick-current .entry-inner > * {
        animation: none;
    }

    .bbe-main-banner.layout--two .bbe-main-banner-main .bbe-article .entry-inner {
        margin-top: 30px;
    }

    .bbe-main-banner.layout--two .bbe-main-banner-main.align--center .bbe-article .entry-inner,
    .bbe-main-banner.layout--three .bbe-main-banner-main.align--center .bbe-article .entry-inner {
        align-items: center;
        text-align: center;
    }

    .bbe-main-banner.layout--two .bbe-main-banner-main.align--right .bbe-article .entry-inner,
    .bbe-main-banner.layout--three .bbe-main-banner-main.align--right .bbe-article .entry-inner {
        align-items: flex-end;
        text-align: right;
    }

    .bbe-main-banner.layout--two .bbe-article .entry-inner .entry-title {
        max-width: 780px;
    }

    .bbe-main-banner.layout--two .bbe-article .entry-inner .entry-excerpt {
        max-width: 620px;
    }

    /* 3.1.3 Banner Layout Three */
    .bbe-main-banner.layout--three .slider-content-wrap {
        position: relative;
        background-position: center center;
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 4%;
    }

    .bbe-main-banner.layout--three:has(.banner-sidebar) .slider-content-wrap {
        display: flex;
    }

    .bbe-main-banner.layout--three .slider-content-wrap .slider-content-inner-wrap {
        display: grid;
        grid-template-columns: 65% 35%;
        justify-content: center;
        align-items: center;
        z-index: 2;
        position: relative;
    }

    .bbe-main-banner.layout--three .slider-content-wrap .slider-content-inner-wrap > div {
        padding: 0 20px;
    }

    .bbe-main-banner.layout--three .slider-content-wrap .controller-wrap {
        opacity: 0;
        visibility: hidden;
    }

    .bbe-main-banner.layout--three .slider-content-wrap:hover .controller-wrap {
        opacity: 1;
        visibility: visible;
    }

    .bbe-main-banner.layout--three .slider-content-wrap .banner-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        background: #0000003d;
    }

    .bbe-main-banner.layout--three .entry-content .bbe-article .bbe-article-figure {
        background: transparent;
    }

    body .site .bbe-main-banner.layout--three:has(.banner-sidebar) .slider-content-wrap .bbe-main-banner-main .bbe-article-figure {
        aspect-ratio: 4 / 3;
    }

    .bbe-main-banner.layout--three .entry-content .bbe-article .bbe-article-figure > a {
        display: none;
    }

    .bbe-main-banner.layout--three .entry-content .bbe-article .entry-inner {
        position: absolute;
        inset: 0;
        justify-content: center;
    }

    /* Sidebar Content */
    .bbe-main-banner.layout--three .sidebar-content {
        max-width: 500px;
    }

    .bbe-main-banner.layout--three .sidebar-content .bbe-article {
        display: flex;
        align-items: center;
        gap: 15px;
        border: none;
    }

    .bbe-main-banner.layout--three .sidebar-content .bbe-article + .bbe-article {
        margin-top: 16px;
    }

    .bbe-main-banner.layout--three .sidebar-content .bbe-article .bbe-article-figure {
        width: 92px;
        height: 92px;
        transition: all 0.25s ease-in-out;
    }

    .bbe-main-banner.layout--three .sidebar-content .bbe-article .bbe-article-figure img {
        transform: none;
    }

    .bbe-main-banner.layout--three .sidebar-content .bbe-article.slick-current .bbe-article-figure {
        border: 2px solid transparent;
    }

    .bbe-main-banner.layout--three .sidebar-content .bbe-article .entry-title {
        flex: 1;
        text-align: left;
    }

    .bbe-main-banner.layout--three .sidebar-content .bbe-article .entry-title,
    .bbe-main-banner.layout--three .sidebar-content .bbe-article .entry-title a {
        --bbe-site-font-lineheight: 1.5;
        font-size: calc(var(--bbe-site-font-size) - 2px);
    }

    .bbe-main-banner.layout--three .sidebar-content .bbe-article .entry-title a {
        color: #fff;
        -webkit-line-clamp: 2;
    }

    /* 3.1.4 Banner Layout Four */
    .bbe-main-banner.layout--four .entry-content .bbe-article {
        margin-inline: 10px;
    }

    .bbe-main-banner.layout--four .entry-content .bbe-article .entry-inner * {
        color: #fff;
    }

    .bbe-main-banner.layout--four .entry-content .bbe-article .entry-inner:before {
        content: '';
        background: #00000073;
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: var(--transition-1);
    }

    .bbe-main-banner.layout--four .entry-content .bbe-article.slick-current .entry-inner:before {
        opacity: 1;
    }

    /*
    MARK: 3.2 Carousel
    */

    .bbe-carousel {
        --bbe-carousel-gap: 15px;
    }

    .bbe-carousel .row {
        position: relative;
    }

    .bbe-carousel .slick-list {
        margin: 0 calc(var(--bbe-carousel-gap) * -1);
    }

    .bbe-carousel .slick-list .slick-track,
    .bbe-carousel .entry-content:not(.slick-initialized) {
        display: flex !important;
        align-items: stretch;
    }

    .bbe-carousel .bbe-article {
        margin: 0 var(--bbe-carousel-gap);
    }

    .bbe-carousel .bbe-article-figure {
        position: relative;
    }

    /* Image Ratio */
    .bbe-carousel.ratio--wide .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .bbe-carousel.ratio--boxy .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .bbe-carousel.ratio--banner .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .bbe-carousel.ratio--square .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-1-1);
    }

    .bbe-carousel.align--center .entry-inner {
        text-align: center;
    }

    .bbe-carousel.align--right .entry-inner {
        text-align: right;
    }

    .bbe-carousel .bbe-article .entry-categories {
        margin-bottom: 14px;
    }

    .bbe-carousel .bbe-article .entry-meta {
        margin-top: 12px;
    }

    .bbe-carousel .bbe-article .entry-excerpt,
    .bbe-carousel .bbe-article .bbe-post-button {
        margin-top: 12px;
    }

    /* Slick Arrow */
    .bbe-carousel .controller-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding-top: 20px;
        margin-top: 30px;
        border-top: 1px solid var(--bbe-site-border-color-muted);
    }

    .bbe-carousel .controller-wrap:empty {
        display: none;
    }

    .bbe-carousel .controller-wrap:has(.slick-arrow) {
        justify-content: space-between;
    }

    .bbe-carousel.arrow--bottom .controller-wrap .slick-arrow {
        position: relative;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        overflow: hidden;
        border-radius: 50%;
        transition: var(--transition-1);
        background: var(--bbe-site-bg-color);
        border: 1px solid var(--bbe-site-border-color-muted);
    }

    .bbe-carousel.arrow--bottom .controller-wrap .slick-arrow:hover {
        border-color: var(--bbe-site-border-color-hover);
    }

    .bbe-carousel.arrow--bottom .slick-arrow i {
        z-index: 1;
        color: var(--bbe-site-color);
    }

    /* Arrow Center */
    .bbe-carousel.arrow--center .entry-content-wrap .controller-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
        pointer-events: none;
        transition: var(--transition-1);
    }

    .bbe-carousel.arrow--center .slick-arrow {
        width: 30px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: auto;
        background: #00000063;
    }

    .bbe-carousel.arrow--center .slick-arrow i {
        color: #fff;
    }

    /* Slick Dots */
    .bbe-carousel .bbe-slick-dots.type--numbers .slick-dots {
        gap: 5px;
    }

    .bbe-carousel .bbe-slick-dots.type--numbers .slick-dots button {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #e0e0e0;
        font-size: 11px;
        font-weight: 600;
        color: #999;
        cursor: pointer;
        transition: var(--transition-1);
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        vertical-align: middle;
    }

    .bbe-carousel .bbe-slick-dots.type--numbers .slick-dots li button:hover {
        border-color: var(--bbe-theme-color);
        color: var(--bbe-theme-color);
    }

    .bbe-carousel .bbe-slick-dots.type--numbers .slick-dots li.slick-active button {
        background: var(--bbe-site-color-hover);
        border-color: var(--bbe-site-color-hover);
        color: #fff;
    }

    /* 3.2.1 Carousel Layout One */
    .bbe-carousel.layout--one .bbe-article-figure {
        margin-bottom: 25px;
    }

    /* 3.2.2 Carousel Layout Two */
    .bbe-carousel.layout--two .bbe-article {
        position: relative;
        border-radius: 6px;
        overflow: hidden;
    }

    .bbe-carousel.layout--two .entry-content .bbe-article .entry-inner * {
        color: #fff;
        background: transparent;
        border: none;
        padding: 0;
    }

    .bbe-carousel.layout--two .entry-inner {
        --bbe-site-bg-color: rgba(0,0,0,0.7);
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 6%;
        background: linear-gradient(to top, var(--bbe-site-bg-color), rgba(0, 0, 0, 0)) !important;
    }

    /* 3.2.3 Carousel Layout Three */
    .bbe-carousel.layout--three .bbe-article {
        display: flex;
        gap: 25px;
    }

    .bbe-carousel.layout--three .bbe-article .bbe-article-figure {
        flex: 0 1 40%;
    }

    .bbe-carousel.layout--three.image-position--right .bbe-article .bbe-article-figure  {
        order: 2;
    }

    .bbe-carousel.layout--three .bbe-article .entry-inner {
        flex: 1;
    }

    /*
    MARK: 3.3 Category Collection
    */

    .bbe-category-collection .entry-content {
        display: grid;
        gap: 30px;
    }

    /*Column alignment*/
    .bbe-category-collection.column--one .entry-content {
        grid-template-columns: repeat(1, 1fr);
    }

    .bbe-category-collection.column--two .entry-content {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-category-collection.column--three .entry-content {
        grid-template-columns: repeat(3, 1fr);
    }

    .bbe-category-collection.column--four .entry-content {
        grid-template-columns: repeat(4, 1fr);
    }

    .bbe-category-collection.column--five .entry-content {
        grid-template-columns: repeat(5, 1fr);
    }

    .bbe-category-collection.column--six .entry-content {
        grid-template-columns: repeat(6, 1fr);
    }

    .bbe-category-collection.column--seven .entry-content {
        grid-template-columns: repeat(7, 1fr);
    }

    .bbe-category-collection.column--eight .entry-content {
        grid-template-columns: repeat(8, 1fr);
    }

    .bbe-category-collection.column--nine .entry-content {
        grid-template-columns: repeat(9 , 1fr);
    }

    .bbe-category-collection.column--ten .entry-content {
        grid-template-columns: repeat(10, 1fr);
    }

    .bbe-category-collection .cat-item-link {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 14px;
        --bbe-site-font-lineheight: 1.4;
        --bbe-site-font-texttransform: capitalize;
    }

    .bbe-category-collection .cat-item-count {
        font-size: calc( var(--bbe-site-font-size) * 0.8 );
    }

    /* Layout One  */
    .bbe-category-collection .bbe-article-figure {
        aspect-ratio: 5 / 5;
    }

    .bbe-category-collection.layout--one .bbe-article-figure:before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: #00000038;
    }

    .bbe-category-collection.layout--one .bbe-article-figure .cat-item-link {
        position: absolute;
        left: 50%;
        bottom: 10px;
        width: 90%;
        z-index: 1;
        text-align: center;
        padding: 8px 15px;
        border-radius: inherit;
        background-color: #ffffff59;
        transform: translateX(-50%);
        color: #fff;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .bbe-category-collection.layout--one .bbe-article-figure .cat-item-count {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 2px 10px;
        border-radius: inherit;
        color: var(--bbe-theme-color);
        background: #fff7ed;
    }

    .bbe-category-collection.layout--one .cat-item-count::after {
        content: "→";
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        font-size: 10px;
        transform: translateY(-1px);
    }

    /* Layout Two */
    .bbe-category-collection.layout--two .bbe-article-figure:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    }

    .bbe-category-collection.layout--two .cat-item-link,
    .bbe-category-collection.layout--two .cat-item-count {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
        z-index: 2;
        text-decoration: none;
        text-align: center;
    }

    .bbe-category-collection.layout--two .cat-item-link {
        bottom: 45px;
    }

    .bbe-category-collection.layout--two .cat-item-count {
        bottom: 20px;
        opacity: 0.85;
    }

    /* Layout Three */
    .bbe-category-collection.layout--three .bbe-article-figure {
        aspect-ratio: 4 / 3;
    }

    .bbe-category-collection.layout--three .bbe-article-figure {
        margin-bottom: 16px;
    }

    .bbe-category-collection.layout--three .cat-item-link {
        display: block;
        color: var(--bbe-site-color);
    }

    .bbe-category-collection.layout--three .cat-item-count {
        display: inline-block;
        color: var(--bbe-site-meta-color);
    }

    /* Layout Four */
    .bbe-category-collection.layout--four .entry-content {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }

    .bbe-category-collection.layout--four.align--center .entry-content {
        justify-content: center;
    }

    .bbe-category-collection.layout--four.align--right .entry-content {
        justify-content: right;
    }

    .bbe-category-collection.layout--four .cat-item {
        position: relative;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        color: var(--bbe-site-color);
        transition: var(--transition-1);
    }

    .bbe-light .bbe-category-collection.layout--four .cat-item:hover {
        color: var(--bbe-site-color-hover);
    }

    .bbe-category-collection.filled.layout--four .cat-item {
        padding: 6px 22px;
        background: var(--bbe-site-bg-color);
    }

    .bbe-category-collection.filled.layout--four .cat-item:hover {
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-category-collection.rounded.layout--four .cat-item {
        border-radius: 3px;
    }

    .bbe-category-collection.circle.layout--four .cat-item {
        border-radius: 30px;
    }

    .bbe-category-collection.outline.layout--four .cat-item {
        padding: 6px 22px;
        border: 1px solid var(--bbe-site-border-color);
    }

    .bbe-category-collection.layout--four .cat-item a {
        color: inherit;
    }

    .bbe-category-collection.layout--four .cat-item .cat-item-count {
        margin-bottom: -1px;
    }

    /* Seperator */
    .bbe-category-collection.meta-seperator--none.layout--four .entry-content {
        gap: 12px;
    }

    .bbe-category-collection.layout--four .cat-item + .cat-item:before {
        content: "/";
        position: absolute;
        left: -20px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--bbe-theme-color);
    }

    .bbe-category-collection.meta-seperator--none.layout--four .cat-item:before {
        display: none;
    }

    /*
    MARK: 3.4 Three Blocks
    */

    .bbe-three-blocks .row {
        display: grid;
        gap: 30px;
    }

    .bbe-three-blocks .block-item .article-wrap {
        display: grid;
        gap: 20px;
        border-radius: inherit;
    }

    /* Block Layouts */
    /* Layout One */
    .bbe-three-blocks.layout--one .row {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }

    .bbe-three-blocks:not(.layout--grid) .bbe-article .post-format-icon {
        display: none;
    }

    /* Layout Two */
    .bbe-three-blocks.layout--two .row {
        grid-template-columns: repeat(3, 1fr);
    }

    .bbe-three-blocks.layout--two .row .left-block {
        grid-column: span 3;
    }

    .bbe-three-blocks.layout--two .row .center-block {
        grid-column: span 2;
    }

    .bbe-three-blocks.layout--two .left-block.layout--list .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .bbe-three-blocks.layout--two .center-block.layout--list .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-three-blocks.layout--two .left-block.layout--grid .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    .bbe-three-blocks.layout--two .center-block.layout--grid .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Layout Three */
    .bbe-three-blocks.layout--three .row {
        grid-template-columns: repeat(3, 1fr);
    }

    .bbe-three-blocks.layout--three .row .left-block {
        grid-column: span 3;
    }

    .bbe-three-blocks.layout--three .row .right-block {
        grid-column: span 2;
    }

    .bbe-three-blocks.layout--three .left-block.layout--list .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .bbe-three-blocks.layout--three .right-block.layout--list .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-three-blocks.layout--three .left-block.layout--grid .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    .bbe-three-blocks.layout--three .right-block.layout--grid .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Layout Four */
    .bbe-three-blocks.layout--four .row {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-three-blocks.layout--four .row .left-block {
        grid-column: span 2;
    }

    .bbe-three-blocks.layout--four .left-block.layout--list .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .bbe-three-blocks.layout--four .center-block.layout--grid .article-wrap,
    .bbe-three-blocks.layout--four .right-block.layout--grid .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-three-blocks.layout--four .left-block.layout--grid .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Layout Five */
    .bbe-three-blocks.layout--five .row {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-three-blocks.layout--five .row .left-block {
        grid-row: span 2;
    }

    body .bbe-three-blocks.layout--five .layout--grid .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Alter Layout */
    .alter-layout.bbe-three-blocks:not(.layout--one) .row .left-block {
        order: 2;
    }

    .alter-layout.bbe-three-blocks.layout--five .row .center-block {
        order: 1;
    }

    .alter-layout.bbe-three-blocks.layout--five .row .right-block {
        order: 3;
    }

    /* Overlay */
    .bbe-three-blocks .block-item.overlay--enabled .article-wrap,
    .bbe-three-blocks .block-item.layout--grid .article-wrap {
        display: grid;
        gap: 20px;
    }

    body .bbe-three-blocks .overlay--enabled .bbe-article .bbe-article-figure {
        width: 100%;
        height: initial;
        margin: 0;
        aspect-ratio: 4 / 3;
    }

    .bbe-three-blocks .overlay--enabled .bbe-article .bbe-article-figure:before {
        content: '';
        background: #00000045;
        position: absolute;
        inset: 0;
        z-index: 1;
    }

    .bbe-three-blocks .overlay--enabled .bbe-article .bbe-article-figure .post-format-icon {
        display: none;
    }

    body .site .bbe-sections-wrap .bbe-three-blocks .overlay--enabled .article-wrap .bbe-article .entry-content {
        position: absolute;
        bottom: 0;
        padding: 6%;
        z-index: 1;
    }

    .bbe-three-blocks .overlay--enabled .bbe-article .entry-content:before {
        content: '';
        background: #000;
    }

    body .site .bbe-three-blocks .overlay--enabled .bbe-article .entry-content * {
        color: #fff;
    }

    .bbe-three-blocks .overlay--enabled .bbe-article .entry-title,
    .bbe-three-blocks .overlay--enabled .bbe-article .entry-title a {
        font-size: calc( var(--bbe-site-font-size) + 2px );
    }

    /* Inner Layouts */
    .bbe-three-blocks .align--center .bbe-article .entry-content {
        text-align: center;
    }
    
    .bbe-three-blocks .align--right .bbe-article .entry-content {
        text-align: right;
    }

    .bbe-three-blocks .align--center .bbe-article .entry-content .entry-categories,
    .bbe-three-blocks .align--center .bbe-article .entry-content .entry-meta {
        justify-content: center;
    }

    .bbe-three-blocks .align--right .bbe-article .entry-content .entry-categories,
    .bbe-three-blocks .align--right .bbe-article .entry-content .entry-meta {
        justify-content: flex-end;
    }

    .bbe-three-blocks .bbe-article .entry-categories {
        margin-bottom: 9px;
    }

    .bbe-three-blocks .bbe-article .entry-title,
    .bbe-three-blocks .bbe-article .entry-title a {
        --bbe-site-font-size: 15px;
    }

    .bbe-three-blocks .bbe-article .entry-meta {
        margin-top: 9px;
    }
    
    .bbe-three-blocks .bbe-article .entry-excerpt {
        margin-top: 16px;
    }

    .bbe-three-blocks .bbe-article .bbe-post-button {
        margin-top: 8px;
    }

    /* List Layout */
    .bbe-three-blocks .layout--list .bbe-article {
        display: flex;
    }

    .bbe-three-blocks .layout--list .bbe-article .bbe-article-figure {
        width: 120px;
        height: 100px;
        margin-right: 15px;
    }

    .bbe-three-blocks .layout--list .bbe-article .entry-content {
        flex: 1;
    }

    /* Grid Layout */
    .bbe-three-blocks .layout--grid .bbe-article-figure {
        margin-bottom: 16px;
        aspect-ratio: 4 / 3;
    }

    /* Overlay */
    .bbe-three-blocks .block-item.layout--overlay .bbe-article-figure:before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 1;
        background-color: #00000052;
    }
    
    .bbe-three-blocks .block-item.layout--overlay .bbe-article-figure .entry-content {
        position: absolute;
        bottom: 0;
        padding: 6%;
        z-index: 1;
    }

    .bbe-three-blocks .block-item.layout--overlay .bbe-article-figure .entry-content * {
        color: #fff;
    }

    /*
    MARK: 3.5 Video Playlist
    */

    .bbe-video-playlist .section-head-wrap {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 20px;
    }

    .bbe-video-playlist .section-head-wrap .section-head {
        flex: 1;
        margin-bottom: 0;
    }

    .bbe-video-playlist .entry-content {
        display: grid;
        grid-template-columns: 64fr 36fr;
        gap: 25px;
    }

    .bbe-video-playlist .entry-content .video-player iframe {
        width: 100%;
        height: 100%;
        border-radius: var(--bbe-image-border-radius);
    }

    /* Videos */
    .bbe-video-playlist .entry-content .videos {
        max-height: 550px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #dddddd transparent;
    }

    .bbe-video-playlist .entry-content .video-item {
        display: flex;
        align-items: center;
        gap: 16px;
        cursor: pointer;
    }

    .bbe-video-playlist .entry-content .video-item .thumb-figure {
        width: 125px;
        flex-shrink: 0;
        overflow: hidden;
        border-radius: var(--bbe-image-border-radius);
    }

    .bbe-video-playlist .entry-content .video-item.playing .thumb-figure {
        border: 3px solid;
        border-color: var(--bbe-theme-color);
    }

    .bbe-video-playlist .entry-content .video-item .video-content {
        min-width: 0;
        flex: 1;
    }

    .bbe-video-playlist .entry-content .video-content .video-title {
        --bbe-site-font-size: 14px;
        --bbe-site-font-lineheight: 1.5;
        color: var(--bbe-site-color);
        transition: var(--transition-1);
    }

    .bbe-video-playlist .entry-content .video-content .video-title:hover {
        color: var(--bbe-site-color-hover);
    }

    /* Video Meta */
    .bbe-video-playlist .entry-content .video-content .video-meta {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin-top: 10px;
    }

    .bbe-video-playlist .entry-content .video-content .video-meta > span {
        --bbe-site-font-size: 12px;
        font-size: var(--bbe-site-font-size);
        color: var(--bbe-site-meta-color);
    }

    .bbe-video-playlist .entry-content .video-content .video-meta .video-channel {
        max-width: 150px;
        -webkit-line-clamp: 1;
        white-space: nowrap;
    }

    /* 
    MARK: 3.5.1 Layout One
    */

    .bbe-video-playlist.layout--one .entry-content .videos {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        padding-right: 6px;
    }

    /* Not Active */
    .bbe-video-playlist.layout--one:not(.active) .entry-content {
        display: initial;
    }

    .bbe-video-playlist.layout--one:not(.active) .entry-content .video-player {
        display: none;
    }

    .bbe-video-playlist.layout--one:not(.active) .entry-content .videos {
        max-height: 100%;
    }

    .bbe-video-playlist.layout--one:not(.active) .entry-content .video-item {
        flex-direction: column;
    }

    .bbe-video-playlist.layout--one:not(.active) .entry-content .video-item:nth-child( n + 5 ) {
        display: none;
    }

    .bbe-video-playlist.layout--one:not(.active) .entry-content .video-item .thumb-figure {
        position: relative;
        width: 100%;
        border: none;
        padding-bottom: 70%;
    }

    .bbe-video-playlist.layout--one:not(.active) .entry-content .video-item .thumb-figure:before {
        content: '\f167';
        font-family: 'Font Awesome 5 Brands';
        font-weight: 900;
        font-size: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        color: #FF0000;
        transition: var(--transition-1);
    }

    .bbe-video-playlist.layout--one:not(.active) .entry-content .video-item .thumb-figure:after {
        content: '';
        position: absolute;
        inset: 0;
        background: #00000024;
    }

    .bbe-video-playlist.layout--one:not(.active) .entry-content .video-item .thumb-figure:hover:before {
        transform: scale(1.05) translate(-50%, -50%);
    }

    .bbe-video-playlist.layout--one:not(.active) .entry-content .video-item .thumb-figure img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .bbe-video-playlist.layout--one:not(.active) .entry-content .close-icon {
        display: none;
    }

    /* Popup */
    .bbe-video-playlist.layout--one.active {
        --bbe-site-bg-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 5;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--bbe-site-bg-color);
    }

    .bbe-dark .bbe-video-playlist.layout--one.active {
        --bbe-site-bg-color: #292c2f;
    }

    .bbe-video-playlist.layout--one.active .view-all {
        display: none;
    }

    .bbe-video-playlist.layout--one.active .entry-content .videos {
        grid-template-columns: 100%;
    }

    /* Close Btn */
    .bbe-video-playlist.layout--one.active .entry-content .close-icon {
        position: fixed;
        top: 80px;
        right: 60px;
        color: var(--bbe-site-color);
        transition: var(--transition-1);
    }

    .bbe-video-playlist.layout--one.active .entry-content .close-icon:hover {
        color: var(--bbe-site-color-hover);
    }

    /* 
    MARK: 3.5.2 Layout Two
    */

    .bbe-video-playlist.layout--two .videos {
        padding-right: 6px;
    }

    .bbe-video-playlist.layout--two .video-item + .video-item {
        margin-top: 15px;
    }

    .bbe-video-playlist.layout--two .video-item .thumb-figure,
    .bbe-video-playlist.layout--three .video-item .thumb-figure {
        width: 115px;
        height: 105px;
    }

    /* 
    MARK: 3.5.3 Layout Three
    */

    .bbe-video-playlist.layout--three .entry-content {
        overflow: hidden;
        border-radius: var(--bbe-image-border-radius);
    }

    .bbe-video-playlist.layout--three .entry-content .video-player iframe {
        border-radius: 0;
    }

    .bbe-video-playlist.layout--three .entry-content {
        gap: 0;
    }

    .bbe-video-playlist.layout--three .entry-content .videos {
        --bbe-site-bg-color: #efefef;
        background: var(--bbe-site-bg-color);
    }

    .bbe-dark .bbe-video-playlist.layout--three .entry-content .videos {
        --bbe-site-bg-color: #efefef0f;
    }

    .bbe-video-playlist.layout--three .entry-content .video-item {
        padding: 20px 25px;
    }

    .bbe-video-playlist.layout--three .entry-content .video-item + .video-item {
        border-top: 1px solid var(--bbe-site-border-color-dark);
    }

    /*
    MARK: 3.6 Content Sidebar
    */

    .bbe-content-sidebar .content-wrapper {
        display: flex;
        align-items: flex-start;
        gap: 30px;
    }

    .bbe-content-sidebar .content-wrapper .content-block {
        flex: 1;
    }

    .bbe-content-sidebar .content-wrapper:has(.sidebar-block) > .content-block {
        flex: 0 1 70%;
        position: sticky;
        top: 0;
    }

    .bbe-content-sidebar .content-wrapper .sidebar-block {
        flex: 0 1 30%;
        position: sticky;
        top: 0;
        background: var(--bbe-site-bg-color);
    }

    .bbe-dark .bbe-content-sidebar .content-wrapper .sidebar-block {
        border-color: var(--bbe-site-border-color-muted);
    }

    .bbe-content-sidebar .content-block .bbe-article .entry-title,
    .bbe-content-sidebar .content-block .bbe-article .entry-title a {
        --bbe-site-font-size: 30px;
    }

    .bbe-content-sidebar .featured-post .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-2-1);
        margin-bottom: 25px;
    }

    .bbe-content-sidebar .featured-post .bbe-article .entry-inner {
        text-align: center;
    }

    .bbe-content-sidebar .featured-post .bbe-article .entry-inner .entry-categories,
    .bbe-content-sidebar .featured-post .bbe-article .entry-inner .entry-meta {
        justify-content: center;
    }

    .bbe-content-sidebar .featured-post .bbe-article .entry-inner .entry-categories {
        margin-bottom: 15px;
    }

    .bbe-content-sidebar .featured-post .bbe-article .entry-inner .entry-meta {
        margin-top: 15px;
    }

    /* List Posts */
    .bbe-content-sidebar .list-post {
        display: grid;
        gap: 30px;
    }

    .bbe-content-sidebar .list-post .bbe-article .entry-inner {
        flex: 1;
        gap: 10px;
    }

    .bbe-content-sidebar .sidebar-block .widget_blog_bee_post_list_widget .post-list-widget .article-wrap {
        display: grid;
        gap: 30px;
    }

    .bbe-content-sidebar .list-post .bbe-article .entry-title,
    .bbe-content-sidebar .list-post .bbe-article .entry-title a {
        font-size: calc( var(--bbe-site-font-size) * 0.5 );
        line-height: calc( var(--bbe-site-font-lineheight) * 1.04 );
    }

    .bbe-content-sidebar .list-post .bbe-article .entry-title {
        margin-bottom: 10px;
    }

    /* Layout One */
    .bbe-content-sidebar.layout--one .list-post {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 35px;
        padding-top: 30px;
        border-top: 1px solid var(--bbe-site-border-color-dark);
    }

    .bbe-content-sidebar.layout--one .featured-post .bbe-article .divider {
        width: 40px;
        height: 2px;
        margin: 15px auto;
        opacity: 0.6;
        background: var(--bbe-theme-color);
    }

    .bbe-content-sidebar.layout--one .list-post .bbe-article {
        display: flex;
        gap: 20px;
    }

    .bbe-content-sidebar.layout--one .list-post .bbe-article .bbe-article-figure {
        width: 100px;
        height: 90px;
    }

    .bbe-content-sidebar.layout--one .list-post .bbe-article .bbe-article-figure .post-format-icon {
        display: none;
    }

    /* Layout Two */
    .bbe-content-sidebar.layout--two .featured-post .bbe-article {
        display: flex;
    }

    .bbe-content-sidebar.layout--two .featured-post .bbe-article .bbe-article-figure {
        flex: 0 1 40%;
        margin: 0;
    }

    .bbe-content-sidebar.layout--two .content-wrapper:not(.sidebar-block) .featured-post .bbe-article .bbe-article-figure {
        flex: 0 1 80%;
    }

    .bbe-content-sidebar.layout--two .featured-post .bbe-article .entry-inner {
        --bbe-site-bg-color: #ff6b6b;
        flex: 1 1 60%;
        padding: 70px 50px;
        background: var(--bbe-site-bg-color);
    }

    .bbe-dark .bbe-content-sidebar.layout--two .featured-post .bbe-article .entry-inner {
        --bbe-site-bg-color: #0000004f;
    }

    .bbe-content-sidebar.layout--two .featured-post .bbe-article .entry-inner * {
        --bbe-site-color: #fff;
        color: var(--bbe-site-color);
        transition: var(--transition-1);
    }

    .bbe-content-sidebar.layout--two .featured-post .bbe-article .entry-inner .entry-categories li:hover,
    .bbe-content-sidebar.layout--two .featured-post .bbe-article .entry-inner .entry-title a:hover,
    .bbe-content-sidebar.layout--two .featured-post .bbe-article .entry-inner .entry-meta .entry-date time:hover {
        color: var(--bbe-site-color-hover);
    }

    .bbe-content-sidebar.layout--two .featured-post .bbe-article .entry-inner .entry-excerpt {
        margin-top: 10px;
    }

    .bbe-content-sidebar.layout--two .content-wrapper .main-content .list-post {
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 10px;
        row-gap: 25px;
        margin-top: 30px;
    }

    .bbe-content-sidebar.layout--two .content-wrapper .main-content .list-post .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-4-3);
        margin: 0 0 15px 0;
    }

    /* 
    MARK: 3.7 Widget Area
    */

    .frontpage-widget-area ul li,
    .frontpage-widget-area ul li {
        list-style: unset;
    }

    .frontpage-widget-area .widget_blog_bee_carousel_posts_widget .entry-categories li,
    .frontpage-widget-area .widget_blog_bee_carousel_posts_widget .slick-dots li {
        list-style: none;
        margin: 0;
    }

    body .site .frontpage-widget-area .bbe-carousel {
        padding: 0;
        background: transparent;
    }

    .frontpage-widget-area .widget .entry-date a {
        --bbe-site-color: var(--bbe-site-meta-color);
        color: var(--bbe-site-color);
    }

    .frontpage-widget-area .widget .entry-date a:hover {
        color: var(--bbe-site-color-hover);
    }

    .widget.widget_block {
        text-align: initial;
    } 

    /* 
    MARK: 3.8 Post Grid
    */

    .bbe-post-grid .article-wrap {
        display: grid;
        gap: 30px;
    }

    .bbe-post-grid.column--two .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-post-grid.column--three .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .bbe-post-grid.column--four .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    .bbe-post-grid.column--five .article-wrap {
        grid-template-columns: repeat(5, 1fr);
    }

    @media (max-width: 768px) {
        .bbe-post-grid.tab-column--one  .article-wrap {
            grid-template-columns: 100%;
        }

        .bbe-post-grid.tab-column--two  .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .bbe-post-grid.tab-column--three .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .bbe-post-grid.tab-column--four .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .bbe-post-grid.tab-column--five .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    @media (max-width: 610px) {
        .bbe-post-grid.mobile-column--one .article-wrap {
            grid-template-columns: 100%;
        }

        .bbe-post-grid.mobile-column--two .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .bbe-post-grid.mobile-column--three .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .bbe-post-grid.mobile-column--four .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .bbe-post-grid.mobile-column--five .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    .bbe-post-grid .article-wrap .bbe-article {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .bbe-post-grid .article-wrap .bbe-article .entry-inner-wrap {
        display: flex;
        gap: 14px;
    }

    .bbe-post-grid .article-wrap .bbe-article .entry-inner-wrap .entry-numbering {
        font-size: 20px;
        color: var(--bbe-theme-color);
    }

    .bbe-post-grid .article-wrap .bbe-article .entry-inner-wrap .entry-inner {
        flex: 1;
    }

    .bbe-post-grid.align--center .article-wrap .bbe-article .entry-inner {
        text-align: center;
    }
    
    .bbe-post-grid.align--right .article-wrap .bbe-article .entry-inner {
        text-align: right;
    }

    .bbe-post-grid .article-wrap .bbe-article .entry-categories {
        margin-bottom: 8px;
    }

    .bbe-post-grid .article-wrap .bbe-article .entry-meta {
        margin-top: 10px;
    }

    .bbe-article .entry-meta:empty {
        display: none;
    }

    .bbe-post-grid .article-wrap .bbe-article .entry-excerpt,
    .bbe-post-grid .article-wrap .bbe-article .bbe-post-button {
        margin-top: 15px;
    }

    /* Image Ratio */
    .bbe-post-grid.ratio--wide .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .bbe-post-grid.ratio--boxy .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .bbe-post-grid.ratio--banner .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .bbe-post-grid.ratio--square .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-1-1);
    }

    /* Overlay */
    .bbe-post-grid.overlay--enabled .bbe-article .bbe-article-figure:before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(to bottom, rgba(10, 8, 6, 0.15) 0%, rgba(10, 8, 6, 0.0) 30%, rgba(10, 8, 6, 0.55) 65%, rgb(10 8 6 / 85%) 100%);
    }

    .bbe-post-grid.overlay--enabled .bbe-article .entry-inner-wrap {
        position: absolute;
        bottom: 0;
        padding: 6%;
        z-index: 1;
    }

    body .site .bbe-post-grid.overlay--enabled:not(.image--off) .bbe-article .entry-inner * {
        color: #fff;
    }

    .bbe-post-grid.overlay--enabled:not(.image--off) .article-wrap .bbe-article .entry-inner-wrap .entry-numbering {
        color: #fff;
    }

    .bbe-post-grid .bbe-article .entry-title,
    .bbe-post-grid .bbe-article .entry-title a {
        --bbe-site-font-size: 16px;
    }

    /* Image Off */
    .bbe-post-grid.overlay--enabled.image--off .bbe-article .entry-inner-wrap {
        position: initial;
        padding: 0;
    }

    /* 
    MARK: 3.9 Post List
    */

    .bbe-post-list  .article-wrap {
        display: grid;
        gap: 30px;
    }

    .bbe-post-list.column--two .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-post-list.column--three .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .bbe-post-list.column--four .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    .bbe-post-list.column--five .article-wrap {
        grid-template-columns: repeat(5, 1fr);
    }

    @media (max-width: 768px) {
        .bbe-post-list.tab-column--one  .article-wrap {
            grid-template-columns: 100%;
        }

        .bbe-post-list.tab-column--two  .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .bbe-post-list.tab-column--three .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .bbe-post-list.tab-column--four .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .bbe-post-list.tab-column--five .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    @media (max-width: 610px) {
        .bbe-post-list.mobile-column--one .article-wrap {
            grid-template-columns: 100%;
        }

        .bbe-post-list.mobile-column--two .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .bbe-post-list.mobile-column--three .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .bbe-post-list.mobile-column--four .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .bbe-post-list.mobile-column--five .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    .bbe-post-list .article-wrap .bbe-article {
        display: flex;
        align-items: center;
        gap: 25px;
        min-width: 0;
    }

    .bbe-post-list .article-wrap .bbe-article .bbe-article-figure {
       flex: 0 1 40%;
    }

    .bbe-post-list .article-wrap .bbe-article .entry-inner {
        flex: 1;
    }

    .bbe-post-list.align--center .article-wrap .bbe-article .entry-inner {
        text-align: center;
    }

    .bbe-post-list.align--right .article-wrap .bbe-article .entry-inner {
        text-align: right;
    }

    .bbe-post-list .article-wrap .bbe-article .entry-categories {
        margin-bottom: 8px;
    }

    .bbe-post-list .article-wrap .bbe-article .entry-title,
    .bbe-post-list .article-wrap .bbe-article .entry-title a {
        --bbe-site-font-size: 16px;
    }

    .bbe-post-list .article-wrap .bbe-article .entry-meta {
        margin-top: 10px;
    }

    .bbe-post-list .article-wrap .bbe-article .entry-excerpt {
        margin-top: 13px;
    }

    .bbe-post-list .article-wrap .bbe-article .bbe-post-button {
        margin-top: 17px;
    }

    /* Image Ratio */
    .bbe-post-list.ratio--wide .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .bbe-post-list.ratio--boxy .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .bbe-post-list.ratio--banner .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .bbe-post-list.ratio--square .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-1-1);
    }

    /* 
    MARK: 3.10 Web Stories
    */

    .bbe-web-stories .section-head-wrap {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 20px;
    }

    .bbe-web-stories .section-head-wrap .section-head {
        flex: 1;
        margin: 0;
    }

	.bbe-web-stories .stories-wrap {
		display: grid;
        grid-template-columns: repeat(5, 1fr);
		gap: 16px;
	}

	.bbe-web-stories .stories-wrap.retrieving-stories .story {
		opacity: 0.5;
	}

	.bbe-web-stories .stories-wrap .preview {
		position: relative;
        cursor: pointer;
	}

    .bbe-web-stories .stories-wrap .preview .bbe-article-figure {
        position: relative;
        overflow: hidden;
        border-radius: var(--bbe-image-border-radius);
    }

    .bbe-web-stories.ratio--wide .stories-wrap .preview .bbe-article-figure {
        aspect-ratio: 4 / 5;
    }

    .bbe-web-stories.ratio--boxy .stories-wrap .preview .bbe-article-figure {
        aspect-ratio: 2 / 3;
    }

    .bbe-web-stories.ratio--banner .stories-wrap .preview .bbe-article-figure {
        aspect-ratio: 3 / 4;
    }

    .bbe-web-stories.ratio--square .stories-wrap .preview .bbe-article-figure {
        aspect-ratio: 1 / 1;
    }

	.bbe-web-stories .stories-wrap .preview .bbe-article-figure:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: linear-gradient(transparent 35%, #000000d9 100%);
		transition: background-color 0.3s ease-in-out;
	}

    .bbe-web-stories .stories-wrap .story-title-wrap {
		position: absolute;
		bottom: 18px;
		padding: 8.1%;
		z-index: 2;
	}

	.bbe-web-stories .stories-wrap .preview .story-count {
        --bbe-site-font-size: 11px;
		padding: 5px 12px;
		border-radius: 50px;
		background: #fff;
        color: #494949;
	}

	.bbe-web-stories .stories-wrap .story-title {
		--bbe-site-font-weight: 500;
		--bbe-site-font-size: 18px;
        --bbe-site-font-lineheight: 1.5;
		margin-top: 14px;
		color: #fff;
		cursor: pointer;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.bbe-web-stories .preview .indicators {
		position: absolute;
		bottom: 0;
		z-index: 1;
		display: flex;
		padding: 7% 8.1%;
		width: 100%;
		gap: 10px;
		margin: 0;
		cursor: pointer;
	}

	.bbe-web-stories .preview .indicators .indicator {
		height: 4px;
		display: block;
		background: #ffffff57;
		width: 100%;
		border-radius: 50px;
		list-style: none;
		overflow: hidden;
	}

	/* Inner Stories */
	.web-stories--open {
		overflow: hidden;
	}

    .bbe-web-stories .inner-stories-wrap.open {
		position: fixed;
		z-index: 10000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0);
		align-items: center;
		height: 100%;
		padding: 20px;
	}

    .admin-bar .bbe-web-stories .inner-stories-wrap.open {
		top: 32px;
		height: calc(100vh - 32px);
	}

	.bbe-web-stories .inner-stories-wrap.open .ambient-wrapper {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		filter: blur(10px);
		z-index: -1;
		display: none;
	}

	.bbe-web-stories.ambient .inner-stories-wrap.open .ambient-wrapper {
		display: block;
	}

	.bbe-web-stories .inner-stories {
		display: flex;
		justify-content: center;
		height: 100%;
	}

	.bbe-web-stories .inner-stories .inner-story {
		position: relative;
	}

	.bbe-web-stories .inner-stories .inner-story-wrap {
		height: 100%;
	}

	.bbe-web-stories .inner-stories .inner-story-wrap:not(.slick-initialized) {
		display: none;
	}

	.bbe-web-stories .inner-stories .slick-list {
		width: 380px;
		height: 100%;
		border-radius: var(--bbe-image-border-radius);
	}
	
	/* no thumb */
	.bbe-web-stories .inner-stories .no-thumb .slick-list {
		box-shadow: 0 0 6px 3px #ffffff29;
	}

	.bbe-web-stories .inner-stories-wrap .no-thumb .content-wrap {
		top: 50%;
		left: 50%;
		bottom: initial;
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.bbe-web-stories .inner-stories-wrap .no-thumb .content-wrap .meta-wrap,
	.bbe-web-stories .inner-stories-wrap .no-thumb .content-wrap .post-categories {
		justify-content: center;
	}

	.bbe-web-stories .no-thumb .inner-story-wrap .slick-dots li {
		background: #a3a3a32e;
	}

	@media (max-width: 610px) {
		.bbe-web-stories .inner-stories .slick-list {
			width: 410px;
		}
	}

	.bbe-web-stories .slick-track,
	.bbe-web-stories .story-cover-wrap,
	.bbe-web-stories .story-cover {
		height: 100%;
	}

	.bbe-web-stories .story-cover-wrap {
		position: relative;
	}

	.bbe-web-stories .story-cover-wrap:before {
		content: "";
		background: linear-gradient(transparent 35%, #000000d9 100%);
		opacity: .9;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.bbe-web-stories .story-cover-wrap .story-cover img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		animation: none;
	}
	
	.bbe-web-stories .slick-current .story-cover-wrap .story-cover img {
		animation: zoomIn 5s ease-in-out;
		animation-fill-mode: forwards;
		will-change: transform;
	}

	@keyframes zoomIn {
		from {
			transform: scale(1);
		}
		to {
			transform: scale(1.2);
		}
	}

	.bbe-web-stories .inner-stories-wrap .entry-inner {
		position: absolute;
		bottom: 0;
		padding: 6%;
		width: 100%;
		z-index: 1;
	}

	.bbe-web-stories .inner-stories-wrap .entry-inner * {
		color: #fff;
	}

	.bbe-web-stories .inner-stories-wrap .entry-inner .entry-categories {
		margin-bottom: 12px;
		animation: none;
	}

	.bbe-web-stories .inner-stories-wrap .entry-inner .entry-title {
		--bbe-site-font-size: 24px;
		animation: none;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	.bbe-web-stories .inner-stories-wrap .slick-current .entry-inner .entry-title {
		animation: moveIn .3s linear forwards;
		animation-fill-mode: forwards;
		will-change: transform;
	}

	@keyframes moveIn {
		0% {
			transform: translateX(50px);
			opacity: 0;
		}
		100% {
			transform: translateX(0);
			opacity: 1;
		}
	}

	.bbe-web-stories .inner-stories-wrap .entry-inner .entry-meta {
		margin-top: 14px;
		animation: none;
	}

	.bbe-web-stories .inner-stories-wrap .slick-current .entry-inner .entry-meta,
	.bbe-web-stories .inner-stories-wrap .slick-current .entry-inner .entry-categories {
		animation: slide-in .3s linear forwards;
		animation-fill-mode: forwards;
		will-change: transform;
	}

	@keyframes slide-in {
		0% {
			transform: translateX(-50px);
			opacity: 0;
		}
		100% {
			transform: translateX(0);
			opacity: 1;
		}
	}

	/* indicator */
	.bbe-web-stories .inner-story-wrap .slick-dots {
		display: flex;
		position: absolute;
		top: 0;
		padding: 3%;
		width: 100%;
		gap: 10px;
		margin: 0;
	}

	.bbe-web-stories .inner-story-wrap .slick-dots li {
		height: 4px;
		display: block;
		background: #0000002e;
		width: 100%;
		border-radius: 50px;
		list-style: none;
		overflow: hidden;
		position: relative;
	}

	.bbe-web-stories .inner-story-wrap .slick-dots li.slick-active:before {
		content: '';
		position: absolute;
		width: 20%;
		height: 4px;
		background: #fff;
		border-radius: 50px;
		animation: expandWidth var(--expandWidth-timer, 5s) ease forwards;
	}

	@keyframes expandWidth {
		from {
			width: 0;
		}
		to {
			width: 100%;
		}
	}

	.bbe-web-stories .inner-story-wrap .slick-dots li button {
		display: none;
	}

	/* buttons */
	.bbe-web-stories .action-buttons {
		position: absolute;
		top: 30px;
		right: 12px;
		display: none;
	}

	.bbe-web-stories .inner-stories-wrap.open .action-buttons {
		display: block;
	}

	.bbe-web-stories .action-buttons .action-btn {
		cursor: pointer;
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		background: rgba(0, 0, 0, 0.3);
		width: 48px;
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		transition: all 0.3s ease-in-out;
		border: none;
	}

	.bbe-web-stories .action-buttons .action-btn.close {
		margin-bottom: 10px;
	}

	/* arrow first */
    .bbe-web-stories .inner-stories-wrap:not(.open) .story-arrows .icon {
        display: none;
    }

	.bbe-web-stories .inner-stories-wrap.open .story-arrows .icon,
	.bbe-web-stories .inner-stories-wrap.open .slick-arrow {
		z-index: 1;
		background-color: #fff;
		color: #000;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		font-size: 18px;
		cursor: pointer;
		position: absolute;
		top: 50%;
        transform: translateY(-50%);
		border: none;
        display: flex !important;
        align-items: center;
        justify-content: center;
	}

	.bbe-web-stories .inner-stories-wrap.open .story-arrows .icon {
		color: #5b5b5b;
	}

	.bbe-web-stories .inner-stories-wrap.open .story-arrows .icon.disabled {
		opacity: .25;
		pointer-events: none;
	}

	.bbe-web-stories .inner-stories-wrap .story-arrows .icon.prev-arrow {
		left: -75px;
	}
	
	.bbe-web-stories .inner-stories-wrap .story-arrows .icon.next-arrow {
		right: -75px;
	}

    .bbe-web-stories .inner-stories-wrap.open .story-arrows .icon i {
        font-size: 14px;
    }

	/* arrow second */
	.bbe-web-stories .inner-story .inner-story-wrap .slick-arrow {
		border-radius: 0;
		transform: translateY(-50%);
		height: 250px;
		font-size: 18px;
		background: #ffffff14;
		color: #fff;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
	}

	.bbe-web-stories .inner-story:hover .inner-story-wrap .slick-arrow {
		opacity: 1;
		visibility: visible;
	}

	body .bbe-web-stories .inner-story .slick-arrow.slick-next {
		right: 0;
	}

    .bbe-web-stories .inner-story .inner-story-wrap .slick-arrow i {
        position: initial;
        font-size: 12px;
    }

/*
=========================================
MARK: 3.0 Archive
=========================================
*/

    .blog-bee-main-wrap .content-wrapper {
        display: flex;
        gap: 30px;
        min-width: 0;
    }

    .blog-bee-main-wrap .content-wrapper .site-main {
        flex: 1;
    }

    .blog-bee-main-wrap .content-wrapper:has(.widget-area) .site-main {
        flex: 0 1 70%;
    }

    .blog-bee-main-wrap .content-wrapper .widget-area {
        flex: 0 1 30%;
    }

    .content-wrapper:has( > aside:nth-of-type(2) ) .widget-area {
        flex: 0 0 20%;
        min-width: 0;
    }

    .widget-area {
        background: var(--bbe-site-bg-color);
    }

    .bbe-dark .widget-area {
        border-color: var(--bbe-site-border-color-muted);
    }

    /* Columns */
    .blog-bee-main-wrap .article-wrap {
        display: grid;
        gap: 30px;
    }

    .blog-bee-main-wrap.column--two .site-main .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-bee-main-wrap.column--three .site-main .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .blog-bee-main-wrap.column--four .site-main .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    .blog-bee-main-wrap.column--five .site-main .article-wrap {
        grid-template-columns: repeat(5, 1fr);
    }

    @media ( max-width: 768px ) {
        .blog-bee-main-wrap.tab-column--one .site-main .article-wrap {
            grid-template-columns: 100%;
        }

        .blog-bee-main-wrap.tab-column--two .site-main .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .blog-bee-main-wrap.tab-column--three .site-main .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .blog-bee-main-wrap.tab-column--four .site-main .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .blog-bee-main-wrap.tab-column--five .site-main .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    @media ( max-width: 610px ) {
        .blog-bee-main-wrap.mobile-column--one .site-main .article-wrap {
            grid-template-columns: 100%;
        }

        .blog-bee-main-wrap.mobile-column--two .site-main .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .blog-bee-main-wrap.mobile-column--three .site-main .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .blog-bee-main-wrap.mobile-column--four .site-main .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .blog-bee-main-wrap.mobile-column--five .site-main .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    /* Image Ratio */
    .blog-bee-main-wrap.ratio--wide .site-main .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .blog-bee-main-wrap.ratio--boxy .site-main .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .blog-bee-main-wrap.ratio--rectangle .site-main .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-3-1);
    }

    .blog-bee-main-wrap.ratio--banner .site-main .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .blog-bee-main-wrap.ratio--square .site-main .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-1-1);
    }

    .blog-bee-main-wrap .site-main .bbe-article {
        position: relative;
    }

    .blog-bee-main-wrap .site-main .bbe-article .entry-content {
        display: grid;
        gap: 25px;
    }

    .blog-bee-main-wrap.align--center .site-main .bbe-article .entry-content {
        text-align: center;
    }

    .blog-bee-main-wrap.align--right .site-main .bbe-article .entry-content {
        text-align: right;
    }

    /* Post Grid */
    body .blog-bee-main-wrap.layout--grid.column--one .site-main .bbe-article .entry-inner .entry-title,
    body .blog-bee-main-wrap.layout--grid.column--one .site-main .bbe-article .entry-inner .entry-excerpt {
        max-width: 80%;
    }

    body .blog-bee-main-wrap.layout--grid.column--one.align--center .site-main .bbe-article .entry-inner .entry-title,
    body .blog-bee-main-wrap.layout--grid.column--one.align--center .site-main .bbe-article .entry-inner .entry-excerpt {
        margin-inline: auto;
    }

    body .blog-bee-main-wrap.layout--grid.column--one.align--right .site-main .bbe-article .entry-inner .entry-title,
    body .blog-bee-main-wrap.layout--grid.column--one.align--right .site-main .bbe-article .entry-inner .entry-excerpt {
        margin-left: auto;
    }

    body:not(.single) .blog-bee-main-wrap.layout--grid .site-main .bbe-article .entry-content {
        gap: 0;
    }

    body:not(.single) .blog-bee-main-wrap.layout--grid .site-main .bbe-article .entry-inner:first-of-type {
        margin-bottom: 25px;
    }

    body:not(.single) .blog-bee-main-wrap.layout--grid .site-main .bbe-article .entry-inner:last-of-type {
        margin-top: 25px;
    }

    body:not(.single) .blog-bee-main-wrap.layout--grid .site-main .bbe-article .entry-inner:first-child {
        margin-top: 0;
    }

    body:not(.single) .blog-bee-main-wrap.layout--grid .site-main .bbe-article .entry-inner:last-child {
        margin-bottom: 0;
    }

    body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner .entry-categories {
        margin-top: 12px;
    }

    body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner .entry-title {
        margin-top: 12px;
    }

    body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner .entry-meta {
        margin-top: 10px;
    }

    body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner .entry-excerpt {
        margin-top: 13px;
    }

    body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner .bbe-post-button {
        margin-top: 17px;
    }

    body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner > *:first-child {
        margin-top: 0;
    }

    body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner > *:last-child {
        margin-bottom: 0;
    }

    body.no-image-padding:not(.single) #page.site .blog-bee-main-wrap.layout--grid.card--default .site-main .bbe-article .entry-inner,
    body.no-image-padding:not(.single) #page.site .blog-bee-main-wrap.layout--grid.card--boxed .site-main .bbe-article .entry-inner {
        margin-block: 0;
    }

    /* Overlay Enabled */
    .blog-bee-main-wrap.overlay--enabled .site-main .bbe-article .bbe-article-figure:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
        background-color: #2c2f3040;
        transition: var(--transition-1);
    }

    .blog-bee-main-wrap.overlay--enabled .site-main .bbe-article .entry-inner {
        position: absolute;
        bottom: 0;
        z-index: 1;
        padding: 6%;
        width: 100%;
    }

    body .site .blog-bee-main-wrap.layout--grid.overlay--enabled .site-main .bbe-article .entry-inner {
        margin: 0;
    }

    .blog-bee-main-wrap.overlay--enabled .site-main .bbe-article .entry-inner :is(.entry-title a, .entry-categories a, .entry-excerpt p, .entry-meta > div, .entry-meta > div a, .entry-meta svg, .bbe-post-button a, .share-button) {
        color: #fff;
        background: transparent;
        border: none;
        padding: 0;
    }

    /* Layout List */
    .blog-bee-main-wrap.overlay--enabled.layout--list .site-main .bbe-article .entry-content {
        grid-template-columns: 100%;
    }

    /* Alter Enabled */
    .blog-bee-main-wrap.alter--enabled .site-main .bbe-article:nth-child(even) .bbe-article-figure {
        order: 2;
    }

    body:not(.single) .blog-bee-main-wrap.layout--grid.alter--enabled .site-main .bbe-article:nth-child(even) .entry-inner:last-of-type {
        margin-bottom: 25px;
        margin-top: 0;
    }

    /* Image Position */
    .blog-bee-main-wrap.position--right .site-main .bbe-article .bbe-article-figure {
        order: 2;
    }

    /* Masonry */
    .blog-bee-main-wrap.masonry--on .site-main .bbe-article {
        width: 100%;
        margin-bottom: 30px;
        break-inside: avoid;
    }

    .blog-bee-main-wrap.masonry--on.column--two .site-main .bbe-article,
    .blog-bee-main-wrap.masonry--on.column--two .site-main .bbe-masonry-sizer {
        width: calc((100% - (2 - 1) * 30px) / 2);
    }

    .blog-bee-main-wrap.masonry--on.column--three .site-main .bbe-article,
    .blog-bee-main-wrap.masonry--on.column--three .site-main .bbe-masonry-sizer {
        width: calc((100% - (3 - 1) * 30px) / 3);
    }

    .blog-bee-main-wrap.masonry--on.column--four .site-main .bbe-article,
    .blog-bee-main-wrap.masonry--on.column--four .site-main .bbe-masonry-sizer {
        width: calc((100% - (4 - 1) * 30px) / 4);
    }

    .blog-bee-main-wrap.masonry--on.column--five .site-main .bbe-article,
    .blog-bee-main-wrap.masonry--on.column--five .site-main .bbe-masonry-sizer {
        width: calc((100% - (5 - 1) * 30px) / 5);
    }

    @media ( max-width: 768px ) {
        .blog-bee-main-wrap.masonry--on.tab-column--one .site-main .bbe-article,
        .blog-bee-main-wrap.masonry--on.tab-column--one .site-main .bbe-masonry-sizer {
            width: initial;
        }

        .blog-bee-main-wrap.masonry--on.tab-column--two .site-main .bbe-article,
        .blog-bee-main-wrap.masonry--on.tab-column--two .site-main .bbe-masonry-sizer {
            width: calc((100% - (2 - 1) * 30px) / 2);
        }

        .blog-bee-main-wrap.masonry--on.tab-column--three .site-main .bbe-article,
        .blog-bee-main-wrap.masonry--on.tab-column--three .site-main .bbe-masonry-sizer {
            width: calc((100% - (3 - 1) * 30px) / 3);
        }

        .blog-bee-main-wrap.masonry--on.tab-column--four .site-main .bbe-article,
        .blog-bee-main-wrap.masonry--on.tab-column--four .site-main .bbe-masonry-sizer {
            width: calc((100% - (4 - 1) * 30px) / 4);
        }

        .blog-bee-main-wrap.masonry--on.tab-column--five .site-main .bbe-article,
        .blog-bee-main-wrap.masonry--on.tab-column--five .site-main .bbe-masonry-sizer {
            width: calc((100% - (5 - 1) * 30px) / 5);
        }
    }

    @media ( max-width: 610px ) {
        .blog-bee-main-wrap.masonry--on.mobile-column--one .site-main .bbe-article,
        .blog-bee-main-wrap.masonry--on.mobile-column--one .site-main .bbe-masonry-sizer {
            width: initial;
        }

        .blog-bee-main-wrap.masonry--on.mobile-column--two .site-main .bbe-article,
        .blog-bee-main-wrap.masonry--on.mobile-column--two .site-main .bbe-masonry-sizer {
            width: calc((100% - (2 - 1) * 30px) / 2);
        }

        .blog-bee-main-wrap.masonry--on.mobile-column--three .site-main .bbe-article,
        .blog-bee-main-wrap.masonry--on.mobile-column--three .site-main .bbe-masonry-sizer {
            width: calc((100% - (3 - 1) * 30px) / 3);
        }

        .blog-bee-main-wrap.masonry--on.mobile-column--four .site-main .bbe-article,
        .blog-bee-main-wrap.masonry--on.mobile-column--four .site-main .bbe-masonry-sizer {
            width: calc((100% - (4 - 1) * 30px) / 4);
        }

        .blog-bee-main-wrap.masonry--on.mobile-column--five .site-main .bbe-article,
        .blog-bee-main-wrap.masonry--on.mobile-column--five .site-main .bbe-masonry-sizer {
            width: calc((100% - (5 - 1) * 30px) / 5);
        }
    }

    .blog-bee-main-wrap.masonry--on.overlay--enabled .content-wrapper .site-main .bbe-article .bbe-article-figure {
        aspect-ratio: unset;
    }

    .blog-bee-main-wrap.masonry--on.overlay--enabled .site-main .bbe-article .bbe-article-figure > a,
    .blog-bee-main-wrap.masonry--on.overlay--enabled .site-main .bbe-article .bbe-article-figure > iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .blog-bee-main-wrap.masonry--on.overlay--enabled .site-main .bbe-article .entry-inner {
        position: relative;
    }

    /* Edit Posts Button */
    .blog-bee-main-wrap .bbe-article .entry-footer {
        position: absolute;
        top: -21px;
        left: 0;
        line-height: 1;
        opacity: 0;
        visibility: hidden;
        transition: var(--transition-1);
    }

    .blog-bee-main-wrap .bbe-article:hover .entry-footer {
        opacity: 1;
        visibility: visible;
    }

    .blog-bee-main-wrap .bbe-article .entry-footer .post-edit-link {
        color: #ffffff;
        background: #2271b1;
        padding: 5px 7px;
        font-size: 10px;
        letter-spacing: 0.6px;
        text-transform: uppercase;
    }

    /* Social Share */
    .article-wrap .entry-social-share {
        position: relative;
    }

    .article-wrap .entry-social-share .share-button {
        color: var(--bbe-site-color);
    }

    .article-wrap .entry-social-share .social-shares {
        position: absolute;
        top: 100%;
        left: 50%;
        opacity: 0;
        visibility: hidden;
        padding: 8px 12px;
        border-radius: 3px;
        display: flex;
        gap: 14px;
        z-index: 1;
        align-items: center;
        transform: translate(-50%, 25px);
        transition: var(--transition-2);
        box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 4%);
        border: 1px solid var(--bbe-site-grey-color);
        background-color: var(--bbe-site-bg-color);
    }

    .article-wrap .entry-social-share .social-shares {
        --bbe-site-bg-color: #fff;
        padding: 8px 12px;
        border: 1px solid var(--bbe-site-grey-color);
        background-color: var(--bbe-site-bg-color);
    }

    .bbe-dark .article-wrap .entry-social-share:not(.official--on) .social-shares {
        --bbe-site-bg-color: #292c2f;
    }

    .article-wrap .entry-social-share:hover .social-shares {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 15px);
    }

    .article-wrap .entry-social-share .social-shares:before {
        bottom: calc(100% - 6px);
        left: 50%;
        content: " ";
        height: 12px;
        width: 12px;
        border-radius: 2px;
        position: absolute;
        background-color: var(--bbe-site-bg-color);
        border: 1px solid transparent;
        border-left-color: var(--bbe-site-grey-color);
        border-top-color: var(--bbe-site-grey-color);
        transform: translateX(-50%) rotateZ(41deg);
        -webkit-box-shadow: -1px 1px 1px -1px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: -1px 1px 3px -1px rgba(0,0,0,0.05);
        box-shadow: -1px -1px 3px -1px rgb(0 0 0 / 23%);
    }

    .article-wrap .entry-social-share .social-shares li a {
        font-size: 12px;
        color: var(--bbe-site-color);
    }

    .article-wrap .entry-social-share .social-shares li a:hover {
        --bbe-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    /* List Layout */
    .blog-bee-main-wrap.layout--list.column--two .site-main .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    body .site .bbe-sections-wrap .blog-bee-main-wrap.layout--list .site-main .bbe-article {
        border-bottom: 1px solid var(--bbe-site-border-color-muted);
        padding-bottom: 30px;
        overflow: visible;
    }

    body .site .blog-bee-main-wrap.layout--list .site-main .bbe-article:last-child {
        padding: 0;
        border: none;
    }

    .blog-bee-main-wrap.overlay--enabled.layout--list .site-main .bbe-article .entry-inner {
        max-width: 85%;
    }

    .blog-bee-main-wrap.overlay--enabled.layout--list.align--center .site-main .bbe-article .entry-inner {
        left: 50%;
        transform: translateX(-50%);
    }

    .blog-bee-main-wrap.overlay--enabled.layout--list.align--right .site-main .bbe-article .entry-inner {
        right: 0;
    }

    .blog-bee-main-wrap.layout--list .site-main .bbe-article .entry-content {
        grid-template-columns: 30fr 70fr;
        align-items: center;
    }

    .blog-bee-main-wrap.layout--list.alter--enabled .site-main .bbe-article:nth-child(even) .entry-content,
    .blog-bee-main-wrap.layout--list.position--right .site-main .bbe-article .entry-content {
        grid-template-columns: 70fr 30fr;
    }

    /* Pagination */
    .blog-bee-main-wrap:not(.masonry--on) .bbe-pagination {
        margin-top: 40px;
    }

    /* Styles */
    .blog-bee-main-wrap .bbe-pagination.default.filled .nav-links a {
        --bbe-site-bg-color: #efefef;
        background: var(--bbe-site-bg-color);
        padding: 6px 14px;
    }

    .blog-bee-main-wrap .bbe-pagination.default.filled .nav-links a:hover {
        --bbe-site-bg-color-hover: #efefef;
        background: var(--bbe-site-bg-color-hover);
    }

    .blog-bee-main-wrap .bbe-pagination.default.outline .nav-links a {
        border: 1px solid var(--bbe-site-border-color);
        padding: 6px 14px;
    }

    .blog-bee-main-wrap .bbe-pagination.default.outline .nav-links a:hover {
        border: 1px solid var(--bbe-site-border-color-hover);
    }

    .blog-bee-main-wrap .bbe-pagination.default.rounded .nav-links a,
    .blog-bee-main-wrap .bbe-pagination.number.rounded .page-numbers .page-numbers.current,
    .blog-bee-main-wrap .bbe-pagination.ajax.rounded .label {
        border-radius: 4px;
    }

    .blog-bee-main-wrap .bbe-pagination.default.circle .nav-links a,
    .blog-bee-main-wrap .bbe-pagination.number.circle .page-numbers .page-numbers.current,
    .blog-bee-main-wrap .bbe-pagination.ajax.circle .label {
        border-radius: 30px;
    }

        /* Default */
        .blog-bee-main-wrap .bbe-pagination.default .nav-links {
            display: flex;
            justify-content: space-between;
        }

        .blog-bee-main-wrap .bbe-pagination.default .nav-links a {
            font-size: 14px;
            color: var(--bbe-site-color);
            display: inline-block;
        }

        .blog-bee-main-wrap .bbe-pagination.default .nav-links a:hover {
            color: var(--bbe-site-color-hover);
        }

        /* Numbers */
        .blog-bee-main-wrap .bbe-pagination.number > .page-numbers {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 20px;
        }

        .blog-bee-main-wrap .bbe-pagination.number .prev.page-numbers i,
        .blog-bee-main-wrap .bbe-pagination.number .next.page-numbers i {
            background: transparent;
            border: none;
            width: initial;
            height: initial;
            font-size: 16px;
        }

        .blog-bee-main-wrap .bbe-pagination.number .page-numbers a {
            color: var(--bbe-site-color);
        }

        .blog-bee-main-wrap .bbe-pagination.number .page-numbers .page-numbers.current {
            color: var(--bbe-theme-color);
        }

        .blog-bee-main-wrap .bbe-pagination.number .page-numbers a:hover {
            color: var(--bbe-site-color-hover);
        }

        .blog-bee-main-wrap .bbe-pagination.number .page-numbers .page-numbers.current {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
        }

        .blog-bee-main-wrap .bbe-pagination.number.filled .page-numbers span.page-numbers.current,
        .blog-bee-main-wrap .bbe-pagination.number.outline .page-numbers span.page-numbers.current {
            width: 35px;
            height: 35px;
            line-height: 35px;
        }

        .blog-bee-main-wrap .bbe-pagination.number.filled .page-numbers .page-numbers.current {
            --bbe-site-bg-color: var(--bbe-theme-color);
            color: #fff;
            background: var(--bbe-site-bg-color);
        }

        .blog-bee-main-wrap .bbe-pagination.number.outline .page-numbers span.page-numbers.current {
            border: 1px solid var(--bbe-site-border-color);
        }

        .blog-bee-main-wrap .bbe-pagination.number .dots {
            color: var(--bbe-site-color);
        }

        /* Ajax */
        .blog-bee-main-wrap .bbe-pagination.ajax {
            text-align: center;
        }

        .blog-bee-main-wrap .bbe-pagination.ajax.filled .label,
        .blog-bee-main-wrap .bbe-pagination.ajax.outline .label {
            line-height: 46px;
            padding: 0 50px;
            height: 46px;
        }

        .blog-bee-main-wrap .bbe-pagination.ajax.filled .label {
            background: var(--bbe-site-bg-color);
        }

        .blog-bee-main-wrap .bbe-pagination.ajax.filled .label:hover {
            background: var(--bbe-site-bg-color-hover);
        }

        .blog-bee-main-wrap .bbe-pagination.ajax.outline .label {
            border: 1px solid var(--bbe-site-border-color);
        }

        .blog-bee-main-wrap .bbe-pagination.ajax.outline .label:hover {
            border-color: var(--bbe-site-border-color-hover);
        }

        .blog-bee-main-wrap .bbe-pagination.ajax .label {
            font-size: 12px;
            text-transform: uppercase;
            color: var(--bbe-site-color);
            display: flex;
            align-items: center;
            transition: var(--transition-1);
        }

        .blog-bee-main-wrap .bbe-pagination.ajax .label:hover {
            color: var(--bbe-site-color-hover);
        }

        .blog-bee-main-wrap .bbe-pagination.ajax .hidden {
            display: none;
        }

    /* No Result Found */
    .ajax-wrapper .no-results-label {
        color: var(--bbe-site-color);
        margin-top: 20px;
        display: inline-block;
    }

    .bbe-pagination .ajax-wrapper .no-results-label {
        margin: 0;
    }

    .ajax-wrapper .no-results-label.hidden {
        display: none;
    }

    body .site .ajax-wrapper .ajax-button.hidden {
        display: none;
    }

/*
=========================================
MARK: 5.0 Single Post
=========================================
*/

    .single .blog-bee-main-wrap .bbe-article-figure .post-thumbnail {
        height: 100%;
    }

    .single .single-article .entry-inner .entry-title,
    .single .single-header .entry-inner .entry-title {
        --bbe-site-font-size: 30px;
        --bbe-site-font-lineheight: 1.46;
        max-width: 800px;
        color: var(--bbe-site-color);
        margin-top: 15px;
    }

    .single .row > .single-header {
        margin-bottom: 25px;
    }

    .single .align--center .single-article .entry-inner,
    .single .align--center .single-header .entry-inner {
        text-align: center;
        align-items: center;
    }

    .single .align--center .single-article .entry-inner .entry-title,
    .single .align--center .single-header .entry-inner .entry-title {
        margin-inline: auto;
    }

    .single .align--right .single-article .entry-inner,
    .single .align--right .single-header .entry-inner {
        text-align: right;
        align-items: flex-end;
    }

    .single .align--right .single-article .entry-inner .entry-title,
    .single .align--right .single-header .entry-inner .entry-title {
        margin-left: auto;
    }

    .single .single-header .entry-inner > *:first-child {
        margin-top: 0;
    }

    .single .single-header .entry-categories {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 15px;
    }

    .single .single-header .entry-categories .cat-item,
    .single .single-header .entry-categories .cat-item a {
        --bbe-site-font-weight: 700;
        --bbe-site-font-size: 11px;
        --bbe-site-font-letterspacing: 0.05em;
        --bbe-site-font-texttransform: uppercase;
        color: var(--bbe-site-meta-color);
    }

    .single .single-header .entry-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        row-gap: 6px;
        margin-top: 10px;
    }

    .single .single-header .entry-meta i {
        font-size: calc(var(--bbe-site-font-size) * 0.89);
        margin-right: 6px;
    }

    .single .single-header .entry-meta > div {
        --bbe-site-font-size: 11px;
        --bbe-site-font-letterspacing: 0.02em;
        --bbe-site-font-texttransform: uppercase;
        color: var(--bbe-site-meta-color);
        display: flex;
        align-items: center;
    }

    .single .single-header .entry-meta > div a {
        color: inherit;
        display: inline-block;
    }

    /* Image Ratio */
    .blog-bee-main-wrap.ratio--wide .single-header .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .blog-bee-main-wrap.ratio--boxy .single-header .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .blog-bee-main-wrap.ratio--banner .single-header .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .blog-bee-main-wrap.ratio--square .single-header .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-1-1);
    }
    
    /* Layout One */
    .single .blog-bee-main-wrap.layout--one .single-article .entry-inner {
        margin-top: 30px;
    }

    /* Layout Two */
    .single .blog-bee-main-wrap.layout--two .single-header .bbe-article-figure:after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(10, 8, 6, 0.15) 0%, rgba(10, 8, 6, 0.0) 30%, rgba(10, 8, 6, 0.55) 65%, rgb(10 8 6 / 85%) 100%);
    }

    .single .blog-bee-main-wrap.layout--two .single-header .bbe-article-figure img {
        filter: brightness(0.8) saturate(0.85);
    }

    .single .blog-bee-main-wrap.layout--two .single-header .entry-inner {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 4%;
        z-index: 1;
    }

    .single .blog-bee-main-wrap.layout--two .single-header .entry-inner * {
        color: #fff;
    }

    /* Layout Three */
    .single .blog-bee-main-wrap.layout--three .entry-inner .entry-title {
        max-width: 90%;
    }

    /* Layout Four */
    .single .blog-bee-main-wrap.layout--four .single-header {
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .single .blog-bee-main-wrap.layout--four .single-header .bbe-article-figure {
        flex: 0 1 40%;
    }

    .single .blog-bee-main-wrap.layout--four .entry-inner {
        flex: 1;
    }

    .single .blog-bee-main-wrap.layout--four .entry-inner .entry-title {
        font-size: calc( var(--bbe-site-font-size) - 8px );
    }

    /* Single Content */
    .single .entry-excerpt.align--left p {
        text-align: left;
    }

    .single .entry-excerpt.align--center p {
        text-align: center;
    }

    .single .entry-excerpt.align--right p {
        text-align: right;
    }
    
    .single .entry-excerpt.align--justify p {
        text-align: justify;
    }

    .single .entry-excerpt *,
    .page .entry-excerpt * {
        margin-bottom: 20px;
    }

    .single .entry-excerpt *:last-child,
    .page .entry-excerpt *:last-child {
        margin: 0;
    }

    .wp-block-quote {
        position: relative;
        padding: 15px 25px;
        margin: 35px 0;
    }

    .wp-block-code {
        padding: 20px 25px;
        color: var(--bbe-site-color);
        background: #eeeeee;
    }

    .bbe-dark .wp-block-code {
        background: #ffffff17;
    }

    .wp-block-quote:before {
        content: '“';
        line-height: 1;
        color: var(--bbe-site-color);
        opacity: 0.1;
        font-size: 8rem;
        position: absolute;
        left: -12px;
        top: -11px;
        font-family: Georgia, "Times New Roman", serif;
    }

    .single .wp-block-embed iframe {
        width: 100%;
        height: 100%;
        aspect-ratio: 3 / 2;
    }

    /* Tags */
    .single .tags-links {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin-top: 20px;
        color: var(--bbe-site-color);
    }

    .single .tags-links a {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 4px 12px;
        margin: 0;
        border-radius: 100px;
        font-size: 13px;
        font-weight: 500;
        text-transform: capitalize;
        transition: var(--transition-1);
        border: 0.5px solid var(--bbe-site-border-color-muted);
    }

    .single .tags-links a:before {
        content: '\f02b';
        font-family: 'Font Awesome 7 Free';
        font-weight: 600;
        font-size: 12px;
        margin-bottom: -2px;
        color: var(--bbe-site-meta-color);
    }

    .single .tags-links a:hover {
        color: var(--bbe-theme-color);
        border-color: var(--bbe-theme-color);
    }

    /* Navigation */
    .bbe-post-navigation {
        margin: 40px 0;
    }

    .bbe-post-navigation .nav-links {
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }

    .bbe-post-navigation .nav-links > div {
        flex: 1;
    }

    .bbe-post-navigation .nav-links .nav-previous {
        text-align: left;
    }

    .bbe-post-navigation .nav-links .nav-next {
        text-align: right;
    }

    .bbe-post-navigation .nav-links a {
        display: flex;
        gap: 20px;
        min-width: 0;
        padding: 16px 20px;
        border: 1px solid var(--bbe-site-border-color-dark);
    }

    .bbe-post-navigation .nav-links a:hover {
        background: #f9fafb;
    }

    .bbe-dark .bbe-post-navigation .nav-links a:hover {
        background: #f9fafb12;
    }

    .bbe-post-navigation .nav-next a {
        justify-content: flex-end;
    }

    .bbe-post-navigation .nav-links .nav-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        flex: 1;
    }

    .bbe-post-navigation .nav-links .bbe-article-figure {
        width: 100px;
        height: 90px;
    }

    .bbe-post-navigation .nav-subtitle {
        font-size: 11px;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--bbe-site-meta-color);
    }

    .bbe-post-navigation .nav-title {
        font-weight: 400;
        font-size: 14px;
        color: var(--bbe-site-color);
    }

    .bbe-post-navigation .nav-date {
        margin-top: -2px;
        display: initial;
        transition: color .3s ease-in-out;
    }

    .bbe-post-navigation .nav-next .nav-title {
        margin-left: auto;
    }

    /* Author Box */
    .bbe-author-box {
        padding-top: 30px;
        margin: 2rem 0;
        text-align: center;
        border-top: 1px solid var(--bbe-site-border-color-dark);
    }

    .bbe-author-box .author-thumb img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        margin-inline: auto;
    }

    .bbe-author-box .author-name {
        font-size: 18px;
        font-weight: 500;
        margin: 0 0 14px;
        text-transform: capitalize;
    }

    .bbe-author-box .author-name a {
        color: var(--bbe-site-color);
    }

    .bbe-author-box .author-name a:hover {
        color: var(--bbe-site-color-hover);
    }

    .bbe-author-box .author-desc {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 15px;
        color: var(--bbe-site-excerpt-color);
    }

    .bbe-author-box .author-socials {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 16px;
    }

    .bbe-author-box .author-socials .social-item {
        color: var(--bbe-site-color);
        font-size: 16px;
    }

    .bbe-author-box .author-socials .social-item i {
        transition: var(--transition-1);
    }

    .bbe-author-box .author-socials .social-item:hover .fa-facebook-f {
        color: #1877F2;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-x-twitter {
        color: #000000;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-linkedin-in {
        color: #0A66C2;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-instagram {
        color: #E4405F;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-youtube {
        color: #FF0000;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-telegram {
        color: #26A5E4;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-whatsapp {
        color: #25D366;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-tiktok {
        color: #000000;
    }

    .bbe-author-box .author-socials .social-item:hover .fa-weixin {
        color: #07C160;
    }

    /* Layout One */
    .bbe-author-box.layout--default .author-elements {
        margin-top: 32px;
    }

    /* Layout Two */
    .bbe-author-box.layout--side {
        display: flex;
        align-items: center;
        gap: 35px;
    }

    .bbe-author-box.layout--side .author-elements {
        text-align: left;
        flex: 1;
    }

    /* Social Share */
    .single .content-wrapper .bbe-article .social-content-wrap {
        display: flex;
        align-items: flex-start;
        gap: 35px;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-excerpt {
        flex: 1;
    }

    .single .content-wrapper .bbe-article .social-content-wrap:has(.is-inline) {
        flex-direction: column;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed {
        position: sticky;
        top: 120px;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed.position--right {
        order: 2;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .share-icon {
        margin-right: 6px;
        font-size: 12px;
        color: var(--bbe-site-meta-color);
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .share-text {
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        color: var(--bbe-site-meta-color);
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .social-shares {
        text-align: center;
        margin-top: 22px;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .social-shares .social + .social {
        margin-top: 10px;
    }

    .single .content-wrapper .bbe-article .social-content-wrap .official--off .social-shares li a {
        color: var(--bbe-site-color);
    }

    .single .content-wrapper .bbe-article .social-content-wrap .official--off .social-shares li a:hover {
        --bbe-site-color-hover: var(--bbe-theme-color);
        color: var(--bbe-site-color-hover);
    }

    /* Inline */
    .entry-social-share.is-inline {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .entry-social-share.is-inline .share-button {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .entry-social-share.is-inline .share-button:after {
        content: ':';
    }

    .entry-social-share.is-inline .social-shares {
        display: flex;
        gap: 8px;
    }

    /* Comment Area */
    .comments-area {
        margin-top: 40px;
    }

    .comments-area .comment-respond {
        padding: 28px;
        border-radius: var(--bbe-image-border-radius);
        border: 1px solid var(--bbe-site-border-color-dark);
    }

    .comments-area .comment-respond .comment-reply-title {
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 28px;
        color: var(--bbe-site-color);
    }

    .comments-area .comment-form {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }

    .comments-area .comment-form p {
        position: relative;
        width: 100%;
    }

    .comments-area .comment-form .comment-notes {
        margin-bottom: 20px;
    }

    .comments-area .comment-form .comment-notes,
    .comments-area .comment-form .logged-in-as,
    .comments-area .comment-form .comment-form-cookies-consent {
        font-weight: 400;
        font-size: 13px;
        color: var(--bbe-site-excerpt-color);
        padding: 10px 14px;
        background: #f9fafb;
        border-radius: var(--bbe-image-border-radius);
        border: 1px solid var(--bbe-site-border-color-muted);
    }

    .bbe-dark .comments-area .comment-form .comment-notes,
    .bbe-dark .comments-area .comment-form .logged-in-as,
    .bbe-dark .comments-area .comment-form .comment-form-cookies-consent {
        background: #313538;
    }

    .comments-area .comment-form .logged-in-as a {
        color: #0073aa;
        text-decoration: underline;
    }

    .comments-area .comment-form .logged-in-as a:hover {
        color: var(--bbe-site-color);
    }

    .comments-area .comment-form .required {
        color: #D85A30;
        margin-left: 2px;
    }

    .comments-area .comment-form .comment-form-author,
    .comments-area .comment-form .comment-form-email {
        width: calc( 50% - 10px );
    }

    .comments-area .comment-form label {
        font-weight: 400;
        font-size: 12px;
        color: var(--bbe-site-color);
        letter-spacing: 0.03em;
        display: block;
        margin-bottom: 6px;
    }

    .comments-area .comment-form input[type="text"],
    .comments-area .comment-form input[type="email"],
    .comments-area .comment-form input[type="url"],
    .comments-area .comment-form textarea {
        font-size: 14px;
        padding: 0 12px 0 12px;
        width: 100%;
        height: 40px;
        border-radius: var(--bbe-image-border-radius);
        outline: none;
        color: var(--bbe-site-color);
        background: transparent;
        transition: var(--transition-1);
        border: 1px solid var(--bbe-site-border-color-muted);
    }

    .comments-area .comment-form textarea#comment {
        height: 130px;
        padding: 12px;
        resize: vertical;
        line-height: 1.6;
    }

    .comments-area .comment-form input:hover,
    .comments-area .comment-form textarea:hover {
        border-color: #d1d5db;
    }

    .bbe-dark .comments-area .comment-form input:hover,
    .bbe-dark .comments-area .comment-form textarea:hover {
        border-color: #d1d5db80;
    }

    .comments-area .comment-form input:focus,
    .comments-area .comment-form textarea:focus {
        border-color: #378ADD;
        box-shadow: 0 0 0 3px rgba(55, 138, 221, 0.1);
    }
    
    .comments-area .comment-form .comment-form-cookies-consent {
        display: flex;
        gap: 10px;
        margin-top: 20px;
    }

    .comments-area .comment-form .comment-form-cookies-consent input[type="checkbox"] {
        width: 14px;
        height: 14px;
        margin-top: 1px;
        accent-color: #378ADD;
        cursor: pointer;
    }

    .comments-area .comment-form .comment-form-cookies-consent label {
        line-height: 1.5;
        cursor: pointer;
        margin: 0;
    }

    /* Submit Button */
    .comments-area .comment-form .form-submit .submit {
        font-weight: 500;
        font-size: 14px;
        display: inline-flex;
        align-items: center;
        padding: 0 24px;
        height: 42px;
        background: #111827;
        border-radius: var(--bbe-image-border-radius);
        color: #ffffff;
        cursor: pointer;
        margin-top: 10px;
        transition: var(--transition-1);
    }

    .comments-area .comment-form .form-submit .submit:hover {
        background: var(--bbe-theme-color);
    }

    .comments-area .comment-form .form-submit .submit:active {
        transform: scale(0.98);
    }

    /* 
    MARK: 5.1 Related Posts
    */

    .single .bbe-related-posts {
        margin-top: 50px;
    }

    .single .bbe-related-posts.column--two .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .single .bbe-related-posts.column--three .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .single .bbe-related-posts.column--four .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Image Ratio */
    .single .bbe-related-posts.ratio--wide .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .single .bbe-related-posts.ratio--boxy .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .single .bbe-related-posts.ratio--banner .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .single .bbe-related-posts.ratio--square .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-1-1);
    }

    .single .bbe-related-posts .entry-content .entry-categories {
        margin-bottom: 12px;
    }

    .single .bbe-related-posts .entry-content .entry-meta {
        margin-top: 10px;
    }

    /* List Layout */
    .single .bbe-related-posts.layout--list .bbe-article {
        display: flex;
        gap: 18px;
        align-items: center;
    }

    .single .bbe-related-posts.layout--list .bbe-article .bbe-article-figure {
        width: 120px;
    }

    .single .bbe-related-posts.layout--list .bbe-article .entry-content {
        flex: 1;
    }

    /* Grid Layout */
    .single .bbe-related-posts.layout--grid .bbe-article {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

/*
=========================================
MARK: 6.0 Pages
=========================================
*/
    .page-header {
        padding: 10px 0 50px;
        max-width: 44%;
        margin-inline: auto;
        text-align: center;
    }

    .page-header .page-title {
        font-size: 34px;
        text-transform: capitalize;
        color: var(--bbe-site-color);
    }

    .page-header .archive-count {
        margin-top: 8px;
        display: inline-block;
    }

    .page-header .archive-description {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 14px;
        --bbe-site-font-lineheight: 1.64;
        color: var(--bbe-site-excerpt-color);
        margin-top: 16px;
    }

    /* Search Page */
    .search .blog-bee-main-wrap .page-title {
        margin-bottom: 15px;
    }

    .search .blog-bee-main-wrap .search-form {
        display: flex;
        align-items: center;
        border-radius: 3px;
        overflow: hidden;
        background: #fafafa;
    }

    .search.bbe-dark  .search-form {
        background: #383838;
    }

    .search .blog-bee-main-wrap .search-form label {
        width: 100%;
    }

    .search .blog-bee-main-wrap .search-form input.search-field {
        width: 100%;
        padding: 4px 16px;
        font-size: 16px;
        height: 42px;
        border-radius: 3px 0 0 3px;
        background: transparent;
         color: var(--bbe-site-color);
        border-color: var(--bbe-site-border-color-dark);
    }

    .search .blog-bee-main-wrap .search-form input.search-field::placeholder {
        color: var(--bbe-site-color);
    }

    .search .blog-bee-main-wrap .search-form input.search-field:focus {
        outline: none;
    }

    .search .blog-bee-main-wrap .search-form .icon {
        height: 42px;
        padding: 10px 10px;
        border-radius: 0 3px 3px 0;
        color: var(--bbe-site-meta-color);
        transition: var(--transition-1);
        border: 1px solid var(--bbe-site-border-color-dark);
        border-left: 0;
    }

    .search .blog-bee-main-wrap .search-form .icon.close-icon {
        display: none;
    }

    .search .blog-bee-main-wrap .search-form .icon:hover {
        background-color: var(--bbe-site-grey-color);
    }

    /* Filter Wrapper */
    .search .blog-bee-main-wrap .filter-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 10px;
        justify-content: space-between;
        align-items: center;
        border-radius: 3px;
        margin-bottom: 54px;
    }

    .search .blog-bee-main-wrap .filter-wrapper .filter.has-dropdown {
        position: relative;
    }

    .search .blog-bee-main-wrap .filter-wrapper .filter .head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 12px;
        cursor: pointer;
        color: var(--bbe-site-color);
        border: 1px solid var(--bbe-site-border-color-dark);
        border-radius: 3px;
        transition: var(--transition-2);
    }

    .search .blog-bee-main-wrap .filter-wrapper .filter .head .label {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 13px;
    }

    .search .blog-bee-main-wrap .filter-wrapper .filter .head:hover {
        background: var(--bbe-site-grey-color);
    }

    .search .blog-bee-main-wrap .filter-wrapper .filter .head .icon {
        font-size: 12px;
        margin-bottom: -2px;
    }

    .search .blog-bee-main-wrap .filter-wrapper .filter .body {
        position: absolute;
        top: 100%;
        left: 0;
        width: 220px;
        background: var(--bbe-site-bg-color);
        border-radius: 3px;
        box-shadow: 0 4px 10px -2px rgba(0,0,0,0.1);
        padding: 12px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: var(--transition-2);
        z-index: 1;
    }

    .filter-wrapper .filter.has-dropdown.active .body {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .filter-wrapper .filter .items {
        display: grid;
        gap: 8px;
        max-height: 250px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #dddddd transparent;
    }

    .filter-wrapper .filter .item {
        display: flex;
        align-items: center;
        padding: 6px 8px;
        border-radius: 3px;
        transition: var(--transition-1);
    }

    .filter-wrapper .filter .item:hover {
        background: #f5f5f5;
        background: var(--bbe-site-grey-color);
    }

    .filter-wrapper .filter .item input[type="checkbox"] {
        position: relative;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 16px;
        height: 16px;
        border: 2px solid #ccc;
        border-radius: 3px;
        cursor: pointer;
        margin-right: 10px;
        transition: var(--transition-1);
    }
    
    .filter-wrapper .filter .item input[type="checkbox"]:checked {
        background-color: var(--bbe-theme-color);
        border-color: var(--bbe-theme-color);
    }

    .filter-wrapper .filter .item input[type="checkbox"]:checked::after {
        content: "✔";
        color: #fff;
        font-size: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -55%);
    }

    .filter-wrapper .filter .item label {
        font-size: 14px;
        color: var(--bbe-site-color);
        cursor: pointer;
        text-transform: capitalize;
    }

    .filter-wrapper .filter .body .clear {
        font-weight: 500;
        font-size: 13px;
        margin-top: 10px;
        background: #f5f5f5;
        border: 1px solid var(--bbe-site-border-color-dark);
        border-radius: 3px;
        padding: 6px 12px 8px;
        transition: var(--transition-1);
    }

    .filter-wrapper .filter .body .clear:hover {
        background: #e4e4e4;
    }

    .filter-wrapper .filter.before input,
    .filter-wrapper .filter.after input {
        border-radius: 3px;
        padding: 6px 12px;
        font-size: 14px;
        width: 100%;
        background: var(--bbe-site-bg-color);
        border: 1px solid var(--bbe-site-border-color-dark);
    }

    .filter-wrapper .filter.before input::placeholder,
    .filter-wrapper .filter.after input::placeholder {
        color: var(--bbe-site-color);
    }

    .filter-wrapper .action-btn {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.3px;
        padding: 6px 12px;
        border-radius: 3px;
        height: 100%;
        opacity: 1;
        transition: var(--transition-1);
    }

    .filter-wrapper .filter-button {
        background: #2563eb;
        color: #fff;
    }

    .filter-wrapper .filter-button.disabled {
        cursor: not-allowed;
        opacity: .5;
    }

    .filter-wrapper .clear-button {
        background: #ffe3e3;
        color: #c92a2a;
        border: 1px solid #ffc9c9;
    }

    .filter-wrapper .clear-button.disabled {
        cursor: not-allowed;
        opacity: .5;
    }
    
    /* Datepicker */
    .ui-datepicker {
        font-size: 12px;
        border-radius: 3px;
        padding: 8px;
        box-shadow: 0 0 5px #00000024;
        background: var(--bbe-site-bg-color);
    }

    .ui-datepicker .ui-datepicker-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        cursor: pointer;
        color: var(--bbe-site-color);
        padding: 10px;
    }

    .ui-datepicker .ui-datepicker-title {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 13px;
        padding: 2px 4px;
        border-radius: 3px;
    }

    .ui-datepicker .ui-datepicker-calendar {
        border-collapse: collapse;
        margin: 6px 0 0;
    }

    .ui-datepicker .ui-datepicker-calendar th {
        font-weight: 600;
        padding: 4px;
        color: var(--bbe-site-color);
    }

    .ui-datepicker .ui-datepicker-calendar td {
        text-align: center;
        padding: 4px;
    }

    .ui-datepicker .ui-datepicker-calendar td a {
        display: block;
        padding: 6px;
        border-radius: 4px;
        color: var(--bbe-site-color);
    }

    .ui-datepicker .ui-datepicker-calendar a:hover {
        background: var(--bbe-site-grey-color);
    }

    .ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
        background: #fffa90;
        color: #30344b;
    }

    .ui-datepicker .ui-datepicker-calendar .ui-state-active {
        background: var(--bbe-theme-color);
        color: #fff;
    }

    /* Single Page */
    .page .site-main .bbe-article.ratio--wide .post-thumbnail {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .page .site-main .bbe-article.ratio--boxy .post-thumbnail {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .page .site-main .bbe-article.ratio--banner .post-thumbnail {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .page .site-main .bbe-article.ratio--square .post-thumbnail {
        aspect-ratio: var(--bbe-ratio-1-1);
    }

    .page .site-main .bbe-article .entry-title {
        --bbe-site-font-size: 28px;
        --bbe-site-font-lineheight: 1.42;
        max-width: 700px;
        margin-bottom: 20px;
        color: var(--bbe-site-color);
    }

    .page .site-main .bbe-article .entry-content {
        margin-top: 30px;
    }

    /* 
    MARK: 404 Page
    */

    .bbe-error-404 .page-header {
        max-width: 100%;
        padding: 0;
        text-align: center;
    }

    .bbe-error-404 .page-header .page-title {
        --bbe-site-font-weight: 500;
    }

    .bbe-error-404 .page-header .error-image {
        margin: 1.5em 0px 0px;
    }

    .bbe-error-404 .page-content {
        text-align: center;
        margin-top: 15px;
    }

    .bbe-error-404 .error-actions {
        margin-top: 1.5em;
    }

    .bbe-error-404 .error-actions .error-button {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 22px;
        display: inline-flex;
        gap: 8px;
        color: var(--bbe-site-color);
        transition: var(--transition-1);
    }

    .bbe-error-404 .error-actions .error-button:hover {
        color: var(--bbe-site-color-hover);
    }

    .bbe-error-404 .error-actions .error-button i {
        width: auto;
        height: auto;
        border: none;
        background: transparent;
    }

    .bbe-error-404 .error-actions .error-button.filled {
        --bbe-site-bg-color: var(--bbe-site-grey-color);
        padding: 8px 15px;
        background: var(--bbe-site-bg-color);
        padding: 8px 16px;
    }

    .bbe-error-404 .error-actions .error-button.filled:hover {
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-error-404 .error-actions .error-button.outline {
        padding: 8px 15px;
        border: 1px solid var(--bbe-site-border-color);
    }

    .bbe-error-404 .error-actions .error-button.outline:hover {
        border-color: var(--bbe-site-border-color-hover);
    }

    .bbe-error-404 .error-actions .error-button.rounded {
        border-radius: 6px;
    }

    .bbe-error-404 .error-actions .error-button.circle {
        border-radius: 30px;
    }

    .bbe-error-404 .error-actions .icon {
        display: flex;
        align-items: center;
    }

    .bbe-error-404 .error-actions .icon i {
        font-size: calc( var(--bbe-site-font-size) - 5px );
    }

/*
=========================================
MARK: 7.0 Insta Gallery
=========================================
*/

    .bbe-insta-gallery {
        --bbe-insta-gap: 4px;
        padding: 10px 0;
        background-color: var(--bbe-site-bg-color);
    }

    .bbe-insta-gallery .content-wrapper {
        position: relative;
    }

    .bbe-insta-gallery .gallery {
        margin: 0;
        overflow: hidden;
    }

    .bbe-insta-gallery:not(.slider--on) .gallery {
        display: grid;
        gap: var(--bbe-insta-gap);
    }

    .bbe-insta-gallery.column--two:not(.slider--on) .gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-insta-gallery.column--three:not(.slider--on) .gallery {
        grid-template-columns: repeat(3, 1fr);
    }

    .bbe-insta-gallery.column--four:not(.slider--on) .gallery {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .bbe-insta-gallery.column--five:not(.slider--on) .gallery {
        grid-template-columns: repeat(5, 1fr);
    }
    
    .bbe-insta-gallery.column--six:not(.slider--on) .gallery {
        grid-template-columns: repeat(6, 1fr);
    }
    
    .bbe-insta-gallery.column--seven:not(.slider--on) .gallery {
        grid-template-columns: repeat(7, 1fr);
    }
    
    .bbe-insta-gallery.column--eight:not(.slider--on) .gallery {
        grid-template-columns: repeat(8, 1fr);
    }
    
    .bbe-insta-gallery.column--nine:not(.slider--on) .gallery {
        grid-template-columns: repeat(9, 1fr);
    }
    
    .bbe-insta-gallery.column--ten:not(.slider--on) .gallery {
        grid-template-columns: repeat(10, 1fr);
    }

    .bbe-insta-gallery .gallery .gallery-image {
        position: relative;
        overflow: hidden;
        transition: var(--transition-1);
    }

    /* Image Hover Effect */
    .bbe-insta-gallery.image-hover--one .gallery .gallery-image a:before {
        content: '';
        position: absolute;
        inset: 0;
        transition: var(--transition-1);
    }

    .bbe-insta-gallery.image-hover--one .gallery .gallery-image:hover a:before {
        background: #00000057;
    }

    /* Two */
    .bbe-insta-gallery.image-hover--two .gallery .gallery-image a:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: inherit;
        border: 2px solid #ffffffb3;
        transform: scale(1);
        opacity: 0;
        z-index: 1;
        transition: .6s ease;
    }

    .bbe-insta-gallery.image-hover--two .gallery .gallery-image:hover a:before {
        transform: scale(.88);
        opacity: 1;
    }

    .bbe-insta-gallery .gallery .gallery-image a:after {
        content: '\f16d';
        font-family: 'Font Awesome 5 Brands';
        font-weight: 400;
        font-size: 22px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
        transition: var(--transition-1);
    }

    .bbe-insta-gallery .gallery .gallery-image:hover a:after {
        opacity: 1;
        visibility: visible;
    }

    .bbe-insta-gallery.lightbox--on .gallery .gallery-image a {
        cursor: pointer;
    }

    .bbe-insta-gallery.ratio--wide .gallery .gallery-image img,
    .bbe-insta-gallery.ratio--wide .gallery .gallery-image.no-image {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .bbe-insta-gallery.ratio--boxy .gallery .gallery-image img,
    .bbe-insta-gallery.ratio--boxy .gallery .gallery-image.no-image {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .bbe-insta-gallery.ratio--banner .gallery .gallery-image img,
    .bbe-insta-gallery.ratio--banner .gallery .gallery-image.no-image {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .bbe-insta-gallery.ratio--square .gallery .gallery-image img,
    .bbe-insta-gallery.ratio--square .gallery .gallery-image.no-image {
        aspect-ratio: var(--bbe-ratio-1-1);
    }

    .bbe-insta-gallery.ratio--initial .gallery .gallery-image.no-image {
        aspect-ratio: 4 / 3;
    }

    /* Layout Two */
    .bbe-insta-gallery.layout--two .gallery {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-auto-rows: auto;
        position: relative;
    }

    .bbe-insta-gallery.layout--two .gallery .gallery-image:nth-child(2),
    .bbe-insta-gallery.layout--two .gallery .gallery-image:nth-child(4) {
        grid-row: span 2;
        grid-column: span 2;
    }

    .bbe-insta-gallery.layout--two .gallery .gallery-image:nth-child(3) {
        grid-row: span 1;
        grid-column: span 2;
    }

    /* No Image */
    .bbe-insta-gallery .gallery-image.no-image {
        background: var(--bbe-site-grey-color);
    }

    .bbe-insta-gallery.layout--two .gallery .gallery-image.no-image {
        padding-bottom: 30%;
        aspect-ratio: initial;
    }

    /* Slider On */
    .bbe-insta-gallery.slider--on .gallery:not(.slick-initialized) {
        height: 150px;
    }

    .bbe-insta-gallery.slider--on .gallery .slick-list {
        margin: 0 calc(var(--bbe-insta-gap) * -1);
    }

    .bbe-insta-gallery.slider--on .gallery .gallery-image {
        margin-inline: var(--bbe-insta-gap);
    }

    .bbe-insta-gallery .content-wrapper .controller-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: var(--transition-1);
    }

    .bbe-insta-gallery .content-wrapper:hover .controller-wrap {
        opacity: 1;
        visibility: visible;
    }

    .bbe-insta-gallery .content-wrapper .controller-wrap .slick-arrow {
        pointer-events: all;
        width: 28px;
        height: 35px;
        background: #0000006b;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        color: #fff;
        z-index: 1;
    }

    /* Instagram Button */
    .bbe-insta-gallery .insta-gallery-button .insta-gallery-icon i {
        background: transparent;
        width: initial;
        height: initial;
        display: initial;
        border: none
    }

    .bbe-insta-gallery .insta-gallery-button {
        --bbe-site-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 8px 18px;
        color: var(--bbe-site-color);
    }

    .bbe-insta-gallery .insta-gallery-button:hover {
        --bbe-site-color-hover: #fff;
        color: var(--bbe-site-color-hover);
    }

    .bbe-insta-gallery .insta-gallery-button:empty {
        display: none;
    }

    .bbe-insta-gallery .insta-gallery-button.filled {
        --bbe-site-bg-color: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
        background: var(--bbe-site-bg-color);
    }

    .bbe-insta-gallery .insta-gallery-button.filled:hover {
        --bbe-site-bg-color-hover: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-insta-gallery .insta-gallery-button.rounded {
        border-radius: 4px;
    }

    .bbe-insta-gallery .insta-gallery-button.outline {
        border: 1px solid var(--bbe-site-border-color);
    }

    .bbe-insta-gallery .insta-gallery-button.circle {
        border-radius: 30px;
    }

    .bbe-insta-gallery .insta-gallery-button .label {
        --bbe-site-font-weight: 400;
    }

    .bbe-insta-gallery .insta-gallery-button .icon i {
        font-size: calc( var(--bbe-site-font-size) - 4px );
    }

    /* View All */
    .bbe-insta-gallery .view-all {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 14px;
        --bbe-site-font-lineheight: 1.8;
        --bbe-site-color: #fff;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 2px 22px;
        color: var(--bbe-site-color);
    }

    .bbe-insta-gallery .view-all i {
        border: none;
        font-size: 11px;
        height: initial;
        width: initial;
        background-color: transparent;
        border-radius: unset;
    }

    .bbe-insta-gallery .view-all:hover i {
        color: inherit;
    }

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

    .bbe-you-may-have-missed .article-wrap {
        display: grid;
        gap: 30px;
    }

    .bbe-you-may-have-missed.column--two .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .bbe-you-may-have-missed.column--three .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .bbe-you-may-have-missed.column--four .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    .bbe-you-may-have-missed.column--five .article-wrap {
        grid-template-columns: repeat(5, 1fr);
    }

    @media (max-width: 768px) {
        .bbe-you-may-have-missed.tab-column--one  .article-wrap {
            grid-template-columns: 100%;
        }

        .bbe-you-may-have-missed.tab-column--two  .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .bbe-you-may-have-missed.tab-column--three .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .bbe-you-may-have-missed.tab-column--four .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .bbe-you-may-have-missed.tab-column--five .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    @media (max-width: 610px) {
        .bbe-you-may-have-missed.mobile-column--one .article-wrap {
            grid-template-columns: 100%;
        }

        .bbe-you-may-have-missed.mobile-column--two .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .bbe-you-may-have-missed.mobile-column--three .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .bbe-you-may-have-missed.mobile-column--four .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .bbe-you-may-have-missed.mobile-column--five .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    .bbe-you-may-have-missed .article-wrap .bbe-article {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .bbe-you-may-have-missed.align--center .article-wrap .bbe-article .entry-inner {
        text-align: center;
    }

    .bbe-you-may-have-missed.align--right .article-wrap .bbe-article .entry-inner {
        text-align: right;
    }

    .bbe-you-may-have-missed .article-wrap .bbe-article .entry-categories {
        margin-bottom: 13px;
    }

    .bbe-you-may-have-missed .article-wrap .bbe-article .entry-meta {
        margin-top: 10px;
    }

    .bbe-you-may-have-missed .article-wrap .bbe-article .entry-excerpt,
    .bbe-you-may-have-missed .article-wrap .bbe-article .bbe-post-button {
        margin-top: 15px;
    }

    /* Image Ratio */
    .bbe-you-may-have-missed.ratio--wide .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-16-9);
    }

    .bbe-you-may-have-missed.ratio--boxy .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-4-3);
    }

    .bbe-you-may-have-missed.ratio--banner .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-2-1);
    }

    .bbe-you-may-have-missed.ratio--square .bbe-article .bbe-article-figure {
        aspect-ratio: var(--bbe-ratio-1-1);
    }

    /* Overlay */
    .bbe-you-may-have-missed.overlay--enabled .bbe-article .bbe-article-figure:before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(to bottom, rgba(10, 8, 6, 0.15) 0%, rgba(10, 8, 6, 0.0) 30%, rgba(10, 8, 6, 0.55) 65%, rgb(10 8 6 / 85%) 100%);
    }

    .bbe-you-may-have-missed.overlay--enabled .bbe-article .entry-inner {
        position: absolute;
        bottom: 0;
        padding: 6%;
        z-index: 1;
    }

    body .site .bbe-you-may-have-missed.overlay--enabled .bbe-article .entry-inner * {
        color: #fff;
    }

/*
=========================================
MARK: Footer
=========================================
*/

    /* 
    MARK: Footer Logo
    */

    .bbe-footer .bbe-site-logo .site-description {
        display: none;
    }

    /* 
    MARK: Footer Menu
    */

    .bbe-footer .bbe-footer-menu .page_item_has_children,
    .bbe-footer .bbe-footer-menu .children {
        display: flex;
    }

    .bbe-footer .bbe-footer-menu .sub-menu li,
    .bbe-footer .bbe-footer-menu .children li {
        padding: 2px 12px;
    }

    /*
    MARK: Copyright
    */

    .bbe-footer .bbe-copyright p {
        --bbe-site-font-weight: 400;
        --bbe-site-font-size: 15px;
        color: var(--bbe-site-color);
    }

    .bbe-footer .bbe-copyright a {
        --bbe-site-color: #0073aa;
        color: var(--bbe-site-color);
    }

    .bbe-footer .bbe-copyright a:hover {
        color: var(--bbe-site-color-hover);
    }

    /*
    MARK: Scroll to Top
    */

    .bbe-footer .bbe-scroll-to-top {
        --bbe-site-font-weight: 500;
        --bbe-site-font-size: 15px;
        --bbe-site-color: #fff;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        color: var(--bbe-site-color);
        transition: var(--transition-1);
    }

    .bbe-footer .bbe-scroll-to-top:hover {
        --bbe-site-color-hover: #fff;
        color: var(--bbe-site-color-hover);
    }

    body .bbe-footer .bbe-scroll-to-top .label:empty {
        display: none;
    }

    .bbe-footer .bbe-scroll-to-top .icon {
        color: inherit;
    }

    .bbe-footer .bbe-scroll-to-top .icon i {
        font-size: calc(var(--bbe-site-font-size) * 0.9);
    }

    /* Position Fixed */
    .bbe-footer .bbe-scroll-to-top.is-fixed {
        position: fixed;
        bottom: 25px;
        left: 25px;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        transform: translateY(25px);
        transition: var(--transition-1);
    }

    .bbe-footer .bbe-scroll-to-top.is-fixed.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .bbe-footer .bbe-scroll-to-top.position--center {
        left: 50%;
        transform: translateX(-50%);
    }

    .bbe-footer .bbe-scroll-to-top.position--right {
        right: 25px;
        left: initial;
    }

    /* Layout One */
    .bbe-footer .bbe-scroll-to-top.layout--one .label {
        --bbe-site-bg-color: #30344b;
        display: flex;
        align-items: center;
        height: 40px;
        border-radius: 50px;
        padding: 4px 16px;
        background: var(--bbe-site-bg-color);
        transition: var(--transition-1);
    }

    .bbe-footer .bbe-scroll-to-top.layout--one:hover .label {
        --bbe-site-bg-color-hover: #E78371;
        background: var(--bbe-site-bg-color-hover);
    }

    .bbe-footer .bbe-scroll-to-top.layout--one .icon {
        --bbe-site-bg-color: #30344b;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        background: var(--bbe-site-bg-color);
        transition: var(--transition-1);
    }

    .bbe-footer .bbe-scroll-to-top.layout--one:hover .icon {
        --bbe-site-bg-color-hover: var(--bbe-theme-color);
        background: var(--bbe-site-bg-color-hover);
    }

    /* Layout Two */
    .bbe-footer .bbe-scroll-to-top.layout--two {
        --bbe-site-bg-color: #30344b;
        padding: 6px 16px;
        border-radius: 50px;
        background: var(--bbe-site-bg-color);
    }

    .bbe-footer .bbe-scroll-to-top.layout--two:hover {
        --bbe-site-bg-color-hover: #E78371;
        background: var(--bbe-site-bg-color-hover);
    }


    


    /* Comment List */
    .comment-list,
    .comment-list .children {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .comment-list > .comment {
        margin-bottom: 30px;
    }

    /* Nested Comments */
    .comment-list .children {
        margin-top: 25px;
        padding-left: 50px;
        border-left: 2px solid #e5e7eb;
    }

    /* Comment Card */
    .comment-body {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 24px;
        position: relative;
    }

    /* Author Area */
    .comment-meta {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    .comment-author {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .comment-author img {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .comment-author .fn {
        font-size: 1rem;
        font-weight: 600;
    }

    .comment-author .fn a {
        text-decoration: none;
        color: inherit;
    }

    .comment-author .says {
        display: none;
    }

    /* Date */
    .comment-metadata {
        font-size: 0.875rem;
    }

    .comment-metadata a {
        text-decoration: none;
        color: #6b7280;
    }

    /* Content */
    .comment-content {
        line-height: 1.8;
        color: #374151;
    }

    .comment-content > *:first-child {
        margin-top: 0;
    }

    .comment-content > *:last-child {
        margin-bottom: 0;
    }

    .comment-content img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
    }

    /* Reply Button */
    .reply {
        margin-top: 20px;
    }

    .comment-reply-link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 16px;
        border-radius: 999px;
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: 600;
        border: 1px solid #d1d5db;
        transition: all .25s ease;
    }

    .comment-reply-link:hover {
        background: #111827;
        border-color: #111827;
        color: #fff;
    }

    /* Tables Inside Comments */
    .comment-content table {
        width: 100%;
        border-collapse: collapse;
        overflow-x: auto;
    }

    .comment-content th,
    .comment-content td {
        border: 1px solid #e5e7eb;
        padding: 10px;
        text-align: left;
    }

    /* Blockquote */
    .comment-content blockquote {
        margin: 20px 0;
        padding: 15px 20px;
        border-left: 4px solid #111827;
        background: #f8fafc;
    }

    /* Code */
    .comment-content code,
    .comment-content pre {
        background: #f3f4f6;
        border-radius: 6px;
        white-space: pre-wrap;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .comment-content code {
        padding: 2px 6px;
    }

    .comment-content pre {
        padding: 15px;
        overflow-x: auto;
    }

    /* Mobile */
    @media (max-width: 768px) {

        .comment-list .children {
            padding-left: 20px;
        }

        .comment-body {
            padding: 18px;
        }

        .comment-meta {
            flex-direction: column;
            gap: 10px;
        }
    }

body.customize-partial-edit-shortcuts-shown footer.bbe-footer {
    position: relative;
}

body.customize-partial-edit-shortcuts-shown header.bbe-header > .customize-partial-edit-shortcut,
body.customize-partial-edit-shortcuts-shown footer.bbe-footer > .customize-partial-edit-shortcut {
    position: initial;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    pointer-events: none;
}

body.customize-partial-edit-shortcuts-shown footer.bbe-footer:hover > .customize-partial-edit-shortcut:before,
body.customize-partial-edit-shortcuts-shown header.bbe-header:hover > .customize-partial-edit-shortcut:before,
body.customize-partial-edit-shortcuts-shown header.bbe-header:hover > .customize-partial-edit-shortcut,
body.customize-partial-edit-shortcuts-shown footer.bbe-footer:hover > .customize-partial-edit-shortcut {
    opacity: 1;
    visibility: visible;
}

body.customize-partial-edit-shortcuts-shown header.bbe-header > .customize-partial-edit-shortcut:before,
body.customize-partial-edit-shortcuts-shown footer.bbe-footer > .customize-partial-edit-shortcut:before {
    content: '';
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: 2px;
    top: 2px;
    outline: 2px solid #3582c4;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}

body.customize-partial-edit-shortcuts-shown header.bbe-header > .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button,
body.customize-partial-edit-shortcuts-shown footer.bbe-footer > .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button {
    left: 0;
    width: 34px;
    height: 26px;
    min-height: 26px;
    border-radius: 2px;
    border: none;
    box-shadow: none;
}

body.rtl.customize-partial-edit-shortcuts-shown header.bbe-header > .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button,
body.rtl.customize-partial-edit-shortcuts-shown footer.bbe-footer > .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button {
    right: 0;
}

.customize-partial-edit-shortcut button svg {
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
}