#bloc-rechercher-expert {background-size: cover; background-repeat: no-repeat;}
.section-rechercher-expert {background-color: var(--couleur-bg); position: relative;}
.section-rechercher-expert::after {bottom: -85px; right: -100%;transition: right 0.8s ease;}
.section-rechercher-expert::before {top: -80px; left: -100%; position: absolute;transition: left 0.8s ease;}
.section-rechercher-expert h2 {color: var(--couleur-blanc);}
.section-rechercher-expert>div {flex-direction: column; padding-bottom: 120px; padding-top: 80px;}

.section-rechercher-expert .field-border:valid {background-color: var(--couleur-principale); max-height: 300px; border-color: #DDDDDD; color: var(--couleur-blanc);}
.section-rechercher-expert.animate-before::before { left: -130px; z-index: 0}
.section-rechercher-expert.animate-before::after { right: -130px; z-index: 0}

.section-rechercher-expert .field-border{ text-overflow: ellipsis; border-radius: 3px; font-size: 18px; padding: 14px 32px;background-image: url('/wp-content/uploads/pictos/fleche-select.svg');background-repeat: no-repeat;background-position: calc(100% - 20px) center;appearance: none;background-color: var(--couleur-bg); color: var(--couleur-blanc); width: 300px;margin: 0 20px;}
#results-list .noresult{ padding:2rem; }

#results-list>div {display: flex; width: 100%; gap: 20px; flex-wrap: wrap; padding: 20px;justify-content: center;}
.expert-result {width: calc(50% - 10px); background-color: white; min-width: 200px; cursor: pointer;}
.expert-result img { object-fit: cover;}
.expert-result h3 {margin: 0; font-size: 18px; color: var(--couleur-secondaire);}
.expert-result h4 {margin: 0; padding-top: 6px;}
.expert-result p {font-size: 14px; color: var(--couleur-secondaire-light);}
.expert-result p span {padding-right: 10px;}
.expert-result a>p>span {padding-right: 15px;}
.ensavoirplus>p {color: #b68942; font-weight: 600; font-size: 12px;}
.ensavoirplus>p::after {content: url(/wp-content/uploads/2023/08/fleche-savoir-plus.svg); width: 12px; padding-left: 25px;}
.expert-result .fa-mobile-phone:before, .expert-result .fa-mobile:before {font-size: 22px;}
.expert-result .fa-video-camera:before {font-size: 16px;}

.section-recherche-experts{position: relative; z-index: 1;}
.section-recherche-experts div::-webkit-scrollbar {width: 8px;}
.section-recherche-experts div::-webkit-scrollbar-thumb {background-color: #d3bca0;}
.section-recherche-experts div::-webkit-scrollbar-track { background-color: #f5f5f5;}
.section-recherche-experts div{scrollbar-width: thin;scrollbar-color: #d3bca0 #f5f5f5;}
.section-recherche-experts div{scrollbar-width: thin;scrollbar-color: #d3bca0 #f5f5f5;}

#search-form {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}

.section-recherche-experts .gm-style-iw-d {overflow: auto !important;}
.metierpopover h3, .metierpopover p {color: var(--couleur-blanc);}
.expert-result.active{box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.expert-result.active .imgexpert{position: relative;}
.expert-result.active .imgexpert:before {border: 10px solid; width:calc(100% - 20px); height: calc(100% - 20px); content:""; position: absolute; opacity: 0.5;}
.expert-result.courtier-en-credit.active .imgexpert:before {border-color: var(--courtier-en-credit)}
.expert-result.geometre-expert.active .imgexpert:before {border-color: var(--geometre-expert)}
.expert-result.avocats.active .imgexpert:before {border-color: var(--avocats)}
.expert-result.immobilier.active .imgexpert:before {border-color: var(--immobilier)}
.expert-result.experts-comptables.active .imgexpert:before {border-color: var(--experts-comptables)}
.expert-result.gestion-de-patrimoine.active .imgexpert:before {border-color: var(--gestion-de-patrimoine)}
.expert-result.notaire.active .imgexpert:before {border-color: var(--notaire)}
.selectloading.loading:before{content:""; position: absolute;top:0; left:0; background-image: url(/wp-content/uploads/pictos/loading.gif);background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 50px;}
.selectloading {position: relative;  display: inline-block;}
@media screen and (min-width: 768px) {
	.section-recherche-experts #map {width: 50%;}
	#results-list>div { overflow-y: auto; max-height: 750px;justify-content: start;}
	#results-list {max-width: 600px;}
	#results-list>div {padding: 45px;}
	.section-rechercher-expert::after, .section-rechercher-expert::before {width: 260px;}
	.section-rechercher-expert::after, .section-rechercher-expert::before {content: url(/wp-content/uploads/2023/08/picto-chevrons-gauche-1.svg); width: 260px; position: absolute; filter: drop-shadow(3px 5px 8px rgb(0 0 0 / 0.15));}
	.section-rechercher-expert::before { transform: scaleX(-1);}
	#search-form {display: block;}
}
@media screen and (min-width: 1199px) {
	.section-rechercher-expert.animate-before::before { left: 0;}
	.section-rechercher-expert.animate-before::after { right: 0;}
}
.section-recherche-experts.hide{ display:none !!important; height:1px; }