/* Mobile Menu (mobile first) */
.header_menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 10rem;
    margin: 0;
    box-sizing: border-box;
}

.nav_mobile {
    text-align: right;
    padding-right: 30px;
}

.hamburger {
    border: none;
    outline: none;
    user-select: none;
}

.hamburger.is-active {
    z-index: 999;
    top: 1rem;
    position: fixed;
}

.header_menu div:last-child {
    height: 100%;
}

.header_menu .nav-menu-content {
    display: none;
    position: fixed;
    top: 0;
    z-index: 998;
    background: #f1f1f1;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    height: 100vh !important;
    flex-direction: column;
    text-align: left;
    overflow-y: auto;
}

.uk-active.uk-sticky-below.uk-sticky-fixed .nav-menu-content {
    top: 0;
    height: 100vh;
}

.header_menu .nav-menu-content .mod-menu {
    margin: 5rem 0 0 0;
    padding: 1rem 3rem;
}

.header_menu .nav-menu-content .mod-menu li a {
    color:#234292;
    font-size: 1.25rem;
    padding: 0 0 1rem 0;
}

.header_menu .nav-menu-content .mod-menu .parent a {
    border-bottom: 2px solid #234292;
}

.header_menu .nav-menu-content .mod-menu .parent a:last-child {
    border: none;
}

.header_menu .nav-menu-content .mod-menu .parent .mod-menu__sub a {
    color:#234292;
    border: none;
    font-weight: normal;
    padding: 0;
}

.header_menu .nav-menu-content .mod-menu .parent .mod-menu__sub {
    margin-top: 10px;
    margin-left: 0.5rem;
}

.header_menu .nav-menu-content .mod-menu .parent .mod-menu__sub li {
    color:#234292;
    border: none;
    font-weight: normal;
    padding: 0.5rem 0;
}

.header_menu .nav-menu-content .mod-menu li a:before {
    background: url('../../../templates/mairie/images/deco/arrow-alt-circle-up-regular.svg') no-repeat;
    background-position: 50% 50%;
}

.header_menu .nav-menu-content .mod-menu .uk-open a:before {
    background-position: 100% 50%;
    transform: rotate(0deg);
}

.header_menu .nav-menu-content .mod-menu .uk-open a {
    font-weight: bold;
}

.header_menu p {
    margin: 0;
}

@media screen and (max-width: 1200px) {
    .navigation-bar-menu {
        display: flex;
        justify-content: flex-end;
    }
}

@media screen and (min-width: 960px) {
    .uk-active.uk-sticky-below.uk-sticky-fixed .nav-menu-content {
        top: 0;
        height: inherit;
    }
}

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

    .header_menu {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0;
    }

}

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

    .hamburger {
        display: none !important;
    }

    .header_menu {
        margin: 0;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    }

    .header_menu .nav-menu-content {
        display: flex !important;
        justify-content: center;
        position: initial;
        flex-direction: row;
        background: none;
        width: auto;
        height: inherit !important;
        top: 0 !important;
    }

    .header_menu .nav-menu-content .mod-menu {
        display: flex;
        padding: 0;
        margin: 0;
    }

    .nav_btn_mobile {
        display: none;
    }

    .header_menu .nav-menu-content .mod-menu a {
        text-decoration: none;
        color: #132B8B;
        font-size: 16px !important;
    }

    .header_menu .nav-menu-content .mod-menu a:hover {
        background: none;
    }

    .header_menu .nav-menu-content .mod-menu > li {
        display: flex;
        align-items: center;
        justify-content: center;
        /* margin-left: 0.5rem;
        margin-right: 0.5rem; */
    }

    .header_menu .nav-menu-content .mod-menu > li > ul > li {
        list-style: none;
        list-style-type: none;
    }

    .header_menu .nav-menu-content .mod-menu > li > ul > li a {
        display: block;
    }

    .header_menu .nav-menu-content .mod-menu li a {
        padding: 16px;
        margin: 0 5px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
    }

    .header_menu .nav-menu-content .mod-menu .active a {
        color: #fff;
        background: url('../../../templates/mairie/images/deco/picto-white.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

    .header_menu .nav-menu-content .mod-menu li a:hover {
        color: #fff;
        background: url('../../../templates/mairie/images/deco/picto-white.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

    .header_menu .nav-menu-content .mod-menu .item-102 a {
        color: #24997C;
    }

    .header_menu .nav-menu-content .mod-menu .item-102.active a {
        color: #24997C;
        background: url('../../../templates/mairie/images/deco/picto-vert.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

    .header_menu .nav-menu-content .mod-menu .item-102 a:hover {
        color: #24997C;
        background: url('../../../templates/mairie/images/deco/picto-vert.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

    .header_menu .nav-menu-content .mod-menu .item-103 a {
        color: #EEB731;
    }

    .header_menu .nav-menu-content .mod-menu .item-103.active a {
        color: #EEB731;
        background: url('../../../templates/mairie/images/deco/picto-orange.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

    .header_menu .nav-menu-content .mod-menu .item-103 a:hover {
        color: #EEB731;
        background: url('../../../templates/mairie/images/deco/picto-orange.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

    .header_menu .nav-menu-content .mod-menu .item-104 a {
        color: #E72B4E;
    }

    .header_menu .nav-menu-content .mod-menu .item-104.active a {
        color: #E72B4E;
        background: url('../../../templates/mairie/images/deco/picto-rouge.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

    .header_menu .nav-menu-content .mod-menu .item-104 a:hover {
        color: #E72B4E;
        background: url('../../../templates/mairie/images/deco/picto-rouge.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

    .header_menu .nav-menu-content .mod-menu .item-105 a {
        color: #53B4E1;
    }

    .header_menu .nav-menu-content .mod-menu .item-105.active a {
        color: #53B4E1;
        background: url('../../../templates/mairie/images/deco/picto-bleu_clair.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

    .header_menu .nav-menu-content .mod-menu .item-105 a:hover {
        color: #53B4E1;
        background: url('../../../templates/mairie/images/deco/picto-bleu_clair.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

    .header_menu .nav-menu-content .mod-menu .parent .mod-menu__sub {
        display: none;
    }

    .header_menu .nav-menu-content .mod-menu .parent a {
        border: none;
    }

    .header_menu .nav-menu-content .mod-menu .parent:hover a {
        z-index: 1;
    }

    .header_menu .nav-menu-content .mod-menu .parent:hover .mod-menu__sub {
        display: block !important;
        z-index: 1;
        padding: 0;
        position: absolute;
        top: 12.8rem;
        margin: 0;
    }

    .header_menu.uk-sticky.uk-active .nav-menu-content .mod-menu .parent:hover .mod-menu__sub {
        top: 100%;
    }

    .header_menu .nav-menu-content .mod-menu .parent:hover .mod-menu__sub li {
        align-items: flex-start;
        justify-content: flex-start;
        background: rgba(255, 255, 255, 1);
        line-height: normal;
        padding: 0;
        transition: all 0.3s;
    }

    .header_menu .nav-menu-content .mod-menu .parent:hover .mod-menu__sub li a {
        color: #234292 !important;
        padding: 0.5rem 0.5rem;
        font-size: 0.8rem;
        border: none;
        background: none;
    }

    .header_menu .nav-menu-content .mod-menu .parent:hover .mod-menu__sub li:hover {
        background: #199bd3;
        cursor: pointer;
    }

    .header_menu .nav-menu-content .mod-menu .parent:hover .mod-menu__sub li:hover a {
        color: #fff !important;
        transition: all 0.3s;
    }

    .header_menu .nav-menu-content .mod-menu .parent .mod-menu__sub li {
        border-top: 1px solid #00000021;
    }

    .header_menu.uk-active.uk-sticky .nav-menu-content .mod-menu li.item-101 a {
        color: #132B8B;
    }

    .header_menu.uk-active.uk-sticky .nav-menu-content .mod-menu li.item-101.active > a {
        background: url('../../../templates/mairie/images/deco/picto-bleu.svg') no-repeat;
        background-position: 98% 20%;
        background-size: 22px;
    }

}

@media screen and (min-width: 1440px) {
    .header_menu .nav-menu-content .mod-menu li a {
        margin: 0 15px;
    }
}

@media screen and (min-width: 1600px) {
    .header_menu .nav-menu-content .mod-menu li a {
        margin: 0 25px;
    }
}