/*
Theme Name: Carmona Child
Theme URI: https://www.maissena.com
Description: Thème enfant du thème Carmona
Author: Sandrine BUHOURS
Template: carmona
Version: 1.0
*/

/*Bannière du haut de page d'accueil */
.banniere-home.qodef-banner .qodef-m-content {background:rgba(0,0,0,0.5)}
.banniere-home.qodef-banner h1.qodef-m-title, .banniere-home.qodef-banner p.qodef-m-subtitle {color:#ffffff;text-align:center}

.banniere-home.qodef-banner h1.qodef-m-title {
max-width:700px;
position: relative;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.8s ease forwards;
}
.banniere-home.qodef-banner .qodef-m-button {
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 1.8s ease forwards;
}


.banniere-home.qodef-banner h1.qodef-m-title::after {
  content: "";
  display: block;
  width: 100px;
  height: 2px; 
  background-color: #da6b16; 
  margin: 20px auto 0; 
}


@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.banniere-home.qodef-banner p.qodef-m-subtitle {margin:30px;font-style:normal;font-weight:500;font-size:18px;line-height:26px}
.banniere-home.qodef-banner .qodef-button.qodef-layout--filled.qodef-html--link {background:#da6b16}
.banniere-home.qodef-banner .qodef-button.qodef-layout--filled.qodef-html--link:hover {background:#be5d13}
.banniere-home.qodef-banner.qodef-layout--link-button .qodef-m-content {width:75%}

/*Options du haut de page */
/* Supprimer le button */
.no-button.qodef-banner .qodef-m-button  {
		display: none;	
}

/*Taille des icônes 3 lieux de vie/espace bien-être/présence 24/24 + effet au survol */
.qodef-m-icon-wrapper img {max-height:70px;}
.elementor-widget-carmona_core_portfolio_list h3 a {transition: transform 0.2s ease;display: inline-block;}
.elementor-widget-carmona_core_portfolio_list h3 a:hover {transform: translateY(-2px);font-size:25px}


/*Remplacement de la vaguelette par un trait simple*/
/*Menu*/
.qodef-header-navigation > ul > li > a .qodef-menu-item-text::after, .qodef-header-navigation > ul > li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li > a .qodef-menu-item-text::after, .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li > a .qodef-menu-item-text::after, .qodef-header-navigation > ul > li.qodef-menu-item--narrow ul.qodef-drop-down--right li > a .qodef-menu-item-text::after, .qodef-mobile-header-navigation>ul>li>a .qodef-menu-item-text:after, .qodef-mobile-header-navigation ul li ul li>a .qodef-menu-item-text:after {
mask:none;
_webkit_mask:none;
height:1px;
}

/*Séparateurs*/
.qodef-m-separator > svg, .qodef-testimonials-list > svg {display:none}
.qodef-m-separator::after, .qodef-testimonials-list > h2::after {
  content: '';
  /*position: absolute;
  left: 0;
  bottom: 0;*/
  display: block;
  line-height: 1;
  font-size: 1px;
  width: 50px;
  height: 2px;
  /*background: currentColor;*/
background:#da6b16;
}

.qodef-testimonials-list > h2::after {
margin:20px auto 30px;
}

/*Couleur du texte "fonction" dans les témoignages*/
.qodef-testimonials-list .qodef-e-author .qodef-e-author-job {color:#da6b16;}

/*Couleur du bouton du formulaire de contact*/
button.wpcf7-form-control {background:#da6b16;}
.qodef-qi-contact-form-7 button.wpcf7-form-control:hover {background:#be5d13;color:#ffffff}
form.wpcf7-form label {margin-bottom:10px}




/*Bloc 4 lieux de vie*/
.qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-content .qodef-e-content-holder {
-webkit-clip-path: inset(0 0 0 -1px); 
     clip-path: inset(0 0 0 -1px);
background-color:rgba(255,255,255,0.7);
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-content .qodef-e-content-holder .qodef-e-info {display:none}

.qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-title

 {
    opacity: 1;
    transform: translate(0, 0);
letter-spacing:0.1em;
color:#000000;
}
.qodef-e-media-image.qodef--background {transition: background-size 0.5s ease;}
.qodef-e-media-image.qodef--background:hover {background-size:105%}

/*Témoignages*/
.qodef-testimonials-list .qodef-e-text {margin-bottom:27px}
.qodef-testimonials-list .qodef-e-inner {padding-bottom:20px}



/*Réglages mobile*/
@media only screen and (max-width: 520px) {
.qodef-h2, h2{font-size: 22px; letter-spacing:5px}
.banniere-home.qodef-banner.qodef-layout--link-button .qodef-m-content
{width: 85%;}
	.banniere-home.qodef-banner p.qodef-m-subtitle {margin:0}
	.banniere-home.qodef-banner h1.qodef-m-title {font-size:26px}
	.banniere-home.qodef-banner .qodef-button.qodef-layout--filled.qodef-html--link {text-align:center;padding-left:10px;padding-right:10px}
	.qodef-banner .qodef-m-content {bottom:0}
.qodef-grid.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--columns>.qodef-grid-inner>.qodef-grid-item {padding-left:15px;padding-right:15px}
}

/* ------------------------------ */
/* COMPOSANT TIMELINE HISTORY */
/* ------------------------------ */


/* PHONE */
@media (max-width: 767px) {
  .dot-timeline {
    display: none !important;
  }
}

/* TABLET */
.dot-timeline {
	height: 100%;
}

.dot-timeline .elementor-icon-wrapper .elementor-icon {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* ------------------------------ */
/* PAGE EHPAD - GALERIE     */
/* ------------------------------ */

/* REDUIRE LA TAILLE DU TITRE EN MOBILE POUR EMPECHER LE SAUTE DE LIGNE  */
@media (max-width: 767px) {
  .elementor-widget-carmona_core_section_title .section-pictures-title h2.qodef-m-title,
  .elementor-widget-carmona_core_section_title h2.qodef-m-title {
    font-size: 22px !important;
  }
}

/* ON MONTRE LA GALERIE ON DESKTOP ET LE CARROUSEL EN MOBILE */
.section-pictures .galerie {
	display: grill;	
}

.section-pictures .carrousel {
	display: none;
}

@media (max-width: 767px) {
	.section-pictures .galerie {
		display: none;
	}
}

@media (max-width: 767px) {
	.section-pictures .carrousel {
		display: block;
	}
}

/* ------------------------------ */
/* PAGE EHPAD - CHIFFRES DU STAFF */
/* ---------------------------- */

/* ALIGNER SUR UNE LIGNE EN MOBILE*/ 

@media (max-width: 767px) {
	
	.section-staff .aligned-mobile {
		display: flex;
    	justify-content: left;
    	align-items: anchor-center;
	}
}