@media (max-width: 767px) {

	.navigation-wrapper li a {
		font-size: 20px !important;
		line-height: 1.5em;
	}
	.navigation-container .sub-menu {
		border: none;
	}
}

@media (max-width: 1199px) {

	/*
	--------------------------------------
	Container
	--------------------------------------
	*/

	.navigation-wrapper {
		position: fixed;
		z-index: 5;
		top: 0;
		bottom: 0;
		width: 100%;
		right: 0;
		pointer-events: none;
	}

	.navigation-wrapper .navigation-container {
		position: relative;
		background-color: var(--e-global-color-primary);
		transform: translate3d(-100%, 0, 0);
		transition: all 0.3s ease-in-out;
		width: 100%;
		max-width: calc(320px + (720 - 320) * ((100vw - 320px) / (1199 - 320)));
		height: 100%;
		margin: 0;
		list-style-type: none;
	}

	.navigation-wrapper.--is-active .navigation-container {
		transform: translate3d(0, 0, 0);
		pointer-events: all;
	}

	/*
	--------------------------------------
	Burger
	--------------------------------------
	*/

	.burger {
		width: fit-content;
		height: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		background: transparent;
		border: none;
		padding: 0;
		margin: 0;

	}
	/* Couleur du burger quand on est tout en haut (header transparent) */
	.main-header-container .burger {
		color: white;
	}

	/* Couleur du burger quand le header devient blanc au scroll */
	.main-header-container--is-fixed .burger {
		color: var(--e-global-color-primary);
	}

	/*
	--------------------------------------
	Close
	--------------------------------------
	*/

	.close {
		display: flex;
		justify-content: flex-end;
		color: #fff;
		padding: 1em 1em 2em 2em;
	}

	/*
	--------------------------------------
	Overlay
	--------------------------------------
	*/
	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 0;
		background: rgba(13, 15, 24, .3);
		transition: all 0.3s ease-in-out;
	}

	.navigation-wrapper.--is-active .overlay {
		width: 100%;
		pointer-events: all;
	}

	/*
	--------------------------------------
	Menu
	--------------------------------------
	*/

	/*Parent*/

	.navigation-wrapper li {
		position: relative;
		padding: 0 1em 1.5em 2em;
	}

	.navigation-wrapper li a {
		display: inline-block;
		text-decoration: none;
	}

	.navigation-wrapper .menu-link {
		color: #fff;
	}

	.navigation-container li.menu-item-has-children:after {
		position: absolute;
		z-index: 10;
		right: 20px;
		top: 0.5em;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
	}

	.navigation-container li.menu-item-has-children--active:after {
		transform: rotate(225deg);
	}

	.navigation-actions-list li a {
		display: flex;
		align-items: center;
	}

	.navigation-container li.menu-item-has-children a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		line-height: 2em;
		width: 100%;
	}

	.navigation-actions-list li:nth-child(n+5) a span {
		margin-left: 0.5em;
	}

	.elementor-location-header--is-fixed .navigation-container li.menu-item-has-children > .menu-link:after {
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
	}

	/*Submenu*/

	.navigation-container .menu-item-has-children:after {
		position: absolute;
		z-index: 10;
		right: 20px;
		top: .5em;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
	}

	.navigation-container li.menu-item-has-children:hover > .menu-link:after,
	.navigation-container li.menu-item-has-children:focus > .menu-link:after {
		border-bottom: 2px solid #fff !important;
		border-right: 2px solid #fff !important;
	}

	.navigation-container li.menu-item-has-children--active > .menu-link:after {
		top: 0;
		transform: rotate(225deg);
	}

	.sub-menu {
		opacity: 0;
		visibility: hidden;
		height: 0;
		pointer-events: none;
		transition: all 350ms ease-in-out;
	}

	.sub-menu--active {
		opacity: 1;
		visibility: visible;
		height: 100%;
		pointer-events: all;
		padding-top: .55em;
	}

	.navigation-wrapper .sub-menu li {
		padding: 0;
	}

	.navigation-container .sub-menu .menu-link {
		font-size: 18px !important;
		color: #fff;

		&:focus {
			color: var(--e-global-color-secondary);
		}
	}

	.main-header-container--is-fixed .navigation-wrapper .menu-link,
	.navigation-wrapper .menu-link:hover,
	.navigation-wrapper .menu-link:focus {
		color: #fff;
	}
	/* ANIMATION BURGER EN CROIX */
	.burger .bar {
		width: 25px;
		height: 3px;
		background-color: currentColor;
		margin: 4px 0;
		border-radius: 2px;
		transition: all 0.4s ease-in-out;
	}

	.burger.--active .bar:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}
	.burger.--active .bar:nth-child(2) {
		opacity: 0;
	}
	.burger.--active .bar:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	/* ANIMATION DU MENU */
	.navigation-container {
		transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	}

	.navigation-wrapper.--is-active .navigation-container li {
		opacity: 0;
		transform: translateX(-20px);
		animation: slideIn 0.4s forwards;
	}
	.navigation-wrapper.--is-active .navigation-container li:nth-child(1) { animation-delay: 0.1s; }
	.navigation-wrapper.--is-active .navigation-container li:nth-child(2) { animation-delay: 0.2s; }
	.navigation-wrapper.--is-active .navigation-container li:nth-child(3) { animation-delay: 0.3s; }
	.navigation-wrapper.--is-active .navigation-container li:nth-child(4) { animation-delay: 0.4s; }
	.navigation-wrapper.--is-active .navigation-container li:nth-child(5) { animation-delay: 0.5s; }

	@keyframes slideIn {
		from {
			opacity: 0;
			transform: translateX(-20px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}

	/* ANIMATION OVERLAY FADE IN */
	.overlay {
		opacity: 0;
		width: 100%;
		transition: opacity 0.3s ease-in-out;
	}
	.navigation-wrapper.--is-active .overlay {
		opacity: 1;
	}

}

@media (min-width: 1200px) {

	/*
	--------------------------------------
	Menu
	--------------------------------------
	*/

	/*Parent*/

	.navigation-wrapper .menu {
		display: flex;
		justify-content: center;
		gap: calc(20px + (55 - 20) * ((100vw - 320px) / (1920 - 320)));
		height: 50px;
		align-items: center;
		padding: 0 3em;
	}

	.navigation-container li {
		/*position: relative;*/
		display: flex;
		align-items: center;
	}

	.navigation-container .menu-item-has-children {
		padding: 0 1em;
	}

	body:not(.home) .navigation-wrapper .menu-item--parent > .menu-link,
	.elementor-location-header--is-fixed .navigation-wrapper .menu-link {
		color: #000;
	}

	/*Submenu*/

	.navigation-container li .sub-menu {
		position: absolute;
		z-index: 10;
		top: 70%;
		left: 0;
		flex-direction: column;
		opacity: 0;
		background: transparent;
		pointer-events: none;
		border-top: 1px solid var(--e-global-color-primary);
		border-radius: 0;
		line-height: 2.25em;
		transition: all 0.35s ease-in-out;
		width: 100%;
		margin-left: 150px;
		padding: 1em;

		.sub-menu__inner {
			position: relative;
			z-index: 11;
			display: flex;
		}
	}

	.navigation-container li .sub-menu:after {
		content: "";
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 1);
		backdrop-filter: blur(30px);
		-webkit-backdrop-filter: blur(30px);
	}

	.navigation-container li:hover .sub-menu {
		opacity: 1;
		pointer-events: all;
	}

	.navigation-container .sub-menu .menu-link:hover {
		color: var(--e-global-color-primary);
	}

	/*
	--------------------------------------
	Elements
	--------------------------------------
	*/
	.navigation-actions-container,
	.close,
	.burger-container,
	.navigation-actions-container {
		display: none;
	}

}