/*
Theme Name: Céline Le Meroy
Description: Child Theme DIVI
Author: Célia Hub Studio
Author URI: https://celiahubstudio.com
Template: Divi
Version: 1.1
*/ 

/* Retirer text shadow dans le module slider */
.et_pb_slide_description {
text-shadow:none !important;
}


/* inverser l'ordre des colonnes sur mobile */
@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 



/* Retirer la bordure du menu */
#main-header {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}



/* Remove all animations and transitions for people that prefer not to see them */
 @media (prefers-reduced-motion: reduce) {
     * {
         animation-duration: 0.01ms !important;
         animation-iteration-count: 1 !important;
         transition-duration: 0.01ms !important;
         scroll-behavior: auto !important;
    }
}


/* Icone du bouton back to top */
.et_pb_scroll_top:before {
    content: "\32";/*select icon*/
} 

/* Apparence du bouton par défaut */
.et_pb_scroll_top.et-pb-icon {
    right: 30px; /* space from right */
    bottom: 30px; /* space from bottom */
    padding: 8px; /*padding size*/
	border-radius: 30px; /* make the circle */
    background: #ff833d /* button color */; 
    font-size: 30px; /* icon size */
    transition: all .1s ease-in-out; /* add transition */
	color: #fffaf2;
}
/* Apparence du bouton hover */
.et_pb_scroll_top.et-pb-icon:hover {
    bottom: 32px /* space from bottom */;
    background: #ff833d /*button hover color*/; 
    transition: all .1s ease-in-out; /*add transition*/
}
/* Animation du bouton */
.et_pb_scroll_top.et-visible {
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    -moz-animation: fadeInBottom 2s 1 cubic-bezier(.50,0,.160,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
}
.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
}



/* Remove horizontal scrolling */

#page-container { overflow:hidden !important;

}


/* MARQUEE PERSONNALISATION*/
.marquee{
    position: relative;
    display: flex;
    animation: moveLeft 14s linear infinite !important;
}

.track {
    white-space: nowrap;
    min-width: 100%;
    text-align: center;
}

.track h2{
animation: text 10s infinite linear;
position:relative;
}

@keyframes text{
0%{
left: 0%;
}

25%{
left:-10%;
}

50%{
left:-20%;
}

75%{
left:-30%;
}

100%{
left:-40%;
}
}






/* 
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}


/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}


/*Remove background color on hover*/
et_mobile_menu li a:hover, .nav ul li a:hover {
 background-color: rgba(0,0,0,0) !important;
}