/*
Theme Name: Hello Elementor Child
Description: hello
Author: stevegates
Template: hello-elementor 
Version: 0.1.0
*/

h1.entry-title{
	display:none !important;
}
@media (min-width: 2400px){
	.bloc-duo-home,.bloc-manager,.bloc-avocat{
max-height:55vh !important;
  min-height:55vh !important;

}
}
/*  BLOC-DUO */
@media (min-width: 1024px){

.bloc-duo-home{
  display:flex !important;
  width:100% !important;
max-height:55vh !important;
  min-height:55vh !important;

}

.bloc-avocat,
.bloc-manager{
  width:50% !important;
  height:100% !important;
  transition:width .45s cubic-bezier(.4,0,.2,1), background-color .35s ease !important;
}

.survol-avocat,
.survol-manager{
  opacity:0 !important;
  visibility:hidden !important;
  max-height:0 !important;
  overflow:hidden !important;
  transform:translateY(10px) !important;

  transition:
    opacity .25s ease,
    transform .25s ease,
    max-height .25s ease,
    visibility 0s linear .45s !important;
}

	.titre-avocat,.titre-avocat2,.text-avocat,.bouton-avocat,
.titre-manager,.titre-manager2,.text-manager,.bouton-manager{
  opacity:1 !important;
  transform:none !important;
  transition:opacity .25s ease, transform .25s ease !important;
}

/* HOVER AVOCAT */
.bloc-avocat:hover{
  width:80% !important;
}

.bloc-avocat:hover + .bloc-manager{
  width:20% !important;
}

/* Apparition retardée du contenu */
.bloc-avocat:hover .survol-avocat{
  opacity:1 !important;
  visibility:visible !important;
  max-height:500px !important;
  transform:translateY(0) !important;
  transition-delay:.30s !important;
}

.bloc-avocat:hover .titre-avocat,
.bloc-avocat:hover .titre-avocat2,
.bloc-avocat:hover .text-avocat,
.bloc-avocat:hover .bouton-avocat{
	display:none;
  opacity:0 !important;
  transform:translateY(-10px) !important;
  pointer-events:none !important;
}

.bloc-duo-home:has(.bloc-avocat:hover) .bloc-manager *{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.bloc-duo-home:has(.bloc-avocat:hover) .bloc-manager{
  background-color:#002D56 !important;
}

/* HOVER MANAGER */
.bloc-manager:hover{
  width:80% !important;
	  max-height:55vh !important;
  min-height:55vh !important;
	  overflow:hidden !important;

}
	.bloc-duo-home:has(.bloc-avocat:hover) .bloc-manager{
		 max-height:55vh !important;
  min-height:55vh !important;
	  overflow:hidden !important;
	}
.bloc-duo-home:has(.bloc-manager:hover) .bloc-avocat{
  width:20% !important;
			  max-height:55vh !important;
  min-height:55vh !important;
	  overflow:hidden !important;
		
}

/* Apparition retardée du contenu */
.bloc-manager:hover .survol-manager{
  opacity:1 !important;
  visibility:visible !important;
  max-height:500px !important;
  transform:translateY(0) !important;
  transition-delay:.30s !important;
}

.bloc-manager:hover .titre-manager,
.bloc-manager:hover .titre-manager2,
.bloc-manager:hover .text-manager,
.bloc-manager:hover .bouton-manager{
	display:none;
  opacity:0 !important;
  transform:translateY(-10px) !important;
  pointer-events:none !important;
}

.bloc-duo-home:has(.bloc-manager:hover) .bloc-avocat *{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.bloc-duo-home:has(.bloc-manager:hover) .bloc-avocat{
  background-color:#BB8823 !important;
}

}
/* FIN BLOC-DUO */





/* page "le cabinet" */
.member-team {
    height: 500px;
    width: 500px;
    transition: width 0.3s ease;
}

.member-team1 {
    width: 600px !important;
    height: 500px;
    position: relative;
    margin-right:16px;
    overflow:hidden;
    transition: width 0.3s ease;
}

.member-team:hover {
    width: 600px !important;
}

.member-name,
.member-job,
.titre-rotate1{
    display: none!important;
}

.member-team:hover .member-name,
.member-team:hover .member-job {
    display: block!important;
}

.member-team:hover .titre-rotate{
    display: none!important;
}

.member-team1 .member-name1,
.member-team1 .member-job1 {
    display:;
}

.all-member:has(.member-team:hover:not(.member-team1)) .member-team1 .member-name1,
.all-member:has(.member-team:hover:not(.member-team1)) .member-team1 .member-job1 {
    display: none;
}

.all-member:has(.member-team:hover) .member-team1 .titre-rotate1{
  display: block!important;
}


.member-team1::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 10;
    border-radius:15px!important;
}

.all-member:has(.member-team:hover:not(.member-team1)) .member-team1::after {
    opacity: 1;
}

.all-member:has(.member-team1:hover) .member-team1::after {
    opacity: 0 !important;
}

.all-member:has(.member-team:hover:not(.member-team1)) .member-team1 {
    width: 23.5% !important;
}

.all-member:has(.member-team1:hover) .member-team1 {
    width: 600px !important;
}

#content > div.page-content > div > section > div > div.elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-c92b581.member-team > div > div.elementor-element.elementor-element-fcc9beb.titre-rotate.e-transform.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div > h2,
#content > div.page-content > div > section > div > div.elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-e746da2.member-team > div > div.elementor-element.elementor-element-3825ca8.titre-rotate.e-transform.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div > h2,
#content > div.page-content > div > section > div > div.elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-1c16439.member-team > div > div.elementor-element.elementor-element-690e75c.titre-rotate.e-transform.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div > h2,
#content > div.page-content > div > section > div > div.elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-4035f04.member-team1 > div > div.elementor-element.elementor-element-103bfde.e-con-full.titre-rotate1.e-transform.e-flex.e-con.e-parent.e-lazyloaded > div > h2
{
	width: 400px;
} 

/* fin page "le cabinet" */

#content .fleche-home a svg{
    width: 2em !important;
}

@media (max-width: 767px) {
  #content .fleche-home a svg {
    width: 2em !important;
  }
}

@media (max-width: 1273px) and (min-width: 1000px) {

	.elementor-10 .elementor-element.elementor-element-6def4d0:hover {
		padding : 20px 50px !important;
	}
}