/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 16 2025 | 07:33:17 */
/*--- GENERAL ---*/

/* Fix font offset */

h2 span, h3 span {
	position: relative;
	top: 3px;
}

/* No section background in medium-small devices */
@media (max-width: 1279px) {
	.no_bg_mobile .row-background {
		display: none;
	}
}

/* Breadcrump */

.breadcrumb .current {
	font-weight: 700;
}
.breadcrumb > li:first-child {
	display: none;
}
.breadcrumb > li:nth-child(2)::before {
	display: none;
}

/* Header menu */

#custom-header {
	max-width: 550px;
	height: 60px;
	float: right;
	margin: 40px;
	display: none;

	.wpb_column {
		padding: 0 !important;
	}
	.social-icons {
		display: flex;
		align-items: center;
		gap: 20px;
		margin-left: 30px;
	}
	.widget_search {
		.search-field {
			background: #83D0F5;
			margin-top: 5px;
			padding: 15px 60px 15px 15px;
			border-radius: 30px;
			border: none;
			color: #41566E;
			text-align: center;
			
		&:focus-visible {
			outline: none;
		}
		}
		.fa-search3 {
			border-left: 1px solid;
			top: calc(50% - 0.3em);
			padding: 0.3em 1em;
		}
	}
	@media screen and (min-width: 960px) {
		display: block;
	}
}

#header-menu {

	& .menu_main-item {

		& > a {
			position: relative;
			z-index: 201;
			text-transform: uppercase;
			color: #41566E;
			padding: 10px 20px 8px 20px;
			border-radius: 30px;
			font-weight: 500;
			cursor: pointer;
			font-size: 16px;
			line-height: 24px;

			&::after {
				content: url('/wp-content/uploads/2025/07/menu-arrow.svg');
				position: absolute;
				right: -5px;
				transition: all 0.3s ease-in-out;
			}
			&:hover {
				font-weight: 700;
			}
		}

		&.open {
			& > a {
				font-weight: 700;
			&:after {
				transform: rotate(180deg);
			}
			}
		}
		&.open {
			& > a {
				
			}
			& .sub-menu {
				opacity: 1;
				transform: translatey(0%);
				display: flex;
				flex-direction: column;
				gap: 12px;
				padding-top: 20px;
				margin-top: 15px;
				border-top: 2px solid transparent;
				border-image: linear-gradient(
					to right,
					#83D0F5 0%,
					#83D0F5 50%,
					#FFF 50%,
					#FFF 100%
				) 1;
				& > li {
					&:hover {
						font-weight: 600;
					}
				}
			}
		}
	}
	& .sub-menu {
		position: relative;
		z-index: 20;
		margin: 30px 0 0 0px;
		padding: 10px 30px;
		background: #FFF;
		opacity: 0;
		transform: translateY(-50%);
		transition: all 0.3s ease-in-out;

		& a {
			color: #2F3944;
		}
	}

}


a {
	color: #41566E;
	text-decoration: underline;

	&:hover { text-decoration: underline; }
}


a.chcc-btn,
.blob_link a,
a.cc_standard_button,
.t-entry-title a,
a.tmb-term-evidence,
a.blob_button,
.btn_footer a,
#ic_sidebar a,
#menu-menu-header a,
a.locations_cta,
.quick-access_buttons a,
.breadcrumb a {
	color: inherit;
	text-decoration: none !important;

	&:hover { text-decoration: none !important; }
}

.mb_20_ul li {
	margin-bottom: 20px;
}

::selection {
	background: #41566E!important;
}

.blur-27 .uncell {
	backdrop-filter: blur(27px);
}
.contact_link a {
	font-weight: 700!important;
}
.blob_link a,
.blob_link button,
.blob_link.blue_link a,
.blob_button {
	position: relative;
	padding : 12px 33px 10px 33px;
	border-radius: 40px !important;
	background-color: #41566E;
	font-weight: 600;
	color: #FFF!important;
	line-height: 24px;
	transition: all 0.5s ease-in-out !important;
	display: inline-flex;
	align-items: center;
}

.blob_link a, .blob_link button {
	display: block !important;
	text-align: center;
}

.blob_link a::after,
.blob_link button::after {
	display: none;
}

.blob_link a,
.blob_link button,
.blob_link button{
	background-color: #41566E !important;
	color: #FFF!important;
}

.blob_button.white_link {
	background-color: #FFF;
	color: #41566E!important;
}

.blob_link a:after,
.blob_link button::after,
.blob_link.blue_link a:after,
.blob_button:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/03/arrow_blue.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 46px;
	height: 46px;
	right: -48px;
	top: calc( 50% - 23px );
	transition: all 0.5s ease-in-out;
}
.blob_link.purple_link a:after {
	background-image: url('/wp-content/uploads/2025/07/blob-arrow-purple.svg');
}
.blob_link_inverse a {
	position: relative;
	padding : 12px 33px 10px 33px;
	border-radius: 40px;
	background-color: #41566E;
	color: #FFF!important;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 24px;
	display: inline-flex;
	align-items: center;
	transition: all 0.5s ease-in-out;
	display: inline-flex;
	align-items: center;
}
.blob_link_inverse a:before {
	position: absolute;
	content: '';
	display: inline-block;
	background-image: url('/wp-content/uploads/2025/04/arrow_blue_yellow.svg');
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	left: -48px;
	top: calc( 50% - 24px );
	transition: all 0.5s ease-in-out;
}
.blob_link.blue_link a:after {
	background-image: url('/wp-content/uploads/2025/04/arrow_blue_yellow.svg');
}
.blob_button.white_link:after {
	background-image: url('/wp-content/uploads/2025/03/arrow_circle_jaune.svg');
}
.blob_link.purple_arrow button::after {
	background-image: url('/wp-content/uploads/2025/07/purple_arrow.svg');
}
.blob_link.magenta_arrow button::after,
.blob_link.magenta_arrow a::after{
	background-image: url('/wp-content/uploads/2025/07/blob_magenta_arrow.svg');
}

.bubble .uncell {
	position: relative;
}
.bubble.orange .uncell:after,
.bubble.blue .uncell:after,
.bubble.blue.left .uncell:after,
.bubble.orange.left .uncell:after,
.bubble.red .uncell:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/04/bubble.svg');
	background-repeat: no-repeat;
	width: 44px;
	height: 45px;
	right: 200px;
	top: -22px;
}
.bubble.orange.left .uncell:after {
	left: -22px;
	right: auto;
	top: 31px;
}
.bubble.blue .uncell:after {
	background-image: url('/wp-content/uploads/2025/07/blue-bubble.svg');
	bottom: -22px;
	top: auto;
}
.bubble.red .uncell:after {
	background-image: url('/wp-content/uploads/2025/08/red_bubble.svg');
	bottom: -22px;
	top: auto;
}
.bubble.blue.left .uncell:after {
	background-image: url('/wp-content/uploads/2025/07/blue-bubble.svg');
	left: 53px;
	right: auto;
}


/* Round Button, for widget posts */

.round_button {
	width: 75px;
	height: 75px;
	display: block;
	position: absolute;
	bottom: -25px;
	z-index: 2;
	right: 50px;
	visibility: hidden;

	&::before {
		content: '';
		background-size: contain;
		display: block;
		position: absolute;
		z-index: 1;
		right: 10px;
		bottom: -16px;
		width: 55px;
		height: 135px;
		transform: rotate(90deg);
		visibility: visible;
	}
	&.blue_bg {
		&::before {
			background: url('/wp-content/uploads/2025/07/blueBorder.svg') no-repeat center;
		}
	}
	&::after {
		content: '';
		display: block;
		position: absolute;
		top: 7px;
		left: 2px;
		z-index: 2;
		width: 69px;
		height: 69px;
		visibility: visible;
		transition: all 0.5s ease-in-out;


	}
	&:hover{
		&::after {
			transform: rotate(-45deg);
		}
	}
	&.purple_button {
		&::after {
			background: url('/wp-content/uploads/2025/07/purple_button.svg');
			background-size: contain;
		}
	}
}

@media screen and (min-width: 768px) {

	.blob_link a,
	.blob_link button {
		display: inline-block !important;
	}
}

@media screen and (min-width: 960px) {

	.blob_link a::after,
	.blob_link button::after {
		display: inline-block;
	}

	.blob_link_inverse a:hover {
		padding: 12px 33px 10px 53px;
		background-color: #FBBB21!important;
		color: #41566E!important;
		transition: all 0.5s ease-in-out;
	}

	.blob_link_inverse a:hover:before {
		transform: translateX(50px);
	}
	.blob_button:hover,
	.blob_link a:hover,
	.blob_link button:hover {
		padding: 12px 53px 10px 33px;
		background-color: #41566E!important;
		color: #FFF!important;
		filter: url(#buttonFilter);
		transition: all 0.5s ease-in-out;
	}
	.blob_link.blue_link a:hover,
	.blob_link.blue_link button:hover {
		background-color: #FBBB21!important;
		color: #41566E!important;
		transition: all 0.5s ease-in-out;
	}
	.blob_link.magenta_arrow button:hover,
	.blob_link.magenta_link a:hover,
	.blob_link.magenta_arrow a:hover {
		background-color: #A3195B!important;
		color: #FFF !important;
	}
	.blob_link.purple_arrow button:hover,
	.blob_link.purple_link a:hover {
		background-color: #7C6EB0!important;
		color: #FFF !important;
	}
	.blob_button.white_link:hover {
		background-color: #FBBB21!important;
		color: #41566E!important;
		transition: all 0.5s ease-in-out;
	}


	.blob_button:hover:after,
	.blob_link a:hover:after,
	.blob_link button:hover::after,
	.blob_link.blue_link a:hover:after,
	.blob_link.purple_arrow button:hover::after {
		transform: translateX(-50px);
	}

	.cc_after,
	.cc_black {
		position: relative;
	}
	.cc_after:after,
	.cc_black:after {
		position: absolute;
		content: '';
		background-image: url('/wp-content/uploads/2025/03/cc-jaune.svg');
		background-repeat: no-repeat;
		width: 1352px;
		height: 693px;
		right: -375px;
		bottom: -286px;
		z-index: 0;
		opacity: 40%;
	}
	.cc_black:after {
		background-image: url('/wp-content/uploads/2025/04/cc_black.svg');
		z-index: 0;
	}
}

.link_round {
	display: flex !important;
	align-items: center;

	&.icon-inline {
		padding-left: 0;
	}
	& .fa-container {
		position: relative;
		z-index: 2;
		margin: 0;
	}
	& .h3 {
		font-size: 16px;
		color: #FFF;
		font-weight: 400;
	}
	& img {
		width: 69px;
		height: 69px;
	}
	& .icon-media {
		width: 69px !important;
	}
	& .icon-box-content {
		padding-left: 28px !important;
	}
}

.link_round_bottom {
	justify-content: flex-end;
	position: absolute !important;
	z-index: 4;
	bottom: -30px;
	right: 80px;
}
.link_round_bottom::before {
	content: '';
	background: url(/wp-content/uploads/2025/07/customBorder.svg) no-repeat center;
	background-size: contain;
	display: block;
	position: absolute;
	z-index: 1;
	right: 6px;
	top: -46px;
	width: 55px;
	height: 135px;
	transform: rotate(90deg);
}

@media (min-width: 1024px) {
	.link_round_aside {
		position: absolute !important;
		right: -93px;
		top: -5px;

		& .icon-box-content {
			display: none;
		}
		& .icon-box-icon {
			position: relative;
			left: -6px;
		}
	}

	.link_round_aside::before {
		content: '';
		background: url(/wp-content/uploads/2025/07/customBorder.svg) no-repeat center;
		background-size: contain;
		display: block;
		position: absolute;
		z-index: 1;
		right: 17px;
		top: -32px;
		width: 55px;
		height: 135px;
	}
}

.link_round .custom-link img {
	transition: all 0.3s ease-in-out;
}
.link_round .custom-link:hover img {
	transform: rotate(-45deg);
}

.linear_overlay_gradient .uncode-single-media-wrapper {
	position: relative;
}
.z-index_2 h3 {
	position: relative;
	z-index: 4;
}
.linear_overlay_gradient .uncode-single-media-wrapper:before {
	position: absolute;
	content: '';
	background: linear-gradient(180deg, rgba(255,255,255,0) 35%, rgba(0,0,0,1) 100%);
	left:0; 
	top:0;
	width:100%; 
	height:100%;
	display:inline-block;
	border-radius: 28px;
	z-index: 2;
}

.link_plan a {
	position: relative;
	color: #000!important;
	text-decoration: underline;
	padding-left: 25px;
}
.link_plan a:before {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/03/boule-verte.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 10px;
	left: 0;
	top: calc( 50% - 5px );
}
.link_plan a:hover {
	color: #3cb1b1!important;
}

.dot {
	font-size: 3rem;	
}
.yellow_dot .dot {
	color: #FBBB21;
}
.light-blue_dot .dot {
	color: #83D0F5;
}
.green_dot .dot {
	color: #3CB1B1;
}
.light-green_dot .dot {
	color: #95C11F;
}
.magenta_dot .dot {
	color: #A3195B;
}
.purple_dot .dot {
	color: #7C6EB0;
}
.white_dot .dot {
	color: #FFF;
}

.uncode-map-wrapper {
	border-radius: 28px!important;
}

.has_icon .background-inner {
	position: relative;
}
.has_icon .background-inner:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/03/certif-HAS.png');
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 20px;
	width: 92px;
	height: 128px;
	bottom: 0;
	right: 0;
	z-index: 2;
}
.pole {
	padding: 30px 25px;
	border: 1px solid #83D0F5;
	border-radius: 29px;
	text-align: center;
	font-weight: 700;
}
.pole.vert {
	border: 1px solid #3cb1b1;
}
.pole.jaune {
	border: 1px solid #fbbb21;
}

.bb_1 {
	border-bottom: 1px solid #41566E;
}
.name_files p {
	font-weight: 700;
}
.date_files {
	font-weight: 400;
}
.download_files a {
	font-size: 16px;
	color: #41566E!important;
	font-weight: 600;
	text-decoration: underline;
	position: relative;
	z-index: 2;
	padding-right: 44px;
}
.download_files a:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/08/download_svg.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 14px;
	height: 17px;
	top: calc( 50% - 8px );
	right: 20px;
}
.download_files.page_file a {
	padding-right: 20px !important;
}
.download_files.page_file a:after {
	display: none!important;
}
.download_files a:hover {
	color: #41566E!important;
}

.pdf_contact a {
	position: relative;
	text-decoration: underline;
}
.pdf_contact a:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/03/pdf.svg');
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	right: -26px;
	top: calc( 50% - 9px );
}
/*--- FOOTER ---*/

.marg_footer {

	@media screen and (min-width: 960px) {
		margin: 17px;
	}

}

.footer_buttons .uncont {
	display: flex;
	flex-wrap: wrap;
	
	@media (min-width: 960px) {
		gap: 40px;
	}
}

.info_footer p {
	position: relative;
	font-size: 14px!important;
	padding-left: 25px;
}
footer a {
	color: #FFF!important;
}
.info_footer p:before {
	position: absolute;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
}
.info_footer p:first-child:before {
	background-image: url('/wp-content/uploads/2025/03/geo.svg');
	top: 0;
	width: 15px;
	height: 21px;
}
.info_footer p:last-child:before {
	background-image: url('/wp-content/uploads/2025/03/phone.svg');
	top: calc( 50% - 8px );
	width: 16px;
	height: 17px;
}

.btn_footer {
	margin-top: 0 !important;
	
	& a {
		padding: 12px 53px 10px 33px;
		border: 1px solid #FFF;
		border-radius: 40px;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 600;
		line-height: 24px;
		position: relative;
	}

	@media (max-width: 959px) {
		& p {
			margin-bottom: 50px;
		}
	}
}
.btn_footer.white_bck a {
	background-color: #FFF!important;
	color: #41566e!important;
}
.btn_footer a:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/03/arrow-jaune.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	right: 23px;
	top: calc( 50% - 8px );
	transition: all 0.3s ease-in-out;
}
.btn_footer a:hover:after {
	transform: translateX(10px);
}

.link_footer {

	& a,
	& a:hover {
		text-decoration: underline;
		font-size: 14px;
	}

	@media (min-width: 960px) {
		& a {
			text-decoration: none;
		}
	}
}

@media screen and (max-width: 1024px){

	h2, h2:not([class*="fontsize-"]),.h2:not([class*="fontsize-"]) {
		font-size: 30px!important;
		line-height: 42px!important;
	}
	h3 {
		font-size: 20px!important;
		line-height: 30px!important;
	}
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
	.home #row-unique-1 {
		margin-top: 60px!important;
		margin-bottom: 60px!important;
	}
	.home #row-unique-3,
	.home #row-unique-4 {
		margin-top: 60px!important;
	}
	.link_soins .icon-box-icon {
		margin-top: -35px;
		padding: 10px 13px 10px 13px;
	}
	.link_soins .icon-box-icon .icon-media {
		width: 32px!important;
	}
	.hide_low_desktop {
		display: none;
	}
	.btn_footer a {
		font-size: 14px!important;
	}
}
@media screen and (max-width: 959px) {
	.fa-dropdown {
		display: none!important;
	}
	.white_bubble h2::after {
		display: none!important;
	}
	.pole {
		max-width: 300px;
		margin: 0 auto;
	}
	.flex_row .uncont {
		flex-direction: column!important;
	}
	.bubble.green_left .uncell:before,
	.bubble.green .uncell:before {
		display: none!important;
	}
}

@media screen and (max-width: 568px) {
	.blur-27 .uncell {
		padding: 20px!important;
		border-radius: 29px!important;
	}
	.blob_link {
		margin-top: 20px!important;
	}
	.background-pos .background-inner {
		background-position: left center!important;
	}
	.pole {
		margin: 0;
	}
}

/* ------ Modifs Kévin 06/25 ------ */

/* --- Global --- */

.main-wrapper {
	margin-top: 150px;

	@media screen and (min-width: 960px) {
		margin-top: 100px;
		width: calc(100% - 257px);
		float: right;
		margin-top: 0;
	}
}


.main-container .row-container .row-parent {
	@media (min-width: 1440px) {
		/* padding: 36px 84px !important; */
	}
}

.cc_standard_button {
	text-transform: unset !important;
	font-size: 16px;
	padding: 10px 20px !important;
}

/* Font styles */

.green-text {
	color: #3CB1B1;
}


/* --- Borders --- */

.radius-20,
.radius-20-bg .background-wrapper {
	border-radius: 20px;
}

.radius-28,
.radius-28-col .uncell {
	border-radius: 28px;
}

.radius-51,
.radius-51-col .uncell {
	border-radius: 51px;
}

.radius-90-col .uncell {
	border-radius: 90px;
}

/* --- CTA Button for Locations --- */

.locations_cta {
	display: flex;
	align-items: center;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 200;
	padding: 15px 25px 13px 25px;
	background-color: #83D0F5;
	border-radius: 30px;
	color: #2F3944;
	width: 50px;
	height: 50px;
	transition: all 0.3s ease-in-out;

	.cta_label {
		opacity: 0;
		transform: translateX(20px);
		transition: all 0.2s ease;
		transition-delay: 0s;
		white-space: nowrap;
		margin-right: 0;
	}
	&::after {
		content: '';
		position: absolute;
		right: 12px;
		bottom: 12px;
		width: 26px;
		height: 26px;
		display: inline-block;
		background: url(/wp-content/uploads/2025/07/consulter.svg) no-repeat center;
		background-size: contain;
	}
	&.open {
		width: 210px;
		.cta_label {
			opacity: 1;
			transform: translateX(0);
			margin-right: 20px;
			transition-delay: 0.3s;
		}
	}
	@media (min-width: 960px) {
		display: none;
	}

}


/* --- Shapes & lines --- */

.green-line .custom-svg {
	display: flex;
	transform: scaleY(0);
	transform-origin: top;
	position: relative;
	z-index: 3;
}


.green-line__left .custom-svg {
	margin-left: 0;
	justify-content: center;
}

.green-line__center svg {
	margin: 0 auto !important;
}

@media (min-width: 959px) {
	.green-line__left .custom-svg {
		margin-left: 170px;
		justify-content: flex-start;
	}

}

/* --- Pages --- */

/* Quick access */

.quick-access_text {
	& p {
		font-family: Poppins;
		font-size: 20px;
		font-weight: 700;

		&::before {
			content: url('/wp-content/uploads/2025/07/quick-access-arrow.svg');
			margin-right: 8px;
		}
	}
}
.quick-access_buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 15px !important;

	& a {
		color: #2F3944;
		font-weight: 600;
		padding: 12px 30px;
		border: 1px solid #2F3944;
		border-radius: 28px;
		transition: all 0.1s ease-in-out;

		&:hover {
			background-color: rgba(65, 86, 110, 0.1);
		}
	}
}

/* Download sections */

.download-section {
	& ul {
		padding: 0 !important;
	}
	& li {
		list-style: none;
		display: flex !important;
		align-items: flex-start;
		margin-bottom: 15px;
		margin-top: 5px;
		line-height: 28px;

		&::before {
			content: url('/wp-content/uploads/2025/07/dl-marker.svg');
			margin-right: 10px;
			margin-top: 5px;
			height: 17px;
		}
		& a {
			color: #2F3944;
			text-decoration: underline;
		}
	}
}

/* Know more boxes */ 

.knowmore_box {
	& .knowmore_link {
		margin-top: 10px !important;

		& a {
			text-decoration: underline;
			color: #41566E !important;
		}
		& p {
			&::before {
				vertical-align: sub;
				margin-right: 10px;
			}
			@media (max-width: 959px) {
				text-align: left;
			}
		}
		&.download_link {
			& p {
				&::before {
					content: url('/wp-content/uploads/2025/09/dwld.svg');
				}
			}
		}
		&.video_link {
			& p {
				&::before {
					content: url('/wp-content/uploads/2025/07/video.svg');
				}
			}
		}
	}
	&.white_text {
		& a {
			color: #FFF !important;
		}
		& .download_link {
			& p {
				&::before {
					content: url('/wp-content/uploads/2025/07/download-white.svg');
				}
			}
		}
		& .video_link {
			& p {
				&::before {
					content: url('/wp-content/uploads/2025/07/video-white.svg');
				}
			}
		}
	}
	&.with_blue_bubble {
		&::before {
			content: url('/wp-content/uploads/2025/07/blue-bubble.svg');
			position: absolute;
			left: 25%;
			z-index: 1;
			top: 15px;
		}
	}
	&.with_yellow_bubble {
		&::before {
			content: url('/wp-content/uploads/2025/08/yellow_bubble.svg');
			position: absolute;
			left: 25%;
			z-index: 1;
			top: 15px;
		}
	}
}

.lieu-de-soin-template-default .knowmore_box:not(:has(a)),
.lieu-de-soin-template-default .description:not(:has(.uncode_text_column p)){
	display: none;
}

/* Info box */

.cc_infobox {
	position: relative;

	&::before {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 1;
		top: -40px;
		right: 40px;
		width: 41px;
		height: 41px;
		padding: 40px;
		border-radius: 50px;
		background: #fff;
	}

	&.purple {
		&::before {
			content: url('/wp-content/uploads/2025/08/info.svg');
		}
	}
}

/* Outline buttons */

.cc_outline_button {
	padding: 10px 15px;
	border: 1px solid;
	border-radius: 28px;
	font-size: 20px;
	font-weight: 700;
	color: #41566E;

	& img {
		vertical-align: middle;
		margin-right: 10px;
	}
	&.outline_green {
		border-color: #95C11F;
	}
}

/* --- CHCC locations Search Form & Filters --- */

.a_search-form {
	select {
		background-color: #F0F0F0;
		background-image: url('/wp-content/uploads/2025/07/select_arrow.svg') !important;
		background-position-x: 98%;
		border: 1px solid #D9D9D9;
	}
	.submit-btn {
		margin-top: 36px;
	}
	.section-title {
		font-size: 18px;
		font-weight: 500;
		color: #000;
	}
}

#annuaire-search {

	& hgroup {
		& p {
			font-size: 35px;
			font-weight: 700;
		}
		& h2 {
			color: #A3195B;
			font-size: 25px;
			font-weight: 700;
			margin-top: 0;
		}
	}
	& form {
		position: relative;
	}
	& .filters {
		display: grid;
		gap: 20px;
		list-style: none;
		padding: 0;
		margin-bottom: 40px;

		& .filter-item {
			display: flex;
			flex-direction: column;
			gap: 5px;

			& label {
				font-weight: 500;
				text-transform: uppercase;
				margin: 0;
			}
			& input,
			& select {
				border: 1px solid #D9D9D9;
				background: #F0F0F0;
				height: 51px;
				margin: 0;
			}
			& select {
				background: #F0F0F0 url('/wp-content/themes/uncode-child/assets/img/selectArrow.svg') no-repeat right 10px center !important;
			}
		}
		& .commune-filter-wrapper {
			display: flex;
			align-items: center;
			gap: 12px;
		}

		& .filter-badge {;
			color: #3CB1B1;
			font-size: 12px;
			font-weight: 600;
		}
		@media (min-width: 960px) {
			grid-template-columns: 1fr 1fr;
		}
		@media (min-width: 1440px) {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}
	& .selected-filters-tags {
		display: inline-flex;
		flex-wrap: wrap;
		gap: 10px;

		& .selected-filter-tag {
			display: flex;
			align-items: center;
			background: #F0F0F0;
			border-radius: 27px;
			padding: 8px 20px 5px 20px;

			& button {
				background: none;
				position: relative;
				top: 2px;
			}
		}
		@media (max-width: 959px) {
			flex-direction: column;
		}
		& .tag-territoire {
			&::before {
				content: '';
				display: inline-block;
				width: 20px;
                height: 20px;
                margin-right: 10px;
                border-radius: 20px;
			}
			&.territoire-le-confolentais-et-la-charente-limousine {
				&::before {background-color: #f9b908;}
			}
			&.territoire-angoulme-territoire {
				&::before {background-color: #42556f;}
			}
			&.territoire-le-pays-dhorte-et-tardoire {
				&::before {background-color: #3cb1b1;}
			}
			&.territoire-langoumois-et-ses-environs {
				&::before {background-color: #83d0f5;}
			}
			&.territoire-le-cognaais {
				&::before {background-color: #a4185c;}
			}
			&.territoire-le-ruffecois-et-la-valle-de-la-charente {
				&::before {background-color: #95c11f;}
			}
			&.territoire-le-sud-charente {
				&::before {background-color: #ff7728;}
			}			
		}
	}
	& .filter-reset-btn {
		display: flex;
		align-items: center;
		gap: 5px;
		background: none;
		color: #41566E;
		border: none;
		cursor: pointer;
		font-size: 16px;
		font-weight: 600;
		text-decoration: underline;
		margin-top: 20px;
		min-height: 40px;

		&::before {
			content: url('/wp-content/themes/uncode-child/assets/img/close.svg');
			position: relative;
			top: 3px;
		}
	}

	& .loader-container {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 40px 0;

		& .loader {
			position: relative;
			--a: 240deg; /* control the progression */

			width: 50px;
			aspect-ratio: 1;
			padding: 8px; /* the boder thickness */
			box-sizing: border-box;
			border-radius: 50%;
			background: #FBBB21;
			mask:
				linear-gradient(#0000 0 0) content-box intersect,
				conic-gradient(#000 var(--a),#0000 0);
		}
		&::before {
			content: '';
			position: absolute;
			top: calc(50% - 5px);
			left: calc(50% - 5px);
			background: #3CB1B1;
			border-radius: 10px;
			width: 10px;
			height: 10px;
		}
	}

	& .pagination {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		text-align: center;
		padding-left: 0;
		border-radius: 50px;
		background: #EDF9FF;
		width: fit-content;
		margin: 0 auto;
		overflow: hidden;

		& button {
			font-size: 20px;
			font-weight: 400;
			width: 58px;
			height: 58px;
			border-radius: 58px;
			background: none;

			&.current {
				background-color: #FBBB21;
			}
			&.prev-page,
			&.next-page {
				background-color: #83D0F5;
				&:disabled {
					background-color: #d7f2fd;
				}

			}
		}
	}

}
.centres-list {
	display: grid;
	gap: 20px;
	margin: 36px 0;

	& .centre-card {
		position: relative;
		display: flex;
		flex-direction: column;
		padding: 30px;
		padding-bottom: 110px;
		border-radius: 27px;
		background-color: #EDF9FF;

		& p {
			margin: 2px 0;
		}
		& .centre-type {
			text-transform: uppercase;
		}
		& h3 {
			margin: 0 0 20px 0;
			font-size: 16px;
			font-weight: 700;
			line-height: normal;
			text-transform: uppercase;
		}
		& .chcc-btn {
			position: absolute;
			bottom: 30px;
			right: 30px;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			font-size: 14px;
			font-weight: 700;
			text-transform: uppercase;
			height: 90px;
			margin-top: 10px;
			margin-bottom: -20px;
			color: #41566E;

			&::after {
				content: url('/wp-content/uploads/2025/07/hestia.svg');
				margin-right: -20px;
				width: 98px;
				height: 98px;
				transform-origin: center;
				transition: all 0.3s ease-in-out;


			}
			&:hover {
				&::after {
					transform: rotate(-45deg);
				}
			}
			&.light-blue {
				&::after {
					content: url('/wp-content/uploads/2025/07/agora.svg');
				}
			}
			&.green {
				&::after {
					content: url('/wp-content/uploads/2025/07/arrow_green.svg');
				}
			}
			&.light-green {
				&::after {
					content: url('/wp-content/uploads/2025/07/light-green-arrow.svg');
				}
			}
			&.yellow {
				&::after {
					content: url('/wp-content/uploads/2025/07/legende.svg');
				}
			}
			&.purple {
				&::after {
					content: url('/wp-content/uploads/2025/07/t2c.svg');
				}
			}
			&.dark-blue {
				&::after {
					content: url('/wp-content/uploads/2025/07/dark-blue-arrow.svg');
				}
			}
			@media (min-width: 960px) {
				height: 40px;
				margin-bottom: 0;
			}
		}
		@media (min-width: 960px) {
			padding-bottom: 90px;
		}
	}
	@media (min-width: 1440px) {
		grid-template-columns: 1fr 1fr;
	}
}

.skeleton-btn {
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin-top: 20px;
	background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
	background-size: 200% 100%;
	animation: loading 1.5s infinite;
}
.centre-card-skeleton {
	opacity: 0.7;
	min-height: 323px;
}

.skeleton-line {
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: loading 1.5s infinite;
	border-radius: 4px;
	height: 16px;
	margin-bottom: 8px;
}

.skeleton-type {
	height: 14px;
	width: 60%;
}

.skeleton-title {
	height: 20px;
	width: 80%;
	margin-bottom: 12px;
}

.skeleton-address-1 {
	height: 14px;
	width: 90%;
}

.skeleton-address-2 {
	height: 14px;
	width: 70%;
}

.skeleton-contact {
	height: 14px;
	width: 85%;
}

.skeleton-email {
	height: 14px;
	width: 75%;
}

.filter-label-skeleton {
	display: inline;
}

.skeleton-text {
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: loading 1.5s infinite;
	border-radius: 2px;
	color: transparent;
	display: inline-block;
	min-width: 60px;
	height: 1em;
	vertical-align: baseline;
}
        

@keyframes loading {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}

.filter-item:has(.filter-badge) select {
	border: 2px solid #3CB1B1 !important;
}

.centre-adresse {
	display: flex;

	&::before {
		position: relative;
		top: 4px;
		content: url('/wp-content/uploads/2025/09/map_dark.svg');
		margin-right: 6px;
	}
	& p {
		display: flex;
		flex-direction : column;
	}
}
.centre-contacts {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	
	&::before {
		content: url('/wp-content/uploads/2025/09/tel_dark.svg');
		margin-right: 6px;
	}

}
.centre-email {
	&::before {
		content: url('/wp-content/uploads/2025/09/mail_dark.svg');
		margin-right: 6px;
	}
}

.centre-fiche .centre-type {
	font-size: 20px;
	font-weight: 700;
	color: #3CB1B1;
	text-transform: uppercase;
}

.back-button {
	color: #41566E;
	& img {
		margin-right: 5px;
		position: relative;
		top: 3px;
	}
}

/* CSS Lucas page medico social */

.quick-access_buttons a {
	padding: 12px 30px 9px 30px;
	line-height: 24px;
}
.radius-27 .uncell {
	border-radius: 27px!important;
}
.radius-20 .uncell {
	border-radius: 20px !important;
}

.icon {
	position: relative;
	padding-left: 21px;
}

.icon-maps:before,
.icon-mail:before,
.icon-tel:before {
	position: absolute;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	top: 5px;
}
.icon-maps:before {
	background-image: url('/wp-content/uploads/2025/07/maps.svg');
	width: 14px;
	height: 20px;
}
.icon-tel:before {
	background-image: url('/wp-content/uploads/2025/07/tel.svg');
	width: 16px;
	height: 16px;
}
.icon-mail:before {
	background-image: url('/wp-content/uploads/2025/07/mail-1.svg');
	width: 17.5px;
	height: 14px;
}


.fiche-link {
	text-align: right;
}

.fiche-link a {
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	color: #41566E;
	text-decoration: none!important;
	position: relative;
	padding-right: 70px;
}
.fiche-link a:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/07/arrow_green.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 68px;
	height: 68px;
	right: 0;
	top: calc( 50% - 39px);
	transition : all 0.3s ease-in-out;
}
.fiche-link a:hover:after {
	transform: rotate(-45deg);
}
.fiche-link.bdx a:after {
	background-image: url('/wp-content/uploads/2025/07/hestia.svg');
}
.fiche-link.yellow a:after {
	background-image: url('/wp-content/uploads/2025/07/legende.svg');
}
.fiche-link.purple a:after {
	background-image: url('/wp-content/uploads/2025/07/t2c.svg');
}
.fiche-link.light-blue a:after {
	background-image: url('/wp-content/uploads/2025/07/agora.svg');
}
.fiche-link.light-green a:after {
	background-image: url('/wp-content/uploads/2025/07/light-green-arrow.svg');
}
.fiche-link.dark-blue a:after {
	background-image: url('/wp-content/uploads/2025/07/dark-blue-arrow.svg');
}

@media screen and (min-width: 960px) and (max-width: 1024px) {
	.none_1024 {
		display: none!important;
	}
	.w100_1024 {
		width: 100%!important;
	}
	.agora_flex > div > .row-inner {
		display: flex;
		flex-direction: column;
		gap: 36px;
	}
}
@media screen and (min-width: 1440px) {
	.arc_element {
		position: relative;
	}
	.arc_element:after {
		position: absolute;
		content: '';
		background-image: url('/wp-content/uploads/2025/07/zigouigoui.svg');
		background-repeat: no-repeat;
		background-size: contain;
		width: 275px;
		height: 307px;
		right: 70px;
		top: 229px;
	}
}

@media (max-width: 1024px) {
	.form-body .field {
		grid-column: span 20 !important;
	}
}

/* Offres d'emploi */

.offer {
	display: flex;
	flex-wrap: wrap;
	
	& .left_offer {
		max-width: 70%;
	}
	& .right_offer {
		display: flex;
		flex-wrap: wrap;
	}
}
#map-caption li:hover {
	font-weight: 700;
}

.tax-categorie-procedure a {
	color: #1e252d!important;
}