/* *
 * ModulePress for Divi
 * @module Menu Bar
 * 23/04/2025
 */

html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section {
    --modulepress--nav--spacing: 0;
    --modulepress--nav--background-color: #d40000;
    --modulepress--nav--font-color: #fff;
    --modulepress--nav--font-size: 12px;
    z-index: 100;
}

html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .et_pb_column {
    width: 100% !important;
}

html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .modulepress__menu {
    --modulepress--menu--spacing: 10px;
    --modulepress--menu--height: 48px;
    --modulepress--menu--font-color: #fff;
    --modulepress--menu--font-size: 14px;
    --modulepress--menu--font-weight: 700;
    --modulepress--menu--text-transform: uppercase;
    --modulepress--menu--text-align: center;
    --modulepress--menu--letter-spacing: 1px;
    --modulepress--menu--background--hover: #fff;
    --modulepress--menu--font-color--hover: #d40000;
    --modulepress--menu--background--active: #fff;
    --modulepress--menu--font-color--active: #d40000;
    display: none;
}

html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .et_pb_button_module_wrapper {
    flex: 1 0 auto;
}

/* xxxs */
html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .et_pb_button {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 10px auto !important;
    --modulepress--button--height: 32px;
    --modulepress--button--spacing: 5px;
    --modulepress--button--font-size: 12px;
    --modulepress--button--icon-size: 16px;
    --modulepress--button--icon-gap: 5px;
}

/* xxs */
@media (min-width: 320px) {
    html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .et_pb_button {
        --modulepress--button--height: 40px;
        --modulepress--button--spacing: 10px;
        --modulepress--button--font-size: 14px;
        --modulepress--button--icon-size: 16px;
        --modulepress--button--icon-gap: 10px;
    }
}

/* xs */
@media (min-width: 460px) {
    html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .et_pb_button {
        max-width: 90%;
    }
}

/* sm */
@media (min-width: 576px) {
    html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .et_pb_button {
        max-width: 80%;
    }
}

/* md */
@media (min-width: 768px) {
    html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .et_pb_column {
        justify-content: space-between;
    }

    html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .modulepress__menu {
        display: block;
    }

    html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .et_pb_button {
        max-width: 100%;
        margin: 10px 0 10px auto !important;
        --modulepress--button--height: 44px;
        --modulepress--button--spacing: 20px;
    }
}

/* lg */
@media (min-width: 992px) {
    html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .et_pb_button_module_wrapper {
        flex: 1 0 auto;
    }

    html body.modulepress-divistyle #page-container #et-boc .modulepress__menu-bar.et_pb_section .et_pb_row .et_pb_button {
        max-width: 400px;
        --modulepress--button--height: 48px;
        --modulepress--button--spacing: 30px;
        --modulepress--button--font-size: 16px;
        --modulepress--button--icon-size: 18px;
    }
}