/*
Theme Name: Hello Agence Jus De Citron
Theme URI: https://agence-jusdecitron.com
Description: Hello Elementor Child Theme
Author: Agence Jus De Citron
Author URL: https://agence-jusdecitron.com
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/
/* Placer votre CSS ci-dessous */



/* ----------- MENU BURGER MAISON ---------- */

.menu-burger-maison #toggle-menu {
  display: none;
}

/**
  Hamburger
**/
.menu-burger-maison {
  height: 58px;
  overflow: hidden !important;
}

.menu-burger-maison .volet-menu {
  position: fixed;
  inset: 0;
  padding-right:17px;
}
.menu-burger-maison .hamburger {
  position: absolute;
  top: 7px;
  right: 0px;
  margin-left: 0px;
  margin-top: 0px;
  width: 48px;
  height: 45px;
  z-index: 1250;
  cursor: pointer;
}

.menu-burger-maison .hamburger div {
  position: relative;
  width: 48px;
  height: 8px;
  border-radius: 1.5% 1.5% / 50% 50%;
  background-color: #6B2038;
  margin-bottom: 6px;
  transition: all 0.3s ease-in-out;
}
.menu-burger-maison .hamburger:hover .bottom-bun {
  background-color:#772846;
}
/**
Nav Styles
**/
.menu-burger-maison .volet-menu {
  position: fixed;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  width: 100%;
  height: 100%;
  background-color: #6B2038;
  background-image:url('./zigouigoui_jdc.svg');
	background-size: cover;
  top: -100%; left: 0; right: 0; bottom: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  padding-left:9%;
  z-index:500;
}

.menu-burger-maison .menu ul {
  position: relative;
  overflow: hidden;
  overflow-y: hidden;
  list-style-type: none;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:0px;
  margin:0px;
}
.menu-burger-maison .menu {
  text-align: left;
}
.menu-burger-maison .menu a {
  text-decoration: none;
  color: #fff;
  font-family: "Onest", Sans-serif;
  font-size: 90px;
  font-weight: 700;

  line-height: 100px;
  display: inline-block;
  margin-top: 0px;
  transition: color 0.2s ease-in-out;
}
.menu-burger-maison .menu .current_page_item a {
  color: #fff;
}
.menu-burger-maison .menu a:hover {
  color:#FFE440;
}




.menu-burger-maison .trait-menu {
  height: 15px;
  width: 20%;
  background-color: #fff;
	margin-bottom:3%;
	margin-top:3%;
}
.menu-burger-maison .sociaux_menu {
	margin-bottom:5%;
	width:60px;
	fill: #fff;
}

/**
Responsive
**/
@media (max-width: 900px) or (max-height:900px) {
		.menu-burger-maison .menu a {
		  font-size: 60px !important;
		  line-height: 70px;
	}
}
@media (max-width: 580px) or (max-height:580px) {
		.menu-burger-maison .menu a {
		  font-size: 50px !important;
		  line-height: 55px;
	}
}

/**
Animations
**/
.menu-burger-maison #toggle-menu:checked + .hamburger .top-bun {
  transform: rotate(-45deg);
  margin-top: 10px;
  background-color:#fff;
}
.menu-burger-maison #toggle-menu:checked + .hamburger .bottom-bun {
  opacity: 0;
  transform: rotate(45deg);
  background-color:#fff;
}
.menu-burger-maison #toggle-menu:checked + .hamburger .meat {
  transform: rotate(45deg);
  margin-top: -13px;
  background-color:#fff;
}

.menu-burger-maison #toggle-menu:checked + .hamburger + .volet-menu {
  top: 0;
  transform: scale(1);
}