/**

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 .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 {
        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);
    }

    .bbe-header .bbe-menu li.current_page_item > a,
    .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 {
        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;
    }

    .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), #ffffff);
    }

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

    .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);
    }

    .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 .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 .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 {
        color: var(--bbe-site-color);
        transition: var(--transition-1);
    }

    .bbe-header .bbe-off-canvas .canvas-icon.icon i: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: 100%;
        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: 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;
    }

    /* 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: 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);
    }



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;
}