.header-all.active .main-navigation{
    transition:background-color .4s ease;
}

#site-navigation{
    position:relative;
    z-index:10000;
    padding:0 40px 0 60px !important;
    background-color:transparent;
    transition:background-color .4s ease;
    will-change:background-color;
    transform:translateZ(0);
    clip-path:none;
    overflow:visible;
}

.header-all.active #site-navigation{
    position:relative;
    background:transparent;
    overflow:visible;
}

.header-all.active #site-navigation::before{
    content:"";
    position:absolute;
    inset:0;
    background-color:var(--blue);
    clip-path:polygon(0 0, 100% 0, 100% 100%, 47px 100%);
    z-index:-1;
}

#site-navigation,
#site-navigation ul,
#site-navigation li{
    margin:0;
    padding:0;
    list-style:none;
	
}

#site-navigation a{
    text-decoration:none;
    box-sizing:border-box;
}

#site-navigation .menu-toggle{
    display:none;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    font-size:0;
    line-height:0;
    position:relative;
    z-index:10002;
}

#site-navigation .menu-toggle span{
    display:block;
    width:24px;
    height:3px;
    margin:3px 0;
    background:var(--blue);
    transition:transform .25s ease, opacity .25s ease, background .25s ease;
}

#site-navigation .menu-toggle.is-active span:nth-child(1){
    transform:translateY(10px) rotate(45deg);
}

#site-navigation .menu-toggle.is-active span:nth-child(2) {
    opacity: 0;
    width: 0%;
    height: 0px;
}

#site-navigation .menu-toggle.is-active span:nth-child(3){
    transform:translateY(-10px) rotate(-45deg);
}

#site-navigation .menu-peamenuu-container,
#site-navigation .menu-primary-menu-container{
    display:block;
}

#site-navigation .main-menu{
    display:flex;
    align-items:center;
    gap:30px;
    position:relative;
    z-index:2;
}

#site-navigation .main-menu > li{
    position:relative;
}

#site-navigation .main-menu > li > a{
    display:inline-flex;
    align-items:center;
    padding:28px 0;
    color:var(--blue);
    font-size:18px;
    font-weight:600;
    line-height:1.2;
    position:relative;
    transition:color .25s ease, opacity .25s ease;
}

.header-all.active #site-navigation a{
    color:#fff;
}

.header-all.active #site-navigation a:visited{
    color:#fff;
}

.header-all.active #site-navigation a:hover{
    color:var(--accent);
}

.header-all.active .sub-menu li a{
    color:var(--blue) !important;
}

#site-navigation .main-menu > li:hover > a,
#site-navigation .main-menu > li.current-menu-item > a,
#site-navigation .main-menu > li.current-menu-ancestor > a{
    opacity:.7 !important;
}

.home #site-navigation .main-menu > li > a,
.page-template-default #site-navigation .main-menu > li > a{
    color:#fff;
}

.home #site-navigation .main-menu > li > a:hover,
.page-template-default #site-navigation .main-menu > li > a:hover{
    opacity:.7 !important;
    color:#fff !important;
}

.home #site-navigation .main-menu > li.current-menu-item > a,
.home #site-navigation .main-menu > li.current-menu-ancestor > a,
.page-template-default #site-navigation .main-menu > li.current-menu-item > a,
.page-template-default #site-navigation .main-menu > li.current-menu-ancestor > a{
    color:#fff !important;
}

#site-navigation .main-menu > li > a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:20px;
    width:100%;
    height:2px;
    background:#386560;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .25s ease;
}

.home #site-navigation .main-menu > li > a::after,
.page-template-default #site-navigation .main-menu > li > a::after{
    background:#fff;
}

.menu-mail a {
    border-left:2px solid;
    border-right:2px solid;
    padding:3px 15px !important;
    font-weight:300 !important;
    font-size:15px !important;
}
.menu-item.menu-language-switcher.notranslate a{
	font-weight:300 !important;
    font-size:15px !important;
}
/* GTranslate */
.menu-language-switcher {
	display: flex;
	align-items: center;
}

/* Aktiivne keel peitu */
.menu-language-switcher .gt-current-lang {
	display: none !important;
}

/* Teine keel nähtavale */
.menu-language-switcher a {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#site-navigation .menu-dropdown-toggle{
    display:none;
}

/* DROPDOWN DESKTOP */

#site-navigation .sub-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:170px;
    background:#fff;
    padding:5px;
    border-radius:0;
    box-shadow:0 14px 34px rgba(0,0,0,.10);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
    z-index:10001;
    margin-top:-10px;
}

#site-navigation .sub-menu::before{
    content:"";
    position:absolute;
    top:-16px;
    left:20px;
    width:0;
    height:0;
    border-left:18px solid transparent;
    border-right:18px solid transparent;
    border-bottom:18px solid #fff;
}

#site-navigation .sub-menu li a{
    display:block;
    padding:12px 18px;
    color:var(--blue);
    font-size:14px;
    font-weight:500;
    line-height:120%;
    transition:background .2s ease, color .2s ease, opacity .2s ease;
}

#site-navigation .sub-menu li a:hover{
    background:#f4f7f6;
    color:var(--accent);
    opacity:1 !important;
}

@media (min-width:1025px){
    #site-navigation .main-menu li:hover > .sub-menu,
    #site-navigation .main-menu li:focus-within > .sub-menu{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }
}

/* MOBILE */

@media (max-width:1024px){
	

    #site-navigation{
        position:static;
        width:auto;
        padding:0px !important;
        background:transparent;
        clip-path:none;
        transform:none;
        will-change:auto;
        overflow:visible;
    }

    .header-all.active #site-navigation{
        width:auto;
        background:transparent;
        clip-path:none;
    }

    .header-all.active #site-navigation::before{
        display:none;
    }

    .header-all.active .header-inner,
    .header-all .header-inner{
        padding:25px 7%;
    }

    #site-navigation .menu-toggle{
        display:inline-flex !important;
        background:#fff;
        border-radius:6px;
        margin-top:-12px;
    }

    .page-template-default #site-navigation .menu-toggle span,
    .home #site-navigation .menu-toggle span{
        background:var(--blue);
    }

    nav#site-navigation.main-navigation.is-open .menu-toggle span{
        background:var(--blue) !important;
		margin:4px 0;
    }

    #site-navigation .menu-peamenuu-container,
    #site-navigation .menu-primary-menu-container{
        display:none !important;
        position:fixed;
        inset:0;
        width:100vw;
        height:100dvh;
        background:rgba(255,255,255,.98);
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
        padding:110px 32px 40px;
        z-index:10000;
        overflow-y:auto;
        overflow-x:hidden;
    }

    #site-navigation.is-open .menu-peamenuu-container,
    #site-navigation.is-open .menu-primary-menu-container{
        display:flex !important;
        flex-direction:column;
    }

    #site-navigation .main-menu{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:0;
        width:100%;
    }

    #site-navigation .main-menu > li{
        width:100%;
        border-bottom:1px solid rgba(56,101,96,.12);
        position:relative;
        display:block;
        overflow:visible;
    }

    #site-navigation .main-menu > li > a{
        display:block;
        width:calc(100% - 44px);
        padding:18px 0;
        font-size:28px;
        line-height:1.2;
        font-weight:600;
        color:var(--blue) !important;
        position:relative;
        z-index:2;
    }

    #site-navigation .main-menu > li > a::after{
        display:none !important;
    }

    #site-navigation .menu-dropdown-toggle{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        position:absolute;
        top:16px;
        right:0;
        width:36px;
        height:36px;
        padding:0;
        border:0px solid var(--blue);
        border-radius:5px;
        background:transparent;
        color:var(--blue);
        font-size:24px;
        line-height:1;
        cursor:pointer;
        z-index:3;
        transition:transform .25s ease;
    }

    #site-navigation .menu-item-has-children.is-open > .menu-dropdown-toggle{
        transform:rotate(180deg);
    }

    #site-navigation .sub-menu{
        position:static;
        min-width:100%;
        width:100%;
        background:transparent;
        padding:6px 0 16px 18px;
        border-radius:0;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none;
        margin-top:0;
    }

    #site-navigation .sub-menu::before{
        display:none;
    }

    #site-navigation .main-menu li.is-open > .sub-menu{
        display:block;
    }

    #site-navigation .sub-menu li{
        display:block;
        width:100%;
        margin:0;
        padding:0;
        border:0;
    }

    #site-navigation .sub-menu li a{
        display:block;
        padding:8px 0;
        font-size:18px;
        line-height:1.35;
        font-weight:500;
        color:var(--blue) !important;
    }

    #site-navigation .sub-menu li a:hover{
        background:none;
        opacity:.7 !important;
    }

    .page-template-default #site-navigation .main-menu > li > a,
    .home #site-navigation .main-menu > li > a{
        color:var(--blue) !important;
    }

    .home #site-navigation .main-menu > li > a:hover,
    .home #site-navigation .main-menu > li:hover > a,
    .home #site-navigation .main-menu > li.current-menu-item > a,
    .home #site-navigation .main-menu > li.current-menu-ancestor > a,
    .page-template-default #site-navigation .main-menu > li > a:hover,
    .page-template-default #site-navigation .main-menu > li:hover > a,
    .page-template-default #site-navigation .main-menu > li.current-menu-item > a,
    .page-template-default #site-navigation .main-menu > li.current-menu-ancestor > a{
        color:var(--accent) !important;
		opacity:1 !important;
    }

    .menu-mail a{
        border-left:2px solid white !important;
        border-right:2px solid white !important;
        padding:15px 0 !important;
        font-size:16px !important;
    }
}

@media (max-width:640px){

    #site-navigation .menu-peamenuu-container,
    #site-navigation .menu-primary-menu-container{
        padding:96px 22px 32px;
    }

    #site-navigation .main-menu > li > a{
        font-size:24px;
        padding:16px 0;
        width:calc(100% - 40px);
    }

    #site-navigation .menu-dropdown-toggle{
        top:12px;
        width:32px;
        height:32px;
        font-size:22px;
    }

    #site-navigation .sub-menu{
        padding-left:0;
    }

    #site-navigation .sub-menu li a{
        font-size:17px;
        padding:7px 0;
    }
}

body.menu-open{
    overflow:hidden;
}