/*
Theme Name:   Winkelcentrum Lindenburg
Template:     Divi
Version:      1.0.0
Description:  Winkelcentrum Lindenburg - Custom site
Author:       Junnect
Author URI:   https://junnect.nl
Text Domain:  base-child
*/

code, pre {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}

pre.debug-data {
    display: block !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;

    position: fixed;
    top: 10px;
    left: 10px;
    right: 10px;
    z-index: 9999;

    min-height: calc(100vh - 20px);
    width: calc(100vw - 20px);

    background: #f5f5f5;
    border: 1px solid #ccc;
    padding: 10px;
    overflow: auto;
    max-height: 400px;
}

:root {
    --primary-color: #012eb7;
    --secondary-color: #5bc28b;
    --background-color: #f8f8f8;
    --text-color: #0f0f0f;
    --border-color: #dee2e6;

    --font-family-base: 'Open Sans', Arial, sans-serif;
    --font-size-base: 16px;
    --font-weight-normal: 400;
    --font-weight-bold: 700;

    --spacing-unit: 8px;

    --transition-duration: 0.3s;
    --transition-ease: ease-in-out;

    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    --border-radius: 3px;
}

/*
 * Secondary menu (Divi 5 Menu module with the .secondary-menu CSS class):
 * on mobile, show the menu items inline instead of collapsing into the hamburger.
 * Divi switches to the mobile/hamburger nav at <= 980px by default.
 */
@media (max-width: 980px) {
    .secondary-menu .et_pb_menu__menu {
        display: flex !important;
    }

    .secondary-menu .et_pb_menu__menu nav > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .secondary-menu .et_mobile_nav_menu {
        display: none !important;
    }
}