/* Page dédiée aux experts (single-experts.php) */
.single-expert__infos{font-family:'Karma', serif;}

.single-expert__photo{margin-bottom:30px;}

.single-expert__name{font-size:150%; font-weight:bold;}

.single-expert__titre{color:#1552B4; font-size:120%; margin-bottom:15px;}

.single-expert__linkedin{display:inline-block; vertical-align:bottom; color:#152971; font-size:120%; margin-left:10px;}
.single-expert__linkedin:hover{color:#F7A11A;}

.single-expert__temoignage{display:block; width:max-content; margin:0; background:#2e2b28; padding:10px 15px 10px 20px; border-radius:25px; color:#fff; border:1px solid #000;}
.single-expert__temoignage:before{content:"\f144"; font-family:"Font Awesome 5 Free"; font-size:130%; color:#fff; margin-right:10px; vertical-align:middle; line-height:1;}
.single-expert__temoignage:hover{background-color:#fff; color:#2e2b28; text-decoration:none;}
.single-expert__temoignage:hover:before{color:#2e2b28;}


.single-expert__content{padding-left:50px;}
.single-expert__content:before{content:""; display:block; background: url(../images/guillemet-temoignages.png) scroll no-repeat top left / contain; height:25px; width:35px; margin-bottom:15px;}

.list-experts__container{margin:0 0 30px; font-family:"Karma", serif;}
.list-others-experts-container .flex-container{justify-content:flex-start;}
.list-experts__bg{position:relative; display:block; background-color:#E6E7F5; overflow:hidden; aspect-ratio:1;}
.list-experts__bg:before{content:""; position:absolute; bottom:0; left:0; width:100%;  color:#fff; mix-blend-mode:multiply; z-index:1; opacity:0.9; display:block; padding-top:100%;}
.list-experts__bg:hover:after{display:none;}
.list-experts__bg img{display:block; width:100%; height:100%; object-fit:cover;}
.list-experts__content{position:absolute; bottom:0; left:0; width:100%; z-index:2; padding:20px; background:rgba(0,0,0,0.4);}
.list-experts__type{color:#fff; font-size:120%; border-bottom:1px solid #F7A11A; width:max-content; margin:0 0 10px; font-weight:bold; }
.list-experts__name{color:#F7A11A; font-size:150%; font-weight:bold;}
.list-experts__fonction{color:#fff; font-size:100%; font-weight:bold;}
.list-experts__bg .hover{position:absolute; top:-100%; left:-100%; width:100%; height:100%; transition:0.3s all ease 0s; background-color:rgba(246,159,43,0.93); display:flex; flex-direction:column; justify-content:center; align-items:center; color:#1552B4; text-transform:uppercase; font-weight:bold; font-family:"Noto sans"; z-index:4;}
.list-experts__bg .hover img{margin-bottom:10px;}
.list-experts__bg:hover .hover{top:0; left:0;}


@media all and (max-width:1200px){
    .list-experts__content{font-size:90%;}
}

@media all and (max-width:768px){
    .single-expert__photo{margin-bottom:20px}
    .single-expert__photo img{width:100%;}
    .single-expert__infos{margin-bottom:30px}
    .single-expert__content{padding-left:15px;}
}

@media all and (max-width:600px){
    .list-experts__container{width:100%;}
}