/*
	Theme Name:   Steve Elkas
	Author:       Cake communication
	Author URI:   http://cakecommunication.com
	Template:     cake_base
	Version:      1.1.2
	Text Domain:  elkas
*/

html {
	overflow-y: scroll;
}

#banner-noel {
	padding-block: 2rem!important;
	background-image: url(https://www.steveelkas.com/wp-content/uploads/2025/11/iStock-1441718797.jpg);
	background-size: cover;
	[data-part="inner"] {
		min-height: 0!important;
	}
	
	& h3 > a {
		text-decoration: none;
		color: #fff;
	}
	&  .btn   {
		margin-top: 0;
		margin-bottom: 0;
	}
}


/********************************************************/
/*
/*      Grid
/*
/********************************************************/

	body {
		--config-base				: 20;		/* [PX] Base unit = 1rem */
		--config-cols				: 12;
		--config-width				: 1440;		/* [PX] Max with of content (exclude external margin) */
		--config-gap				: 1.2rem;
		
		--grid-width 				: calc( var(--config-width, 1440) / var(--config-base, 24) * 1rem );
		--grid-gap 					: var(--config-gap);
		--grid-pad 					: max(0px, calc( ( 100vw - calc( var(--grid-gap, 1rem) * 2 ) - var(--grid-width, 60rem) ) * 0.5 ));
		--grid-col 					: var(--config-cols);
		
		--outer-grid		: [outer-start full-start] var(--grid-pad) [outer-end inner-start col-start] repeat(var(--grid-col, 12), 1fr [col-start col-end])                           [outer-start inner-end col-end] var(--grid-pad) [outer-end full-end];
		--inner-grid		: [inner-start col-start] repeat(var(--grid-col, 12), 1fr [col-start col-end]) [inner-end col-end];
		
		display : flex;
		flex-direction : column;
		flex-wrap : nowrap;
		position: relative;
	}
	
	@media only screen and (max-width : 1460px) {
		body {
			--col : 1fr;
		}
	}
	
	body > main {
		flex-grow : 2;
	}
	
	[data-part="wrap"] {
		display : grid;
		column-gap : var(--grid-gap);
		grid-template-columns : var(--outer-grid);
	}
	
	[data-part="inner"] {
		display : grid;
		column-gap : var(--grid-gap);
		grid-template-columns : var(--inner-grid);
		grid-column : inner;
		grid-row: auto;
	}

/********************************************************/
/*
/*      Variables
/*
/********************************************************/

	:root {
		/* Colors */
		--color-1                   : #001B3A;
		--color-2                   : #203343;
		--color-3                   : #7C8A99;
		--color-4                   : #BA9A42;
		--color-5                   : #C5A02F;
		--color-6                   : #F8F4EC;
		
		--color-1-rgb				: 0 27 58;
		--color-2-rgb				: 32 51 67;
		--color-3-rgb				: 124 138 153;
		--color-4-rgb				: 186 154 66;
		--color-5-rgb               : 197 160 47;
		--color-6-rgb               : 248 244 236;
		
		/* Basic colors and tones */
		--color-black               : #000000;
		--color-charcoal          	: #6A6A6A;
		--color-light-gray          : #EAEBEC;
		--color-white               : #FFFFFF;
		
		--color-black-rgb           : 0 0 0;
		--color-charcoal-rgb        : 106 106 106;
		--color-light-gray-rgb      : 234 235 236;
		--color-white-rgb           : 255 255 255;
	}

/********************************************************/
/*
/*      General CSS & Typography
/*
/********************************************************/
	
	/******************************/
	/* Typography
	/******************************/
	/* 1rem = 20px */
	html												{ font-family: 'Lato', sans-serif; color: var(--color-black); font-weight: 400; 																  			  	  font-size: 125%; }
	
	body 												{ font-size: .8rem; line-height: 1.2rem; font-weight: 400; }
	
	/* Josefin Sans light 56 60 */
	h1, .h1												{ font-size: 2.8rem; line-height: 3rem; font-weight: 300; font-family: 'Josefin Sans', sans-serif; }
	
	/* Josefin Sans light 48 50 */
	h2, .h2												{ font-size: 2.4rem; line-height: 2.5rem; font-weight: 300; font-family: 'Josefin Sans', sans-serif; }

	/* Josefin Sans regular 34 36 */	
	h3, .h3												{ font-size: 1.7rem; line-height: 1.8rem; font-weight: 400; font-family: 'Josefin Sans', sans-serif; }
	
	/* Lato regular 24 28 */
	h4, .h4												{ font-size: 1.2rem; line-height: 1.4rem; font-weight: 400; font-family: 'Lato', sans-serif; }
	
	/* Lato bold 16 24 */
	h5, .h5, .btn, .input								{ font-size: .8rem; line-height: 1.2rem; font-weight: 700; font-family: 'Lato', sans-serif; }
	
	/* Lato bold 12 16 */
	h6, .h6, label, .label								{ font-size: .6rem; line-height: .8rem; font-weight: 700; font-family: 'Lato', sans-serif;																	  	  text-transform: uppercase; }		
	
	/* Lato regular 14 16 */
	.small												{ font-size: .7rem !important; line-height: .8rem !important; font-weight: 400 !important; 																	  font-family: 'Lato', sans-serif !important; }
	.big												{ font-size: 3rem !important; line-height: 3rem !important; }
	.extra-big											{ font-size: 6rem !important; line-height: 6rem !important; }
	
	ul > li + li										{ margin-top: .5rem; }
	
	@media screen and ( max-width: 600px ){
		h1, .h1 	{ font-size: calc(2.8rem * 0.8); line-height: calc(3rem * 0.8); }
		h2, .h2 	{ font-size: calc(2.4rem * 0.8); line-height: calc(2.5rem * 0.8); }
		h3, .h3 	{ font-size: calc(1.7rem * 0.8); line-height: calc(1.8rem * 0.8); }
		h4, .h4 	{ font-size: calc(1.2rem * 0.8); line-height: calc(1.4rem * 0.8); }
		.big		{ font-size: 2rem !important; line-height: 2rem !important; }
		.extra-big	{ font-size: 5rem !important; line-height: 5rem !important; }
	}
	
	/******************************/
	/* Text classes
	/******************************/
	.josefin											{ font-family: 'Josefin Sans', sans-serif !important; }
	.lato												{ font-family: 'Lato', sans-serif !important; }
	
	.regular											{ font-weight: 400 !important; }
	b, strong, .strong, .bold							{ font-weight: 700 !important; }
	
	.txt-center											{ text-align: center !important; }
	.txt-end											{ text-align: end !important; }
	
	.caps												{ text-transform: uppercase !important; }
	
	.underline											{ text-decoration: underline !important; }
	
	.color-1											{ color: var(--color-1) !important; }
	.color-2											{ color: var(--color-2) !important; }
	.color-3											{ color: var(--color-3) !important; }
	.color-4											{ color: var(--color-4) !important; }
	.color-5											{ color: var(--color-5) !important; }
	.color-5											{ color: var(--color-6) !important; }
	.color-black										{ color: var(--color-black) !important; }
	.color-light-gray									{ color: var(--color-light-gray) !important; }
	.color-white										{ color: var(--color-white) !important; }
	
	/******************************/
	/* Spacing classes
	/******************************/
	.margin-none:is(.margin-none)						{ margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; }
	
	/******************************/
	/* Other classes
	/******************************/
	.relative											{ position: relative !important; }
	.absolute											{ position: absolute !important; }
	
	.bkg-color-1										{ background-color: var(--color-1) !important; }
	.bkg-color-1-70										{ background-color: rgb(var(--color-1-rgb) / 0.7) !important; }
	.bkg-color-2										{ background-color: var(--color-2) !important; }
	.bkg-color-3										{ background-color: var(--color-3) !important; }
	.bkg-color-4										{ background-color: var(--color-4) !important; }
	.bkg-color-5										{ background-color: var(--color-5) !important; }
	.bkg-color-6										{ background-color: var(--color-6) !important; }
	.bkg-color-black									{ background-color: var(--color-black) !important; }
	.bkg-color-light-gray								{ background-color: var(--color-light-gray) !important; }
	.bkg-color-white									{ background-color: var(--color-white) !important; }
	
	.bkg-gradient-color-1								{ background: linear-gradient(180deg, rgb(var(--color-1-rgb) / 0) 0%, 																	  			  		  rgb(var(--color-1-rgb) / 0.75) 100%); }
	.bkg-gradient-black									{ background: linear-gradient(180deg, rgb(var(--color-black-rgb) / 0) 0%,																				  	  rgb(var(--color-black-rgb) / 0.75) 100%); }
	.bkg-gradient-light-gray							{ background: linear-gradient(180deg, rgb(var(--color-light-gray-rgb) / 0) 0%,																		  		  rgb(var(--color-light-gray-rgb) / 0.75) 100%); }
	
	/******************************/
	/* Links
	/******************************/
	main :not(.menu-item, .btn, .h1, .h2, .h3, .h4, .h5, .h6, .label) > a:not(.btn, .h1, .h2, .h3, .h4, .h5, .h6, .label, .service-column)																							{ font-size: inherit; line-height: inherit; font-weight: inherit; font-family: inherit; 																	  text-decoration: underline; transition: color .5s; color: var(--color-4); }
	main :not(.menu-item, .btn, .h1, .h2, .h3, .h4, .h5, .h6, .label) > a:not(.btn, .h1, .h2, .h3, .h4, .h5, .h6, .label, .service-column):hover																						{ color: var(--color-1); }
	
	/******************************/
	/* Buttons
	/******************************/
	.btn, input[type="submit"], .gform_button {
		position: relative;
		display: block;
		min-width: 5.6rem;
		width: max-content;
		text-align: center;
		text-transform: uppercase;
		background-color: transparent;
		border: 0;
		
		transition: color .5s;
	}
	
	:is(.btn, input[type="submit"], .gform_button).inline-block {
		display: inline-block;	
	}
	
	.btn > a {
		width: 100% !important;
		color: inherit !important;
		transition: none !important;
	}
	
	.btn:not(.no-line, [type="submit"])::after, input[type="submit"] + .btn-deco, .gform_button::after {
		content: '';
		display: block;
		width: 5.6rem;
		height: 1px;
		margin-top: 1px;
		margin-left: auto;
		margin-right: auto;
		background-color: var(--color-5);
		
		transition: transform .5s;
		transform: scaleX(1);
	}
	
	.btn:not(.no-line, [type="submit"]):hover::after, input[type="submit"]:hover + .btn-deco, .gform_button:hover::after {
		transform: scaleX(0);
	}
	
	.btn:hover,  input[type="submit"]:hover, .gform_button:hover {
		color: var(--color-4) !important;
	}
	
	/* Rounded square btn */
	.btn.rounded-square {
		border-radius: 1.5rem;
		padding: 1rem;
		border-width: 1px;
		border-style: solid;
		
		transition: border-color .5s;
		border-color: var(--color-4);
	}
	
	.btn.rounded-square:hover {
		border-color: var(--color-1);
	}
	
	/******************************/
	/* Inputs & GForms
	/******************************/
	select.input										{ display: inline-block; width: auto; -webkit-appearance: none; -moz-appearance: none; 																		  -ms-appearance: none; background-image: url(img/chevron-down.svg); 
														  background-repeat: no-repeat; background-position: 95% center; background-origin: padding-box; padding-right: 3rem; }
	select::-ms-expand 									{ display: none; }
	.input												{ display: block; width: 100%; padding: .5rem .75rem; border: 1px solid #CCD1D8; margin: 0rem 0 2rem;														  font-weight: 400; }
	.input::-webkit-input-placeholder,				
	.input:-moz-placeholder,					
	.input::-moz-placeholder,
	.input:-ms-input-placeholder						{ color: var(--color-charcoal); }
	
	/******************************/
	/* Animation
	/******************************/
	[class*="l-fade"]									{ opacity: 0; transition: all .5s ease; }
	.l-fade__in.viewport-whitin							{ opacity: 1; }
	
/********************************************************/
/*
/*      Site
/*
/********************************************************/
	html, body											{ height: auto; }
	.wrapper											{ height: 100%; }
	.container											{ max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; }
	.big-container										{ max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; }
	.full-container										{ max-width: var(--grid-width); width: 100%; margin-left: auto; margin-right: auto; 																		  box-sizing: border-box; }
	
	.wrapper p a										{ color: var(--color-4); transition: all .3s; }
	.wrapper a.h5:hover, .wrapper a.h4:hover,
	.wrapper p a:hover									{ color: #000; }
	/*.focus-jaune a.focus:hover							{ color: #000; }*/
	section p a											{ font-weight: bold; }
	
	
	.border-bottom										{ border-bottom: 1px solid; }
	
	/* !BUTTONS */
	[class*="btn-"]										{ display: inline-block; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; box-sizing: border-box; }
	
	.btn-border											{ border: 1px solid #001A3A; padding: .25rem .5rem; }
	.btn-rond											{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; border-radius: 50%; border: 0; padding: .5rem; line-height: 0; }
	.btn-plus											{ border: 1px solid; border-radius: 50%; height: 1rem; line-height: 1rem; width: 1rem; text-align: center; box-sizing: content-box; }
	
	.btn-bordered										{ transform: translateX(-1rem); position: relative; display: inline-block; text-align: center; border-bottom:0; color: #000; }
	[style*="text-align: center;"] .btn-bordered,
	.center .btn-bordered								{ transform: translateX(0); }
	.btn-bordered .btn-bordered__txt					{ display: inline-block; padding: .5rem 1rem; border: 1px solid ; font-weight: bold; margin: 2rem 1rem 0 1rem; transition: all .3s;
														  -webkit-border-image: linear-gradient(to bottom,#163445, transparent) 2; -moz-border-image: linear-gradient(rgba(22,52,69,1), rgba(22,52,69,0)) 2; 
														 -ms-border-image: linear-gradient(to bottom,#163445, transparent) 2;border-image: linear-gradient(rgba(22,52,69,1), rgba(22,52,69,0)) 2; }
	.blanc .btn-bordered								{ color: #fff; }
	.blanc .btn-bordered .btn-bordered__txt				{ -webkit-border-image: -webkit-linear-gradient(#ffffff, transparent) 2 2 stretch; -moz-border-image: linear-gradient(#ffffff, transparent) 2; 
														  -ms-border-image: linear-gradient(#ffffff, transparent) 2; border-image: linear-gradient(#ffffff, transparent) 2; }
	.btn-bordered .btn-bordered__svg					{ display: block; color: var(--color-4); transition: all .3s; position:relative; padding-bottom: 10%; }
	.btn-bordered .btn-bordered__svg svg				{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
	.blanc .btn-bordered .btn-bordered__svg				{ color: #fff; }
	.btn-bordered:hover .btn-bordered__txt				{ color: var(--color-4); }
	.btn-bordered:hover .btn-bordered__svg				{ color: var(--color-4) }
	
	.btn-bordered__rond									{ display: block; padding: 0 2rem .5rem; }
	.btn-bordered__rond.inline-block					{ display: inline-block; padding: 0; }
	.btn-bordered__rond .btn-rond__icon					{ display: inline-block; border-radius: 50%; background-image: linear-gradient(#163445, transparent); padding: 2px; line-height: 0; max-width: 4.5rem; }
	.btn-bordered__rond	.btn-rond__icon span			{ display: block; box-sizing: content-box; background-color: #fff; padding: 1rem; border-radius: 50%; }
	.btn-bordered__rond .btn-rond__svg					{ display: block; color: var(--color-4); position:relative; padding-bottom: 10%; background: #fff; transform: translateY(-.5rem) }
	.btn-bordered__rond .btn-rond__svg svg				{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
	.btn-bordered__rond .btn-rond__icon svg				{ transition: all .3s; }
	.btn-bordered__rond .btn-rond__icon:hover svg,
	.btn-bordered__rond .btn-rond__svg:hover svg		{ fill: var(--color-4); }
	.btn-bordered__rond .btn-rond__pdf					{ max-width: 4.5rem; }

	input[type="submit"].btn-form						{ -webkit-appearance: none; -moz-appearance: none; background-color: #163445; color: #fff; text-transform: uppercase; border:0; border-radius: 5px; padding: .5rem 1rem; }
	input[type="submit"].btn-form:hover					{ background-color: var(--color-4); }

	
	.l-form__lbl										{ display: inline-block; position: relative; vertical-align: middle; line-height: 1rem; margin-left: 1.5rem; }
	.l-form__lbl:before									{ content: "✓"; color: transparent; border: 2px solid #163445; display: inline-block; width: 1rem; height: 1rem; border-radius: 5px; margin-right: .5rem; 
														  vertical-align: middle; text-align: center; position: absolute; right: 100%; top: 0; box-sizing: border-box; font-style: normal; }
	.checkbox:checked ~ .l-form__lbl:before				{ color: #163445; }
	.l-form__btn input[type="submit"]					{ margin: 0 auto; }

	@media screen and ( max-width: 1250px ){ 
		/*.container											{ padding-left: 1rem; padding-right: 1rem; }*/	
		/*.big-container										{ padding-left: 1rem; padding-right: 1rem; }*/
								
	}
	
	@media screen and ( max-width: 950px ){ 
		/*.big-container											{ padding-left: 1rem; padding-right: 1rem; }	*/							
	}

/********************************************************/
/*
/*      Header & Footer
/*
/********************************************************/
	
	/******************************/
	/* Header
	/******************************/
	.c-header											{ background: linear-gradient(0deg, rgb(var(--color-white-rgb) / 0) 0%, rgb(var(--color-white-rgb) / 0.8) 40%, rgb(var(--color-white-rgb) / 1) 100%); }
	body.home .c-header									{ background: rgb(var(--color-white-rgb)); }
	
	
	/* NOTE */
	.c-header__note										{ position: relative; display: flex; justify-content: center; align-items: center; 																			  	  color: var(--color-light-gray); background-color: var(--color-1); padding: 1.5rem; text-align: center; }
	.c-header__note::before, .c-header__note::after		{ content: ''; position: absolute; top: 0; width: calc(var(--grid-pad) + var(--grid-gap)); height: 100%; 													  	  background-color: var(--color-1); }
	.c-header__note::before								{ left: calc((var(--grid-pad) + var(--grid-gap)) * -1); }
	.c-header__note::after								{ right: calc((var(--grid-pad) + var(--grid-gap)) * -1); }
	.c-header__note a:hover								{ color: var(--color-4); }
	
	/* MAIN NAV */
	.c-header__main										{ display: flex; padding: 0.85rem 0 3.85rem; }
	body.home .c-header__main							{ padding: 0.85rem 0 1rem; } 
	.c-header__main > div								{ flex: 1; display: flex; flex-direction: column; justify-content: end; margin-bottom: 0.55rem; }
	.c-header__main > div br 							{ display: none; }
	.c-menu__lbl										{ transition: none !important; }
	.c-menu__lbl.spacer									{ position: relative; display: block; width: max-content; }
	.c-menu__lbl:not(.spacer)							{ position: fixed; top: 0.85rem; left: calc(var(--grid-pad) + var(--grid-gap)); z-index: 10; }
	.c-menu__lbl:not(.spacer):not(.sticky),
	.c-menu__lbl.spacer.sticky							{ opacity: 0; pointer-events: none !important; }
	.transparent-overlay 								{ width: 100vw; height: 100dvh; position: fixed; inset: 0; background-color: var(--color-1); z-index: 4; 													  	  transition: opacity .5s; opacity: 0; pointer-events: none; }
	#burger-toggle:checked + .transparent-overlay 		{ opacity: .5; pointer-events: all; }
	.nav-main > ul										{ display: flex; align-items: end; height: 100%; gap: 1.6rem; padding-bottom: 0.55rem; }
	.nav-main li.logo									{ position: relative; width: 8.9rem; height: 4.8rem; margin: 0 2.2rem; }
	.nav-main li.logo::after							{ content: ''; position: absolute; width: 100%; height: 100%; background: url(img/logo_header.svg);															  	  pointer-events: none; }
	.nav-main li.logo a									{ position: absolute; color: transparent; width: 100%; height: 100%; }
	.nav-main .sub-menu									{ display: none; } 		
	.nav-main li a										{ color: var(--color-2); text-transform: uppercase; }
	
	/* BURGER NAV */
	.c-menu__pan										{ position: fixed; left: -200%; top: 0; bottom: 0;																											  	  width: min(100vw, calc(var(--grid-width) * 0.3)); max-height: 100vh; background-color: var(--color-1); z-index: 5; 										  overflow: auto; transition: left .5s; padding-top: 4rem; 																									  	  padding-left: calc(var(--grid-pad) + var(--grid-gap)); padding-right: 4rem; }
	.c-menu__pan, .menu-burger							{ display: flex; flex-direction: column; }
	#burger-toggle:checked ~ .c-menu__pan				{ left: 0; }
	.c-menu__pan li > a,
	.c-menu__pan .btn									{ display: block; color: var(--color-light-gray); text-transform: uppercase; width: max-content; }
	.menu-burger,
	.c-menu__pan .btn									{ margin-top: 2.45rem; gap: 1.6rem; }
	.c-menu__pan > div:last-child						{ margin: auto 0 1rem; }
	
	
	/* HOVER EFFECTS */
	:is(.nav-main, .nav-burger) li:not(.logo, .btn) a::after  																																							{ content: ''; display: block; height: 1px; background-color: var(--color-4); margin-top: 1px; 														  			  transition: transform .5s; transform: scaleX(0); transform-origin: left; }
	.nav-main li:not(.logo, .btn) a::after				{ width: calc(100% * (2/3)); margin-left: auto; margin-right: auto; min-width: 2.7rem; }
	.nav-burger li:not(.logo, .btn) a::after			{ width: 40%; min-width: 6rem; }
	
	:is(.nav-main, .nav-burger) li:not(.logo, .btn) a:hover::after,
	:is(.nav-main, .nav-burger) li:not(.logo, .btn):is(.current-menu-item, .current-menu-ancestor) a::after																												{ transform: scaleX(1); }
	
	:is(.c-header__tel, .c-header__address):hover,					
	:is(.nav-main, .nav-burger) li:not(.logo, .btn) a:hover,
	li:not(.logo, .btn):is(.current-menu-item, .current-menu-ancestor) a 																																				{ color: var(--color-4); }
	
	@media screen and ( max-width: 1400px ){
		.c-header__main > div br { display: block; }
		.nav-main > ul { gap: 1rem; }
	}
	
	@media screen and ( max-width: 1200px ){
		.c-header__main { flex-wrap: wrap; justify-content: space-around; }
		.c-header__main > div { order: -1; min-width: calc((100% / 2) - var(--grid-gap)); max-width: calc((100% / 2) - var(--grid-gap)); margin-bottom: 0; }
		.c-header__main > div br { display: none; }
	}
	
	@media screen and ( max-width: 1000px ){
		.c-menu__pan .btn								{ margin-top: 0; }
	}
	
	@media screen and ( max-width: 900px ){
		.c-header__main > div { order: unset; min-width: unset; max-width: unset; margin-bottom: unset; }
		.nav-main > ul { padding-bottom: 0; }
		.nav-main > ul > li:not(.logo) { display: none; }
	}
	
	@media screen and ( max-width: 700px ){
		.c-header__main { flex-wrap: nowrap; }
		.c-header__main > div:last-child { opacity: 0; pointer-events: none; font-size: 0; }
		.c-menu__pan { width: 100vw; padding-top: 2rem; padding-right: 1rem; box-sizing: border-box; }
		.c-menu__pan > div:last-child { display: block; }
	}
	
	@media screen and ( max-width: 500px ){
		.c-header__main { position: relative; }
		.c-header__main > div:first-child { position: absolute; left: 0; top: calc((100% - 3.85rem) / 2); transform: translateY(calc(-50% + 0.85rem)); }
		.c-header__main > div:last-child { display: none; }
		.nav-main li.logo { margin: 0; }
	}
	
	/******************************/
	/* Footer
	/******************************/
	.c-footer											{ display: contents; }
	.c-footer div[data-part="inner"],
	.c-footer + .obituaries [data-part="inner"]		{ display: flex; align-items: center; padding: 1.7rem 0; }
	
	/* COORDS */
	.c-footer .coords									{ background-color: var(--color-1); }
	.c-footer .coords [data-part="inner"]				{ justify-content: space-between; } 
	.c-footer .coords :is(.address, .tel)				{ display: flex; flex-direction: column; align-items: start; justify-content: center; width: max-content; 														  height: 100%; }
	.c-footer .coords :is(.address, .tel) :is(h5, h6)	{ color: rgb(var(--color-white-rgb) / 0.7); }
	.c-footer .coords :is(.address, .tel) p				{ color: var(--color-white); margin: 0; }
	
	/* CREDITS */
	.c-footer .credits									{ background-color: var(--color-black); }
	.c-footer .credits [data-part="inner"]				{ gap: 0; }
	.c-footer .credits p:first-child					{ margin-right: 0.3rem; padding-right: 0.3rem; border-right: 1px solid var(--color-light-gray); }
	.c-footer .credits a.logo							{ margin-left: auto; }
	.c-footer .credits a.logo img						{ height: 1rem; 																																				  filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(0%) hue-rotate(35deg) 																	  brightness(113%) contrast(100%); }
	
	/* OBITUARIES */
	.c-footer + .obituaries								{ position: sticky; bottom: 0; background-color: var(--color-white); z-index: 4; 																				  box-shadow: rgb(var(--color-black-rgb) / 0.5) 0px 5px 20px 10px; }
	.c-footer + .obituaries [data-part="inner"]			{ gap: 1.5rem; }
	.c-footer + .obituaries .btn						{ margin-left: auto; }
	.c-footer + .obituaries .close-banner				{ margin-left: 3rem; margin-top: -5px; }
	.c-footer + .obituaries .close-banner img			{ width: 1.25rem; filter: brightness(0.5); }
	
	@media screen and ( max-width: 1400px ){
		.c-footer + .obituaries :is(h3, .btn) { min-width: max-content; }
	}
	
	@media screen and ( max-width: 1100px ){
		.c-footer .coords [data-part="inner"] { align-items: end; }
		.c-footer .coords :is(.address, .tel) { height: unset; }
		.c-footer + .obituaries .close-banner { margin-left: 1rem; }
		.c-footer + .obituaries .close-banner img { width: 2.25rem; }
	}
	
	@media screen and ( max-width: 900px ){
		.c-footer .coords [data-part="inner"] { display: grid; grid-template-columns: 1fr 1fr; row-gap: 1rem; }
		.c-footer .coords [data-part="inner"] > .logo { grid-row: 1; grid-column: span 2; width: max-content; }
		.c-footer .coords [data-part="inner"] > * { justify-self: center; align-items: center !important; }
		.c-footer .coords .tel br { display: none; }
		.c-footer + .obituaries [data-part="inner"] { display: grid; grid-template-columns: 50% 1fr 5%; row-gap: 0; }
		.c-footer + .obituaries :is(h3, p) { grid-column: 1; }
		.c-footer + .obituaries p { grid-row: 2; }
		.c-footer + .obituaries a { grid-row: 1 / span 2; justify-self: end; }
		.c-footer + .obituaries .close-banner { margin-left: 0; }
		.c-footer + .obituaries .close-banner img { width: 1.25rem; }
	}

	@media screen and ( max-width: 700px ){
		.c-footer + .obituaries [data-part="inner"] { position: relative; grid-template-columns: 1fr; text-align: center; row-gap: .5rem; padding: 1rem 0; }
		.c-footer + .obituaries .close-banner { position: absolute; top: 1rem; right: 0; }
		.c-footer + .obituaries [data-part="inner"] > * { grid-column: unset; grid-row: unset; margin: 0 auto; }
	}
	
	@media screen and ( max-width: 600px ){
		.c-footer .credits [data-part="inner"] { flex-direction: column; gap: .5rem; padding: 1rem 0; text-align: center; }
		.c-footer .credits p:first-child { margin-right: 0; padding-right: 0; border-right: 0; }
		.c-footer .credits a.logo { margin-left: unset; margin-top: .5rem; }
	}
	
	@media screen and ( max-width: 500px ){
		.c-footer .coords [data-part="inner"] > * { grid-column: span 2; }
	}
	
/********************************************************/
/*
/*      Home page banner
/*
/********************************************************/

	.l-home-banner										{ position: relative; width: 100%; height: auto; /* max-height: 100svh; */ aspect-ratio: 119/50; 															  margin-top: unset !important; z-index: -1; }
	
	/* 50 years decorative element */
	.l-home-banner::after								{ content: ''; position: absolute; bottom: 4rem; left: 3rem; width: 150px; max-width: calc(100% / 3); 														  height: auto; aspect-ratio: 1; background: url(img/badge-50ans.png) no-repeat center / contain;															  pointer-events: none; }
	.l-home-banner [data-part="inner"]					{ display: flex; flex-direction: column; align-items: center; justify-content: center;															  				  margin-top: auto; padding: 25rem 0 5.75rem; height: 100%; box-sizing: border-box; }
	.l-home-banner :is(.l-home-banner__titles, .l-home-banner__content)																																					{ z-index: 2; }
	.l-home-banner video								{ position: absolute; top: 0; left: 0; height: 100%; min-width: 100%; max-width: 100%; object-fit: cover; z-index: -1; }
	
	@media screen and ( max-width: 1200px ){
		/* .l-home-banner { max-height: 75vh; } */
		.l-home-banner::after { bottom: 1.2rem; left: 1.2rem; width: 150px; }
	}
	
	@media screen and ( max-width: 900px ){
		/* .l-home-banner { max-height: 60vh; } */
		.l-home-banner::after { width: 125px; }
		.l-home-banner [data-part="inner"] { padding: 33% 0 0; height: 60vh; }
	}
	
	@media screen and ( max-width: 700px ){
		/* .l-home-banner { max-height: 50vh; } */
		.l-home-banner::after { width: 100px; }
		.l-home-banner [data-part="inner"] { padding: 33% 0 0; height: 50vh; }
	}
	
	@media screen and ( max-width: 600px ){
		.l-home-banner::after { width: 80px; }
	}
	
	@media screen and ( max-width: 500px ){
		/* .l-home-banner { max-height: 40vh; } */
		.l-home-banner::after { bottom: .5rem; left: .5rem; width: 70px; }
		.l-home-banner [data-part="inner"] { padding: 33% 0 0; height: 40vh; }
	}
	
	@media screen and ( max-width: 400px ){
		.l-home-banner::after { width: 60px; }
	}
	
/********************************************************/
/*
/*      Modules
/*
/********************************************************/

	/******************************/
	/* Banner
	/******************************/
	.cake-banner										{ position: relative; }
	.cake-banner.is-behind-header						{ z-index: -1; }
	.cake-banner:not(.bkg-img)							{ padding: 4rem 0; }
	.cake-banner.bkg-cover.bkg-img						{ background-size: cover !important; }
	.cake-banner::before								{ content: ''; position: absolute; bottom: 0; width: 100%; height: 100%; }
	.cake-banner.bkg-color-1-70::before					{ background: rgb(var(--color-1-rgb) / 0.7); }
	.cake-banner.bkg-gradient-black::before				{ background: linear-gradient(180deg, rgb(var(--color-black-rgb) / 0) 0%, 																	  		  		  rgb(var(--color-black-rgb) / 0.75) 100%); }
	.cake-banner.bkg-gradient-color-1::before			{ background: linear-gradient(180deg, rgb(var(--color-1-rgb) / 0) 0%, 																	  			  		  rgb(var(--color-1-rgb) / 0.75) 100%); }
	.cake-banner [data-part="inner"]					{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
	.cake-banner.align-bottom [data-part="inner"]		{ justify-content: end; padding-bottom: 3.25rem; }
	.cake-banner [data-part="inner"] > *				{ z-index: 1; max-width: 70%; }
	.cake-banner [data-part="inner"] > ul				{ min-width: 70%; }
	.cake-banner [data-part="inner"] > h6				{ color: var(--color-3); text-transform: initial; }
	.cake-banner .btn									{ display: block; margin-bottom: -5rem; margin-top: 5rem; }
	.cake-banner.align-center .btn						{ margin-bottom: 0; margin-top: 1rem; }
	.cake-banner.align-bottom .btn						{ margin-bottom: 0; margin-top: 0; }
	.cake-banner.pad-bottom-none						{ padding: 4rem 0 0; } 
	
	@media screen and ( max-width: 1200px ){
		.cake-banner .btn { margin-bottom: -2rem; margin-top: 2rem; }
		.cake-banner [data-part="inner"] { min-height: 20rem; }
	}
	
	@media screen and ( max-width: 900px ){
		.cake-banner .btn { margin-bottom: 0; margin-top: 0; }
	}
	
	@media screen and ( max-width: 600px ){
		.cake-banner [data-part="inner"] > * { max-width: unset; }
	}
	
	@media screen and ( max-width: 500px ){
		.cake-banner [data-part="inner"] { min-height: 16rem; }
	}
	
	/******************************/
	/* Text-Image
	/******************************/
	.cake-txt_img										{ background: linear-gradient(180deg, var(--color-light-gray) 0%, var(--color-white) 100%); }
	.cake-txt_img.reverse:not([class*="bkg-"])			{ background: linear-gradient(180deg, var(--color-white) 0%, var(--color-light-gray) 100%); }
	.cake-txt_img.reverse [data-part="inner"]			{ flex-direction: row-reverse; }
	.cake-txt_img [data-part="inner"]					{ display: flex; justify-content: space-evenly; gap: 7.3rem; padding: 5.25rem 0; }
	.cake-txt_img [data-part="inner"] > div				{ flex-basis: calc(100% / 3); margin: auto 0; }
	.cake-txt_img img									{ width: 100%; height: 100%; }
	.cake-txt_img.pad-top-half [data-part="inner"]		{ padding: 2.5rem 0 5.25rem; }
	.cake-txt_img.gap-none [data-part="inner"]			{ gap: 0; }
	
	@media screen and ( max-width: 1200px ){
		.cake-txt_img [data-part="inner"] > div { flex-basis: calc(100% / 2.5); }
	}
	
	@media screen and ( max-width: 900px ){
		.cake-txt_img [data-part="inner"] { gap: 4rem; justify-content: space-between; padding: 4rem 0; }
		.cake-txt_img [data-part="inner"] > div { flex-basis: calc((100% - 4rem) / 2); }
	}
	
	@media screen and ( max-width: 700px ){
		.cake-txt_img [data-part="inner"] { flex-direction: column; padding: 3rem 0; gap: 2rem; }
		.cake-txt_img.reverse [data-part="inner"] { flex-direction: column; }
	}
	
	/******************************/
	/* Services
	/******************************/
	.cake-services [data-part="inner"]					{ display: flex; gap: 0; min-height: 37.5rem; }
	.cake-services .service-column						{ flex: 1; display: flex; flex-direction: column; justify-content: end; align-items: center; 																	  text-align: center; background: linear-gradient(180deg, rgb(var(--color-black-rgb) / 0) 0%, 																	  rgb(var(--color-black-rgb) / 0.75) 100%); padding: 3.2rem; color: var(--color-light-gray); 																	  box-sizing: border-box; max-width: 25%; }
	.cake-services .service-column:not(:last-of-type)	{ border-right: 1px solid rgb(var(--color-white-rgb) / 0.35); }
	.cake-services .column-bg							{ inset: 0;	background: rgb(var(--color-1-rgb) / 0.5); transition: transform 1s; transform: scaleY(1); 														  	  transform-origin: 0 100%; z-index: -1; }
	main:not(.mobile) .cake-services .service-column:hover .column-bg																																					{ transform: scaleY(0); }
	.cake-services img									{ width: 100%; height: 100%; object-fit: cover; transition: opacity .5s; z-index: -2; }
	main:not(.mobile) .cake-services .service-column:hover + img																																						{ opacity: 1 !important; }
	
	@media screen and ( max-width: 1440px ){
		.cake-services [data-part="inner"] { width: 100vw; margin-left: calc(var(--grid-gap) * -1); }
	}
	
	@media screen and ( max-width: 1000px ){
		.cake-services [data-part="inner"] { flex-direction: column; min-height: 25rem; }
		.cake-services .service-column { max-width: unset; background: linear-gradient(270deg, rgb(var(--color-black-rgb) / 0) 0%,																	 rgb(var(--color-black-rgb) / 0.75) 100%); padding: 2rem 3.2rem; }
		.cake-services .service-column:not(:last-of-type) { border-right: 0; border-bottom: 1px solid rgb(var(--color-white-rgb) / 0.35); }
	}
	
	/******************************/
	/* Testimonies
	/******************************/
	.cake-testimonies									{ background: var(--color-1); }
	.cake-testimonies [data-part="inner"]				{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; 														  padding: 4.5rem; }
	.cake-testimonies .testimony-items					{ width: 60%; margin: 1.5rem 0 2.8rem; }
	.cake-testimonies .testimony-item					{ display: grid; inset: 0; height: max-content; color: var(--color-light-gray); transition: opacity .5s; opacity: 0; }
	.cake-testimonies.has-min-height .testimony-item	{ height: auto; }				
	.cake-testimonies .testimony-item.active			{ opacity: 1; }
	.cake-testimonies .testimony-item > p				{ color: var(--color-white); margin-bottom: 1.4rem; white-space: pre-wrap; }
	.cake-testimonies .testimony-item > h6 				{ margin-top: auto; }
	.cake-testimonies .testimony-indicators				{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; }
	.cake-testimonies .testimony-indicators > a img		{ width: .75rem; margin: 0 1rem; filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(381%) 													  hue-rotate(175deg) brightness(94%) contrast(96%); }
	.cake-testimonies .testimony-indicators > div		{ width: 45px; height: 2px; border-radius: 4px; 																												  transition: background-color .5s; background-color: var(--color-3); }
	.cake-testimonies .testimony-indicators > div.active{ background-color: var(--color-light-gray); }
	
	@media screen and ( max-width: 1000px ){
		.cake-testimonies .testimony-items { width: 90%; }
	}
	
	@media screen and ( max-width: 900px ){
		.cake-testimonies [data-part="inner"] { padding: 4rem 0; }
	}
	
	@media screen and ( max-width: 500px ){
		.cake-testimonies .testimony-indicators { position: relative; }
		.cake-testimonies .testimony-indicators > a { position: absolute; }
		.cake-testimonies .testimony-indicators > a[data-rel="prev"] { left: calc(var(--grid-gap) * -2); }
		.cake-testimonies .testimony-indicators > a[data-rel="next"] { right: calc(var(--grid-gap) * -2); }
		.cake-testimonies .testimony-indicators > a img { margin: 0; }
	}
	
	/******************************/
	/* Form
	/******************************/
	.cake-form .gform_fields 							{ display: flex; flex-direction: column; row-gap: 1.2rem; padding: 0 5rem; }
	.cake-form .gform_fields .gfield.hidden_label .gfield_label 																																	{ display: none; }
	.cake-form .gform_fields :is(input, select, textarea) 																																			{ background-color: transparent; border: 1px solid #CCD1D8; 																				  color: var(--color-charcoal); width: 100%; padding: .5rem .9rem; }
	.cake-form .gform_fields textarea					{ resize: vertical; }
	.cake-form .gform_button							{ margin: 3.2rem auto 0; }
	.cake-form .gfield_visibility_hidden				{ visibility: hidden; margin-top: -1.2rem; }
	.cake-form .gfield--type-turnstile					{ overflow: clip; }
	
	.cake-form .gfield_validation_message				{ color: red; }
	
	@media screen and ( max-width: 750px ){
		.cake-form .gform_fields						{ padding: 0; }
	}
	
	/******************************/
	/* Other
	/******************************/
	#disponibles .flex-column							{ padding-top: 90%; padding-top: 90vw; justify-content: flex-start; }
	
	.c-item__head										{ max-width: 850px;}
	.c-item__head-ctn,
	.c-item__foot										{ max-width: 640px; margin-left: auto; margin-right: auto; }
	
	.cake-hr .inner										{ max-width: 550px; margin: auto; }
	.l-hr__svg	span,
	.cake-hr__svg										{ display: block; position:relative; padding-bottom: 10%; }
	.cake-hr__svg.inline-block							{ display: inline-block; width: 80%;  }
	.l-hr__svg	svg,
	.cake-hr__svg svg									{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
	
	.l-hr__svg											{ display: block; max-width: 550px; margin: auto; }
	.l-hr__svg	span 									{ display: block; position:relative; padding-bottom: 10%; }
	
	
	/* COLS */
	.cake-cols.l-box .flex								{ /* border: 2px solid;  */padding: 2rem 1rem 0;  margin-top: 2rem;/*  -webkit-border-image: -webkit-linear-gradient(#163445, transparent) 2; 
														  -moz-border-image: linear-gradient(#163445, transparent) 2; border-image: linear-gradient(#163445, transparent) 2; */ box-sizing: border-box; }
	
	/* BLOGUE */
	.cake-posts .l-blogue__thumb						{ padding-bottom: 100%; }								
	
	/* TIMELINE */
	.cake-timeline .c-item__head						{ padding-bottom: 2.5rem; }
	.cake-timeline .slides								{ transition: left .75s; }
	.slide .c-timeline__img								{ aspect-ratio: 1; margin-bottom: 1.5rem; border: 0 solid var(--color-5); 																		  transition: border .5s; }
	.slide.focus .c-timeline__img						{ border: .5rem solid var(--color-5); }
	.slide .c-timeline__img	img							{ width: 100%; height: 100%; object-fit: cover; }
	.c-timeline											{ display: flex; flex-direction: column; }
	.c-timeline .c-thumbs								{ order: 1; }
	.c-timeline .c-thumbs__item							{ width: 7.5%; }
	.c-timeline .c-thumbs .btn-rond						{ display: block; display: flex; justify-content: center; align-items: center; 																	  color: var(--color-1); text-decoration: none; aspect-ratio: 1;																				  transition: background-color .5s; background-color: #CCD1D7; }
	.c-timeline .c-thumbs .btn-rond:hover				{ background-color: var(--color-4); }
	.c-timeline .c-thumbs .btn-rond img					{ aspect-ratio: 1; width: 45%; }
	.c-timeline .c-thumbs .prev img						{ translate: -2.5px; }
	.c-timeline .c-thumbs .next img						{ translate: 2.5px; }
	.c-timeline .c-thumbs .thumb:not(.focus)			{ color: var(--color-1); }
	.c-timeline__inner:after							{ border-color: var(--color-4); }
	.c-timeline__ctn									{ padding-top: 0; }
	.focus .c-timeline__ctn								{ color: #000; font-weight: bold; }
	
	/* EQUIPE */
	.l-equipe__flex > .grid-33							{ -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; }
	.l-equipe__flex .l-thumb							{ aspect-ratio: 1; padding: 0; margin: 1rem; 																									  			  background: url(img/logo_header.svg) no-repeat center, linear-gradient(0deg, rgb(240 236 219 / 1) 0%, rgb(240 236 219 / 0.2) 100%); background-size: 50% auto; }
	/* .l-equipe__flex .l-thumb							{ aspect-ratio: 1; padding: 0; margin: 1rem; 																									  			  background:linear-gradient(0deg, rgb(240 236 219 / 1) 0%, rgb(240 236 219 / 0.2) 100%); } */
	
	.l-equipe__flex .l-thumb + div::after				{ content: ''; display: block; width: 5.6rem; height: 1.5px; margin-top: 2rem; 																	  margin-left: auto; margin-right: auto; background-color: var(--color-5); }
	
	/* URNES */
	.l-urnes__items										{ margin-top: 2rem; }
	.cake-urnes .c-item__head							{ padding-bottom: 2rem; }
	.flex.l-urnes										{ -ms-flex-pack: justify; justify-content: space-between; }
	.flex.l-urnes + .l-urnes							{ margin-top: 3.5rem; }
	.flex.l-urnes>.grid-33								{ max-width: 30%; }
	.l-urnes__thumb span								{ position: relative; display: block; padding-bottom: 100%; max-width: 100%; box-sizing: border-box; }	
	.l-urnes__thumb img									{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; }
	
	.l-urnes__thumb + div::after						{ content: ''; display: block; width: 5.6rem; height: 1.5px; margin-top: 2rem; 																	  margin-left: auto; margin-right: auto; background-color: var(--color-5); }
	
	/* GOOGLE MAP */
	.cake-map .gm-style .gm-style-iw-c {
		padding-right: 12px !important;
		padding-bottom: 6px !important;
		background-color: var(--color-1);
	}
	
	.cake-map .gm-style .gm-style-iw-c button {
		filter: brightness(0) saturate(100%) invert(90%) sepia(10%) saturate(22%) hue-rotate(169deg) brightness(106%) contrast(88%);
	}
	
	.cake-map .gm-style .gm-style-iw-c button > span {
		margin-left: 24px !important;
		margin-right: 0 !important;
	}
	
	.cake-map .gm-style .gm-style-iw-c .gm-style-iw-d {
		overflow: auto !important;
	}
	
	.cake-map .gm-style .gm-style-iw-c .scrollFix {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 0;
	}
	
	.cake-map .gm-style .gm-style-iw-c .scrollFix :is(h4, p) {
		color: var(--color-light-gray) !important;
	}
	
	.cake-map .gm-style .gm-style-iw-c .scrollFix a {
		width: max-content;
		text-align: center;
		text-decoration: none;
		margin-top: 8px;
	}
	
	.cake-map .gm-style .gm-style-iw-c .scrollFix a > p {
		font-size: 16px !important;
		transition: color .3s !important;
	}
	
	.cake-map .gm-style .gm-style-iw-c .scrollFix a:hover p {
		color: var(--color-4) !important;
	}
	
	.gm-style .gm-style-iw-tc {
		filter: brightness(0) saturate(100%) invert(8%) sepia(29%) saturate(5213%) hue-rotate(197deg) brightness(99%) contrast(103%) !important;
		translate: 0 -3px;
	}
	
	@media screen and ( max-width: 1100px ){
		.cake-posts .l-blogue__thumb						{ padding-bottom: 0; }
	}
	
	@media screen and ( max-width: 1000px ){
		.l-equipe__flex > .grid-33							{ -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
	}
	
	@media screen and ( max-width: 950px ){
		.flex.l-urnes>.grid-33								{-ms-flex: 100%; flex: 100%; max-width: 48%; }
	}
	
	@media screen and ( max-width: 900px ){
		.cake-cols.l-box .flex								{ padding: 1rem 0 0; }	
	}
	
	@media screen and ( max-width: 850px ){
		#disponibles,
		#residences-uniques 								{ background-size: contain; background-position: bottom center }
		#residences-uniques	.flex-column					{ height: auto!important; padding-top: 2rem; }
		#disponibles										{ background-size: 100%; background-position: top center; background-color: #0f1c22 }
		#disponibles .flex-column							{ height: auto!important; padding-top: 90%; padding-top: 90vw; padding-bottom: 2rem; }
		
		.l-txt_img__flex									{ position: relative; left: auto; right: auto; top: auto; bottom: auto; }
		.l-txt_img__imgs									{ width: 100%; }
		.l-txt_img__img										{ transform: translate(0)!important; }
		
		.googlemaps 										{ height: 800px; height: 60vw; }
	}
	
	@media screen and ( max-width: 750px ){
		.cake-txt_img.l-mobile__hide .l-txt_img__imgs		{ display: none; }
	}
	
	@media screen and ( max-width: 600px ){
		.l-equipe__flex > .grid-33							{ -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
		.flex.l-urnes>.grid-33								{ max-width: 100%; }
	}
	
	@media screen and ( max-width: 550px ){
		.googlemaps 										{ height: 900px; height: 75vw; }
	}
			
/*	============================================================================
	!ARCHIVES - SINGLES
	========================================================================== */
	/* PAGINATION */
	.sct-pagination										{ display: flex; justify-content: center; align-items: center; }
	.page-numbers										{ display: inline-block; vertical-align: middle; font-weight: bold !important; color: var(--color-1) !important; text-decoration: none !important; }
	.page-numbers.current,								
	.page-numbers:hover									{ color: var(--color-4) !important; }
	.prev.page-numbers,
	.next.page-numbers									{ display: flex; padding: 0 2rem; color: var(--color-1); }
	.page-numbers img									{ width: 7px; filter: brightness(0) saturate(100%) invert(11%) sepia(17%) saturate(5554%) 																	  hue-rotate(188deg) brightness(92%) contrast(106%); }
	.page-numbers:hover img								{ filter: brightness(0) saturate(100%) invert(60%) sepia(73%) saturate(368%) hue-rotate(6deg) brightness(91%) contrast(82%); }
	
	/* BLOGUE */
	/* .l-blogue__ctn										{ max-width: 600px; width: 100%; box-sizing: border-box; }
	.l-blogue__flex.pair .grid-40						{ -ms-order: 1; order : 1; }
	.l-blogue__flex.pair .grid-60						{ -ms-order: 0; order : 0; }
	.l-blogue__sct 										{ margin-left: 4rem; margin-right: 4rem; transform: translateY(-4rem); margin-bottom: -4rem; } */

	/* RECHERCHE AVIS DE DÉCÈS */
	.l-avis__search										{ margin-bottom: 4rem; }
	.l-avis__search input								{ width: 30%; border: 2px solid var(--color-4); line-height: 1.2rem; vertical-align: middle;														  padding: .4rem 1rem; margin-left: .6rem; text-align: left;  }
	
	/* AVIS DE DÉCÈS/BLOGUE */
	.l-services__grid									{ overflow: hidden; }
	:is([class*='l-avis'], [class*='l-blogue']):nth-child(5):not(.l-avis__comments)																															{ padding-bottom: 0; }
	:is(.l-avis__thumb, .l-blogue__thumb, .l-informations__thumb)				{ display: inline-block; overflow: hidden; max-width: 90%; box-sizing: border-box; }
	:is(.l-avis__thumb, .l-blogue__thumb, .l-informations__thumb) img			{ display: inline-block; object-fit: cover !important; object-position: top !important; } 
	:is(.l-blogue__thumb, .l-informations__thumb) img							{ min-width: 18rem; min-height: 18rem; max-width: 18rem; max-height: 18rem; } 
	:is(.l-blogue__thumb, .l-informations__thumb).large img						{ min-width: 25rem; min-height: 25rem; max-width: 25rem; max-height: 25rem; } 
	.l-avis__thumb img															{ min-width: 15rem; aspect-ratio: 3/4; } 
	:is([class*='l-avis'], [class*='l-blogue']) h6		{ text-transform: initial; color: var(--color-3); }
	:is(.l-avis, .l-avis__grid, .l-blogue, .l-blogue__grid, .l-informations, .l-informations__grid) h6																															{ font-size: .9rem; margin-bottom: 1.6rem; }
	:is(.l-avis, .l-avis__grid, .l-blogue, .l-blogue__grid, .l-informations, .l-informations__grid) h6 + p																														{ margin-bottom: 2.3rem; }
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .flex																																								{ gap: 2.3rem; }
	
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .flex > a																																							{ display: flex; flex-direction: column; max-width: calc((100% - (2.3rem * 5)) / 6); }
	
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .flex > a .rounded-square 																																			{ transition: border-color .5s, background-color .5s; }
	
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .flex > a:hover .rounded-square 																																	{ border-color: var(--color-1); background-color: var(--color-1); }
	
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .flex > a img																																						{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: opacity .5s; }
	
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .flex > a img.hover																																					{ filter: invert(100%) sepia(86%) saturate(2%) hue-rotate(85deg) brightness(113%) contrast(101%); }
	
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .flex > a:hover img.hover,
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .flex > a:not(:hover) img:not(.hover) 																																{ opacity: 1; }
	
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .flex > a:hover img:not(.hover),
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .flex > a:not(:hover) img.hover 																																	{ opacity: 0; }
	
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) :is(a, h5, .btn)																																					{ text-decoration: unset !important; }
	
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) a
														{ min-width: 5rem; max-width: 5rem; }
	
	:is(.l-avis__link, .l-blogue__link, .l-carrieres__link) .btn.rounded-square																																					{ display: flex; align-items: center; justify-content: center; min-width: 5rem; 																	  max-width: 5rem; width: 5rem; box-sizing: border-box; aspect-ratio: 1/1; 																			  margin: 0 auto 0.8rem; }
	
	.l-avis__comments #comments							{ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 1.6rem; }
	.l-avis__comments .comment-card						{ display: flex; flex-direction: column; gap: .5rem; border: 1px solid #CCD1D8; border-radius: 1.5rem; padding: 1rem; }
	.l-avis__comments .comment-card p:first-of-type		{ margin-top: auto; }
	.l-avis__comments .comment-card h6					{ font-size: 0.7rem; }
	
	/* RÉSIDENCES */
	.l-locations__flex .flex							{ gap: 1rem; }
	.l-locations__grid									{ flex: 1; max-width: 33%; text-decoration: none !important; color: var(--color-1) !important; }
	.l-locations__grid figure							{ position: relative; margin: 0; min-height: 18rem; max-height: 18rem; overflow: hidden; }
	.l-locations__grid figure img						{ position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: top; }
	.l-locations__grid h3								{ font-size: 1.7rem; line-height: 1.8rem; font-weight: 400; font-family: 'Josefin Sans', sans-serif; 															  text-transform: initial; margin: 0 auto 1rem; }
	.l-locations__grid div								{ text-align: center;  }
	.l-locations__grid:hover .btn						{ color: var(--color-4) !important; }
	.l-locations__grid:hover .btn::after				{ transform: scaleX(0); }
	
	/* CARRIÈRES */
	.l-carrieres__flex									{ background-color: var(--color-white); box-shadow: 0 3px 16px -10px rgba(0,0,0,0.5); }
	.l-carrieres__flex .inner							{ justify-content: space-between; align-items: center; gap: 2rem; }
	.l-carrieres__share a .h5							{ transition: all .3s; }
	.l-carrieres__share a:hover							{ color: var(--color-4); }	
	
	
	@media screen and ( max-width: 1100px ){
		.cake-cols .l-thumb__round							{ display: block; max-width: 300px; margin-left: auto; margin-right: auto; }
		.l-locations__flex .flex							{ flex-wrap: wrap; }
		.l-locations__flex .flex > a						{ min-width: 66.666%; margin: 0 auto; }
		/* .l-locations__grid									{ padding-bottom: 2rem; } */
		.l-locations__grid figure							{ min-height: 28rem; max-height: 28rem; }
		.l-locations__grid figure img						{ width: 100%; }
		.l-locations__grid .btn-bordered__txt				{ margin-top: .5rem; }
		.l-avis__search										{ padding-left: 1rem !important; }
		.l-avis__search input								{ width: 50%; margin-left: 0; }
		body.single-cake_avis .l-avis__thumb				{ margin-right: 1rem !important; }
	}
	
	@media screen and ( max-width: 950px ){
		.l-avis__search										{ padding-left: 0 !important; }
		.l-thumb__round										{ margin-left: 2rem; margin-right: 2rem; }
		:is(.l-blogue__thumb, .l-informations__thumb)				
															{ min-width: 100%; max-width: unset; margin-right: unset; }
		:is(.l-blogue__thumb, .l-informations__thumb).large img	
															{ min-width: 100%; max-width: 100%; object-fit: contain; }
		body.single-cake_avis .container:has(> .sympathies),
		.l-avis__comments 									{ padding-left: 2rem !important; padding-right: 2rem !important; }
	}
	
	@media screen and ( max-width: 850px ){
		.l-blogue__sct 										{ margin-left: 0; margin-right: 0; transform: translateY(0); margin-bottom: 0; }
		.l-thumb__round img									{ max-width: 300px; max-height: 300px; }
		.l-avis__flex > .grid-66							{ padding-top: 0 !important; }
		:is(.l-avis__grid) h6 + p							{ margin-bottom: 1.5rem; }
		.l-avis__thumb										{ text-align: left; margin-left: 1rem; } 
		.l-avis__thumb img									{ width: 100%; max-width: 15rem; } 
		body.single-cake_avis .l-avis__thumb				{ margin-left: 0 !important; margin-right: 0 !important; }
		.cake-posts .l-temoignages__wrp						{ margin-bottom: 3rem; }
		.l-urnes.cake-cols .grid-33	.inner-grid				{ padding-top: 0; padding-bottom: 0; }
		.l-urnes.cake-cols .grid-33 ul						{ margin-bottom: 0; }
		.c-gallery__thumbs .thumb							{ width: 25%; }
		.width-60.centered.box-x4							{ max-width: 80%; }
		/* .l-avis__search										{ text-align: center; padding-right: 0 !important; } */
		.l-avis__search										{ padding-left: 1rem !important; }
		.l-avis__search input								{ width: 60%; }
		.l-locations__grid figure							{ width: 100%; height: auto; min-height: unset; max-height: unset; aspect-ratio: 1; }
	}
	
	@media screen and ( max-width: 700px ){
		.l-blogue__sct 										{ padding-left: 1rem; padding-right: 1rem; }
		.l-carrieres__flex .inner							{ flex-direction: column; }
		/* .l-avis__search input								{ width: 40%; } */
		.l-avis__comments #comments							{ grid-template-columns: 100%; }
	}
	
	@media screen and ( max-width: 600px ){
		.l-locations__flex .flex > a						{ max-width: 80%; }
		.l-avis__search										{ padding-left: 0 !important; }
		.l-avis__search input								{ width: 75%; }
		body.single-cake_avis .l-avis,
		.l-avis__flex > .grid-66 > .box						{ padding-left: 0 !important; padding-right: 0 !important; }
		.l-avis__thumb										{ margin-left: 0; } 
		body.single-cake_avis .container:has(> .sympathies),
		.l-avis__comments									{ padding-left: 1rem !important; padding-right: 1rem !important; }
	}
	
	@media screen and ( max-width: 500px ){
		.c-gallery__thumbs .thumb							{ width: 33.333%; }
		.width-60.centered.box-x4							{ max-width: 100%; }
		.l-thumb__round img									{ max-width: 100%; }
		.l-avis__search										{ padding-right: 1rem !important; }
		.l-avis__search button								{ margin-left: .5rem !important; margin-right: 0 !important; }
		.l-avis__search input								{ width: 80%; }
		.l-avis__thumb img									{ min-width: unset; }
		.l-locations__flex .flex > a						{ max-width: 90%; }
	}
	
	@media screen and ( max-width: 400px ){
		.l-thumb__round img									{ min-width: 0; min-height: 0; }
		.l-avis__search										{ padding-right: 0 !important; }
		.l-avis__search form 								{ display: flex; flex-direction: column; align-items: center; gap: 1rem; }
		.l-avis__search input								{ width: 100%; }
		.l-avis__search button								{ margin-left: 0 !important; }
		.l-locations__grid h3								{ font-size: 1.33rem; }
		body.single-cake_avis .sympathies > .box			{ padding-left: 0 !important; padding-right: 0 !important; }
	}

/*	============================================================================
	!NEWSLETTER
	========================================================================== */
	
	.newsletter											{ overflow: clip; }
	.newsletter-form									{ display: flex; flex-direction: row; flex-wrap: wrap; align-items:stretch; justify-content: center; 														  max-width: calc(100% * (2/3)); margin: 0 auto; border: 1px solid #CCD1D8; 																				  background-color: var(--color-white); }
    .newsletter-form.gform_confirmation_wrapper         { background-color: transparent; border: none; }
    .newsletter .gform_heading                          { max-width: 75%; margin: 0 auto; }
    .newsletter .gform_heading  .gform_title            { font-size: 2.4rem; line-height: 2.5rem; font-weight: 300; font-family: 'Josefin Sans', sans-serif; }
    .newsletter .gform_heading  .gform_description,
	.newsletter-form.gform_confirmation_wrapper      	{ font-size: 1.7rem; line-height: 1.8rem; font-weight: 400; font-family: 'Josefin Sans', sans-serif; 														  color: var(--color-4); }   
    .newsletter .gform_heading  .gform_description		{ margin-bottom: 3rem; }
    .newsletter .gform_body,						
    .newsletter .gform_footer                           { flex: auto; background-color: rgba(254,253,251,0.7);}
    .newsletter .gform_footer							{ flex-grow: 0; max-width: 4.2rem; }
    .gform_validation_error > .newsletter-form .gform_body,
    .gform_validation_error > .newsletter-form .gform_footer	   { background-color: rgba(245, 66, 66,0.3);}
     
    .newsletter .gform_fields                           { list-style: none; padding: 0; margin: 0; }
    .newsletter .gfield.hidden_label label              { display: none;}
    .newsletter-form input								{ background-color: transparent; border: 0 !important; color: var(--color-charcoal); 															  width: 100%; height: 56px; padding: 10px; }
    .newsletter-form input[type="text"],
	.newsletter-form button								{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; border-radius: 0; 
														  border: 0; border-radius: 0; background-color: transparent; padding: .75rem 1.5rem!important; 
														  text-transform: uppercase; letter-spacing: 1.6px; line-height: 1.3rem!important; margin: 0; 
														  display: block; width: auto!important; }
														  
		
	.newsletter button								{ color: var(--color-charcoal); margin: 0 !important; }
	.newsletter button::after						{ display: none !important; }
	.newsletter .l-svg__right						{ width: .7rem; }
	.newsletter .l-svg__right span					{ padding-bottom: 93%; color: var(--color-4); }
	.newsletter ::-webkit-input-placeholder 		{ color: var(--beige); }
	.newsletter :-moz-placeholder 					{ opacity: 1; color: var(--color-charcoal); } /* Firefox 18- */
	.newsletter ::-moz-placeholder 				{ opacity: 1; color: var(--color-charcoal); } /* firefox 19+ */
	.newsletter :-ms-input-placeholder 			{ color: var(--color-charcoal); } /* ie */
	.newsletter input:-moz-placeholder 			{ color: var(--color-charcoal); }
													  
    .newsletter-form > .validation_error		        { display: none;}										  
    .newsletter-form .validation_message				{ display: none;}						  
	
	body img.gform_ajax_spinner {
        display: none !important;
    }

	@media screen and ( max-width: 700px ){
		.newsletter .gform_heading,
		.newsletter-form									{ max-width: unset; }
	}

	@media screen and ( max-width: 500px ){
		.newsletter-form									{ background-color: unset; border: unset; }
		.newsletter .gform_heading .gform_title				{ font-size: 2rem; }
		.newsletter .gform_body,
		.newsletter .gform_footer							{ background-color: var(--color-white) !important; border: 1px solid #CCD1D8; }
		.newsletter .gform_body								{ width: 100%; }
		.newsletter .gform_footer							{ max-width: unset; margin-top: 1rem; margin-left: auto; }
		.newsletter .gform_footer button					{ min-width: unset; padding: .4rem .75rem !important; }
	}






/*	============================================================================
	!POPUP
	========================================================================== */
	
	.popup													{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; display: flex; 
															  flex-direction: column; text-align: center; justify-content: center; align-items: center; 
															  background-color: rgba(255,255,255,.8); opacity: 0; visibility: hidden; z-index: 10; 					transition: opacity .3s; }
	/* #popup-in:checked ~ .popup								{ left: 0; opacity: 1; } */
	.popup > .grid											{ position: relative; flex: auto; flex-grow: 0; max-width: 50rem; max-height: 90vh; padding: 2rem; 																		  box-sizing: border-box; background-color: var(--color-1);
															  background-position: center center; background-size: cover; background-repeat: no-repeat; }
	.popup-close											{ position: absolute; right: 1rem; top: 1rem; }
	.popup .popup-ctn										{ font-size: 1rem; line-height: 1.4rem; }
	.popup .popup-ctn a:hover,
	.popup hr												{ color: var(--color-4); }
	.popup hr												{ margin: 2rem 0; }
	
	.popup.webdiffusion										{ background-color: rgba(0,0,0,.8); }
	.popup.webdiffusion:not(.visible)						{ opacity: 0 !important; pointer-events: none !important; }
	.popup.webdiffusion	.popup-lbl 							{ position: absolute; right: -1.5rem; top: -1.5rem; z-index: 10; }
	.popup.webdiffusion .video-wrapper						{ min-width: 60vw; }
	.popup.webdiffusion	svg 								{ width: 75px; height: 75px; fill: white; }
	.video-wrapper>.wp-video,
	.video-wrapper>.wp-video>video							{ max-width: 100%; }
	.lbl-webdiffusion .btn-bordered__txt					{ margin-top: 1rem; }
	
	@media screen and ( max-width: 1200px){
		.popup > .grid											{ max-width: 90vw; }
		.popup hr												{ margin: 1rem 0; }
	}
	
	@media screen and ( max-width: 1000px){
		.popup > .grid											{ padding-bottom: 3rem; }
		.popup hr:last-of-type									{ display: none; }
		.popup img												{ position: absolute; bottom: 1rem; right: 1rem; width: 6rem; }
	}
	
	@media screen and ( max-width: 800px){
		.popup .popup-ttl										{ padding: 0 1rem; }
		.popup.webdiffusion	.popup-lbl 							{ right: 0; top: 0; }
		.popup.webdiffusion .inner .grid						{ padding: 1rem; box-sizing: border-box; }
		.video-wrapper>.wp-video,
		.video-wrapper>.wp-video>video    						{ width: calc(100vw - 40px)!important; }
	}
	
	@media screen and ( max-width: 600px){
		.popup > .grid											{ padding: 1rem; padding-bottom: 1rem; }
		.popup :is(hr, img)										{ display: none; }
		.popup .popup-ctn										{ font-size: .85rem; line-height: 1.2rem; }
	}
	
/*	============================================================================
	!PRINT
	========================================================================== */
	@media print{
		html, body, .wrapper, .row, .row.expand				{ height: auto; margin: 0!important; padding: 0; display: block; overflow: hidden; }
		@page												{ height: auto; margin-top: 0; margin-bottom: 0; margin-left: 10mm; margin-right: 10mm; }
		
		.c-header__note, .c-header__main > :not(.print-logo), 
		label[for="burger-toggle"], footer, .c-menu__pan,
		.cake-banner.bkg-gradient-color-1::before,
		.newsletter, .l-avis__search, .l-avis__link, .l-avis__hr, .l-avis__comments,
		.l-avis__flex .inner > a:last-child, 
		.sct-pagination, div.obituaries						{ display: none !important; }
		
		header												{ background: none !important; }
		.c-header__main										{ padding: 0 !important; background: none !important; }
		body:not(.single-cake_avis) .print-logo				{ display: block !important; margin: 50px auto 0 !important; }
		
		.cake-banner										{ background: none !important; margin-top: 50px !important; margin-bottom: -50px !important; }
		.cake-banner.align-bottom [data-part=inner]			{ height: auto !important; padding: 1rem 0 !important; }
		.cake-banner.align-bottom [data-part=inner] > *		{ color: black !important; z-index: 2 !important; }
		.cake-banner.align-bottom [data-part=inner] > :last-child																																			{ display: none !important; }
		
		.cake-archive										{ padding: 0 !important; background: none !important; }
		
		/* .l-avis__flex										{ flex-direction: column !important; align-items: baseline !important; } */
		.l-avis__flex .l-fade__in							{ opacity: 1 !important; }
		.l-avis__thumb										{ width: 100% !important; height: auto; aspect-ratio: 1 !important; }
		.l-avis__img										{ width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; }
		.l-avis__flex > .grid-33							{ flex-basis: 25% !important; display: flex !important; align-items: center !important; }
		.l-avis__flex > .grid-66							{ flex-basis: 75% !important; padding-top: 1rem !important; }
		
		body.single-cake_avis .cake-banner,
		body.single-cake_avis header						{ display: none !important; }
		body.single-cake_avis .l-avis > .flex				{ position: relative !important; flex-direction: column !important; align-items: baseline !important; }
		body.single-cake_avis .l-avis__thumb				{ width: 150px !important; height: 150px !important; margin-right: 0 !important; padding: 0 !important; }
		body.single-cake_avis .l-avis__img					{ object-fit: cover !important; }
		body.single-cake_avis .l-avis__ctn .title			{ position: absolute !important; left: 175px !important; top: 0 !important; font-size: 32px !important; line-height: 32px !important; }
		body.single-cake_avis .l-avis__ctn .title + h6		{ position: absolute !important; left: 175px !important; top: 42px !important; }
		
		body.single-cake_avis .l-avis__ctn > p				{ font-size: 14px !important; }
		
		/* .c-header__flex										{ padding: 0 5mm; }
		.c-header__logo										{ width: 200px; height: 100px; }
		
		.big												{ font-size: 1.8rem; padding-top: 5mm; padding-bottom: 5mm }
		h1, .h1												{ font-size: 1.4rem; }
		h2, .h2												{ font-size: 1.2rem; }
		h3, .h3												{ font-size: 1.1rem; }
		h4, .h4												{ font-size: 1rem; }
		
		.l-avis__ctn										{ font-size: 12px; }	
		.l-carrieres__ctn,
		.big-container.pad-vertical-x4						{ padding: 0; }
		.l-thumb__round,									
		.l-thumb__round img									{ border-radius: 0; overflow: hidden; border: 0; }
		.l-thumb__round 									{ margin-left: 0; margin-right: 5mm; }
		
		
		.flex > .grid-40									{ -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; }
		.flex > .grid-50									{ -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; }	 */
	}
	
	
	
	.video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .video-container iframe,  
    .video-container object,  
    .video-container embed {
	    position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
