/* Menu */
.nested , header .nested nav{
    max-width: 2000px;
}
	header.search-bar-active .nested nav, header.search-bar-active .nested{
        max-width: 0;
        overflow: hidden;
    }

		.nested ul.firstLevel {
			display: flex;
			margin: 0;
			align-items: center;
			justify-content: flex-end;
		}
			.nested ul.firstLevel > li {
				padding: 10px 0 10px 0;
				position: relative;
                line-height: 1;
                margin-left: 13px;
			}
            /* .nested ul.firstLevel > li:first-child {
                margin-right: ;
            } */
			@media screen and (max-width:1400px) {
                .nested ul.firstLevel > li {
                    margin-left: 0;
                }
			}

			@media screen and (max-width:991px) {

                .nested ul.firstLevel {
					align-items: flex-start;
					flex-direction: column;
					height: calc(100vh - 57px);
					padding-bottom: 90px;
                    padding-top: 8rem;
					justify-content: flex-start;
                }
			}
				.nested ul.firstLevel > li > a {
					font-size: 1.6rem;
                    text-decoration: none;
                    color: var(--white);
                    font-weight: 500;
                    padding: 8px 21px;
                    border-radius: 40px;
                    transition: all .2s;
				}
                @media screen and (max-width:1200px) {
                    .nested ul.firstLevel > li > a {
                        font-size: 1.2rem;
                    }
                }
                .search-bar-active .nested ul.firstLevel > li > a {
                    padding: 0;
                    transition: all .2s;
                }
                .nested ul.firstLevel > li > a.show-second-menu {
                    margin-left: auto;
                }
                .nested ul.firstLevel > li > a.show-second-menu {
                    display: none;
                }
				@media screen and (max-width:991px) {
					.nested ul.firstLevel > li > a {
						font-size: 1.6rem;
					}
                    .nested ul.firstLevel > li > a.show-second-menu {
                        display: flex;
                    }
				}
                .nested ul.firstLevel > li > a.show-second-menu {
                    margin-left: auto;
                }
                .nested ul.firstLevel > li > a.show-second-menu {
                    display: none;
                }
				@media screen and (max-width:991px) {
					.nested ul.firstLevel > li > a {
						font-size: 1.6rem;
					}
                    .nested ul.firstLevel > li > a.show-second-menu {
                        display: flex;
                    }
				}
                @media screen and (min-width:991px) {
                    .nested ul.firstLevel > li.current_page_item > a,
                    .nested ul.firstLevel > li:hover > a,
                    .nested ul.firstLevel > li > ul > li.current_page_item > a,
                    .nested ul.firstLevel > li.current_page_parent > a  {
                        background: var(--color-primary);
                    }
                }

				@media screen and (min-width:992px) {
                    .nested ul.firstLevel > li.menu-item-has-children:hover::before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 84%;
                        width: 100%;
                        height: 50px;
                        z-index: 10;
                    }
                    .nested ul.firstLevel > li > ul {
                        position: absolute;
                        margin: 0;
                        top: calc(100% + 20px);
                        left: 0;
                        background-color: var(--black);
                        min-width: 460px;
                        display: flex;
                        flex-direction: column;
                        height: 0;
                        opacity: 0;
                        overflow: hidden;
                        transform: translateY(-10px);
                        transition: transform .5s, opacity .5s;
                        border-radius: 23px;
                        background-color: rgba(44, 44, 44, 0.7);
                        backdrop-filter: blur(12px) brightness(2);
                    }
                    .nested ul.firstLevel > li.itemRight > ul {
                        left: initial;
                        right: 0;
                    }
                    .nested ul.firstLevel > li:hover > ul {
                        transform: translateY(0);
                        opacity: 1;
                        height: initial;
                        padding: 16px 21px;
                        min-width: 460px;
                    }
                }
				.nested ul.firstLevel > li > ul{
					z-index: 10000;
				}
					.nested ul.firstLevel > li > ul > li {
						padding: 0;
						display: flex;
						align-items: center;
					}
						.nested ul.firstLevel > li > ul > li > a {
							color: var(--white);
							padding: 8px 10px 8px 10px;
							display: block;
							height: 100%;
							width: 100%;
                            text-decoration: none;
                            font-size: 1.6rem;
						}
						.nested ul.firstLevel > li > ul > li > a:hover {
							background-color: var(--grey);
						}
                        @media screen and (min-width:992px) {
                            .nested ul.firstLevel > li > ul > li > a {
                                border-radius: 50px;
                            }
                            .nested ul.firstLevel > li > ul > li > a:hover {
                                background-color: var(--color-primary);
                            }
                        }
                        @media screen and (max-width:991px) {
                            .nested-header .firstLevel.menu-clicked {
                                position: relative;
                            }
                            .nested-header .firstLevel.menu-clicked>li {
                                max-height: 0;
                                transition: max-height .4s;
                                overflow: hidden;
                                padding: 0;
                            }
                            .nested-header .firstLevel.menu-clicked>li.menu-second-show {
                                max-height: 800px;
                                transition: max-height .4s;
                            }
                            .nested-header .firstLevel > li > a.show-second-menu {
                                width: 30px;
                                transition: all .4s;
                                text-align: right;
                                padding: 0;
                                margin: 0;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            }
                            .nested ul.firstLevel > li > a {
                                padding: 8px;
                            }
                            .nested-header .firstLevel > li.menu-second-show > a.show-second-menu {
                                transition: all .4s;
                                order: -1;
                                transform: scale(-1);
                                margin-left: 10px;
                            }
                            .nested ul.firstLevel > li {
                                margin-left: 0;
                                width: 100%;
                                display: flex;
                                flex-wrap: wrap;
                            }
                            .nested-header .firstLevel>li>.nav-main-link{
                                flex: calc(100% - 50px);
                            }
                            .nested-header .firstLevel>li>.secondLevel {
                                width: 100%;
                                height: 100%;
                                max-height: 0;
                                overflow: hidden;
                                transition: max-height .4s;
                                margin: 0;
                            }
                            .nested-header .firstLevel>li.menu-second-show>.secondLevel {
                                max-height: 800px;
                                margin: 0;
                                padding: 10px;
                                transition: max-height .4s;
                            }
                            .nested ul.firstLevel > li > ul > li {
                                margin-bottom: 10px;
                            }
                            .nested-header .firstLevel::after {
                                content: '';
                                display: block!important;
                                position: absolute;
                                top: 75px;
                                background: #0083b100;
                                backdrop-filter: blur(7px) brightness(1.1);
                                width: 100vw;
                                height: 0;
                                z-index: -1;
                                width: 50%;
                                left: 50%;
                                transition: .5s;
                                transform: translateX(-50%);
                            }
                            .nested-header .menu-clicked.firstLevel::after {
                                width: calc(100% + 20px);
                                transition:  .5s;
                            }
                            .nested-header .firstLevel.menu-clicked::after {
                                height: 40px;
                                transition: height .5s;
                            }

                        }
/* Menu mobile */
span.mobile-buton {
	display: none;
	width: 51px;
    z-index: 99;
}
span.mobile-buton.active span {
    display: none;
}
	span.mobile-buton span {
		width: 100%;
		height: 8px;
		background-color: var(--white);
		display: block;
		margin: 8px 0;
        border-radius: 10px;
	}
span.mobile-buton::before, span.mobile-buton::after {
    content: "";
    width: 100%;
    height: 8px;
    background-color: var(--white);
    border-radius: 10px;
    transition: transform .5s;
}
span.mobile-buton.active::before {
    transform: rotate(45deg) translate(2px, 1px);
    transition: transform .5s;
}
span.mobile-buton.active::after {
    transform: rotate(-45deg) translate(4px, -4px);
    transition: transform .5s;
}
/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1200px), (max-device-width: 1200px){

}
/*02 TABLETTE*/

@media screen and (max-width:991px) {
    .nested nav {
		display: none;
        position: absolute;
        top: calc(100% - 7rem);
        left: 0;
        z-index: 10;
        height: calc(100vh - 30px);
        width: 100%;
        background-color: rgba(44, 44, 44, 0.7);
        backdrop-filter: blur(7px) brightness(1.1);
        padding: 0 10px ;
        border-radius: 30px;
	}
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){

	span.mobile-buton.absolute {
		width: 40px;
		height: 40px;
		top: 0;
		left: 0;
	}
    span.mobile-buton {
		display: flex;
	}
}

body .mm-menu_offcanvas {
	max-width: 80vw;
}
/* Pagination */
.tool-pagination {
    display: flex;
    justify-content: center;
    margin-bottom: 63px;
}
.tool-pagination .pages{
	margin: 0;
	padding: 0;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
    background-color: var(--color-primary);
    padding: 5px 11px;
    border-radius: 50px;
}
.tool-pagination .pages li{
	padding: 0;
	margin: 2px;
}
.tool-pagination .pages li::before{
	display: none;
}

.tool-pagination .pages li a,
.tool-pagination .pages li .page-number{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-decoration: none;
    font-size: 1.8rem;
    font-family: var(--font-primary);
    line-height: 1;
    font-weight: 500;
    color: var(--white);
}

.tool-pagination .pages li .page-number.current {
	background-color: var(--white);
	color: var(--color-primary);
}