/*
Theme Name: Divi Child
Theme URI: https://karstenmissot.com/
Version: 1.0
Description: Child Theme of Divi
Author: Karsten Missot
Template: Divi
*/
@import url("../Divi/style.css");




/* ==========================================
   DCK - MOBILE MENU
   Fullscreen + Accordion
   ========================================== */

@media (max-width: 980px) {

    /* Header */
    #main-header,
    .et-l--header {
        z-index: 100000 !important;
    }

    /* Fullscreen menu */
    #main-header .et_mobile_menu,
    .et_pb_menu .et_mobile_menu {
        position: fixed !important;

        top: var(--dck-menu-top, 70px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: calc(
            100dvh - var(--dck-menu-top, 70px)
        ) !important;

        max-height: none !important;

        margin: 0 !important;
        padding: 20px 24px 40px !important;

        background: #fff !important;
        box-sizing: border-box !important;

        border-top: 0 !important;
        box-shadow: none !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;

        z-index: 100001 !important;
    }

    /* Achterliggende pagina niet scrollen */
    body.dck-menu-open {
        overflow: hidden !important;
    }

    /* Hoofdmenu-items */
    .et_mobile_menu > li {
        position: relative !important;
        margin-bottom: 10px !important;
    }

    .et_mobile_menu > li > a {
        display: block !important;
        padding: 19px 16px !important;
        line-height: 1.5 !important;

        background: #f7f7f7 !important;
        color: #111 !important;

        font-weight: 600 !important;
        border-bottom: 0 !important;
    }

    /* Ruimte voor dropdownknop */
    .et_mobile_menu
    > li.menu-item-has-children > a {
        padding-right: 60px !important;
    }

    /* Submenu standaard gesloten */
    .et_mobile_menu
    li.menu-item-has-children
    > ul.sub-menu {
        display: none !important;
    }

    /* Submenu geopend */
    .et_mobile_menu
    li.submenu-open
    > ul.sub-menu {
        display: block !important;
        visibility: visible !important;
    }

    /* Dropdownknop */
    .et_mobile_menu
    .mobile-submenu-toggle {
        position: absolute !important;
        top: 0 !important;
        right: 5px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 50px !important;
        height: 60px !important;

        padding: 0 !important;
        margin: 0 !important;

        background: transparent !important;
        border: 0 !important;

        color: #222 !important;
        cursor: pointer;
        z-index: 20 !important;
    }

    /* Chevron */
    .et_mobile_menu
    .mobile-submenu-toggle::after {
        content: "" !important;
        display: block !important;

        width: 9px !important;
        height: 9px !important;

        border-right: 2px solid #222 !important;
        border-bottom: 2px solid #222 !important;

        transform: rotate(45deg);
        transition: transform .2s ease;
    }

    /* Chevron geopend */
    .et_mobile_menu
    li.submenu-open
    > .mobile-submenu-toggle::after {
        transform: rotate(225deg);
    }

    /* Submenu */
    .et_mobile_menu .sub-menu {
        padding: 0 !important;
        background: #fff !important;
    }

    .et_mobile_menu .sub-menu li a {
        padding: 16px 24px 16px 30px !important;

        background: #fff !important;
        border-bottom: 1px solid #f0f0f0 !important;

        font-weight: 400 !important;
        line-height: 1.5 !important;
    }
	body.dck-menu-open .dck-fixed-buttons {
        display: none !important;
    }
	body .project-details-table th, body .project-details-table td {
		padding:12px 10px!important;
	}

}