/* =====================================================
   KAMIENNA AZYL - CUSTOM HEADER
===================================================== */


.kamienna-header {

    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:99999 !important;
    background:transparent;
    font-family:'Poppins',sans-serif;

}



.kamienna-header-inner {

    width:100%;
    padding:25px 50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;

}



.kamienna-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
}



.kamienna-logo {
    width:160px !important;
    max-width:160px !important;
    flex:0 0 160px !important;
}

.kamienna-logo a {
    width:160px !important;
}

.kamienna-logo img {
    width:160px !important;
    max-width:160px !important;
    height:auto !important;
}




/* DESKTOP MENU */


.kamienna-nav {

    display:flex;
    align-items:center;
    gap:45px;

}



.kamienna-menu {

    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
    padding:0;
    margin:0;

}



.kamienna-menu li {

    position:relative;

}



.kamienna-menu a {

    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:400;
    white-space:nowrap;
    transition:.3s ease;

}



.kamienna-menu a:hover {

    color:rgba(255,255,255,.65);

}





/* SUBMENU */


.kamienna-menu .submenu {

    position:absolute;

    top:calc(100% + 20px);

    left:0;

    min-width:230px;

    background:#fff;

    padding:20px;

    margin:0;

    list-style:none;

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:.35s ease;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}



.kamienna-menu .submenu li {

    margin-bottom:12px;

}



.kamienna-menu .submenu li:last-child {

    margin-bottom:0;

}



.kamienna-menu .submenu a {

    color:#000;

    font-size:14px;

}



.kamienna-menu .submenu a:hover {

    color:#D69461;

}



.kamienna-menu .has-submenu:hover .submenu {

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}





/* ARROW */


.menu-arrow {

    margin-left:5px;

    font-size:16px;

}


/* BUTTON DESKTOP */

.kamienna-header .kamienna-header-button a,
.kamienna-header .kamienna-header-button a:link,
.kamienna-header .kamienna-header-button a:visited {

    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#D69461 !important;
    color:#ffffff !important;

    padding:14px 30px;
    border-radius:30px;

    font-size:15px;
    text-decoration:none;

    transition:all .3s ease !important;

    -webkit-text-fill-color:#ffffff !important;

}



.kamienna-header .kamienna-header-button a:hover,
.kamienna-header .kamienna-header-button a:focus,
.kamienna-header .kamienna-header-button a:active {

    background:#FAF2EB !important;
    color:#000000 !important;

    -webkit-text-fill-color:#000000 !important;

}



.kamienna-header .kamienna-header-button a:hover *,
.kamienna-header .kamienna-header-button a:focus *,
.kamienna-header .kamienna-header-button a:active * {

    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;

}


/* MOBILE ELEMENTS HIDDEN */

.mobile-toggle-button,
.mobile-toggle-menu {

    display:none;

}


/* TABLET */

@media(max-width:1100px){

.kamienna-header-inner {
    padding:20px 30px;
}

.kamienna-nav {
    gap:25px;
}

.kamienna-menu {
    gap:20px;
}

.kamienna-menu a {
    font-size:14px;
}


.kamienna-logo {
    width:140px !important;
    max-width:140px !important;
    flex:0 0 140px !important;
}

.kamienna-logo a {
    width:140px !important;
}

.kamienna-logo img {
    width:140px !important;
    max-width:140px !important;
}

}

/* MOBILE */


@media(max-width:767px){

    .kamienna-logo img {
        width:100px !important;
    }

}


.kamienna-header {

    position:absolute;

    z-index:99999 !important;

}



.kamienna-header-inner {

    padding:20px;

    display:flex;
    align-items:center;
    justify-content:space-between;

}



.kamienna-nav {

    display:none;

}



.kamienna-logo {

    transform:translateX(-12px);

}




/* TOGGLE */


.mobile-toggle-button {

    display:block !important;

    position:static !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    z-index:99999999 !important;

    color:#fff;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:400;

    letter-spacing:.5px;

    cursor:pointer;

    transition:color .3s ease;

}



body.menu-open .mobile-toggle-button {

    color:#000 !important;

}





/* MOBILE MENU */


.mobile-toggle-menu {

    display:flex !important;

    flex-direction:column;

    position:fixed !important;

    top:0;

    left:0;

    width:100%;

    height:100vh;

    background:#FAF2EB;

    z-index:99999998 !important;

    transform:translateY(-100%);

    transition:transform .8s ease;

    padding:40px 20px;

    box-sizing:border-box;

    pointer-events:none;

}



.mobile-toggle-menu.active {

    transform:translateY(0);

    pointer-events:auto;

}







/* MOBILE MENU ITEMS */


.mobile-only-menu .menu-items-wrapper {

    margin-top:55px;

    display:flex;

    flex-direction:column;

}



.mobile-only-menu .menu-item {

    display:flex;

    align-items:center;

    font-family:'Tan',serif;

    font-size:46px;

    line-height:1;

    padding:2px 0;

    margin-bottom:6px;

}



.mobile-only-menu .menu-item a {

    color:#cb7e46;
    -webkit-text-fill-color:#cb7e46;
    text-decoration:none;

}



/* ACCORDION */


.mobile-only-menu .accordion {

    flex-direction:column;

}



.mobile-only-menu .accordion-header {

    width:100%;

    display:flex;

    align-items:center;

}



.mobile-only-menu .plus {

    margin-left:auto;

    color:#000;

    font-size:30px;

}



.mobile-only-menu .accordion-content {

    display:none;

    flex-direction:column;

    gap:12px;

    margin-top:14px;

    margin-bottom:14px;

}



.mobile-only-menu .accordion-content a {

    font-family:'Poppins',sans-serif;

    font-size:20px;

    color:#000;

}


/* CTA MOBILE */

.mobile-only-menu .menu-cta {

    margin-top:30px;

}

.mobile-only-menu .menu-cta a {

    display:inline-block;
    background:#D69461;
    color:#fff;
    padding:12px 24px;
    border-radius:30px;
    font-family:'Poppins',sans-serif;
    font-size:13px;
    text-decoration:none;

}

/* DESKTOP + TABLET - SHOW DESKTOP MENU */

@media(min-width:768px){

    .kamienna-nav {
        display:flex !important;
    }

    .mobile-toggle-button,
    .mobile-toggle-menu {
        display:none !important;
    }

}


/* MOBILE - SHOW MOBILE MENU */

@media(max-width:767px){

    .kamienna-nav {
        display:none !important;
    }

    .mobile-toggle-button {
        display:block !important;
    }

    .mobile-toggle-menu {
        display:flex !important;
    }


