.elementor-10 .elementor-element.elementor-element-1a65a708{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-10 .elementor-element.elementor-element-693c3039{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-7444968 );--border-color:var( --e-global-color-7444968 );--border-radius:8px 8px 0px 0px;}.elementor-10 .elementor-element.elementor-element-4bbbd9f0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-10 .elementor-element.elementor-element-4bbbd9f0.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-5032595b img{width:120px;}.elementor-10 .elementor-element.elementor-element-3829e923{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-47b09001{--display:flex;}.elementor-10 .elementor-element.elementor-element-7b26c0b4{--display:flex;}.elementor-10 .elementor-element.elementor-element-72737978{--display:flex;}.elementor-10 .elementor-element.elementor-element-bf82ffb{--display:flex;}.elementor-10 .elementor-element.elementor-element-639e783e{--display:flex;}.elementor-10 .elementor-element.elementor-element-1c0772f6{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-color-normal:var( --e-global-color-1742804 );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-icon-color:var( --e-global-color-primary );--n-menu-dropdown-indicator-color-normal:#02010100;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-secondary );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:var( --e-global-color-1742804 );--n-menu-title-active-color-dropdown:var( --e-global-color-secondary );--n-menu-dropdown-content-box-border-style:none;}.elementor-10 .elementor-element.elementor-element-1c0772f6 > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{background:var( --e-global-color-3881ca7 );}.elementor-10 .elementor-element.elementor-element-1c0772f6 > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{background:var( --e-global-color-3881ca7 );}:where( .elementor-10 .elementor-element.elementor-element-1c0772f6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{background-color:var( --e-global-color-secondary );border-style:none;}.elementor-10 .elementor-element.elementor-element-1c0772f6 > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:var( --e-global-color-3881ca7 );}.elementor-10 .elementor-element.elementor-element-1c0772f6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-10 .elementor-element.elementor-element-1c0772f6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-10 .elementor-element.elementor-element-1c0772f6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-10 .elementor-element.elementor-element-1c0772f6 > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{border-style:none;}.elementor-10 .elementor-element.elementor-element-1d483c29{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-61a5de7 .elementor-button{font-family:"Figtree", Sans-serif;font-weight:700;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-61a5de7 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-61a5de7 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-61a5de7 .elementor-button:hover svg, .elementor-10 .elementor-element.elementor-element-61a5de7 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-20e6bc2e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-10 .elementor-element.elementor-element-1d900d94 .elementor-button{font-family:"Figtree", Sans-serif;font-weight:700;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-1d900d94 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-1d900d94 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-1d900d94 .elementor-button:hover svg, .elementor-10 .elementor-element.elementor-element-1d900d94 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-3829e923{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-61a5de7 .elementor-button{font-size:14px;}.elementor-10 .elementor-element.elementor-element-1d900d94 .elementor-button{font-size:14px;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-693c3039{--width:1200px;}.elementor-10 .elementor-element.elementor-element-4bbbd9f0{--width:30%;}.elementor-10 .elementor-element.elementor-element-1d483c29{--width:35%;}.elementor-10 .elementor-element.elementor-element-20e6bc2e{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10 .elementor-element.elementor-element-693c3039{--width:700px;}.elementor-10 .elementor-element.elementor-element-20e6bc2e{--width:40%;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-4bbbd9f0{--width:30%;}.elementor-10 .elementor-element.elementor-element-3829e923{--width:21%;}.elementor-10 .elementor-element.elementor-element-1c0772f6{--n-menu-title-distance-from-content:120px;--n-menu-title-space-between:0px;--n-menu-title-padding:40px 40px 40px 40px;}.elementor-10 .elementor-element.elementor-element-1d483c29{--width:34%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-61a5de7 .elementor-button{font-size:12px;}.elementor-10 .elementor-element.elementor-element-20e6bc2e{--width:30%;}}/* Start custom CSS for mega-menu, class: .elementor-element-1c0772f6 *//* ==========================================
   PIAZZA SPORTS
   FULLSCREEN MOBILE NESTED MENU
   ========================================== */

@media (max-width: 1024px) {

    /* =====================================
       1. MENU WIDGET
       ===================================== */

    .elementor-10 .elementor-element.elementor-element-1c0772f6 {
        position: static !important;
        z-index: 100001 !important;
    }

    /* =====================================
       2. FULLSCREEN MENU
       ===================================== */

    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-wrapper {
        position: fixed !important;
        inset: 0 !important;

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

        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100dvh !important;

        margin: 0 !important;
        padding: 145px 30px 40px !important;

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

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

        z-index: 99990 !important;
    }

    /* Menu gesloten */
    .elementor-10 .elementor-element.elementor-element-1c0772f6:has(
        .e-n-menu-toggle[aria-expanded="false"]
    ) .e-n-menu-wrapper {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Menu geopend */
    .elementor-10 .elementor-element.elementor-element-1c0772f6:has(
        .e-n-menu-toggle[aria-expanded="true"]
    ) .e-n-menu-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* =====================================
       3. ACHTERGRONDSCROLL BLOKKEREN
       ===================================== */

    body:has(
        .elementor-element-9b544dc
        .e-n-menu-toggle[aria-expanded="true"]
    ) {
        overflow: hidden !important;
    }

    /* =====================================
       4. MENU ITEMS
       ===================================== */

    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-heading {
        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;
        justify-content: flex-start !important;

        width: 100% !important;
        height: auto !important;

        gap: 22px !important;

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

    /* Individuele menu-items */
    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-title {
        display: flex !important;
        flex: 0 0 auto !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 8px 0 !important;

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

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Links binnen menu-items */
    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-title-container,
    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-title a {
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;

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

        background: transparent !important;
        border: none !important;
    }

    /* Typografie */
    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-title-text {
        font-family: "Montserrat", sans-serif !important;
        font-size: 30px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;

        color: #FFFFFF !important;
        text-align: left !important;
    }

    /* =====================================
       5. HEADER BOVEN MENU
       ===================================== */

    body:has(
        .elementor-element-9b544dc
        .e-n-menu-toggle[aria-expanded="true"]
    ) .elementor-location-header {
        position: relative !important;
        z-index: 100000 !important;
        overflow: visible !important;
    }

    /* Headercontainers niet afsnijden */
    body:has(
        .elementor-element-9b544dc
        .e-n-menu-toggle[aria-expanded="true"]
    ) .elementor-location-header .e-con {
        overflow: visible !important;
    }

    /* =====================================
       6. SLUITKRUISJE
       ===================================== */

    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-toggle[aria-expanded="true"] {
        position: fixed !important;

        top: 28px !important;
        right: 175px !important;
        left: auto !important;
        bottom: auto !important;

        transform: none !important;

        width: 44px !important;
        height: 44px !important;

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

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

        background: transparent !important;
        border: none !important;

        z-index: 100010 !important;
    }

    /* Kruisje wit */
    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-toggle[aria-expanded="true"]
    .e-close svg {
        width: 24px !important;
        height: 24px !important;

        fill: #FFFFFF !important;
        stroke: #FFFFFF !important;
    }

    /* =====================================
       7. PROEFLES KNOP
       ===================================== */

    body:has(
        .elementor-element-9b544dc
        .e-n-menu-toggle[aria-expanded="true"]
    ) .elementor-element-a930732 {
        position: fixed !important;

        top: 28px !important;
        right: 20px !important;
        left: auto !important;
        bottom: auto !important;

        width: 135px !important;
        max-width: 135px !important;

        margin: 0 !important;
        transform: none !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        z-index: 100011 !important;
    }

    /* Proefles knop opmaak */
    body:has(
        .elementor-element-9b544dc
        .e-n-menu-toggle[aria-expanded="true"]
    ) .elementor-element-a930732 .elementor-button {
        display: flex !important;

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

        width: 100% !important;
        min-height: 44px !important;

        margin: 0 !important;
        white-space: nowrap !important;
    }

    /* =====================================
       8. LOGO ZICHTBAAR
       ===================================== */

    body:has(
        .elementor-element-9b544dc
        .e-n-menu-toggle[aria-expanded="true"]
    ) .elementor-location-header
    .elementor-widget-image {
        position: relative !important;
        z-index: 100012 !important;
    }

}


/* ==========================================
   KLEINERE MOBIELE SCHERMEN
   ========================================== */

@media (max-width: 480px) {

    /* Menu padding */
    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-wrapper {
        padding: 135px 25px 35px !important;
    }

    /* Ruimte tussen menu-items */
    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-heading {
        gap: 18px !important;
    }

    /* Tekstgrootte */
    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-title-text {
        font-size: 28px !important;
    }

    /* Kruisje */
    .elementor-10 .elementor-element.elementor-element-1c0772f6 .e-n-menu-toggle[aria-expanded="true"] {
        top: 25px !important;
        right: 170px !important;
    }

    /* Proefles-knop */
    body:has(
        .elementor-element-9b544dc
        .e-n-menu-toggle[aria-expanded="true"]
    ) .elementor-element-a930732 {
        top: 25px !important;
        right: 20px !important;

        width: 130px !important;
        max-width: 130px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-693c3039 *//* HEADER */
.elementor-10 .elementor-element.elementor-element-693c3039 {
    background: transparent !important;
    isolation: isolate;
    z-index: 9999 !important;
}

/* ACHTERGRONDLAAG */
.elementor-10 .elementor-element.elementor-element-693c3039::before {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.15);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    transition: background-color 0.4s ease;

    z-index: -1;
    pointer-events: none;
}

/* TIJDENS SCROLLEN */
.elementor-10 .elementor-element.elementor-element-693c3039.elementor-sticky--effects::before {
    background: rgba(0, 0, 0, 0.40);
}/* End custom CSS */