footer{
background: var(--bleufonce) url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/picto-bottom.svg) no-repeat center bottom / 280px;
color: var(--blanc);
font-size:0.8rem;
font-weight: 300;
}
header a.logo img{
width:100%;
max-width: 260px;
}
.home footer a.logo{
pointer-events: none;
}
footer::before, footer::after{
content:"";
display:block;
height: 12px
}
footer::before{
background: linear-gradient(to right,  var(--bleufonce) 0%,var(--vert) 100%);
}
footer::after{
background: linear-gradient(to right,  var(--vert) 0%,var(--bleufonce) 100%);
}
footer .adress{
line-height:1.8;
}
footer ul{
margin:0;
padding:0;
list-style: none;
}
footer .menu-footer-container ul{
display:flex;
flex-direction: column;
align-items: stretch
}
footer .menu-footer-container ul li{
margin:0.25rem 0;
}
footer .menu-footer-container ul li a{
display: flex;
align-items: center;
gap:0 0.5rem;
color: var(--blanc);
}
footer .menu-footer-container ul li a:hover{
color: var(--vertclair)
}
footer .menu-footer-container ul li a::before{
content:"";
display:inline-block;
width:13px; height:13px;
background: url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/arrow-menu-footer.svg) no-repeat center / contain
}
footer .accroche{
text-align: right
}
footer .agencies a{
color: var(--blanc);
margin:0.2rem 0 0.3rem 0;
}
footer .agencies a:hover{
color: var(--vertclair)
}
footer .bottom{
border-top: 1px solid rgba(255,255,255,.5);
font-size:0.65rem;
}
footer .bottom .menu-mentions-container ul{
display: flex;
justify-content: center;
gap:0 2rem;
}
footer .bottom .menu-mentions-container ul li a{
color: var(--blanc);
}
footer .bottom .menu-mentions-container ul li a:hover{
color: var(--vertclair);
}
footer .copyright{
display: flex;
gap:0 2rem;
}
.nav-mobile{
position: fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow: auto;
background-color: var(--bleufonce);
color: var(--blanc);
z-index: 998;
transform: translateX(-100%);
transition: all 0.5s ease-out;
}
.nav-mobile.opened{
transform: translateX(0);
}
.nav-mobile .inner{
padding:0 5%;
width : calc(100% - 10%);
}
.nav-mobile .menu-principal-container ul{
flex-direction: column;
align-items: stretch;
gap:1rem 0;
width:100%;
margin:0;
padding:0;
list-style: none;
}
.nav-mobile .menu-principal-container ul li{
border-bottom: 1px solid rgba(255,255,255,.5);
font-size:1rem
}
.nav-mobile .menu-principal-container ul li a{
display:block;
padding: 1rem 0;
color: var(--blanc)
}
.nav-mobile .menu-principal-container ul li::after{
display:none;
}
.nav-mobile .menu-principal-container ul.sub-menu{
position:relative;
left:0; top:0;
transform: translateX(0);
width:auto;
background-color: transparent
}
.nav-mobile .menu-principal-container ul.sub-menu li{
border-bottom: none;
}
@media screen and (min-width:768px){
.nav-mobile .inner{
padding:0 10%;
width : calc(100% - 20%);
}
.nav-mobile .menu-principal-container ul li{
font-size:1.25rem
}
}