/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Evomeet
 Author URI:     https://evomeet.es
 Template:       Divi
 Version:        1.0.0
*/
 

/** 
 * Evomeet 2025
 * JBlanco
 */
 
/* =Theme customization starts here
------------------------------------------------------- */


:root{
    --main-color:#cb6ce7;
    --main-color-over:#d058f5;
    --secondary-color:#7dd956;
    --secondary-over:#80ee51;
}

html{
    font-size:16px; /* Tamaño para 1rem */
}

body {
    margin: 0;
    padding:0;
    font-size:1rem;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 500;
    font-style: normal;
    color:black; 
}

strong{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}

h1,h2,h3,h4,h5,h6{
	font-family: "neue-haas-grotesk-display", sans-serif;
	font-weight: 500;
	font-style: normal;	
}


p,span,strong{word-break:normal;word-wrap: normal;}
p,h1,h2,h3,h4,h5,h6 {cursor:default;word-wrap: normal;}


.f-light{
    font-weight:300!important;
}
.f-normal{
    font-weight:500!important;
}
.f-bold{
    font-weight:700!important;
}

.color-white{
    color:white!important;
}


.svg-black-to-purple {
  filter: brightness(0) saturate(100%) invert(69%) sepia(62%) saturate(536%) hue-rotate(239deg) brightness(97%) contrast(93%);
}
.svg-black-to-lime {
  filter: brightness(0) saturate(100%) invert(73%) sepia(76%) saturate(362%) hue-rotate(65deg) brightness(98%) contrast(93%);
}

/* botón 45% ancho (clase 'buttons-width-45-percent' en contenedor [row, colum...])*/
.buttons-width-45-percent .et_pb_button_module_wrapper{
    width:45%!important;
}
.buttons-width-45-percent .et_pb_button_module_wrapper .et_pb_button{
    width:100%!important;
}


/* Botón Volver arriba */
.et_pb_scroll_top.et-pb-icon{
    padding:15px;
    border-radius:0;
}


/* Selector tipo visitante - En header */
.tipologie-selector{}

.tipologie-selector a{
    text-decoration:none!important;
    color:#000!important;
    font-size:13px;
    font-weight:500;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-style: normal;
    transition: all .4s ease-in-out!important;
    margin:0!important;
    padding:4px 10px!important;
    border-radius:15px;
}
.tipologie-selector a:hover{
    background-color:#000;
    color:#fff!important;
}
.page-bienvenue .tipologie-selector a.patient-selector,
.page-lequipe .tipologie-selector a.patient-selector{
    font-weight:700;
    pointer-events:none;
}
.page-formations .tipologie-selector a.prof-selector,
.page-formateurs .tipologie-selector a.prof-selector,
.page-publications .tipologie-selector a.prof-selector{
    font-weight:700;
    pointer-events:none;
}


/* Menu --------------------------------- */

.et_pb_menu__menu>nav>ul>li.menu-item{
    margin:0!important;
}
.et_pb_menu__menu>nav>ul>li.menu-item a{
    padding-top:8px!important;
    padding-bottom:6px!important;
}
.et_pb_menu__menu>nav>ul>li.menu-item.outline,
.et_pb_menu__menu>nav>ul>li.menu-item.outline a{
    transition: all .4s ease-in-out!important;
}
.et_pb_menu__menu>nav>ul>li.menu-item.outline{
    border-radius:2em;
    border:1px solid #000!important;
    padding-left:1rem!important;
    padding-right:1rem!important;
    margin-top:-2px!important;
}
.et_pb_menu__menu>nav>ul>li.menu-item.outline:hover{
    color:white!important;
    opacity:1!important;
    background-color:#000!important;
}
.et_pb_menu__menu>nav>ul>li.menu-item.outline:hover a{
    color:white!important;
    opacity:1!important;
}



/* Landing ----------------------------- */
#landing .et_pb_row .et_pb_column,
#landing .et_pb_row .et_pb_column.et-last-child,
#landing .et_pb_row .et_pb_column:last-child{
    margin:auto!important;
    float: none!important;
}




/* Nos compétences ------------------------
 * Icono a izquierda de texto (con módulo Persona)
 * Añadir al módulo la clase: team_member_icon_left
 */
.et_pb_team_member.team_member_icon_left{
	display:flex;
}
.et_pb_team_member.team_member_icon_left .et_pb_team_member_image{
	margin-right:30px;
}

/* Gallery -----------------------------*/
#gallery .et_pb_gallery_items.et_post_gallery{
    display: flex!important;
    flex-flow: wrap!important;
}
#gallery .et_pb_gallery .et_pb_gallery_item {
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    width: 8.333333% !important;/* 3 filas de 12 imgs*/
    overflow:hidden;
}
#gallery .et_pb_gallery .et_pb_gallery_item,
#gallery .et_pb_gallery .et_pb_gallery_item img {
    transition: all .2s ease-in-out;
}
#gallery .et_pb_gallery .et_pb_gallery_item:hover img {
    transform: scale(1.2);
}
#gallery .et_pb_gallery .et_pb_gallery_item .et_overlay.et_pb_inline_icon{
    opacity:0!important;
}
@media (max-width: 767px) {
    #gallery .et_pb_gallery .et_pb_gallery_item {
        width: 16.6666666% !important;/* 6 filas de 6 imgs*/   
    }
}
/*Gallery Formateurs */
#gallery.formateurs .et_pb_gallery .et_pb_gallery_item {
    width: 11.1111111% !important;/* 2 filas de 9 imgs*/
}
@media (max-width: 767px) {
    #gallery.formateurs  .et_pb_gallery .et_pb_gallery_item {
        width: 16.6666666% !important;/* 6 filas de 6 imgs*/   
    }
}


/* FAQ toggles -------------------------*/
#faq .et_pb_column {
    display:flex;
    flex-direction:column;
}
#faq .et_pb_column .et_pb_module.et_pb_toggle {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content: center;
    text-align:left;
    min-height: 4rem;
    padding: 1rem 2rem!important;
}
#faq .et_pb_toggle.et_pb_text_align_left .et_pb_toggle_title, 
#faq .et_pb_toggle.et_pb_text_align_left h5.et_pb_toggle_title, 
#faq .et_pb_toggle .et_pb_toggle_title, 
#faq .et_pb_toggle h5.et_pb_toggle_title {
    padding:0!important;
    width:100%;
}
@media (max-width: 980px) {
    #faq .et_pb_column{margin-bottom:0!important;}
    #faq .et_pb_column .et_pb_module.et_pb_toggle {
        margin-bottom:20px!important;
    }
}


/* Contacto -------------------- */
#contact #contact_form .wpcf7-form input[type=text].wpcf7-form-control,
#contact #contact_form .wpcf7-form input[type=email].wpcf7-form-control,
#contact #contact_form .wpcf7-form textarea.wpcf7-form-control{
    padding:5px!important;
    margin-bottom:2px;
}
#contact #contact_form .wpcf7-form textarea.wpcf7-form-control{
    height:100px!important;
}