/* ==========================
   CORRECTIONS FINALES SITE
   Les Débarras du Mineur
========================== */



/* MENU AVEC FOND IMAGE */

nav{

background:
linear-gradient(
rgba(0,0,0,0.75),
rgba(0,0,0,0.75)
),
url("/assets/img/fond.jpg") !important;

background-size:cover !important;

background-position:center !important;

}






/* LOGOS BIEN RONDS */

.brand img,
.biglogo{

border-radius:50% !important;

object-fit:cover !important;

}







/* CENTRAGE PAGE CONTACT */

.contact-page{

text-align:center;

}


.contact-box{

justify-content:center !important;

}


.contact-form{

margin-left:auto !important;

margin-right:auto !important;

}/* =====================
 MENU MOBILE PRO
===================== */


.menu-mobile,
#mobilePanel{

display:none;

}



@media(max-width:768px){



/* cache menu PC */

nav ul{

display:none !important;

}



/* bouton */

.menu-mobile{

display:block;

margin-left:auto;

background:#d4af37;

color:black;

border:0;

border-radius:50%;

width:55px;

height:55px;

font-size:32px;

}




/* panneau */

#mobilePanel{

display:flex;

flex-direction:column;

position:fixed;

top:0;

right:-100%;

width:80%;

height:100vh;

background:#050505;

z-index:999999;

padding:80px 20px;

transition:0.4s ease;

}



/* ouvert */

#mobilePanel.open{

right:0;

}




#mobilePanel a,
#mobilePanel button{

background:none;

border:0;

color:#d4af37;

font-size:22px;

padding:15px;

text-align:left;

text-decoration:none;

}



/* sous menu fermé */

#servicesMobile{

display:none;

padding-left:20px;

}



#servicesMobile a{

font-size:18px;

}



/* ouvert */

#servicesMobile.open{

display:flex;

flex-direction:column;

}



}/* bouton fermeture */

.close-menu{

position:absolute;

top:20px;

right:20px;

background:#d4af37 !important;

color:black !important;

border:none !important;

border-radius:50%;

width:45px;

height:45px;

font-size:25px !important;

font-weight:bold;

padding:0 !important;

text-align:center !important;

}/* =====================
   TRANSITION PAGE PC
===================== */


.page-transition{

display:none;

}



@media(min-width:769px){


.page-transition{

display:flex;

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:#050505;

z-index:9999999;

align-items:center;

justify-content:center;

flex-direction:column;

color:#d4af37;

font-size:35px;

opacity:0;

pointer-events:none;

transition:0.4s ease;

}



.page-transition.active{

opacity:1;

pointer-events:auto;

}



.page-transition span{

font-size:80px;

animation:pioche 0.7s infinite alternate;

}



@keyframes pioche{

from{

transform:rotate(-20deg);

}


to{

transform:rotate(20deg);

}


}


}/* =====================
   APPARITION AU SCROLL
===================== */


.reveal{

opacity:0;

transform:translateY(40px);

transition:
opacity 0.8s ease,
transform 0.8s ease;

}



.reveal.visible{

opacity:1;

transform:translateY(0);

}/* =====================
   BOUTON DEVIS VIVANT
===================== */


.btn{

animation:pulseBtn 3s infinite;

}



@keyframes pulseBtn{


0%{

transform:scale(1);

box-shadow:0 0 0 rgba(212,175,55,0);

}



50%{

transform:scale(1.05);

box-shadow:0 0 25px rgba(212,175,55,0.7);

}



100%{

transform:scale(1);

box-shadow:0 0 0 rgba(212,175,55,0);

}


}