/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 14 2026 | 09:49:41 */
/* ============================================================
   NO HAMBURGER MOBILE MENU (DIVI)
   ------------------------------------------------------------
   This CSS forces a Divi Menu module to display its desktop
   menu layout even on mobile devices, disabling the hamburger
   menu entirely.

   Typical use case: footer menus or secondary menus that must
   remain inline and always visible on mobile.

   HOW TO USE:
   - Add the class "no-hamburger-mobile-menu" to the Menu module
     (or to its parent container).
   - Optionally add one alignment class:
       "left"   → left-aligned menu items
       "center" → centered menu items
       "right"  → right-aligned menu items

   Example:
   no-hamburger-mobile-menu center
   ============================================================ */

@media (max-width: 980px) {

    /* Show desktop menu, hide hamburger */
    .no-hamburger-mobile-menu .et_pb_menu__menu {
        display: flex !important;
        width: 100%;
    }

    .no-hamburger-mobile-menu .et_mobile_nav_menu {
        display: none !important;
    }

    /* Force horizontal menu list */
    .no-hamburger-mobile-menu .et_pb_menu__menu nav ul.et-menu {
        display: flex;
        width: 100%;
        padding: 0;
        margin: 0;
        align-items: center;
    }

    /* Alignment variants */
    .no-hamburger-mobile-menu.left .et_pb_menu__menu nav ul.et-menu {
        justify-content: flex-start;
    }

    .no-hamburger-mobile-menu.center .et_pb_menu__menu nav ul.et-menu {
        justify-content: center;
    }

    .no-hamburger-mobile-menu.right .et_pb_menu__menu nav ul.et-menu {
        justify-content: flex-end;
    }
}

/* Item spacing (works for all alignments) */
.no-hamburger-mobile-menu .et_pb_menu__menu nav ul.et-menu > li {
    margin: 0 12px;
}