/*
 Theme Name:     M Agence Theme
 Theme URI:      https://magenceweb.fr
 Description:    Custom Theme
 Author:         M Agence Web
 Author URI:     https://magenceweb.fr
 Template:       Divi
 Version:        4.5.0
*/

/* Module BLOG & PROJETS */
/* Style général pour chaque carte de blog */
.REALISATIONS .et_pb_post {
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  position: relative;
  background-color: white;
  margin-bottom: 20px!important;
}

/*Page réalisations logo fond blanc*/
.LOGO img{
  background-color: white;
  padding: 10px;
  border-radius: 4px;
}

/* Uniformise la hauteur de l’image */
.REALISATIONS .et_pb_post .entry-featured-image-url img {
  height: 260px; /* ou la hauteur que tu veux */
  object-fit: cover;
  width: 100%;
}

/* Change couleur du titre et du texte au survol de la carte */
.REALISATIONS .et_pb_post:hover h3.entry-title a, .REALISATIONS .et_pb_post:hover .post-content-inner p {
  color: white !important;
}


/* Conteneur principal de chaque article */
.REALISATIONS .et_pb_post {
  transition: all 0.3s ease-in-out;
}

/* Couleur de fond et ombre portée au survol */
.REALISATIONS .et_pb_post:hover {
	border-radius:4px!important;
  background-color: #152E45!important;
  box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3)!important;
}

/* TITRE DU MODULE BLOG : gris normalement, blanc au hover */
.REALISATIONS .et_pb_post h3.entry-title a {
  color: #333 !important; /* ou le gris que tu utilises */
}

.REALISATIONS .et_pb_post:hover h3.entry-title a {
  color: #ffffff !important;
}

/* TEXTE DU MODULE BLOG : gris normalement, blanc au hover */
.REALISATIONS .et_pb_post .post-content p {
  color: #333 !important;
}

.REALISATIONS .et_pb_post:hover .post-content p {
  color: #ffffff !important;
}
/* FIN MODULE BLOG & PROJETS */

/* Boutton retour en haut */
.et_pb_scroll_top.et-pb-icon {
  background: #25CC97!important;
  bottom: 85px!important;
  right: 20px;
  border-radius:4px!important;
}
.et_pb_scroll_top.et-pb-icon:hover {
  transform: scaleX(1.04) scaleY(1.04) !important;
}

/* change Divi hamburger menu to X */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
/* rotate the Divi Menu icon on click */
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}

/* rotate the Divi Menu icon on click */
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}