/* ------------------ mobile icon ------------------------- */
/* Mobile nav button */
.menu-text{
 display: none;
}
@media (max-width: 980px) {
 .mobile-nav-item {
  display: flex;
  flex-direction: column;
  
  position: fixed;
  top: 20px;
  right: 10px;
  height: 47px;
  width: 42px;
  
  padding: 6px 0;
  justify-content: space-between;
  align-items: center;
  
  color: #066e35;
  background-color: #F2F2F2;
  border: 2px solid #066e35;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 9999;
 }
 .burger-icon {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 3px; 
 }

 .burger-icon .bar {
  width: 24px;
  height: 4px;
  background-color: #066e35;
 }

 .menu-text {
  display: block;
  font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
  font-size: 10px;
  color: #066e35;
  line-height: normal;
  padding: 0;
  margin: 0;
 }
}

/* ------------------ desktop navigation header ------------------------- */
body.open{
 overflow: hidden;
}

#site-body {
 overflow: hidden;
 position: relative;
 z-index: 2;
 -webkit-transition: -webkit-transform 0.3s ease-in-out;
 -moz-transition: -moz-transform 0.3s ease-in-out;
 -o-transition: -o-transform 0.3s ease-in-out;
 -ms-transition: -ms-transform 0.3s ease-in-out;
 transition: transform 0.3s ease-in-out;
}

#site-body.open {
 -webkit-transform: translate3d(+85%,0,0);
 -moz-transform: translate3d(+85%,0,0);
 -o-transform: translate3d(+85%,0,0);
 -ms-transform: translate3d(+85%,0,0);
 transform: translate3d(+85%,0,0);
}

#mobile-menu {
 display: none;
 position: fixed;
 top: 0px;
 left: 0px;
 right: 15%;
 bottom: 0px;
 background: #ffffff;
 z-index: 1;
 overflow: auto;
}

#mobile-menu .mobile-menu-list-top-title{
 float: left;
 margin-top: 5px;
 
 width: 84%;
 *height: 27px;
 padding: 12px 8% !important;
 font-size: 28px;
 color: #fff;
 text-transform: uppercase;
 background: #31722a;
}

#mobile-menu .mobile-menu-list-title{
 float:left;
 width:84%;
 padding: 4px 8% 6px 8%;
 color:#fff;
 font-size: 16px;
 text-transform: uppercase;	
 background: #28628F; 
 
 margin-bottom: 0px;
}

#mobile-menu ul, 
#mobile-menu ul li {
 width: 100%;
}

#mobile-menu ul {
 margin-left: 30px;
 margin-top: 5px;
 margin-bottom: 5px;
}

#mobile-menu ul li {
 position: relative;
}

#mobile-menu .no-puce {
 list-style: none;
}

#mobile-menu ul li a {
 float: left;
 width: 84%;
 padding: 20px 8% 20px 8%;
 border-top: 1px solid #4f6575;
 color: #fff;
 font-size: 14px;
 text-decoration: none;
}

#mobile-menu ul li:first-child a{
 border-top:none;
}

/* ----------- general rules which have to go last to be applied site wide ------- */

.mobile-hide{display:block;}
.mobile-show{display:none;}

/* -------------------------- general way point rules, these may be overridden for each page in its specific page section -------------------- */

@media screen and (max-width:568px){
 .mobile-hide{display:none;}
 .mobile-show{display:block;}
}