/* =========================================================================
   css/pages/contact/extra-2.css
   Auto-split from css/pages/contact.css.
   ========================================================================= */

/* Mobile header fixes - contact.html */
@media screen and (max-width: 991px) {

	/* Rendre visibles les barres du hamburger */
	.site-header .menu-toggle .lines,
	.site-header .menu-toggle .lines:before,
	.site-header .menu-toggle .lines:after {
		background-color: #000000 !important;
	}

	/* Quand le menu est ouvert, afficher un panneau sombre et du texte lisible */
	.is-menu-toggled-on .site-header .menu-wrap,
	.is-menu-toggled-on .site-header .nav-menu,
	.is-menu-toggled-on .site-header .menu-wrap:before {
		background: #000000 !important;
	}

	.is-menu-toggled-on .site-header .nav-menu a {
		color: #ffffff !important;
	}

	.is-menu-toggled-on #menu-item-language a {
		color: #ffffff !important;
	}

	.is-menu-toggled-on .site-header .menu-toggle .lines,
	.is-menu-toggled-on .site-header .menu-toggle .lines:before,
	.is-menu-toggled-on .site-header .menu-toggle .lines:after {
		background-color: #ffffff !important;
	}

	/* S'assurer que le panneau recouvre bien le contenu */
	.site-header .menu-wrap {
		position: relative;
		z-index: 1001;
	}

	.is-menu-toggled-on .site-header {
		background: #000000 !important;
	}
}