.site-header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100px;
    z-index: 3;
    background: rgba(255, 255, 255, 1);
    transition: all 0.3s ease-in-out;
}

.site-header.fixed {
    position: fixed;
    box-shadow: 0px 20px 35px rgba(93, 176, 113, 0.2);
}


.site-header a {
    color: #808080;
}

.site-header .logo {
    position: relative;
    top: 0;
    text-align: center;
}

.site-header .logo img {
    height: 90px;
    width: auto;
}

.primary {
    text-align: right;
    height: 100px;
}

@media only screen and (min-width: 320px) and (max-width: 1199px) {
    .primary {
        height: auto;
        padding: 0;
    }
}

.primary .dropdown:hover > .dropdown-menu {
    display: block;
}

.primary li.nav-item {
    display: inline-block;
    padding-right: inherit;
}


.primary .dropdown-menu li.nav-item {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}

.navbar-expand .navbar-nav .nav-link {
    text-decoration: none;
    padding: 0 12px;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 100px;
    color: #808080;
    display: inline-block;
    outline: none !important;
    transition: all 275ms ease;
}

.navbar-expand .navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.wpml-ls-current-language {
    color: #0078a9;
}

.navbar-expand .navbar-toggler {
    display: inline-block;
    margin-top: -10px;
}


.navbar-toggler-icon {
    background-image: none;
    background: none;
    border: none;
}

.navbar-toggler-icon:hover {
    background: none;
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}


/*
.navbar-toggler-icon::after {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-size: 30px;
    color: #333;
    transition: 0.4s ease;
}

.navbar-toggler-icon.collapsed::after {
    content: "\f0c9";
    font-family: "Font Awesome 5 Pro";
    font-size: 30px;
    color: #333;
    transition: 0.4s ease;
}
*/

.navbar-toggler-icon::after {
    content: "\f00d";
    font-family: "Font Awesome 6 Free";
    font-size: 30px;
    color: #333;
    transition: 0.4s ease;
}

.navbar-toggler-icon.collapsed::after {
    content: "\f0c9";
    font-family: "Font Awesome 6 Free";
    font-size: 30px;
    color: #333;
    transition: 0.4s ease;
}

.navbar-collapse {
    transition: 0.4s ease;
}


@media only screen and (min-width: 320px) and (max-width: 1199px) {
    .navbar-collapse {
        overflow-y: auto;
        padding-top: 20px;
    }
}

.wpmenucartli {
    padding-left: 20px;
}

.wpmenucartli a {
    color: #808080;
    font-weight: 700;
    font-size: 1.2rem;
}

/*hamburger and secondary position* after header is changed, also put header .fixed back on mobile */


@media only screen and (min-width: 320px) and (max-width: 1199px) {
    .secondary .navbar-nav {
        margin-top: -10px;
        display: block;
        /*bootstrap default flex replace to enable li inline on mobile screens*/
    }

}


/*dropown menu*/
.secondary .navbar-nav {
    position: relative;
}


@media only screen and (min-width: 1200px) {
    .secondary .navbar-nav {
        --bs-nav-link-padding-y: 0.1rem;
    }
}

.secondary .navbar-nav {
    z-index: 4;
    background: #eee;
    width: 100%;
    padding: 15px 20px 20px 20px;
    box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.2);
}



@media only screen and (min-width: 1200px) {
    .dropdown-item {
        padding: 0.5rem 0.7rem 0.2rem 0 !important;

    }
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active {
    background: transparent;
    color: #0078a9;

}


@media only screen and (min-width: 1200px) {
    .secondary .dropdown-toggle {
        display: block;
        border: none;
        /*  pointer-events: none;*/
    }
}

@media only screen and (min-width: 1200px) {
    .secondary a:not([href]) {
        pointer-events: none;
        /*   font-weight: 400 !important;
    }
    */

        .secondary a:not([href]):hover {
            color: #b7b7b7;
            --bs-link-color-rgb: #b7b7b7;
            opacity: 1;
        }
    }


    /* 
@media only screen and (min-width: 1200px) {
    .secondary .dropdown-toggle::after{
 display: none
    }
}*/




    .secondary .dropdown-menu,
    .secondary .dropdown-menu.show {
        position: relative !important;
        background: transparent !important;
        border: none;
        transform: none !important;
        transition: 0.3s ease;
    }


    @media only screen and (max-width: 1199px) {
        .secondary .dropdown-menu {}
    }

    @media only screen and (min-width: 1200px) {

        .secondary .dropdown-menu,
        .secondary .dropdown-menu.show {
            display: block;
            margin-top: -20px !important;
        }
    }



    @media only screen and (min-width: 1200px) {
        .secondary .dropdown {
            margin-bottom: 0;
        }
    }

    /* level1 */
    .secondary li.menu-item a.nav-link {
        text-transform: uppercase;
    }

    @media only screen and (max-width: 1199px) {
        .secondary li.menu-item a.nav-link {
            padding: 5px 0;
        }
    }


    .secondary li.menu-item a {
        font-weight: 600;
    }

    @media only screen and (min-width: 1200px) {
        .secondary li.menu-item a {
            padding-bottom: 10px;
        }
    }

    @media only screen and (min-width: 1200px) {
        .secondary ul.dropdown-menu li a {}
    }


    /* level2 */

    .secondary .dropdown-menu li.nav-item a.dropdown-item {
        font-weight: 400;
    }

    @media only screen and (min-width: 1200px) {
        .secondary .dropdown-menu li.nav-item a.dropdown-item {
            font-size: 1rem;
            padding: 10px 5px;
        }
    }

    @media only screen and (max-width: 1199px) {
        .secondary .dropdown-menu li.nav-item a.dropdown-item {}
    }


    /* level2 */
    @media only screen and (min-width: 1200px) {

        .dropdown-item:focus,
        .dropdown-item:hover {
            background: transparent;
            color: #53bcf8;
        }
    }


    /* level2 */
    @media only screen and (min-width: 1200px) {
        .secondary .dropdown-menu li {
            display: inline-block;
        }
    }

    @media only screen and (max-width: 1199px) {
        .secondary .wpml-ls-menu-item {
            display: inline-block !important;
            padding-right: 15px;
        }
    }


    /*hide on desktop*/
    @media only screen and (min-width: 1200px) {

        .secondary .nav-item-24809,
        .secondary .wpml-ls-menu-item {
            display: none;
        }
    }

    .primary-menu .dropdown-menu .wpml-ls-menu-item {
        padding-left: 10px;
    }

    /*
/%category%/%postname%/
https://360.ee/en?meeskonnamangud-tax=outdoor-games
https://360.ee/en?meeskonnamangud=fax-from-the-main-office
*/

    .secondary li.social.menu-item {
        display: inline-block !important;
        padding-right: 20px;
        font-size: 30px;
    }

    @media only screen and (max-width: 1199px) {
        .secondary li.social.menu-item {
            display: inline !important;
            font-size: 20px;
            width: 30px;
        }
    }


    .secondary li.social a.nav-link {
        display: inline-block;
    }