/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


 
 .header_nav{
    /* backdrop-filter: blur(24px); */
    background-color: #0c150f00 !important;
    position: relative;
 } 

 .zi-1{
   z-index: 1;
 }

 .header_nav::before{
   content: "";
   position: absolute;
   inset: 0;
   backdrop-filter: blur(24px);
   background-color: #0c150f00 !important;
}

/* Override theme css */

@media (min-width: 600px) and (max-width: 799px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
}



/* popup */

.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);

    display: none;

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

    z-index: 9999;
}

.popup-window {
    background: #fff;
    padding: 30px;
    border-radius: 12px;

    width: 90%;
    max-width: 600px;

    position: relative;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 15px;

    border: 0;
    background: none;

    font-size: 28px;
    cursor: pointer;
}