.hhghf-global-header,
.hhghf-global-footer {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    clear: both;
    box-sizing: border-box;
}

.hhghf-global-header {
    z-index: var(--hhghf-z-index, 9999);
}

.hhghf-global-header > .elementor,
.hhghf-global-footer > .elementor,
.hhghf-global-header > .elementor > .elementor-element,
.hhghf-global-footer > .elementor > .elementor-element {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.hhghf-sticky-header .hhghf-global-header {
    position: sticky;
    top: 0;
}

body.admin-bar.hhghf-sticky-header .hhghf-global-header {
    top: 32px;
}

body.hhghf-hide-theme-header > header:not(.hhghf-global-header),
body.hhghf-hide-theme-header #masthead,
body.hhghf-hide-theme-header .site-header,
body.hhghf-hide-theme-header .wp-site-blocks > header {
    display: none !important;
}

body.hhghf-hide-theme-footer > footer:not(.hhghf-global-footer),
body.hhghf-hide-theme-footer #colophon,
body.hhghf-hide-theme-footer .site-footer,
body.hhghf-hide-theme-footer .wp-site-blocks > footer {
    display: none !important;
}

@media (max-width: 782px) {
    body.admin-bar.hhghf-sticky-header .hhghf-global-header {
        top: 46px;
    }
}


/* v1.1 viewport-level layout fix */
.hhghf-global-header,
.hhghf-global-footer {
    box-sizing: border-box !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    clear: both !important;
    float: none !important;
    overflow: visible !important;
}

.hhghf-global-header > .elementor,
.hhghf-global-footer > .elementor,
.hhghf-global-header > .elementor > .elementor-element,
.hhghf-global-footer > .elementor > .elementor-element,
.hhghf-global-header > .elementor > .e-con,
.hhghf-global-footer > .elementor > .e-con {
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    flex-basis: 100% !important;
    --width: 100% !important;
    --content-width: 100% !important;
    --container-max-width: 100% !important;
}

body.hhghf-active {
    overflow-x: hidden;
}