html { scroll-padding-top: 86px; scroll-behavior: smooth; }
textarea { resize: vertical; }

body.scrolled .main-navbar { border-radius: 0; }

label.field-label.required::after {
    content: ' *';
}

.box-reponse{
    top: 0;
    right: 0;
    transition: all .3s ease;
    overflow: hidden;
}

.box-reponse .reponse {
    margin-top: 0px;
}

.box-reponse.slide-in{
	max-height: 500px;
}

.en-tete-question .arrow{
    transition: all .3s ease;
    transform: rotate(-90deg);
}

.en-tete-question.slide-in .arrow{
  	transform: rotate(0deg);
 }

.col-groupe-entraide.w-col.w-col-6.w-col-stack{
	height: 100%;
}

.box-question-reponse{
	padding: 15px !important;
}

.box-question-reponse .en-tete-question,
.box-question-reponse .en-tete-question .wrap-block-titre {
	cursor: default;
}

.box-question-reponse .en-tete-question:hover {
	background: transparent;
}

.col-groupe-entraide .title-question,
.col-groupe-entraide .title-question p {
	margin-bottom: 0;
	line-height: 1em;
}

.hidden {
	display: none !important;
}

#noArticle {
	margin-top: 25px;
	text-align: center;
}

.grecaptcha-badge {
	visibility: hidden;
}

.recaptcha-policies {
	color:#666; font-size: 10px;
}

.recaptcha-policies a {
	color:#fff;
}

.col-form-voeux{
	height: auto !important;
}

.col-form-voeux textarea.message { height: 235px; }

.recaptcha-policies{
	color: white;
	padding-top: 10px;
}

*:focus-visible { outline: 2px solid #73a9f1 !important; }


.raccourci.blogue.active{ background-color: #ffe5c4; }
.block-pagination .page-numbers{ list-style: none; }
.block-pagination .page-numbers .active a{ color: #624e48; font-weight: 900; }
.block-pagination .page-numbers a[disabled]:hover{ color: #1d1d1d; }

.section.avis .photo-people{ background-image: none; }

.death-notice-details { display: grid; grid-template-areas: "photo introduction quick-links" "locations obituary quick-links"; grid-template-columns: 235px 1fr 235px; gap: 15px 40px;  }
.death-notice-details .detail-photo { grid-area: photo; }
.death-notice-details .photo-people { width: 100%; height: auto; background-image: none; }
.death-notice-details .detail-photo img { width: 100%; height: auto; }
.death-notice-details .personal-information { grid-area: introduction; }
.death-notice-details .obituary { grid-area: obituary; }
.death-notice-details .locations { grid-area: locations; }
.death-notice-details .quick-links { grid-area: quick-links; }

.wishes-empty-state { text-align: center; color: white; }

#funeraweb .container{ text-align: center; }
.funeraweb-frame-wrapper { width: 100%; height: 0; padding-bottom: 60%; padding-bottom: calc(56.25% + 32px); position: relative; overflow: hidden; }
.funeraweb-frame-wrapper iframe { position: absolute; top: -8px; left: 0;  width: 100%; height: 100%; overflow: hidden; }
#funeraweb .thumbnail-funeraweb { display: block; padding: 12px 20px; width: 800px; max-width: 100%; }
#funeraweb h2:not(:first-child) { margin-top: 2.5em; }
.load-funeraweb-frame { position: absolute; top: 8px; bottom: 8px; left: 0; display: flex; width: 100%; flex-direction: column-reverse; justify-content: center; align-items: center; text-decoration: none; color: #2c210f; background-color: #f3e3cd; border-radius: 3px; }
.load-funeraweb-frame svg { width: 3rem; height: 3rem; margin-top: 1.5rem; margin-bottom: 1.5rem; transition: transform .25s ease; }
.load-funeraweb-frame svg[data-icon="spinner" ] { display: none; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }
.load-funeraweb-frame:not(.loading):hover svg { transform: scale(1.1); }
.load-funeraweb-frame:not(.loading):hover { text-decoration: underline; background-color: #f5e1c2; }
.load-funeraweb-frame.loading svg { display: none; }
.load-funeraweb-frame.loading svg[data-icon="spinner" ] { display: block; }
.load-funeraweb-frame.loading > div { display: none; }

.funera-link-section .funeraille:first-child{ margin-right: 10px; }

.rich-text a{ word-break: break-all; }
.rich-text { word-break: break-word; }

.details-defunt .lieu{ text-align: left; }

.button-home{ cursor: pointer; }
.button-contact-us {
	width:100%;
	 margin-left: 10px;
	padding: 5px 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #1d1d1d;
	border-radius: 4px;
	background-color: rgba(215, 164, 98, 0.37);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(215, 164, 98, 0.24)), to(hsla(0, 0%, 100%, 0)));
	background-image: linear-gradient(180deg, rgba(215, 164, 98, 0.24), hsla(0, 0%, 100%, 0));
	font-family: Lora, sans-serif;
	color: #1d1d1d;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}

.filter-video{
	flex-basis: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0 15px;
	margin: 0px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: linear-gradient(225deg, rgba(215, 164, 98, 0.48), hsla(0, 0%, 100%, 0.13)), linear-gradient(180deg, rgba(215, 164, 98, 0.34), rgba(215, 164, 98, 0.34));
}

.button-post-it{ color:#fff; }

.clear-filters{ display: inline-block; color: #606060; position: relative; top: -3px; }

@-webkit-keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.col-right-infos-2.death-notice { display: flex; margin: 30px 0 0 0; position: static; }

.copy-notice { position: fixed; top: 30px; left: 30px; right: 30px; margin: auto; width: 450px; max-width: 100%; padding: 15px 20px; font-size: 1rem; font-weight: 500; line-height: 1.25; text-align: center; background-color: #d7a462; border-radius: 1rem; box-shadow: 0 0 10px rgb(60 39 11); z-index: 1000; }
.w-button[disabled] { color: #999 !important; background-color: #eee !important; cursor: progress; transition: all .05s ease; }

@media (prefers-reduced-motion) {
	html { scroll-behavior: auto; }
	.background-video video { display: none; }
}

/* iPad Pro-ish fix for large sections with illustrations in the background */
@media (max-width: 1080px) and (min-height: 1280px) {
    .section.background-img-sigle { background-position: center right 50%; }
    .section.background-img-sigle.reverse-section { background-position: center left 30%; }
}

@media (max-width: 1080px) {
	.death-notice-details {
	    grid-template-areas:
	        "photo introduction"
	        "locations locations"
	        "- -"
	        "quick-links quick-links"
	        "obituary obituary";
	    grid-template-columns: 200px 1fr;
	}
}

@media (max-width: 991px) {
	h1, h2, h3, h4, h5, h6 { line-height: 1.2 !important; }
	.heading-8 { font-size: 14vw; line-height: 1.15 !important; }

	.wrap-header { position: static; }
	.wrap-down-hero { position: static; }
	.filter-video { flex-direction: column; padding: 20px; }
	.img-logo-hero { margin-bottom: 0; }

	.section-voeux { padding: 20px; }
	.wrapper-special { width: 100%; }
	.col-wrap-messages { height: auto !important; padding: 20px; overflow: visible; }

	.blog-list-grid { grid-template-columns: 1fr; }
	.cat-gorie-blogue.blogue-cat.blogue-cat-gorie { overflow: auto; }
	.cat-gorie-blogue.blogue-cat.blogue-cat-gorie::-webkit-scrollbar { display: none; }
	.cat-gorie-blogue.blogue-cat.blogue-cat-gorie::-webkit-scrollbar-thumb { background: transparent; }

	.hero-banniere.page-nous-joindre { min-height: 0; }
	.hero-banniere.page-nous-joindre .filter-video { padding-top: 10vh; padding-bottom: 10vh; }

	.button-post-it{ width: 100%; }
	.col-filters{ padding-right: 0; }
}

@media (max-width: 768px) {
	.clear-filters { display: block; margin: 10px 0; position: static; }
	.head-titlre-filter { flex-direction: column; align-items: flex-start; }
	.col-filters { margin-bottom: 15px; }

}

@media (max-width: 767px) {
	.h3-small-title { font-size: 1.5rem; }

	.box-message .image-4 { display: none; }
	.box-message .div-block-7 { margin-top: 7px; }

	.wrap-block-service { flex-direction: column; }

	.block-retour-page.right-retour.apropos { position: static; }
	.container.sous-nav-apropos .raccourci { margin-bottom: 12px; }
	.div-block-19 { flex-direction: column; }
	.div-block-19 .wap-contact-info { margin-left: 0; }

	.section.with-photo-background .form-block .button-post-it { width: 100%; box-shadow: 0 0 5px rgb(255 255 255 / 30%); }

	.container.blogue-container { width: 95%; }

	.hero-banniere.page-contenu{ height: 40vh; }
}

@media (max-width: 600px) {
	.death-notice-details {
	    grid-template-areas:
	        "photo"
	        "introduction"
	        "locations"
	        "-"
	        "quick-links"
	        "obituary";
	    grid-template-columns: 1fr;
	}
}

/* Custom select and date inpyt styles for Safari only */
@media not all and (min-resolution:.001dpcm) { @media {
	select, .w-select { padding-right: 30px; -webkit-appearance: textfield; appearance: none; border-radius: 3px; box-shadow: none; background-image: url("../images/regular-angle-down.svg"); background-size: 8px; background-position: center right 10px; background-repeat: no-repeat; }
	input[type="date"] { padding-left: 45px; -webkit-appearance: textfield; appearance: none; background-image: url("../images/regular-calendar.svg"); background-size: 18px; background-position: center left 10px; background-repeat: no-repeat; }
}}