/*
 Theme Name:   Divi Theme Enfant
 Theme URI:    http://example.com/divi-child/
 Description:  Divi Theme Enfant (permet d'apporter des modifications à Divi qui ne seront pas écrasées par la mise à jour du theme parent)
 Author:       Alexandre Romani
 Author URI:   http://alexandre-romani.com/
 Template:     Divi
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child-theme
*/

/* Ajouter la classe sur une ligne dont les colonnes doivent être inversées sur mobile
Pour inverser le sens des colones sur mobile. Utile si vous alternez des colones sur la version desktop.
Il existe déjà une preset pour le faire dans les presets de colonnes.
*/

@media only screen and (max-width : 980px) {
  .arm_reverse_col {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}


/* GRAVITY FORMS */
.gform_button {
	white-space: normal;
    line-height: 1.3em;
	transition: ease-out 0.2s 0s;
}

/* BOUTONS */
/* Mettre les boutons en pleine largeur sur mobile (sauf les bouton portant la classe .arm_button_not_full_width) */ 
/*NOTE : si vous avez des croix rouges à gauche, ces erreurs n'en sont pas, c'est un bug de l'éditeur de code. Il n'y a pas d'erreur en réalité */
@media only screen and (max-width: 767px) {
	.et_pb_button_module_wrapper:has(> a.arm_bouton_primaire):not(:has(> a.arm_button_not_full_width)),
	.et_pb_button_module_wrapper:has(> a.arm_bouton_secondaire):not(:has(> a.arm_button_not_full_width)),
	.et_pb_button_module_wrapper:has(> a.arm_bouton_tertiaire):not(:has(> a.arm_button_not_full_width))
	{
		flex-grow:1;
		display: block;
    	text-align: center;
	}
	.arm_bouton_primaire, .arm_bouton_secondaire, .arm_bouton_tertiaire {
		display:block!important;
		text-align: center;
	}
}


/* POUR LA COULEUR DU BOUTON DU MENU */
/* Corriger le bug du bouton du header multicolore (celui qui change de couleur au scroll) pour appliquer une couleur en sticky mode (la fonctionnalité de divi est buggée) 
.et_pb_sticky--top .et_pb_button:not(:hover) {
    background-color: #522ef5!important;
	border-color: #522ef5!important;
}
body #page-container .et_pb_sticky.et_pb_section .et_pb_button_0_tb_header {
    color: #fff!important;
}*/


/* MODULE BLOG */
/* Affiche le dépassement sur le module blog pleine largeur pour que l'ombre de l'image soit visible, sinon elle ne se voyait que en dessous */
.et_pb_posts:not(.et_pb_blog_grid_wrapper) .et_pb_post {
	overflow: visible!important;
}

/* MODULE BLURB (RESUME) */
/* Aligne le titre verticalement avec l'icone sur les presets "liste de bénéfices" */
.arm_blurb_list_benefices .et_pb_blurb_content {
	display:flex!important;
}

.arm_blurb_list_benefices .et_pb_main_blurb_image{ 
	margin-bottom:0px!important;
}

.arm_blurb_list_benefices .et_pb_blurb_container {
	display: flex!important;
	flex-direction:column!important;
    justify-content: center!important;
}

/* Ajoute un padding au contenu (titre et description) sur la preset "texte mis en avant (blurb) carte" */
.arm_blurb_card .et_pb_blurb_container {
	padding: 0px 30px 30px 30px;
}

/* MODULE IMAGE */
/* Ajouter cette classe à n'importe quel module dont vous souhaitez que l'image qu'il contient ait une taille fixe mais que l'image couvre tout le conteneur (La taille fixe est à définir dans le module) */ 
.arm_cover_img img {
	object-fit:cover;
}

/* MODULE MENU */
/* Désactive le menu mobile pour les presets de menu de pied de page */
.arm-footer-menu:not(.arm-legal-menu) .et_pb_menu__menu {
  display: flex!important;
}

.arm-footer-menu:not(.arm-legal-menu) .et_mobile_nav_menu {
  display: none!important;
}

.arm-footer-menu:not(.arm-legal-menu) .et_pb_menu__wrap {
  display: flex;
  justify-content: flex-start;
}

.arm-footer-menu:not(.arm-legal-menu) .et-menu {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

/* permet au menu des catégories sur mobiles de prendre 80% de la largeur de l'écran */
.arm_category_menu .et_mobile_menu {
    width: 80vw;
}

@media (max-width: 980px) {
	.arm-footer-menu .et_pb_menu__menu {
    	display: flex!important;
	}
	.arm-footer-menu .et_mobile_nav_menu {
		display:none!important;
	}
	
	.arm-footer-menu.arm-legal-menu .et_pb_menu__menu {
    	display: flex!important;
		flex-direction:row!important;
		align-items:center!important;
		justify-content:center!important;
	}
	.arm-footer-menu.arm-legal-menu .et_mobile_nav_menu {
		display:none!important;
	}
}


/* ANIMATIONS CSS */
/* Animation des colonnes au hover */
/* 
.column {
    transition: ease-out 0.2s 0s;
}
.column:hover {
    transform: scale(1.02);
    transition: ease-out 0.2s 0s;
}

/* zoom des boutons au hover 
.et_pb_button, .gform_button {
	transition: ease-out 0.2s 0s;
}
.et_pb_button:hover, .gform_button:hover  {
    transform: scale(1.05);
    transition: ease-out 0.2s 0s;
	cursor:pointer;
}*/