.footer-width-fixer {
    width: 100%;
}

/* Container fix for genesis themes */

.pixels-theme-template-genesis.pixels-theme-header .site-header .wrap,
.pixels-theme-template-genesis.pixels-theme-footer .site-footer .wrap,
.pixels-theme-template-generatepress.pixels-theme-header .site-header .inside-header {
    width: 100%;
    padding: 0;
    max-width: 100%;
}

/* Container fix for generatepress theme */

.pixels-theme-template-generatepress.pixels-theme-header .site-header,
.pixels-theme-template-generatepress.pixels-theme-footer .site-footer {
    width: 100%;
    padding: 0;
    max-width: 100%;
    background-color: transparent !important; /* override generatepress default white color for header */
}

/* Fix: Header hidden below the page content */
.pixels-theme-header #pixels-masthead {
	z-index: 99;
    position: relative;
}

.pixels-theme-header #pixels-masthead.pixels-sticky-header {
    width: 100%;
    overflow: visible;
}

.pixels-mega-menu-item {
    position: relative;
}

.pixels-mega-menu-panel {
    position: absolute;
    top: 100%;
    left: var(--pixels-mega-menu-left, 0);
    z-index: 999;
    display: none;
    min-width: 240px;
    max-width: 100vw;
    box-sizing: border-box;
    transform-origin: top center;
}

.pixels-mega-menu-panel.pixels-mega-menu-measuring {
    display: block;
    visibility: hidden;
    pointer-events: none;
}

.pixels-mega-menu-panel.pixels-mega-menu-viewport-positioned,
.pixels-mega-menu-content.pixels-mega-menu-viewport-positioned {
    position: fixed;
    top: var(--pixels-mega-menu-top, 0);
    left: var(--pixels-mega-menu-viewport-left, 0);
    z-index: 9999;
}

.pixels-mega-menu-panel.pixels-mega-menu-layout-custom {
    width: var(--pixels-mega-menu-width, max-content);
}

.pixels-mega-menu-panel.pixels-mega-menu-layout-container {
    width: min(var(--pixels-mega-menu-container-width, 1140px), 100vw);
}

.pixels-mega-menu-panel.pixels-mega-menu-layout-full_width {
    width: 100vw;
}

.pixels-mega-menu-item:hover > .pixels-mega-menu-panel,
.pixels-mega-menu-item:focus-within > .pixels-mega-menu-panel {
    display: block;
    animation: pixels-mega-menu-show 260ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.pixels-mega-menu-content-item {
    list-style: none;
    overflow: visible;
}

.pixels-mega-menu-content-item,
.pixels-mega-menu-content-item > .sub-menu,
.pixels-mega-menu-item > .sub-menu {
    overflow: visible;
}

.pixels-mega-menu-parent-sub-menu {
    left: var(--pixels-mega-menu-parent-left, 0) !important;
    width: var(--pixels-mega-menu-parent-width, auto);
    max-width: 100vw;
    box-sizing: border-box;
}

.pixels-mega-menu-content {
    position: relative;
    left: var(--pixels-mega-menu-left, 0);
    width: var(--pixels-mega-menu-width, 100%);
    max-width: 100vw;
    box-sizing: border-box;
    transform-origin: top center;
    animation: pixels-mega-menu-show 260ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.pixels-mega-menu-content.pixels-mega-menu-measuring {
    visibility: hidden;
    pointer-events: none;
}

.pixels-mega-menu-content.pixels-mega-menu-layout-container {
    width: min(var(--pixels-mega-menu-container-width, 1140px), 100vw);
}

.pixels-mega-menu-content.pixels-mega-menu-layout-full_width {
    width: 100vw;
}

.pixels-mega-menu-parent-sub-menu > .pixels-mega-menu-content-item > .pixels-mega-menu-content {
    left: 0;
    width: 100%;
}

.pixels-mega-menu-parent-sub-menu > .pixels-mega-menu-content-item > .pixels-mega-menu-content.pixels-mega-menu-viewport-positioned {
    left: var(--pixels-mega-menu-viewport-left, 0);
}

@keyframes pixels-mega-menu-show {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1024px) {
    .pixels-mega-menu-panel.pixels-mega-menu-layout-custom,
    .pixels-mega-menu-content.pixels-mega-menu-layout-custom {
        width: var(--pixels-mega-menu-width-tablet, var(--pixels-mega-menu-width, 100%));
    }

    .pixels-mega-menu-panel.pixels-mega-menu-layout-container,
    .pixels-mega-menu-content.pixels-mega-menu-layout-container {
        width: min(var(--pixels-mega-menu-container-width-tablet, var(--pixels-mega-menu-container-width, 1140px)), 100vw);
    }
}

@media (max-width: 767px) {
    .pixels-mega-menu-panel.pixels-mega-menu-layout-custom,
    .pixels-mega-menu-content.pixels-mega-menu-layout-custom {
        width: var(--pixels-mega-menu-width-mobile, var(--pixels-mega-menu-width-tablet, var(--pixels-mega-menu-width, 100%)));
    }

    .pixels-mega-menu-panel.pixels-mega-menu-layout-container,
    .pixels-mega-menu-content.pixels-mega-menu-layout-container {
        width: min(var(--pixels-mega-menu-container-width-mobile, var(--pixels-mega-menu-container-width-tablet, var(--pixels-mega-menu-container-width, 1140px))), 100vw);
    }
}