/**

1.0 Global
2.0 Header Builder
Sticky Header
3.0 Footer Builder

*/


/* 
MARK: Global
*/


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

    body .bbe-header {
        position: relative;
        background: var(--bbe-site-bg-color);
        border-color: var(--bbe-site-border-color);
    }

    .bbe-builder .bbe-row .row {
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
        gap: 10px;
    }

    .bbe-builder .bbe-row.has-middle-column .row {
        grid-template-columns: 1fr auto 1fr;
    }

    .bbe-builder .bbe-row .column {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
        min-width: 0;
    }

    .bbe-builder .bbe-row .column.second .bbe-site-logo {
        text-align: center;
    }

    .bbe-builder .bbe-row .column.third {
        justify-content: flex-end;
    }

    /* First Row */
    .bbe-header .bbe-header-top-row.full-width--on,
    .bbe-header .bbe-header-top-row.full-width--off .row {
        --bbe-site-bg-color: #ffffff00;
        padding: 8px 0;
        border-bottom: 1px solid var(--bbe-site-border-color-muted);
        background: var(--bbe-site-bg-color);
    }

    body.bbe-dark .site .bbe-builder .full-width--on,
    body.bbe-dark .site .bbe-builder .full-width--off .row {
        border-color: #56595b;
    }

    /* Middle Row */
    .bbe-header .bbe-header-middle-row.full-width--on,
    .bbe-header .bbe-header-middle-row.full-width--off .row {
        --bbe-site-bg-color: #ffffff00;
        padding: 25px 0;
        border-bottom: 2px solid var(--bbe-site-border-color);
        background: var(--bbe-site-bg-color);
    }

    /* Bottom Row */
    .bbe-header .bbe-header-bottom-row.full-width--on,
    .bbe-header .bbe-header-bottom-row.full-width--off .row {
        --bbe-site-bg-color: #ffffff00;
        padding: 8px 0;
        background: var(--bbe-site-bg-color);
    }

    @media ( max-width: 950px ) {
        .bbe-header .bbe--normal {
            display: none;
        }
    }

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

/* 
==========================
MARK: 2.1 Sticky Header
==========================
*/

    .bbe-header .bbe-sticky-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-220%);
        transition: var(--transition-1);
        background: var(--bbe-site-bg-color);
    }

    .bbe-dark .bbe-header .bbe-sticky-header {
        background: #292c2f;
    }

    .bbe-header.sticky--on .bbe-sticky-header {
        opacity: 1;
        visibility: visible;
        transform: translateY(0%);
    }

    .bbe-header .bbe-sticky-header .full-width--on,
    .bbe-header .bbe-sticky-header .full-width--off .row {
        backdrop-filter: blur(var(--bbe-sticky-backdrop-filter));
        -webkit-backdrop-filter: blur(var(--bbe-sticky-backdrop-filter));
        background: var(--bbe-site-bg-color);
    }

    @media ( min-width: 600px ) {
        .admin-bar .bbe-header .bbe-sticky-header {
            top: 32px;
        }
    }

/* 
==========================
MARK: 3.0 Footer Builder
==========================
*/

    .bbe-footer {
        --bbe-site-bg-color: #ffe4e0;
        background: var(--bbe-site-bg-color);
    }

    .bbe-dark .bbe-footer {
        background: #000;
    }

    .bbe-footer .bbe-row.full-width--off .row,
    .bbe-footer .bbe-row.full-width--on {
        padding: 20px 0;
    }

    .bbe-light .bbe-footer .bbe-row.full-width--off .row,
    .bbe-light .bbe-footer .bbe-row.full-width--on {
        --bbe-site-bg-color: #ffffff00;
        background: var(--bbe-site-bg-color);
    }

    .bbe-footer .bbe-footer-bottom-row.full-width--off .row,
    .bbe-footer .bbe-footer-bottom-row.full-width--on {
        padding: 50px 0;
    }

    .bbe-footer.bbe-builder .bbe-row .row {
        gap: 30px;
        row-gap: 15px;
    }

    /* Row Direction */
    body .site .bbe-footer .direction--vertical .row {
        grid-template-columns: 100%;
    }

    body .site .bbe-footer .bbe-row.direction--vertical .column,
    .bbe-footer .bbe-row.direction--vertical .column .bbe-footer-social-icons,
    .bbe-footer .bbe-footer-menu ul {
        justify-content: center;
    }

    .bbe-footer .direction--vertical .bbe-builder-html p,
    .bbe-footer .direction--vertical .bbe-builder-html h1,
    .bbe-footer .direction--vertical .bbe-builder-html h2,
    .bbe-footer .direction--vertical .bbe-builder-html h3,
    .bbe-footer .direction--vertical .bbe-builder-html h4,
    .bbe-footer .direction--vertical .bbe-builder-html h5,
    .bbe-footer .direction--vertical .bbe-builder-html h6,
    .bbe-footer .direction--vertical .bbe-copyright,
    .bbe-footer .direction--vertical .widget.wp-block-heading,
    .bbe-footer .direction--vertical .widget.widget_text p {
        text-align: center;
    }

    /* Horizontal Alignment */
    .bbe-footer .align--top .row {
        align-items: flex-start;
    }
    
    .bbe-footer .align--bottom .row {
        align-items: flex-end;
    }