/* 

1.0 Variables
2.0 Normalize
    2.1 Colors
    2.2 Typography
    2.3 Menu Hover
        2.3.1 Effect One
        2.3.2 Effect Two
        2.3.3 Effect Three
    2.4 Social Icons Animation
    2.5 Icon Style
    2.6 Button Hover Animation
        2.6.1 Effect One
        2.6.2 Effect Two
        2.6.3 Effect Three
    2.7 Title Hover & Image Hover Effects
    2.8 Block Title Layouts
        2.8.1 Layout One
        2.8.2 Layout Two
        2.8.3 Layout Three
        2.8.4 Layout Four
        2.8.5 Layout Five
    2.9 Sidebar Sticky
    2.10 Table of Content
    2.11 Slick Slider
    2.12 Banner Sidebar Widgets
    2.13 Card Settings
    2.14 View All
    2.15 Breadcrumb
    2.16 Post Format
    2.17 Preloader
    2.18 Meta Seperator
    2.19 Container Settings

*/


/* 
==================================
MARK: 1.0 Variables
==================================
*/

    :root {

        /* =========================== COLORS =========================== */

            /* Global Colors */
            --bbe-theme-color: #E78371;
            --bbe-gradient-theme-color: linear-gradient(90deg, rgb(37, 99, 235), rgb(6, 182, 212));
            --bbe-site-color: #30344b;
            --bbe-site-color-hover: #E78371;
            --bbe-site-bg-color: #fff;
            --bbe-site-bg-color-hover: #fff;
            --bbe-site-border-color: #000;        /* Default Border Color */
            --bbe-site-border-color-hover: #000;
            --bbe-site-border-color-muted: #e5e7eb;  /* Subtle Divider Lines */
            --bbe-site-border-color-muted-hover: #e5e7eb;  /* Subtle Divider Lines */
            --bbe-site-grey-color: #efefef;
            --bbe-site-border-color-dark: #d5d5d5;
            --bbe-site-meta-color: #6b727e;
            --bbe-site-excerpt-color: #50565e;
            --bbe-site-toc-active-color: #b8945a;
            --bbe-site-toc-border-color: #e5dfd3;
            --bbe-site-white-color: #fff;

            --bbe-site-description-color: #424242;

            /* Social Media Colors */
            --bbe-site-facebook-color: #1877F2;
            --bbe-site-twitter-color: #1DA1F2;
            --bbe-site-instagram-color: linear-gradient(192deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);
            --bbe-site-threads-color: #000000;
            --bbe-site-whatsapp-color: #25D366;
            --bbe-site-x-color: #000000;
            --bbe-site-tiktok-color: #000;
            --bbe-site-snapchat-color: #d6d409;
            --bbe-site-pinterest-color: #E60023;
            --bbe-site-reddit-color: #FF4500;
            --bbe-site-tumblr-color: #35465C;
            --bbe-site-mastodon-color: #6364FF;
            --bbe-site-bluesky-color: #0085FF;
            --bbe-site-linkedin-color: #0A66C2;
            --bbe-site-youtube-color: #FF0000;
            --bbe-site-twitch-color: #6441A5;
            --bbe-site-vimeo-color: #1AB7EA;
            --bbe-site-dailymotion-color: #00AAFF;
            --bbe-site-discord-color: #5865F2;
            --bbe-site-telegram-color: #0088CC;
            --bbe-site-skype-color: #00AFF0;
            --bbe-site-viber-color: #7360F2;
            --bbe-site-weixin-color: #07C160;
            --bbe-site-qq-color: #12B7F5;
            --bbe-site-kk-color: #e8d103;
            --bbe-site-odnoklassniki-color: #EE8208;
            --bbe-site-weibo-color: #E6162D;
            --bbe-site-renren-color: #005EAC;

        /* =========================== TYPOGRAPHY =========================== */
            
            --bbe-site-font-family: 'Inter', sans-serif;
            --bbe-site-font-weight: 600;
            --bbe-site-font-size: 16px;
            --bbe-site-font-lineheight: 1.6;
            --bbe-site-font-letterspacing: 0;
            --bbe-site-font-decoration: none;
            --bbe-site-font-texttransform: none;
            --bbe-site-font-style: unset;

        /* Animation */
        --transition-1: all 0.3s ease-in-out;
        --transition-2: all .4s ease-in-out;

        --bbe-icon-width: 35px;
        --bbe-section-margin: 0;
        --expandWidth-timer: 5s;

        --bbe-section-padding: 30px 0 30px 0;
        --bbe-image-border-radius: 0 0 0 0;

        --bbe-ratio-16-9: 16 / 9;
        --bbe-ratio-4-3: 4 / 3;
        --bbe-ratio-3-1: 3 / 1;
        --bbe-ratio-2-1: 2 / 1;
        --bbe-ratio-1-1: 1 / 1;

        /* Card */
        --bbe-card-bg: #fff;
        --bbe-card-border-width: 1px;
        --bbe-card-border-style: solid;
        --bbe-card-border-color: #feeaec;
        --bbe-card-border-radius: 0;
        --bbe-card-box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
        --bbe-card-box-shadow-hover: 0px 6px 15px -2px rgba(0,0,0,0.12);
        --bbe-card-padding: 20px;
        --bbe-card-glass-morphism-bg-color: linear-gradient(135deg, #ffffff4f, rgba(255, 255, 255, 0.05));
    }

    /* 
    MARK: 1.1 Dark Mode
    */

        .bbe-dark {
            --bbe-site-bg-color: #292c2f;
            --bbe-site-color: #fff;
            --bbe-site-border-color: #56595b;
            --bbe-site-border-color-hover: #56595b;
            --bbe-site-description-color: #fff;
            --bbe-site-border-color-muted: #56595b;
            --bbe-site-grey-color: #efefef1f;
            --bbe-site-border-color-dark: #ffffff26;
            --bbe-site-meta-color: #ededed;
            --bbe-site-excerpt-color: #fff;
            --bbe-site-toc-border-color: #56595b;
            --bbe-card-bg: #ffffff17;
            --bbe-card-border-color: #efefef40;
            --bbe-site-white-color: #292c2f;
            --bbe-card-glass-morphism-bg-color: linear-gradient( 135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01), rgba(0, 0, 0, 0.08) );
        }

/* 
==================================
MARK: 2.0 Normalize
==================================
*/

    *,
    *:before,
    *:after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    html {
        font-size: 16px;
        scroll-behavior: smooth;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    body {
        font-family: var(--bbe-site-font-family);
        line-height: 1.6;
        overflow-x: hidden;
    }

    body:before {
        content: '';
        position: fixed;
        inset: 0;
        z-index: -1;
        background: var(--bbe-site-bg-color);
    }

    body.no-scroll {
        overflow: hidden;
    }

    img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    a {
        text-decoration: none;
        color: inherit;
        transition: var(--transition-1);
        word-wrap: break-word;
        overflow-wrap: anywhere;
    }

    a:active {
        outline: none;
    }

    a:focus {
        outline: 1px dotted black;
    }

    ul li,
    ol li {
        list-style: none;
    }

    button,
    input[type="submit"] {
        cursor: pointer;
        border: none;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
    }

    h1, h2, h3, h4, h5, h6,
    p, blockquote, pre,
    dl, dd, ol, ul,
    figure, hr, li > ul, li > ol,
    .entry-content,
    .widget,
    .post, .page {
        margin: 0;
        padding: 0;
    }

    .bbe-article-figure {
        position: relative;
        overflow: hidden;
        background: #efefef9e;
        border-radius: var(--bbe-image-border-radius);
    }

    .width--full-width .bbe-container {
        max-width: 100%;
        padding: 0;
    }

    .width--wide .bbe-container {
        max-width: 100%;
    }

    /* 
    MARK: 2.1 Colors
    */

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

    /* Category Colors */
    /* Style */
    /* .bbe-article .entry-categories .cat-item a {
        background: #efefef;
        padding: 5px 11px 2px;
        display: inline-block;
    }

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

    .bbe-article .entry-categories .cat-item a {
        border-radius: 30px;
        padding: 5px 15px 3px;
    } */

    /* 
    MARK: 2.2 Typography
    */

        p,
        h1, h2, h3, h4, h5, h6,
        .site-title,
        .site-title-link,
        .highlight,
        .site-description,
        .label,
        .entry-title,
        .entry-title a,
        .bbe-menu li a,
        .bbe-date-time,
        .bbe-date-time > span,
        .bbe-custom-button .custom-button-link,
        .random-blog-link,
        .bbe-time,
        .bbe-time .time,
        .widget,
        .entry-read-more a,
        .view-all,
        .author-tag,
        .all-results-button,
        .bbe-breadcrumb .trail-item a,
        .bbe-breadcrumb .trail-end span,
        .page-header .archive-description,
        .insta-gallery-button,
        .bbe-web-stories .text,
        .bbe-web-stories .story-count,
        .bbe-web-stories .story-title,
        .error-button,
        .bbe-scroll-to-top,
        .bbe-author-box .author-desc,
        .bbe-toc .table-of-content ul li a,
        .bbe-post-navigation .nav-date {
            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);
        }

        h1, h2, h3, h4, h5, h6 {
            --bbe-site-font-weight: 600;
            --bbe-site-font-lineheight: 1.4;
            --bbe-site-font-letterspacing: -0.2px;
        }

        h1 {
            --bbe-site-font-size: 32px;
        }

        h2 {
            --bbe-site-font-size: 26px;
        }

        h3 {
            --bbe-site-font-size: 20px;
        }

        h4 {
            --bbe-site-font-size: 18px;
        }

        h5 {
            --bbe-site-font-size: 16px;
        }

        h6 {
            --bbe-site-font-size: 14px;
        }

        .entry-categories .cat-item,
        .entry-meta > div,
        .cat-item-link,
        .cat-item-count,
        .bbe-ticker-news .bbe-article .entry-date,
        .entry-social-share .share-button,
        .widget_blog_bee_post_list_widget .entry-date,
        .widget_blog_bee_carousel_posts_widget .entry-date {
            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);
        }

    /* 
    MARK: 2.3 Menu Hover
    */

        .bbe-menu:not(.hover--none) div > .menu > li > a:before,
        .bbe-menu:not(.hover--none) .menu > ul > li > a:before,
        .bbe-footer .bbe-footer-menu:not(.hover--none) li a:before {
            content: '';
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 0;
            height: 2px;
            background-color: currentColor;
            transition: var(--transition-1);
        }

        /* 2.3.1 Effect One */
        .bbe-menu.hover--one ul li a:hover:before,
        .bbe-menu.hover--one ul li.current_page_item a:before {
            width: 100%;
        }

        /* 2.3.2 Effect Two */
        .bbe-builder .bbe-menu.hover--two ul li a:before {
            left: 50%;
        }

        .bbe-builder .bbe-menu.hover--two ul li a:hover:before,
        .bbe-builder .bbe-menu.hover--two ul li.current_page_item a:before {
            width: 100%;
            left: 0;
        }

        /* 2.3.2 Effect Three */
        .bbe-builder .bbe-menu.hover--three ul li a:before {
            width: 100%;
            opacity: 0;
            transform: translateX(-30%);
        }

        .bbe-builder .bbe-menu.hover--three ul li a:hover:before,
        .bbe-builder .bbe-menu.hover--three ul li.current_page_item a:before {
            opacity: 1;
            transform: translate(0, 0);
        }

    /* 
    MARK: 2.4 Social Icons Animation
    */

        /* 2.4.1 Grow */
        .bbe-social-icons.animation--grow i:hover {
            transform: scale(1.2);
        }

        /* 2.4.2 Shrink */
        .bbe-social-icons.animation--shrink i:hover {
            transform: scale(0.9);
        }

        /* 2.4.3 Rotate */
        .bbe-social-icons.animation--rotate i:hover {
            transform: rotate(25deg);
        }

        /* 2.4.4 Rotate */
        .bbe-social-icons.animation--slide-up i:hover {
            transform: translateY(-3px);
        }

    /* 
    MARK: 2.5 Icon Style
    */

        /* Filled */
        .filled i {
            --bbe-site-bg-color: var(--bbe-site-grey-color);
            width: var(--bbe-icon-width);
            height: var(--bbe-icon-width);
            display: flex;
            justify-content: center;
            align-items: center;
            background: var(--bbe-site-bg-color);
        }

        .filled i:hover {
            --bbe-site-bg-color-hover: var(--bbe-site-grey-color);
            background: var(--bbe-site-bg-color-hover);
        }

        .outline i {
            width: var(--bbe-icon-width);
            height: var(--bbe-icon-width);
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid var(--bbe-site-border-color);
        }

        .outline i:hover {
            border-color: var(--bbe-site-border-color-hover);
        }

        .rounded i,
        .bbe-post-button.rounded a {
            border-radius: 3px;
        }

        .circle i {
            border-radius: 50%;
        }

    /* 
    MARK: 2.6 Button Hover Animation
    */

        /* 2.6.1 Effect One */
        .bbe-header .bbe-custom-button.hover--one .custom-button-link:hover,
        .bbe-error-404 .error-button.hover--one:hover {
            transform: translateY(-2px);
        }

        /* 2.6.2 Effect Two */
        .bbe-header .bbe-custom-button.hover--two .custom-button-link:hover,
        .bbe-error-404 .error-button.hover--two:hover {
            transform: scale(1.05);
        }

        /* 2.6.3 Effect Three */
        .bbe-header .bbe-custom-button.hover--three .custom-button-link:before,
        .bbe-error-404 .error-button.hover--three::before {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 2;
            display: block;
            content: '';
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, .2);
            border-radius: 100%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0;
        }

        .bbe-header .bbe-custom-button.hover--three .custom-button-link:hover:before,
        .bbe-error-404 .error-button.hover--three:hover::before {
            -webkit-animation: circle 1s;
            animation: circle 1s;
        }

        @keyframes circle {
            0% {
                opacity: 1;
            }
            40% {
                opacity: 1;
            }
            100% {
                width: 150%;
                height: 150%;
                opacity: 0;
            }
        }

    /* 
    MARK: 2.7 Title Hover & Image Hover Effects
    */

        /* Title Hover Effect */
        /* Title Hover Effect One */
        .post-title--one .bbe-article .entry-title a:hover  {
            color: var(--bbe-theme-color);
        }

        /* Title Hover Effect Two */
        .post-title--two .bbe-article .entry-title a {
            background-image: linear-gradient(currentColor, currentColor);
            background-position: 0 100%;
            background-repeat: no-repeat;
            background-size: 0% 2px;
        }

        .post-title--two .bbe-article .entry-title a:hover {
            background-size: 100% 2px;
        }

        /* Title Hover Effect Three */
        .post-title--three .bbe-article .entry-title a {
            background: linear-gradient( to bottom, var(--bbe-theme-color) 0%, var(--bbe-theme-color) 100% );
            background-size: 100% 0%;
            background-repeat: no-repeat;
            padding: 3px 8px;
            margin: 3px -8px;
        }

        .post-title--three .bbe-article .entry-title a:hover {
            color: #fff;
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
            background-size: 100% 100%;
        }

        /* Title Hover Effect four */
        .post-title--four .bbe-article .entry-title a {
            color: transparent;
            -webkit-background-clip: text;
            background-repeat: no-repeat;
            transition: 0.9s ease-out;
            background-image: linear-gradient(to bottom, var(--bbe-theme-color) 45%, var(--bbe-site-color) 55%);
            background-size: 100% 220%;
            background-position: 50% 100%;
        }

        .post-title--four .bbe-article .entry-title a:hover {
            background-position: 50% 0%;
        }
        
        /* Image Hover Effect One */
        .image-hover--one .bbe-article-figure img {
            display: block;
            transform: scale(1.04) translateY(0);
            transition: transform .6s cubic-bezier(.63, -.01, .24, 1), filter .4s ease;
        }

        .image-hover--one .bbe-article-figure:hover img {
            transform: scale(1.04) translateY(-4px);
            filter: brightness(0.92);
        }

        /* Image Hover Effect Two  */
        .image-hover--two .bbe-article-figure img {
            width: 100%;
            display: block;
            transform: scale(1);
            transition: transform .6s ease, filter .4s ease;
            will-change: transform;
        }

        .image-hover--two .bbe-article-figure:hover img {
            transform: scale(1.08);
            filter: brightness(0.92);
        }

        /* Image Hover Effect Three */
        .image-hover--three .bbe-article-figure::after {
            position: absolute;
            top: 0;
            left: -75%;
            z-index: 1;
            display: block;
            content: '';
            width: 50%;
            height: 100%;
            transform: skewX(-25deg);
            background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 100%);
        }

        .image-hover--three .bbe-article-figure:hover::after {
            animation: bbe-shine 1s;
        }

        @keyframes bbe-shine {
            100% {
                left: 125%;
            }
        }

        /* Image Hover Effect Four */
        .image-hover--four .bbe-article-figure img,
        .image-hover--four .bbe-main-banner.layout--one .bbe-article-figure .bbe-article-thumb {
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
            transition: var(--transition-1);
        }
        .image-hover--four .bbe-article-figure:hover img,
        .image-hover--four .bbe-main-banner.layout--one .bbe-article-figure:hover .bbe-article-thumb {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        }

    /* 
    MARK: 2.8 Block Title Layouts
    */

        .section-head,
        .widget-title {
            display: flex;
            font-size: 0;
            margin-bottom: 20px;
        }

        .section-head.empty {
            display: none;
        }

        .block-align--center .section-head,
        .block-align--center .widget-title {
            justify-content: center;
        }

        .block-align--right .section-head,
        .block-align--right .widget-title {
            justify-content: right;
        }

        .section-head span.label,
        .widget-title span.label {
            --bbe-site-font-size: 18px;
            --bbe-site-font-weight: 700;
            --bbe-site-font-texttransform: uppercase;
            background: var(--bbe-site-color);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* 2.8.2 Layout Two */
        .block-title--two .section-head .label,
        .block-title--two .widget .wp-block-heading,
        .block-title--two .widget-title .label {
            position: relative;
            padding-left: 15px;
        }

        .block-title--two .section-head .label::before,
        .block-title--two .widget .wp-block-heading::before,
        .block-title--two .widget-title .label::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 4px;
            height: 16px;
            background: var(--bbe-site-color);
            transform: translateY(-50%);
        }

        /* 2.8.3 Layout Three */
        .block-title--three .section-head,
        .block-title--three .widget-title,
        .block-title--three .section-head-wrap {
            padding-bottom: 10px;
            border-bottom: 2px solid var(--bbe-site-border-color-muted);
        }

        .block-title--three .section-head .label,
        .block-title--three .widget-title .label {
            position: relative;
        }

        .block-title--three .section-head .label::before,
        .block-title--three .widget-title .label::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: -12px;
            width: 100%;
            height: 2px;
            background: var(--bbe-site-color);
        }

        .block-title--three .bbe-web-stories .section-head,
        .block-title--three .bbe-video-playlist .section-head {
            border: none;
            padding: 0;
        }

        /* 2.8.4 Layout Four */
        body.block-title--four .section-head,
        body.block-title--four .widget-title {
            align-items: center;
            padding-left: 7px;
            gap: 15px;
        }

        .block-title--four .section-head .divider,
        .block-title--four .widget-title .divider {
            display: block;
            position: relative;
            border-radius: 50%;
            height: 7px;
            width: 7px;
            flex-shrink: 0;
            line-height: initial;
            background-color: var(--bbe-site-color);
        }

        .block-title--four .section-head .divider::before,
        .block-title--four .section-head .divider::after,
        .block-title--four .widget-title .divider::before,
        .block-title--four .widget-title .divider::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 1px solid var(--bbe-site-color);
            animation: divider-heading-pulse 2s ease-in-out infinite;
        }

        @keyframes divider-heading-pulse {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            100% {
                transform: scale(3);
                opacity: 0;
            }
        }

        /* 2.8.5 Layout Five */
        .block-title--five .section-head,
        .block-title--five .widget-title {
            align-items: center;
            gap: 20px;
        }

        .block-title--five .section-head .divider,
        .block-title--five .widget-title .divider {
            display: none;
        }

        .block-title--five.block-align--left .section-head:after,
        .block-title--five.block-align--left .widget-title:after,
        .block-title--five.block-align--center .section-head:before,
        .block-title--five.block-align--center .widget-title:before,
        .block-title--five.block-align--center .section-head:after,
        .block-title--five.block-align--center .widget-title:after,
        .block-title--five.block-align--right .section-head:before,
        .block-title--five.block-align--right .widget-title:before {
            content: '';
            position: relative;
            flex: 1;
            height: 2px;
            background: var(--bbe-site-border-color-muted);
        }

    /* 
    MARK: 2.9 Sidebar Sticky
    */

        @media ( min-width: 769px ) {
            .blog-bee-main-wrap .content-wrapper.is-sticky {
                align-items: flex-start;
            }

            .blog-bee-main-wrap .content-wrapper.is-sticky .site-main {
                position: sticky;
                top: 0;
            }
        
            .blog-bee-main-wrap .content-wrapper.is-sticky .widget-area {
                position: sticky;
                top: 0;
            }
        }

    /* 
    MARK: 2.10 Table of Content
    */

        .bbe-toc {
            --bbe-site-bg-color: #fffdf8;
            background: var(--bbe-site-bg-color);
            border: 1px solid var(--bbe-site-toc-border-color);
        }

        .bbe-dark .bbe-toc {
            --bbe-site-bg-color: #292c2f;
        }

        .bbe-toc .toc-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
            user-select: none;
            cursor: pointer;
            padding: 18px 22px 16px;
        }

        .bbe-toc .toc-header .section-head {
            font-size: 0;
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 0;
        }

        .bbe-toc .toc-header .section-head:before {
            content: '';
            display: inline-block;
            width: 18px;
            height: 2px;
            background: #b8945a;
            flex-shrink: 0;
        }

        .bbe-toc .toc-header .section-head .label {
            --bbe-site-font-weight: 500;
            --bbe-site-font-size: 10px;
            --bbe-site-font-letterspacing: 0.12em;
        }

        .bbe-toc .toc-header .section-head .label:before {
            display: none;
        }

        .bbe-toc .toc-header .toc-icon i {
            font-size: 11px;
            color: var(--bbe-site-color);
        }

        /* Content */
        /* List Style Dot */
            .bbe-toc.list--dot .toc-heading-title a:before {
                content: '';
                flex-shrink: 0;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #d4c4a8;
                border: 1.5px solid var(--bbe-site-toc-active-color);
                transition: var(--transition-1);
            }

            .bbe-toc.list--dot .toc-heading-title a:hover:before {
                background: var(--bbe-site-toc-active-color);
                transform: scale(1.3);
            }

        .bbe-toc .table-of-content {
            display: none;
            border-top: 1px solid var(--bbe-site-toc-border-color);
        }

        .bbe-toc .table-of-content.open {
            display: block;
        }

        .bbe-toc .table-of-content ul li a {
            --bbe-site-font-weight: 400;
            --bbe-site-font-size: 13px;
            --bbe-site-font-lineheight: 1.45;
            --bbe-site-font-letterspacing: 0.01em;
            display: flex;
            gap: 12px;
            padding: 12px 20px 12px 22px;
            margin-left: -1px;
            border-left: 2px solid transparent;
        }

        .bbe-toc .table-of-content ul li a:hover {
            border-color: var(--bbe-site-toc-active-color);
            color: var(--bbe-site-toc-active-color);
            background: linear-gradient(90deg, #faf3e8 0%, transparent 100%);
        }

        .bbe-dark .bbe-toc .table-of-content ul li a:hover {
            background: linear-gradient(90deg, #faf3e81f 0%, transparent 100%);
        }

        .bbe-toc .table-of-content ul li.active a {
            border-color: var(--bbe-site-toc-active-color);
            color: var(--bbe-site-toc-active-color);
        }

        .bbe-toc .table-of-content ul li a .numberiing-prefix {
            margin-top: 1px;
        }

        /* Fixed */
        .bbe-toc.fixed {
            position: fixed;
            top: 50%;
            left: 20px;
            transform: translateY(-7rem);
            z-index: 1;
            width: 300px;
        }

        .bbe-toc.fixed.position--right {
            right: 20px; 
            left: initial;
        }

        .bbe-toc.fixed .toc-list-item-wrap {
            max-height: 300px;
            overflow-y: auto;
            scrollbar-width: thin;
            scrollbar-color: #dddddd transparent;
        }

    /* 
    MARK: 2.11 Slick Slider
    */

        .widget_blog_bee_carousel_posts_widget .article-wrap:not(.slick-initialized) .bbe-article + .bbe-article {
            display: none;
        }

        .bbe-main-banner.layout--three .sidebar-content:not(.slick-initialized),
        .bbe-carousel .entry-content:not(.slick-initialized),
        .bbe-insta-gallery.slider--on .gallery:not(.slick-initialized) {
            opacity: 0;
            transition: var(--transition-1);
        }

        .bbe-main-banner.layout--three .sidebar-content:not(.slick-initialized) {
            height: 324px;
        }

        .bbe-carousel .entry-content:not(.slick-initialized) {
            height: 300px;
        }

        .bbe-main-banner-main .entry-content:not(.slick-initialized) .bbe-article + .bbe-article {
            display: none;
        }

        /* Slick Arrow */
        .slick-arrow i,
        .story-arrows .icon i {
            position: absolute;
            font-size: 10px;
            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        /* Prev Arrow */
        .prev-arrow i + i {
            transform: translateX(25px);
            opacity: 0;
        }

        .prev-arrow:hover i:first-child {
            transform: translateX(-25px);
            opacity: 0;
        }

        .prev-arrow:hover i + i {
            transform: translateX(0);
            opacity: 1;
        }

        /* Next Arrow */
        .next-arrow i + i {
            transform: translateX(-25px);
            opacity: 0;
        }

        .next-arrow:hover i:first-child {
            transform: translateX(25px);
            opacity: 0;
        }

        .next-arrow:hover i + i {
            transform: translateX(0);
            opacity: 1;
        }

        /* Dot Pagination Styling  */
        .bbe-slick-dots .slick-dots,
        .bbe-main-banner .slick-dots {
            display: flex;
            gap: 12px;
        }

        .bbe-slick-dots.type--dots .slick-dots li,
        .bbe-main-banner .slick-dots li {
            line-height: 0;
        }

        .bbe-slick-dots.type--dots .slick-dots li button,
        .bbe-main-banner .slick-dots li button {
            --bbe-site-grey-color: #00000033;
            position: relative;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            font-size: 0;
            cursor: pointer;
            background: var(--bbe-site-grey-color);
        }

       .bbe-dark .bbe-slick-dots.type--dots .slick-dots li button,
       .bbe-dark .bbe-main-banner .slick-dots li button {
            --bbe-site-grey-color: #ffffff73;
        }

        .bbe-slick-dots.type--dots .slick-dots li.slick-active button,
        .bbe-main-banner .slick-dots li.slick-active button {
            width: 12px;
            height: 12px;
            background: transparent;
        }

        .bbe-slick-dots.type--dots .slick-dots li.slick-active button::before,
        .bbe-main-banner .slick-dots li.slick-active button::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 50%;
            border: 2px solid var(--bbe-site-color);
            animation: prixClipFix 0.3s linear forwards;
            will-change: clip-path;
        }

        @keyframes prixClipFix {
            0%   { clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); }
            25%  { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); }
            50%  { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); }
            75%  { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); }
            100% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); }
        }

    /* 
    MARK: 2.12 Banner Sidebar Widgets
    */

        body #page.site .bbe-main-banner .banner-sidebar:not(.scroll--off) {
            max-height: 580px;
            overflow-y: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
            background:
                linear-gradient(var(--bbe-site-bg-color) 30%, transparent) center top,
                linear-gradient(transparent, var(--bbe-site-bg-color) 70%) center bottom,
                radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.4), transparent) center top,
                radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.4), transparent) center bottom;
            background-repeat: no-repeat;
            background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
            background-attachment: local, local, scroll, scroll;
        }

        .banner-sidebar .article-wrap {
            display: grid;
            gap: 25px;
        }

        .banner-sidebar .article-wrap .bbe-article {
            display: grid;
            gap: 17px;
        }

        .banner-sidebar.align--center .article-wrap .bbe-article .entry-inner {
            text-align: center;
        }

        .banner-sidebar.align--right .article-wrap .bbe-article .entry-inner {
            text-align: right;
        }

        .banner-sidebar .bbe-article .entry-inner .entry-title {
            -webkit-line-clamp: 2;
        }

        /* Grid */
        .banner-sidebar.layout--grid .bbe-article-figure {
            aspect-ratio: 16 / 9;
        }

        .banner-sidebar .entry-categories {
            margin-bottom: 9px;
        }

        .banner-sidebar .entry-excerpt {
            margin-top: 10px;
        }

        .banner-sidebar .entry-meta {
            margin-top: 9px;
        }

        /* List */
        .banner-sidebar.layout--list .article-wrap {
            gap: 18px;
        }

        body #page.site .banner-sidebar.layout--list .bbe-article:not(:last-child) {
            padding-bottom: 18px;
            border-bottom: 1px solid var(--bbe-site-border-color-muted);
        }

        .banner-sidebar.layout--list .bbe-article {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .banner-sidebar.layout--list .bbe-article .bbe-article-figure {
            width: 100px;
            height: 100px;
        }

        .banner-sidebar.layout--list.position--right .bbe-article .bbe-article-figure {
            order: 2;
        }

        .banner-sidebar.layout--list .bbe-article .entry-inner {
            flex: 1;
        }

        .banner-sidebar.layout--list .bbe-article .entry-inner .entry-title,
        .banner-sidebar.layout--list .bbe-article .entry-inner .entry-title a {
            font-size: calc(var(--bbe-site-font-size) - 2px);
        }

        /* Overlay */
        .banner-sidebar.layout--overlay .bbe-article .bbe-article-figure {
            aspect-ratio: 4 / 3;
        }

        .banner-sidebar.layout--overlay .bbe-article .bbe-article-figure:before {
            content: '';
            position: absolute;
            inset: 0;
            background: #0000003d;
            z-index: 1;
        }

        .banner-sidebar.layout--overlay .bbe-article .entry-inner {
            position: absolute;
            bottom: 0;
            padding: 6%;
            z-index: 1;
            width: 100%;
        }

        .banner-sidebar.layout--overlay .bbe-article .entry-inner .entry-title,
        .banner-sidebar.layout--overlay .bbe-article .entry-inner .entry-title a {
            font-size: calc(var(--bbe-site-font-size) - 1px);
        }

        /* Image Off */
        body #page.site .banner-sidebar.image--off .bbe-article:not(:last-child) {
            padding-bottom: 20px;
            border-bottom: 1px solid var(--bbe-site-border-color-muted);
        }

        .banner-sidebar.layout--overlay.image--off .bbe-article .entry-inner {
            position: initial;
            padding: 0;
        }

    /* 
    MARK: 2.13 Card Settings
    */

        .single .blog-bee-main-wrap .site-main .bbe-article {
            overflow: visible;
        }

        body #page.site .bbe-sections-wrap .bbe-content-sidebar .row,
        body #page.site .bbe-sections-wrap .blog-bee-main-wrap .row,
        body #page.site .bbe-main-banner .bbe-article,
        body #page.site .bbe-carousel .bbe-article,
        body #page.site .widget .bbe-article,
        body.card--boxed .blog-bee-main-wrap.layout--list.card--default .bbe-article,
        body .site .blog-bee-main-wrap.layout--list.card--boxed .bbe-article,
        body .site .bbe-sections-wrap .bbe-three-blocks .block-item .bbe-article,
        body.card--boxed .site .bbe-three-blocks .block-item .bbe-article .entry-content,
        body .site .bbe-three-blocks.card--boxed .block-item .bbe-article .entry-content,
        body #page.site .widget .wp-block-group .widget {
            padding: 0;
            border-radius: 0;
            box-shadow: none;
            border: none;
            background: transparent;
            transform: initial;
            backdrop-filter: revert;
        }

        body #page.site .bbe-sections-wrap .bbe-content-sidebar .row:before,
        body #page.site .bbe-sections-wrap .blog-bee-main-wrap .row:before,
        body #page.site .bbe-main-banner .bbe-article:before,
        body #page.site .bbe-carousel .bbe-article:before,
        body #page.site .widget .bbe-article:before,
        body.card--boxed .blog-bee-main-wrap.layout--list.card--default .bbe-article:before,
        body .site .blog-bee-main-wrap.layout--list.card--boxed .bbe-article:before,
        body .site .bbe-sections-wrap .bbe-three-blocks .block-item .bbe-article:before,
        body.card--boxed .site .bbe-three-blocks .block-item .bbe-article .entry-content:before,
        body .site .bbe-three-blocks.card--boxed .block-item .bbe-article .entry-content:before,
        body #page.site .widget .wp-block-group .widget {
            content: none !important;
        }

        /* Section Card */
        .home.card--section-boxed .bbe-sections-wrap > *.card--default .row,
        body.home .bbe-sections-wrap > *.card--section-boxed .row,
        .card--section-boxed .card--default .content-wrapper > *,
        body .card--section-boxed .content-wrapper > *,
        .card--section-boxed .card--default .bbe-related-posts,
        body .card--section-boxed .bbe-related-posts,
        .card--section-boxed .card--default.bbe-you-may-have-missed .row,
        body .card--section-boxed.bbe-you-may-have-missed .row {
            background: var(--bbe-card-bg);
            border-radius: var(--bbe-card-border-radius);
            padding: var(--bbe-card-padding);
            transition: var(--transition-1);
            border-width: var(--bbe-card-border-width);
            border-style: var(--bbe-card-border-style);
            border-color: var(--bbe-card-border-color);
            border-image: var(--bbe-card-border-color) 1;
            box-shadow: var(--bbe-card-box-shadow);
        }

        /* Item Card */
        .card--boxed .card--default .bbe-article,
        body .card--boxed .bbe-article,
        .card--boxed .layout--list.card--default .bbe-article .entry-content,
        body .layout--list.card--boxed .bbe-article .entry-content,
        .card--boxed .card--default .block-wrap > div,
        body .card--boxed .block-wrap > div,
        .card--boxed .bbe-carousel.card--default .entry-content,
        body .bbe-carousel.card--boxed .entry-content,
        .card--boxed .bbe-category-collection.card--default:not(.layout--four) .entry-content > li,
        body .bbe-category-collection.card--boxed:not(.layout--four) .entry-content > li,
        .card--boxed .bbe-video-playlist.layout--one.card--default:not(.active) .entry-content .video-item,
        body .bbe-video-playlist.layout--one.card--boxed:not(.active) .entry-content .video-item,
        body.card--boxed .site .card--default .widget,
        body .site .card--boxed .widget,
        .card--boxed .bbe-three-blocks.card--default .block-item,
        body .bbe-three-blocks.card--boxed .block-item,
        .card--boxed .card--default .bbe-post-navigation,
        body.card--boxed .bbe-post-navigation,
        .card--boxed .card--default .bbe-author-box,
        body.card--boxed .bbe-author-box,
        .card--boxed .card--default .comments-area,
        body.card--boxed .comments-area {
            background: var(--bbe-card-bg);
            border-radius: var(--bbe-card-border-radius);
            padding: var(--bbe-card-padding);
            transition: var(--transition-1);
            border-width: var(--bbe-card-border-width);
            border-style: var(--bbe-card-border-style);
            border-color: var(--bbe-card-border-color);
            border-image: var(--bbe-card-border-color) 1;
            box-shadow: var(--bbe-card-box-shadow);
        }

        .card--boxed .card--default .bbe-article:hover,
        body .card--boxed .bbe-article:hover,
        .card--boxed .bbe-category-collection.card--default:not(.layout--four) .entry-content > li:hover,
        body .bbe-category-collection.card--boxed:not(.layout--four) .entry-content > li:hover,
        .card--boxed .bbe-video-playlist.layout--one.card--default:not(.active) .entry-content .video-item:hover,
        body .bbe-video-playlist.layout--one.card--boxed:not(.active) .entry-content .video-item:hover {
            box-shadow: var(--bbe-card-box-shadow-hover);
        }

        .card-animation--on.card--boxed .card--default .bbe-article:hover,
        body.card-animation--on .card--boxed .bbe-article:hover,
        .card-animation--on.card--boxed .bbe-category-collection.card--default:not(.layout--four) .entry-content > li:hover,
        body.card-animation--on .bbe-category-collection.card--boxed:not(.layout--four) .entry-content > li:hover,
        .card-animation--on.card--boxed .bbe-video-playlist.layout--one.card--default:not(.active) .entry-content .video-item:hover,
        body.card-animation--on .bbe-video-playlist.layout--one.card--boxed:not(.active) .entry-content .video-item:hover {
            transform: translateY(-4px);
        }

        .single.card-animation--on.card--boxed .site-main .bbe-article:hover,
        .single.card-animation--on .card--boxed .site-main .bbe-article:hover,
        .page.card-animation--on.card--boxed .site-main .bbe-article:hover,
        .page.card-animation--on .card--boxed .site-main .bbe-article:hover {
            transform: initial;
            box-shadow: var(--bbe-card-box-shadow);
        }

        /* No Padding */
        body.no-image-padding .site .bbe-article,
        body.no-image-padding .site .blog-bee-main-wrap.layout--list .entry-content,
        body.no-image-padding #page.site .bbe-carousel:not(.layout--two) .bbe-article .entry-inner,
        body.no-image-padding .bbe-main-banner .banner-sidebar:not(.layout--overlay) .bbe-article .entry-inner,
        body.no-image-padding .bbe-post-grid .bbe-article .entry-inner,
        body.no-image-padding .bbe-main-banner.layout--two .bbe-article .entry-inner {
            padding: 0;
        }

        .no-image-padding .card--default .bbe-article .entry-inner,
        .no-image-padding .card--boxed .bbe-article .entry-inner,
        .single.no-image-padding .card--default .site-main .social-content-wrap,
        .single.no-image-padding .card--boxed .site-main .social-content-wrap,
        .single.no-image-padding .card--default .bbe-related-posts .bbe-article .entry-content,
        .single.no-image-padding .card--boxed .bbe-related-posts .bbe-article .entry-content,
        .page.no-image-padding .card--default .entry-header,
        .page.no-image-padding .card--boxed .entry-header,
        .page.no-image-padding .card--default .entry-content,
        .page.no-image-padding .card--boxed .entry-content,
        .no-image-padding .bbe-post-grid.card--default .article-wrap .bbe-article .entry-inner-wrap,
        .no-image-padding .bbe-post-grid.card--boxed .article-wrap .bbe-article .entry-inner-wrap {
            padding: var(--bbe-card-padding);
        }

        .no-image-padding .bbe-you-may-have-missed.card--default .article-wrap .bbe-article,
        .no-image-padding .bbe-you-may-have-missed.card--boxed .article-wrap .bbe-article,
        .single.no-image-padding .card--default .bbe-related-posts.layout--grid .bbe-article,
        .single.no-image-padding .card--boxed .bbe-related-posts.layout--grid .bbe-article,
        .no-image-padding .bbe-post-grid.card--default .article-wrap .bbe-article,
        .no-image-padding .bbe-post-grid.card--boxed .article-wrap .bbe-article,
        .no-image-padding .bbe-content-sidebar.layout--one.card--default .list-post .bbe-article,
        .no-image-padding .bbe-content-sidebar.layout--one.card--boxed .list-post .bbe-article {
            gap: 0;
        }

        .no-image-padding .blog-bee-main-wrap.layout--list.card--default .site-main .bbe-article .entry-content,
        .no-image-padding .blog-bee-main-wrap.layout--list.card--boxed .site-main .bbe-article .entry-content {
            column-gap: 4px;
        }

        .page.no-image-padding .card--default .site-main .bbe-article .entry-title,
        .page.no-image-padding .card--boxed .site-main .bbe-article .entry-title,
        .page.no-image-padding .card--default .site-main .bbe-article .entry-content,
        .page.no-image-padding .card--boxed .site-main .bbe-article .entry-content,
        .no-image-padding .bbe-content-sidebar.layout--one.card--default .featured-post .bbe-article .bbe-article-figure,
        .no-image-padding .bbe-content-sidebar.layout--one.card--boxed .featured-post .bbe-article .bbe-article-figure,
        .no-image-padding .bbe-content-sidebar.layout--two.card--default .list-post .bbe-article .bbe-article-figure,
        .no-image-padding .bbe-content-sidebar.layout--two.card--boxed .list-post .bbe-article .bbe-article-figure {
            margin: 0;
        }

    /* 
    MARK: 2.14 View All Button
    */
        
        .section-head-wrap .view-all {
            color: var(--bbe-site-color);
            transition: var(--transition-1);
        }

        .section-head-wrap .view-all:hover {
            color: var(--bbe-site-color-hover);
        }

        .section-head-wrap .view-all .label {
            font-weight: 500;
            font-size: 12px;
        }

        .section-head-wrap .view-all .icon {
            font-size: 11px;
            margin-left: 3px;
            color: inherit;
        }

        .bbe-carousel .view-all {
            --bbe-site-color: #fff;
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 6px 17px;
            color: var(--bbe-site-color);
        }

        .bbe-carousel .view-all,
        .bbe-carousel .view-all .label {
            --bbe-site-font-weight: 400;
            --bbe-site-font-size: 10px;
            --bbe-site-font-lineheight: 2;
            --bbe-site-font-texttransform: uppercase;
        }

        .bbe-carousel .view-all i {
            border: none;
            font-size: 8px;
            height: initial;
            width: initial;
            background-color: transparent;
            border-radius: unset;
        }

        .bbe-carousel .view-all:hover i {
            color: inherit;
        }

    /*
    MARK: 2.15 Breadcrumb
    */
        .bbe-breadcrumb {
            margin-bottom: 20px;
            background: var(--bbe-site-bg-color);
        }

        .bbe-breadcrumb .trail-items {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
        }

        .bbe-breadcrumb.align--center .trail-items {
            justify-content: center;
        }

        .bbe-breadcrumb.align--right .trail-items {
            justify-content: flex-end;
        }

        .bbe-breadcrumb .trail-item a,
        .bbe-breadcrumb .trail-end span {
            --bbe-site-font-size: 14px;
            --bbe-site-font-weight: 400;
            color: var(--bbe-site-color);
        }

        .bbe-breadcrumb .trail-item a:hover {
            --bbe-site-color-hover: #0073aa;
            color: var(--bbe-site-color-hover);
        }

        .bbe-breadcrumb .icon.seperator {
            font-size: 10px;
            color: var(--bbe-site-color);
        }

    /*
    MARK: 2.16 Post Format
    */

        .bbe-article.format-video iframe,
        .bbe-article.format-audio iframe {
            width: 100%;
            height: 100%;
        }

        /* Icons */
        .icon.post-format-icon {
            position: absolute;
            top: 20px;
            left: 20px;
            z-index: 1;
            font-size: 10px;
            display: flex;
            align-items: center;
            height: 25px;
            padding: 0 13px;
            color: #fff;
            border-radius: 15px;
            background: #000000a6;
        }

        /* Carousel */
        .bbe-carousel.layout--one .bbe-article.post_format-post-format-image {
            height: auto;
        }

        .bbe-carousel.layout--one .post_format-post-format-image .bbe-article-figure {
            margin: 0;
            width: 100%;
            min-height: 100%;
        }

        .bbe-carousel.layout--one .post_format-post-format-image .bbe-article-figure .entry-inner {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            text-align: center;
            padding: 10%;
        }

        .bbe-carousel.layout--one .post_format-post-format-image .bbe-article-figure .entry-inner * {
            color: #fff;
            background: transparent;
            border: none;
            padding: 0;
        }

        .bbe-carousel.layout--one .post_format-post-format-image .bbe-article-figure .entry-inner .entry-categories,
        .bbe-carousel.layout--one .post_format-post-format-image .bbe-article-figure .entry-inner .entry-meta {
            justify-content: center;
        }

    /* 
    MARK: 2.17 Preloader
    */

        .bbe-preloader {
            --bbe-site-color: var(--bbe-theme-color);
            --bbe-site-bg-color: #0e152773;
            position: fixed;
            inset: 0;
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 1;
            visibility: visible;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            transition: all 0.3s ease;
            background: var(--bbe-site-bg-color);
        }
        
        .bbe-preloader.hidden {
            opacity: 0;
            visibility: hidden;
        }

        /* Spinner Preloader */
        .bbe-preloader.style--spinner::before {
            content: "";
            width: 48px;
            height: 48px;
            border-radius: 50%;
            position: absolute;
            box-sizing: border-box;
            border: 3px solid #ffffff59;
            animation: bbeRotation 1s linear infinite;
        }

        .bbe-preloader.style--spinner::after {
            content: "";
            width: 40px;
            height: 40px;
            border: 3px solid;
            border-radius: 50%;
            box-sizing: border-box;
            border-color: var(--bbe-site-color) transparent;
            animation: bbeRotation 0.7s linear infinite reverse;
        }

        @keyframes bbeRotation {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* Pulse Preloader  */
        .bbe-preloader.style--pulse::before,
        .bbe-preloader.style--pulse::after {
            content: "";
            position: absolute;
            width: 65px;
            height: 65px;
            border-radius: 50%;
            border: 2px solid var(--bbe-site-color);
            animation: bbePulse 1.8s ease-out infinite;
        }

        .bbe-preloader.style--pulse::after {
            animation-delay: 0.9s;
        }

        @keyframes bbePulse {
            0% {
                transform: scale(0.8);
                opacity: 1;
            }

            70% {
                opacity: 0.4;
            }

            100% {
                transform: scale(1.5);
                opacity: 0;
            }
        }

        /* Bars Preloader */
        .bbe-preloader.style--bars {
            position: fixed;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            z-index: 9999;
        }

        .bbe-preloader.style--bars::before {
            content: "";
            position: absolute;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: radial-gradient( circle,rgba(255,255,255,.25) 0%,transparent 70% );
            filter: blur(25px);
            animation: bbeGlowPulse 2.5s ease-in-out infinite;
        }

        .bbe-preloader.style--bars .dot {
            display: block;
            flex: 0 0 auto;
            width: 7px;
            height: 65px;
            border-radius: 30px;
            background: var(--bbe-theme-color, #ffffff);
            transform-origin: center bottom;
            animation: bbeBarsWave 1.5s ease-in-out infinite;
        }

        .bbe-preloader.style--bars .dot:nth-child(1) {
            animation-delay: -0.4s;
            opacity: .5;
        }

        .bbe-preloader.style--bars .dot:nth-child(2) {
            animation-delay: -0.2s;
            opacity: .75;
        }

        .bbe-preloader.style--bars .dot:nth-child(3) {
            animation-delay: 0s;
        }

        .bbe-preloader.style--bars .dot:nth-child(4) {
            animation-delay: .2s;
            opacity: .75;
        }

        .bbe-preloader.style--bars .dot:nth-child(5) {
            animation-delay: .4s;
            opacity: .5;
        }

        @keyframes bbeBarsWave {
            0%, 100% {
                transform: scaleY(.35);
            }
            50% {
                transform: scaleY(1);
            }
        }

        @keyframes bbeGlowPulse {
            0%, 100% {
                transform: scale(.9);
                opacity: .4;
            }
            50% {
                transform: scale(1.2);
                opacity: .8;
            }
        }

        /* Dots Preloader */
        .bbe-preloader.style--dots {
            gap: 10px;
        }

        .bbe-preloader.style--dots .dot {
            display: inline-block;
            vertical-align: middle;
            width: 10px;
            height: 10px;
            background: var(--bbe-site-color);
            border-radius: 49px;
            -o-border-radius: 49px;
            -ms-border-radius: 49px;
            -webkit-border-radius: 49px;
            -moz-border-radius: 49px;
            animation: bbeBubbling 1.5s infinite alternate;
            -o-animation: bbeBubbling 1.5s infinite alternate;
            -ms-animation: bbeBubbling 1.5s infinite alternate;
            -webkit-animation: bbeBubbling 1.5s infinite alternate;
            -moz-animation: bbeBubbling 1.5s infinite alternate;
        }

        .bbe-preloader.style--dots .dot:nth-child( n + 4 ) {
            display: none;
        }

        .bbe-preloader.style--dots .dot:first-child {
            animation-delay: 0s;
            -o-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
        }

        .bbe-preloader.style--dots .dot:nth-child(2) {
            animation-delay: 0.45s;
            -o-animation-delay: 0.45s;
            -ms-animation-delay: 0.45s;
            -webkit-animation-delay: 0.45s;
            -moz-animation-delay: 0.45s;
        }

        .bbe-preloader.style--dots .dot:nth-child(3) {
            animation-delay: 0.9s;
            -o-animation-delay: 0.9s;
            -ms-animation-delay: 0.9s;
            -webkit-animation-delay: 0.9s;
            -moz-animation-delay: 0.9s;
        }

        @keyframes bbeBubbling {
            0% {
                width: 10px;
                height: 10px;
                background-color: var(--bbe-site-color);
                transform: translateY(0);
            }
            100% {
                width: 23px;
                height: 23px;
                background-color: white;
                transform: translateY(-20px);
            }
        }

        /* Logo Preloader  */
        .bbe-preloader.type--logo .preloader-logo {
            width: 180px;
            height: auto;
            animation: logoReveal 2.8s cubic-bezier(.22, 1, .36, 1) infinite;
            filter:
                drop-shadow(0 12px 25px rgba(0, 0, 0, 0.25))
                drop-shadow(0 0 18px rgba(255, 255, 255, 0.08));
            transform-origin: center;
            will-change: transform, opacity, filter;
        }

        @keyframes logoReveal {
            0% {
                opacity: 0;
                transform: scale(0.65) rotate(-6deg);
                filter: blur(8px) drop-shadow(0 0 0 rgba(0,0,0,0));
            }
            20% {
                opacity: 1;
                transform: scale(1.08) rotate(2deg);
            }
            40% {
                transform: scale(0.96) rotate(-1deg);
            }
            60% {
                transform: scale(1.02) rotate(0deg);
            }
            80% {
                transform: scale(1);
            }
            100% {
                opacity: 1;
                transform: scale(1);
                filter:
                    drop-shadow(0 12px 25px rgba(0,0,0,0.28))
                    drop-shadow(0 0 18px rgba(255,255,255,0.06));
            }
        }

    /* 
    MARK: 2.18 Meta Seperator
    */
        .entry-meta > * + *::before {
            font-family: 'Font Awesome 5 Free';
            font-weight: 600;
            line-height: 1;
            margin-right: 10px;
            color: var(--bbe-site-meta-color);
        }

        .bbe-main-banner:not(.layout--two) .entry-content .entry-meta > *::before,
        .bbe-main-banner .banner-sidebar.layout--overlay .bbe-article .entry-meta > *::before,
        .bbe-carousel.layout--two .bbe-article .entry-meta > *:before,
        body .overlay--enabled .bbe-article .entry-meta > *::before,
        .single .blog-bee-main-wrap.layout--two .single-header .entry-inner .entry-meta > *:before {
            color: #ffffff9c;
        }

        body.meta-seperator--circle .entry-meta > * + *::before,
        .bbe-category-collection.layout--four.meta-seperator--circle .cat-item + .cat-item::before {
            content: "\25CB";
            font-size: 14px;
            margin-top: -3px;
        }
        
        body.meta-seperator--dot .entry-meta > * + *::before,
        .bbe-category-collection.layout--four.meta-seperator--dot .cat-item + .cat-item::before {
            content: "\2022";
            font-size: 10px;
            opacity: .7;
            margin-top: -2px;
        }
        
        body.meta-seperator--dash .entry-meta > * + *::before,
        .bbe-category-collection.layout--four.meta-seperator--dash .cat-item + .cat-item::before {
            content: "\2013";
            font-size: 8px;
            margin-top: -2px;
        }

        body.meta-seperator--slash .entry-meta > * + *::before,
        .bbe-category-collection.layout--four.meta-seperator--slash .cat-item + .cat-item::before {
            content: "/";
            font-size: 12px;
        }

        body.meta-seperator--pipe .entry-meta > * + *::before,
        .bbe-category-collection.layout--four.meta-seperator--pipe .cat-item + .cat-item::before {
            content: "|";
            font-size: 11px;
            margin-top: -4px;
        }

        /* For SVG */
        .entry-meta .icon.svg,
        .widget .entry-date .icon.svg {
            margin-right: 6px;
        }

    /* 
    MARK: 2.19 Container Settings
    */

        .width-layout--two .site {
            position: relative;
            width: 95%;
            max-width: 1330px;
            margin: 25px auto;
            background: var(--bbe-site-bg-color);
        }

        .width-layout--two .site:before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            pointer-events: none;
            box-shadow: 0 1px 7px #ababab80;
        }

        .width-layout--two .bbe-header .bbe-sticky-header {
            max-width: 1330px;
            width: 95%;
        }