/**
 * NandGate Footer Styles and Header styles
 * Description: Custom layout and typography for the site footer it's global but put here for organization.
 * Created: January 2026
 */


 /* ==========================================================================
   FOOTER LAYOUT (Centering & Spacing)
   ========================================================================== */

div.ast-builder-footer-grid-columns {
    justify-content: space-evenly;
    display:flex;
}


/* Target mobile + tablet screens (typical phones are under 480px) */
@media (max-width: 820px) {
    footer#colophon div.ast-builder-grid-row-container-inner div.ast-builder-footer-grid-columns {
            flex-direction: column;  
            align-items: center;
    }

}


/* Create a wide but contained "Max Width" for the top header */
header#masthead div.ast-primary-header-bar div.site-primary-header-wrap {
    max-width: 1800px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* HOME PAGE CSS */


/* Disable clicks on the header only when it is expanded */
#home-accordion [aria-expanded="true"] {
    pointer-events: none; /* Stops the "minimize" click from working */
    cursor: default;     /* Changes the hand icon back to a regular pointer */
}

#home-accordion [aria-expanded="true"] * {
    pointer-events: none;
}


/* Align the submenu to the right so it stays on screen */
.main-navigation ul ul {
    left: auto;
    right: 0;
}