/*
Theme Name: Divi Child
Template: Divi
Description: Thème enfant pour Divi de Vidange La Rose
Author: Any Communication
Author URI: https://any-communication.com
Version: 1.0.6
*/
@import url("../Divi/style.css");

.et_pb_section,
.et_pb_section_0,
.et_section_regular {
  padding: 0;
}

/*customisation menu sur mobile*/
.et_pb_menu__logo {
  margin: 10px;
}

/*fermer menu sur mobile*/
.et_mobile_menu .first-level > a {
  position: relative;
  background: transparent;
}

.et_pb_menu__logo {
  margin-left: 20px !important;
}

.mobile_menu_bar {
  margin-right: 20px !important;
}

.et_mobile_menu .first-level > a:after {
  font-family: "ETmodules";
  content: " \45";
  font-weight: bold;
  position: absolute;
  font-size: 18px;
  top: 10px;
  left: 150px;
}
.et_mobile_menu .first-level > .icon-switch:after {
  content: " \44";
}
.second-level {
  display: none;
}
.reveal-items {
  display: block;
}
.et_mobile_menu {
  width: 100%;
  margin: 0;
  padding: 0 !important;
}

/*cacher les racourcit de bouton de niveau 1 sur pc*/
@media all and (min-width: 767px) {
  .onlyMobile {
    display: none !important;
  }
}

/*Style des contenu de page WP*/

#main-content .container {
  padding-top: 20px !important;
}

#left-area {
  padding-bottom: 0;
}

.et_pb_post_content ul {
  margin-bottom: 0;
  padding-bottom: 0;
}

.et_pb_post_content ul li {
  margin-bottom: 15px !important;
}

.wp-block-buttons {
  display: flex;
  justify-content: center;
  margin: 20px auto;
}

.wp-element-button {
  background-color: #95cb2a;
  margin: 5px auto;
}

.wp-element-button:hover {
  animation: shadow-pulse 1s infinite;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 #f7bbc2; /* Set shadow color */
  }

  50% {
    box-shadow: 0 0 0 1em transparent;
  }

  100% {
    box-shadow: 0 0 transparent;
  }
}

/*Formulaire de contact*/
#formulaire-responsive {
  max-width: 800px /*-- à modifier en fonction de la largeur désirée --*/;
  margin: 0 auto;
  width: 100%;
}
.rang-form {
  width: 100%;
}
.demi-colonne,
.colonne {
  float: left;
  position: relative;
  padding: 0.65rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) {
  .demi-colonne {
    width: 50%;
  }
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
  background: #fff;
}
.wpcf7-submit {
  float: right;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #ffffff !important;
}
.wpcf7-submit:hover {
  background: #296a75 !important;
  color: #ffffff !important;
}
span.wpcf7-not-valid-tip {
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  background: #ff0000;
  padding: 5px;
}
div.wpcf7-validation-errors {
  text-shadow: none;
  border: transparent;
  background: #f9cd00;
  padding: 5px;
  color: #9c6533;
  text-align: center;
  margin: 0;
  font-size: 12px;
}
div.wpcf7-mail-sent-ok {
  text-align: center;
  text-shadow: none;
  padding: 5px;
  font-size: 12px;
  background: #59a80f;
  border-color: #59a80f;
  color: #fff;
  margin: 0;
}

/*PERSONNALISER LE BOUTON DE RETOUR EN HAUT DE PAGE*/

/*Opacité du bouton et effets d'animation (pour tous les navigateurs)*/
.et_pb_scroll_top.et-visible {
  opacity: 1;
  -webkit-animation: fadeInBottom 1s;
  -moz-animation: fadeInBottom 1s;
  -o-animation: fadeInBottom 1s;
  animation: fadeInBottom 1s;
}

/*Positionnement et couleur du bouton*/
.et_pb_scroll_top.et-pb-icon {
  right: 15px; /*distance du bouton par rapport à la droite de la fenêtre*/
  bottom: 50px; /*distance du bouton par rapport au bas de la fenêtre*/
  border-radius: 25px; /*Propriété permettant d'arrondir le bouton, supprimez la si vous voulez un bouton carré*/
  background: #296a75; /*couleur de fond du bouton. Mettez celle que vous voulez*/
}

/*couleur de fond du bouton au survol*/
.et_pb_scroll_top.et-pb-icon:hover {
  background: #95cb2a;
}

/*Choix de l'icone et couleur de celui-ci*/
.et_pb_scroll_top:before {
  content: "\36"; /* icone provenant des icones de bases de Divi*/
  color: #fff; /*couleur de l'icône*/
}

/***********
**        **
**  BLOG  **
**        **
***********/
#menu-blog .et_mobile_nav_menu {
  display: none;
}

#menu-blog .et_pb_menu__menu {
  display: block;
}

#menu-blog ul li a {
  padding: 10px 15px;
  margin: 10px 10px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #296a75;
  color: #296a75;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}

#menu-blog ul li a:hover {
  background-image: linear-gradient(45deg, #296a75, #95cb2a);
  border-color: #fff;
  color: #fff !important;
  opacity: 1 !important; /* Assure qu'il n'y a pas de voile blanc */
  background-color: transparent !important; /* Assure qu'il n'y a pas de fond blanc supplémentaire */
  box-shadow: none !important; /* Supprime toute ombre portée au hover */
}

#menu-blog ul li.current-menu-item a {
  background-image: linear-gradient(45deg, #95cb2a, #296a75);
  color: #fff;
  border-color: #fff;
  cursor: default;
}

/*fixer auteur contenu blog*/
@media all and (min-width: 767px) {
  .et_pb_ajax_pagination_container .et_pb_post {
    height: 480px; /* ou la hauteur souhaitée */
    overflow: hidden;
  }
}

.spacingh3 h3{
  margin-top:25px;
}