/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/*CONTACT FORM*/
/*https://crocoblock.com/freemium/tools/contact-form-7-layout-builder/*/


.fa-brands {
    font-size: 24px;
    color: white;
}

#facebook-button {
    background: #3b5998;
    border: none;
}

#linkedin-button {
    background: #0077B5;
    border: none;
}

#x-button {
    background: #00acee;
    border: none;
}

#facebook-button:hover .fa-brands.fa-facebook, #facebook-button:hover {
    color: #3b5998;
    background: none;
}
 
#linkedin-button:hover .fa-brands.fa-linkedin, #linkedin-button:hover {
    color: #0077B5;
    background: none;
}

#x-button:hover .fa-brands.fa-twitter, #x-button:hover {
    color: #00acee;
    background: none;
}


@media (min-width: 1366px) {
  #chatBox {
    width: unset;
    left: 20px;
  }
}

span.infos-cimetiere {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  color: var( --e-global-color-50c1176 );
  text-align: center;
  text-transform: uppercase;
}

.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
}
.cf-container label{
	width: 100%;
}
.cf-container .wpcf7-form-control-wrap {
    margin-top: 10px;
    display: block;
}
.cf-container textarea {
	min-height: 180px;
    height: 180px;
	max-height: 70vh;
	transition: all .3s, height 0s;
}
.cf-container .politique-conf{
	padding-left: 7px;
	margin-top: -15px;
}
.cf-container .politique-conf input[type="checkbox"]{
	margin-right: 5px;
	width: 14px;
    height: 14px;
}
.cf-container .politique-conf span,
.cf-container .politique-conf span a{
	font-size: 13px;
    margin-top: 0;
    margin-bottom: 5px;
}
.cf-container input[type="submit"]{
	 margin: 0 auto;
    display: block;
    border-radius: 50px;
    border: 2px solid #1e82c5;
    background: #1e82c5;
    color: #fff;
    padding: 12px 36px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
	transition: .3s;
}
.cf-container input[type="submit"]:hover,.cf-container input[type="submit"]:focus{
	color: #1e82c5;
	background-color: #fff;
	outline: none;
}

.cf-container h4{
	margin: 30px 0 10px 0;
}


@media ( min-width: 768px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media ( max-width: 768px ) {
	.cf-container .order-m-1{
		order: 1!important;
	}
	.cf-container .order-m-2{
		order: 2!important;
	}

	.cf-container .order-m-3{
		order: 3!important;
	}
	.cf-container .order-m-4{
		order: 4!important;
	}
	.cf-container .order-m-5{
		order: 5!important;
	}
}

/*HEADER-------------*/

header #main-nav.elementor-sticky--active #logo .elementor-widget-container,
header #main-nav #logo .elementor-widget-container img{
    transition: .3s;
}

header #main-nav.elementor-sticky--active #logo .elementor-widget-container{
    margin: 0;
    padding: 0;
}

header #main-nav.elementor-sticky--active #logo .elementor-widget-container img{
    height: 62px;
    margin: -7px 0;
    width: auto;
}

header i.icon.elementskit-submenu-indicator{
	margin-right: -10px;
}

ul#menu-menu-principal li.elementskit-megamenu-has .elementskit-megamenu-panel{
	transition: .25s;
}

#menu-mobile nav ul li.menu-item-has-children li a{
	background: #f4f7f8;
}
#menu-mobile nav ul li.menu-item-has-children a:hover{
	color: inherit;
}
#menu-mobile nav ul li.menu-item-has-children li a.elementor-item-active{
	background: var(--e-global-color-primary);
}
#menu-mobile nav ul li.menu-item-has-children.current-menu-ancestor > a{
	background: var(--e-global-color-primary)!important;
	color: #fff!important;
	fill: #fff!important;
}

/*ELEMENTS GENERAUX-------------*/

body{
	overflow-x: hidden;
}

.cky-revisit-bottom-left {
    bottom: 25px!important;
}

span.txt-vert{
	color: var( --e-global-color-50c1176 );
}

a.tile-w-link:hover .elementor-widget-icon .elementor-widget-container{
    background-color: var(--e-global-color-secondary);
}

a.tile-w-link .tile-w-link-title p{
    transition: .3s;
}
a.tile-w-link:hover .tile-w-link-title p{
    color: var(--e-global-color-secondary);
}

.articles-recents-loop h3 a{
	transition: .3s;
}
.articles-recents-loop h3 a:hover{
	color: #B01129!important;
}

/*ARTICLE - SINGLE POST*/

/*cta*/
.article-cta-img figure{
    width: 100%;
}
.article-cta-img img{
    max-height: 280px;
    object-fit: cover;
    width: 100%;
	border-radius: 25px;
}
.article-cta-btn{
    margin-top: -28px !important;
    margin-bottom: 30px !important;
}
.article-cta-btn a{
    box-shadow: 0 0 18px 4px rgb(0 0 0 / 5%);
    border-bottom: 3px solid #00344A;
    width: 280px;
	transition: .3s;
}
.article-cta-btn a:hover{
    border-bottom-color: #B01129;
    color: #B01129!important;
}

/*contenu*/
#article-contenu ul{
	margin-bottom: 30px;
}
#article-contenu ul li {
    margin-bottom: 10px;
}
#article-contenu ul li::marker {
	color: #00344a;
}#article-contenu ul li ul {
    margin-top: 10px;
}
#article-contenu p{
	margin-bottom: 30px;
}

#article-contenu h2,
#article-contenu h3,
#article-contenu h4{
	color:#00344a
}

.lire-aussi{
	background: #f4f7f8;
	gap: 0;
}

.lire-aussi .titre{
	display: flex;
    justify-content: center;
    align-items: center;
	border-left: 2px solid #1e82c5;
	padding: 20px 0;
}
.lire-aussi .titre h6{
	margin: 0;
    text-transform: uppercase;
    font-size: 16px;
	line-height: 16px;
    font-weight: 600;
}
.lire-aussi .lien{
	display: flex;
	justify-content: left;
    align-items: center;
}
.lire-aussi .lien p{
	margin: 0!important;
	padding: 20px 0;
}
.lire-aussi .lien p a{
	font-size: 16px;
    line-height: 16px;
}

/*POLITIQUE DES COOKIES-------------*/
a#cookie-btn {
    background: #95c11f;
    padding: 10px 25px;
    border-radius: 50px;
    border: 2px solid #95c11f;
	color: #fff;
	transition: .3s;
}
a#cookie-btn:hover {
    background: #fff;
    color: #95c11f;
	cursor: pointer;
}
.cky-btn-revisit-wrapper{
	z-index: 999!important;
}

/*FOOTER-------------*/

#footer-curve{
    background-size: 100% 100%;
}

#mentions-footer ul{
    justify-content: space-between;
}






/*----------------------*/
/*----- RESPONSIVE -----*/
/*----------------------*/


@media screen and (max-width:1024px) {
    /*FOOTER-------------*/
    #footer-curve{
        background-size: auto 100%;
    }
	
	/*GENERAL*/
	#dernieres-actus .elementor-loop-container .elementor.post:last-child{
		display: none;
	}
}


@media screen and (max-width:782px){
	/*article single actualité*/
	.lire-aussi{
		border-left: 2px solid #1e82c5;
		padding: 0 0 0 15px;
	}
	.lire-aussi .titre{
		border-left: none;
		justify-content: left;
		padding: 20px 0 10px 0;
	}
	.lire-aussi .titre h6{
		font-size: 14px;
	}
	.lire-aussi .lien{
		padding: 0 0 15px 0;
	}
	.lire-aussi .lien p{
		padding: 0;
	}
}

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

    /*HEADER-------------*/
    .topbar-icons li{
        margin-top: 5px !important;
        margin-bottom: 7px !important;
    }

    /*FOOTER-------------*/
    #mentions-footer ul li{
        width: 100%;
        margin: 10px 0;
    }
	
}






















































/***********************************API**********************************/


/************AVIS DE DECES SHORT *******************/

.avis-short-table{
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0 30px;
}

.avis-short-table td{
	border:none;
	vertical-align: middle;
	padding: 25px 25px 25px 25px;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(even)>td{
	background-color: #F8F7F5!important;
	border-bottom: 3px solid #00344A;
}


.avis-row{
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.05);
	border-radius: 25px 25px 0 0;
}



.avis-short-table .avis-photo img{
	width: 100%;
	height: 8vh!important;
	object-fit: cover!important;
	border-radius:15px;
}

.avis-btn-link a {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-primary);
    border-radius: 50px 50px 50px 50px;
    padding: 12px 20px 12px 20px;
	transition: .3s;
}

.avis-btn-link a:hover {
	color: var(--e-global-color-primary);
	background-color: #F8F7F5;
}

.avis-short-table h1 {
	font-family:var(--e-global-typography-06caaf2-font-family);
    font-size: var(--e-global-typography-06caaf2-font-size);
    font-weight: var(--e-global-typography-06caaf2-font-weight);
    text-transform: var(--e-global-typography-06caaf2-text-transform);
    letter-spacing: var(--e-global-typography-06caaf2-letter-spacing);
}

.avis-short-table h2 {
	font-family: var(--e-global-typography-b797ae6-font-family);
    font-size: var(--e-global-typography-b797ae6-font-size);
    font-weight: var(--e-global-typography-b797ae6-font-weight);
    text-transform: var(--e-global-typography-b797ae6-text-transform);
    letter-spacing: var(--e-global-typography-b797ae6-letter-spacing);
	line-height: var(--e-global-typography-b797ae6-line-height);
}

.avis-short-table h3 {
	font-family:'Century'!important;
    font-size: 21px!important;
	margin:0;
	text-transform: initial!important;
}


.avis-short-table p{
	font-family:var(--e-global-typography-text-font-family);
    font-size:var(--e-global-typography-text-font-size);
    font-weight:var(--e-global-typography-text-font-weight);
    line-height: 1.2;
	margin:0;
}


td:nth-child(1){
	width :10%;
	border-radius: 25px 0 0 0;
}

td:nth-child(2){
	width :35%;
	padding: 0;
}

td:nth-child(3){
	width :20%;
}

td:nth-child(4){
	width :20%;
}

td:nth-child(5){
	width :15%;
	text-align:right!important;
	border-radius: 0 25px 0 0;
}



td:nth-child(3) img, td:nth-child(2) img{
    vertical-align: middle;
	height:25px;
	margin-right:10px;
}

.avis-row #text{
	font-family:var(--e-global-typography-text-font-family)!important;
    font-size:var(--e-global-typography-text-font-size);
    font-weight:var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}


.calendar-section, .pin-section, .phone-section {
    display: flex;
	 align-items: center;
}


/*Barre de recherches*/
#search-results a {
	color: var(--e-global-color-text);
}

div#search-results div {
    background-color: #F8F7F5 ;
}

div #search-results p:hover{
	background-color: #FFF;
}

#search-results p{
	margin:0;
	padding: 20px 30px 20px 30px;
}

#custom-search-form div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

p.search-icon {
    display: inline-block;
    width: 5%;
    border-bottom: 2px solid var(--e-global-color-accent) !important;
    background-color: #F4F3F2;
    padding: 20px 15px 15px 15px;
    margin-bottom: 20px;
}

p.search-icon svg {
    width: 25px !important;
}

input#search-input {
    display: inline-block;
    width: 95%;
}

img#search-icon-img {
    max-width: 25px;
}



/***Pagination*****/

a.page-numbers{
	color : var(--e-global-color-primary)!important ;
	font-family:var(--e-global-typography-4196f9b-font-family)!important;
    font-weight: 600!important;
    text-transform: var(--e-global-typography-4196f9b-text-transform)!important;
	letter-spacing: var(--e-global-typography-4196f9b-letter-spacing)!important;
	padding: 0px 15px 0 15px;
	text-decoration: none;
}

span.page-numbers.current{
	font-weight: 700!important;
	color: var(--e-global-color-accent);
	padding: 0px 15px 0 15px;
}

.prev.page-numbers{
	margin-right:40px;
	color: #000!important;
	padding:0;
	border-bottom : 2px solid var(--e-global-color-accent);
}

.next.page-numbers{
	margin-left:40px;
	color: #000!important;
	padding:0;
	border-bottom : 2px solid var(--e-global-color-accent);
}

.custom_table_pagination, .nav-links {
    text-align: center;
}

.pagination{
	text-align: center;
}

/*******AVIS DECES FICHE PERSO********/


.elementor-shortcode h1 {
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-a97edfe-font-family);
    font-weight: 500;
    font-size: 38px;
}

.elementor-shortcode h2 {
	color: var(--e-global-color-text);
    font-family: 'Century';
    font-size: 32px;
	margin-bottom: 8px;
}


.condolence-details p, .communication-details p, .deceased-maiden-name, .obseques-section p{
	font-family: var(--e-global-typography-a860543-font-family)!important;
	font-size: var(--e-global-typography-a860543-font-size)!important;
	font-weight: var(--e-global-typography-a860543-font-weight)!important;
	margin-bottom: 30px;
}

.elementor-shortcode h3 {
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-4196f9b-font-family), Sans-serif;
    font-size: 18px;
    font-weight: var(--e-global-typography-4196f9b-font-weight);
    line-height: var(--e-global-typography-4196f9b-line-height);
    letter-spacing: var(--e-global-typography-4196f9b-letter-spacing);
    word-spacing: var(--e-global-typography-4196f9b-word-spacing);
	margin: 0;
	text-transform: uppercase;
}

.avis-publication{
	font-family: 'Nunito' !important;
    font-weight: 600 !important;
	color: #94c01f;
}

.elementor-shortcode p{
	font-family:var(--e-global-typography-text-font-family);
    font-weight:var(--e-global-typography-text-font-weight);
	font-size:14px;
}

main#content:has(.deceased-info-section) header.page-header{
	display: none;
}

.deceased-info-section{
	background-color:#fff;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
	padding:45px;
	border-bottom: 4px solid var(--e-global-color-primary);
	margin-top: 45px;
	border-radius: 35px 35px 0 0 ;
}

#content-to-print{
	display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}


.deceased-info-section, .section-50, .communication-section, .recueillement-section, .rassemblement-section, .ceremony-section, .flower-section, .condolence-messages-section {
	width: 1250px;
}

.deceased-photo {
    width: 20%;
}

.deceased-photo img{
	height: 23vh;
    object-fit: cover;
	width:23vh;
	border-radius:35px;
}

.deceased-info{
	margin-left:45px;
	align-self: center;
	width: 70%;
}

.deceased-name{
	margin:0;
	word-break: break-word;
}

.birth-date{
	margin-top:15px;
}

.deceased-info p{
	margin-bottom:5px;
}

.announcement-details, .condolence-section, .communication-details, .funeral-details, .obseques-details{
    text-align: center;
}

.evenements{
    display: flex;
    flex-direction: column;
    align-items: center;
	width:100%;
	row-gap: 50px;
	margin-top:100px;
}

.flower-section{
	background-image: url('https://obseques-en-france.britweb.fr/wp-content/uploads/2024/08/pf_fleurs.jpg') ;
	position: relative;
    height: auto;
    background-size: cover;
    padding: 45px;
	margin-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
	border-radius: 35px;
}

.flower-content{
	color: white;
	display:flex;
	flex-direction : row;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}

.flower-content p{
	text-align: justify;
	margin-bottom: 30px;
}

.flower-content a{
	font-family:var(--e-global-typography-96c4eb9-font-family);
    font-size: var(--e-global-typography-96c4eb9-font-size);
    font-weight: var(--e-global-typography-96c4eb9-font-weight);
    text-transform: var(--e-global-typography-96c4eb9-text-transform);
    letter-spacing: var(--e-global-typography-96c4eb9-letter-spacing);
	color: #FFF;
	background-color: var(--e-global-color-50c1176);
	border: 2px solid var(--e-global-color-50c1176);
	padding: 10px 40px 10px 40px;
	border-radius: 30px;
}

.flower-content a:hover{
	background-color: transparent;
	border: 2px solid var(--e-global-color-50c1176);
	color: var(--e-global-color-50c1176);
}

.flower-content div{
	width: 60%;
}

.flower-content h2{
	padding-bottom: 20px;
	color: #FFF!important;
}


.recueillement-section, .rassemblement-section, .ceremony-section{
    border-bottom: 4px solid var(--e-global-color-primary);
	background-color: #FFF;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 45px 45px 45px 45px;
	align-items: center;
    text-align: center;
	border-radius: 35px 35px 0 0;
}

.communication-section, .section-50{
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	margin-top :100px;
	flex-wrap: wrap!important;
    align-items: stretch;
}

#condolenceSuccess,#condolenceError {
	display:none;
}

.communication-section{
	margin-bottom:0;
}

.announcement-section{
	width: 45%;
}

.communication-details, .funeral-details, .condolence-section, .announcement-section, .obseques-section{
	box-shadow : rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-bottom: 4px solid var(--e-global-color-primary);
	background-color: #fff;
	padding: 45px;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	flex-wrap: wrap;
	width:45%;
	border-radius: 35px 35px 0 0;
}

#print-button, #email-button, #share-button, #funeral-number-button, .condolence-link-see, .condolence-link-deposit {
	width:283px;
	margin-bottom : 10px;
	display: inline-block;
}

#print-button, #email-button, #view-plan-button-ceremony, #view-plan-button-recueillements, #view-plan-button-rassemblement, .condolence-link-see, .obseques-details a{
	background-color: var(--e-global-color-accent)!important;
	border: 2px solid var(--e-global-color-accent);
	border-radius: 40px;
	color: #fff!important;
	font-family:var(--e-global-typography-96c4eb9-font-family)!important;
    font-size: var(--e-global-typography-96c4eb9-font-size);
	padding: 10px 40px 10px 40px;
}

.condolence-link-see:hover,#facebook-button:hover,#linkedin-button:hover, #x-button:hover, .obseques-details a:hover,  #print-button:focus, #email-button:focus, #view-plan-button-ceremony:focus, #view-plan-button-recueillements:focus, #view-plan-button-rassemblement:focus, .condolence-link-see:focus, #facebook-button:focus, #linkedin-button:focus, #x-button:focus, .obseques-details a:focus{
        background-color: #fff !important;
        color:var(--e-global-color-accent);
        transition: ease-in-out 0.3s;
	border: none;
	border-radius: 40px;
}


a.condolence-link-deposit {
	color: white;
}

#openModalButton {
	font-size: 14px;
}

#print-button:hover, #email-button:hover, #view-plan-button-ceremony:hover, #view-plan-button-recueillements:hover, #view-plan-button-rassemblement:hover, .condolence-link-see:hover, .obseques-details a:hover,  #print-button:focus, #email-button:focus, #view-plan-button-ceremony:focus, #view-plan-button-recueillements:focus, #view-plan-button-rassemblement:focus, .condolence-link-see:focus, #facebook-button:focus, #x-button:focus, .obseques-details a:focus{
	border: 2px solid var(--e-global-color-accent)!important;
	color: var(--e-global-color-accent)!important;
	background-color:transparent!important;
}

[type=button]:focus, [type=submit]:focus, button:focus{
	outline:0;
}

.faire-part, .condolence-link-deposit, .share-button, .funeral-number-button{
	border-radius:0;
	border:none;
	background-color: var(--e-global-color-secondary)!important;
	border: 2px solid var(--e-global-color-secondary)!important;
	border-radius:40px;
	color: #fff;
	font-family:var(--e-global-typography-text-font-family);
    font-size: var(--e-global-typography-text-font-family);
	padding: 10px 40px 10px 40px;
}

.faire-part:hover, .condolence-link-deposit:hover, .share-button:hover{
	border: 2px solid var(--e-global-color-secondary)!important;
	color: var(--e-global-color-secondary);
	background-color: transparent!important;
}

.funeral-details h2 {
	width: 380px;
}

.recueillement-date, .rassemblement-date, .ceremony-date{
	margin:0;
}

.receuillement-details, .rassemblement-details, .ceremony-details {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.recueillement-adress, .rassemblement-adress, .ceremony-adress{
	position: relative;
	margin: 0 0 30px 0;
}
.recueillement-adress:after, .rassemblement-adress:after, .ceremony-adress:after{
	content: '';
  	position: absolute;
 	left: 50%;
  	bottom: -15px; 
  	width: 30%;
  	transform: translateX(-50%);
 	height: 2px;
 	background-color:var(--e-global-color-accent);
}

.left-receuillement, .left-rassemblement, .left-ceremony {
    display: flex;
    align-items: flex-end;
}

.left-receuillement h2, .left-rassemblement h2, .left-ceremony h2{
	margin:10px 20px 0px 0px;
}

.left-receuillement p, .left-rassemblement p, .left-ceremony p{
	font-family:var(--e-global-typography-c6f7e7c-font-family);
    font-size: var(--e-global-typography-c6f7e7c-font-size);
    font-weight: var(--e-global-typography-c6f7e7c-font-weight);
    text-transform: var(--e-global-typography-c6f7e7c-text-transform);
    letter-spacing: var(--e-global-typography-c6f7e7c-letter-spacing);
	color : #000C11;
	line-height:31px;
}

#modalShare h2{
	margin-bottom: 10px;
}

.modal-content {
	text-align: center;
}

#modalShare p {
    padding-top: 30px;
}

/************CONDOLEANCES**********/


.condolence-messages-section{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
	margin-bottom: 30px;
    background-color: #FFF;
	border-radius:25px 25px 0 0 ;
	border-bottom: 4px solid var(--e-global-color-primary);
}

.condolence-messages-section p {
	margin:0;
}

#content-to-print .condolence-messages-section:nth-child(2) {
	margin-top: 100px;
}

/********IMPRIM PDF****************/

@media print{
	header, .elementor-location-footer, .condolence-section, .flower-section, .communication-details, .banniere-marbre, #view-plan-button-ceremony, #view-plan-button-recueillements, #view-plan-button-rassemblement{
		display:none;
	}
	
	.section-50, .evenements, .communication-section{
		margin:0;
	}
	
	.communication-details, .funeral-details, .announcement-section, .condolence-section{
		border:none;
	}
	
	
	.ceremony-section, .recueillement-section, .rassemblement-section{
		border : 4px solid var(--e-global-color-accent);
		margin : 0;
		break-inside: avoid;
	}
	
	.deceased-info-section{
		margin-top:50px;
	}
	
	.funeral-details p {
		margin:0;
	}
	
	#funeral-number-button{
		border:0px;
	}
}


/**************AGENCES**************/

/*select ville*/

.select2-container--default .select2-selection--single {
    border: none;
    font-weight: 300;
    color: var(--e-global-color-text);
    padding: -3px 0 20px 0;
    height: 6vh;
    align-content: center;
        border-radius:0;
        background-color: #DBDBDB;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:16px;
}

.select2-container--open .select2-dropdown:nth-child(1) {
  position: absolute;
  z-index: 9999999 !important;
  overflow: auto;
  top: 0 !important;
  max-height: 200px;
  height: 200px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
        background-color: #FFF !important;
        border:none;
    	border-radius: 0;
        color: var(--e-global-color-secondary);
}

#closeChatBoxBack {
        background: var(--e-global-color-primary);
	color: white;
}

#closeChatBoxBack:hover {  
        background: var(--e-global-color-accent);
        color: white;
}


#accept-terms {
        width: 20px;
        padding: 10px 0;
        text-align: center;
        margin-right: 20px;
}

#accept-terms-label {
        display: inline;
}

.error-accept-terms {
        color: rgb(229, 126, 122);
        font-size: 12px;
        margin-top: 5px;
}
 
.acceptTerms {
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        margin-top: 30px;
}
 
.g-recaptcha {
        width: 1000px;
        height: 78px;
        background-color: red;
}
 
.select2-results__option{
        color:  #999;
}

.select2-container{
        padding-bottom:50px;
}

#step-2-radio {
        display: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
        background-color: #212121;
}

/*listing agences*/

.agency-card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin-bottom:100px;
	background-color: #fafafa;
    padding: 35px;
	border-bottom: 3px solid var(--e-global-color-accent);
}

.agency-map{
	margin-bottom: 100px;
}

.agency h2, .agency-map h2{

	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-4196f9b-font-family), Sans-serif;
    font-size: var(--e-global-typography-4196f9b-font-size);
    font-weight: var(--e-global-typography-4196f9b-font-weight);
    line-height: var(--e-global-typography-4196f9b-line-height);
    letter-spacing: var(--e-global-typography-4196f9b-letter-spacing);
    word-spacing: var(--e-global-typography-4196f9b-word-spacing);
}


/*
.text-pin, .text-phone{
	font-family:var(--e-global-typography-text-font-family);
    font-size:var(--e-global-typography-text-font-size);
    font-weight:var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}
*/
.agency-img {
    width: 20%;
}

.agency {
	width: 80%;
	margin-bottom: 25px;
}

img#phone-icon-img {
    width: 24px;
}

img#pin-icon-img{
	width: 28px;
}

.phone-section {
    margin-top: 10px;
	margin-bottom:10px;
}

.pin-icon, .phone-icon, .calendar-icon {
    padding-right: 17px;
    min-width: 40px;
}

.agency-img {
    margin-right: 80px;
}

.agency-img img {
    width: 200px;
    height: 200px;
    object-fit: cover;
}

.agency p{
	text-align: justify;
}

.archive .pf_agency .entete h1 {
    text-align: center;
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-b797ae6-font-family), Sans-serif;
    font-size: var(--e-global-typography-b797ae6-font-size);
    line-height: var(--e-global-typography-b797ae6-line-height);
}

.agency .pin-section{
	margin-bottom: 30px;
}

.agency-link{
	color: #FFF!important;
	background-color: #1e82c5;
	border: 2px solid #1e82c5;
	text-decoration: none!important;
	padding: 12px 20px;
	border-radius: 30px;
	transition: .3s;
}

.agency-link:hover{
	background-color: #fafafa;
	color: #1e82c5!important;
}




/*******AGENCES UNIQUES******/

.pf_agency .page-content{
	margin: 0 2em;
}

.agency-card-single {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 35px 0px 35px;
	align-items: center;
	align-items: center;
}

.agency-map-single {
    margin-top: 150px;
	max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 60px;
	padding: 0 60px;
}

.pf_agency .entete {
    background-image: url(https://obseques-en-france.britweb.fr/wp-content/uploads/2024/08/PF_galerie.jpg);
    background-position: center center;
    background-size: cover;
    display: flex;
    height:300px;
}

.pf_agency.site-main {
    max-width: 100%!important;
}

.pf_agency .page-content {
    max-width: 1250px!important;
    padding-top:150px;
    margin:0 auto;
    position: relative;
}

.single-pf_agency .page-content{
	padding-top:210px;
}


.pf_agency-template-default .agency .pin-section{
	margin:0;
}

.pf_agency-template-default .agency{
	margin:0;
}

.pf_agency .e-con.e-flex>.e-con-inner {
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto;
}
.pf_agency .e-con-full.e-flex, .e-con.e-flex>.e-con-inner {
    flex-direction: var(--flex-direction);
    display:flex;
}
.pf_agency .e-con>.e-con-inner {
    gap: var(--gap);
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding-inline-start: 0;
    padding-inline-end: 0;
    height: 100%;
    background-color: white;
    margin-top:10px;
    margin-bottom:15px;
}
.pf_agency .e-con, .e-con>.e-con-inner {
    display: flex;
}

.pf_agency .first.e-con-inner {
    margin-top: 240px!important;
}

.single-pf_agency .first.e-con-inner{
	margin-top: 175px!important;
}

.pf_agency .e-con-full, .e-con>.e-con-inner {
    text-align: var(--text-align);
    padding-block-start: var(--bc-padding-block-start, var(--padding-block-start));
    padding-block-end: var(--bc-padding-block-end, var(--padding-block-end));
}

.intermed {
    --display: flex;
    --min-height: 180px;
    --justify-content: center;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-width: 0px 0px 3px 0px;
    --border-block-start-width: 0px;
    --border-inline-end-width: 0px;
    --border-block-end-width: 3px;
    --border-inline-start-width: 0px;
    border-color: var(--e-global-color-accent);
    --border-color: var(--e-global-color-accent);
    --margin-block-start: 200px;
    --margin-block-end: -100px;
    --margin-inline-start: 0px;
    --margin-inline-end: 0px;
}

.pf_agency-template-default .pf_agency .entete h1 {
    text-align: left;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-b797ae6-font-family), Sans-serif;
    font-size: var(--e-global-typography-b797ae6-font-size);
    line-height: var(--e-global-typography-b797ae6-line-height);
}


.agency-description p {
	font-family:var(--e-global-typography-text-font-family);
    font-size:var(--e-global-typography-text-font-size);
    font-weight:var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
	text-align: justify;
}

.agency-galery h2, .agency-description h2{
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-4196f9b-font-family), Sans-serif;
    font-size: var(--e-global-typography-4196f9b-font-size);
    font-weight: var(--e-global-typography-4196f9b-font-weight);
    line-height: var(--e-global-typography-4196f9b-line-height);
    letter-spacing: var(--e-global-typography-4196f9b-letter-spacing);
    word-spacing: var(--e-global-typography-4196f9b-word-spacing);
	width:100%;
}

.agency-description{
	margin-bottom: 80px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.agency_description{
	width: 100%;
}

.agency-description-2{
	width:48%;
	border-bottom: 3px solid var(--e-global-color-accent);
	background-color: #F4F3F2;
	padding: 45px;
}

.agency-description div{
	margin-bottom: 50px;
}

.pf_agency-template-default .calendar-section, .pf_agency-template-default .pin-section, .pf_agency-template-default .phone-section, .archive .calendar-section, .archive .pin-section, .archive .phone-section{
	justify-content: left;
}

.agency-icon svg {
	width: 20vh;
}


/*galerie agence*/

.team-photo img, .marble-photo img, .coffin-photo img, .flowers-and-funeral-photo img {
    width: 300px;
    height: 300px;
    object-fit: cover;
	margin-right: 10px;
}

.agency-galery-team-photo, .agency-galery-marble-photo, .agency-galery-coffin-photo, .agency-galery-flowers-and-funeral-photo {
    display: flex;
	flex-wrap: wrap;
	margin-bottom: 90px;
}

/*ERREUR 500*/

.error-500{
	background: #fff;
	border-bottom: 3px solid var(--e-global-color-accent);
    width: 60%;
    padding: 54px;
    text-align: center;
    position: absolute;
    top: -91px;
    margin: auto;
    left: 0;
    right: 0;
	font-family:var(--e-global-typography-b797ae6-font-family);
	font-size: var(--e-global-typography-b797ae6-font-size);
	font-weight: var(--e-global-typography-b797ae6-font-weight);
	text-transform: var(--e-global-typography-b797ae6-text-transform);
	letter-spacing: var(--e-global-typography-b797ae6-letter-spacing);
	color: var(--e-global-color-primary);
}

/*boutons renvoi devis rapide*/

.short-code-quote-btn-open-popin{
	background-color: var(--e-global-color-secondary);
	border: 1px solid var(--e-global-color-primary);
	border-radius: 0;
	color: #fff;
	font-family: var(--e-global-typography-96c4eb9-font-family);
	font-size: var(--e-global-typography-96c4eb9-font-size);
	font-weight: var(--e-global-typography-96c4eb9-font-weight);
	text-transform: var(--e-global-typography-96c4eb9-text-transform);
	letter-spacing: var(--e-global-typography-96c4eb9-letter-spacing);
	padding: 10px 40px 10px 40px;
}

.short-code-quote-btn-open-popin:hover{
	background-color: transparent;
	border: 1px solid var(--e-global-color-accent);
	color: var(--e-global-color-accent);
}




/*cookies*/

.cky-btn-revisit-wrapper {
    background-color: var(--e-global-color-primary)!important;
}


.cky-btn-accept{
	background-color: var(--e-global-color-primary)!important;
	border-color: var(--e-global-color-primary)!important;
}


.cky-btn-reject, .cky-btn-customize, .cky-btn-preferences{
	border-color: var(--e-global-color-primary)!important;
	color: var(--e-global-color-primary)!important;
}


/**************RESPONSIVE**************/

@media (max-width:1400px){
	/*******AVIS DECES FICHE PERSO********/
	.deceased-info-section, .section-50, .communication-section, .recueillement-section, .rassemblement-section, .ceremony-section, .flower-section, .condolence-messages-section  {
		width: 1000px;
	}
	
	.communication-section, .section-50{
		flex-wrap:nowrap;
		row-gap: 50px;
	}
	
	.announcement-section, .condolence-section, .communication-details, .funeral-details,.obseques-section{
		width:100%;
	}
	
	
}


@media (max-width:1390px){

	/***AVIS DE DECES SHORT ***/

	.avis-short-table tbody{
		display: flex;
    	flex-wrap: wrap;
    	justify-content: space-between;
	}

	.avis-row{
		display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
		width:48%;
		margin-bottom: 50px;
		padding: 35px;
        background-color: #F8F7F5 !important;
		border-bottom: 3px solid #00344A;
	}

	table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(even)>td{
		border-bottom: none;
	}
	.avis-short-table td{
		padding:0;
	}

	td:nth-child(1){
		text-align:center;
		width :100%;
	} 

	td:nth-child(2){
		text-align:center;
		width :100%;
	}
	
	td:nth-child(3){
		width :100%;
		padding-bottom:0!important;
		text-align: center!important;
		padding: 0px 40px;
	}

	td:nth-child(4){
		width :100%;
		padding-top:10px!important;
		padding-bottom:0!important;
		text-align: center!important;
	}

	td:nth-child(5){
		width :100%;
		text-align: center!important;
		padding-top: 30px;
        padding-bottom: 13px;
	}
	
	.calendar-section, .pin-section, .phone-section {
		justify-content: center;
	}

	.avis-ceremonie-lieu .pin-section {
        justify-content: center;
	}

	.avis-short-table .avis-photo img{
		width: 16vh;
		height: 16vh !important;
	}


	.avis-intro{
		margin: 25px 0;
	}

.avis-publication{
		margin-bottom:10px!important;
	}

}

@media (max-width:1232px){

/*******AGENCES UNIQUES******/

	.pf_agency .page-content {
		max-width: 90% !important;
	}
}	


@media (max-width:1024px){

	/*****HEADER*****/
	/*NAV*/
	
	.galerie {
		border-right: none;
	}
	
	.ekit_menu_responsive_tablet .elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator{
		border:none;
	}
	
	.elementor-45 .elementor-element.elementor-element-e892d5a .elementskit-navbar-nav .elementskit-submenu-panel {
		margin-bottom: 20px;
	}
	
	
	/*AVIS DE DECES*/
	li#menu-item-962{
		margin: auto;
		margin-bottom : 25px!important;
		margin-top : 30px;
		background-color: var(--e-global-color-accent);
    	display: block;
		height: 46px;
		width: 190px;
	}
	
	li#menu-item-962 a.ekit-menu-nav-link{
		color:#fff;
		padding : 0px 0px 0px 45px ;
	}
	
	
	/*DEVIS RAPIDE*/
	li#menu-item-1465{
		margin: auto;
		margin-bottom : 25px!important;
		background-color: var(--e-global-color-primary);
    	display: block;
		height: 46px;
		width: 190px;
	}
	
	li#menu-item-1465 a.ekit-menu-nav-link{
		color:#fff;
		padding : 0px 0px 0px 45px ;
	}
	
	
	/*ESPACE FAMILLE*/
	li#menu-item-1466{
		margin: auto;
		margin-bottom : 25px!important;
		border: 1px solid var(--e-global-color-primary);
    	display: block;
		height: 46px;
		width: 190px;
	}
	
	li#menu-item-1466 a.ekit-menu-nav-link{
		color:var(--e-global-color-primary);
		padding : 0px 0px 0px 35px ;
	}


	/*Barre de recherches*/

	p.search-icon {
		width: 6%;
	}
		
	input#search-input {
		width: 94%;
	}
		
	p.search-icon{
		padding: 15px 0px 0px 0px;
		text-align: center;
	}


	/***POP IN***/
		
	#votre_nom, #votre_prenom, #code_postal, #ville, #votre_email, #votre_tel {
		width: 100%!important;
	}

	#modal_condolence label {
		margin: 5px 10px;
		text-align: left;
	}

	#modal_condolence div div:nth-child(7), #modal_condolence div div:nth-child(8) {
		display: flex;
	}



	
	/*******AVIS DECES FICHE PERSO********/	
	.deceased-info-section, .section-50, .communication-section, .flower-section, .evenements {
		width: 90%;
	}
	
	.recueillement-section, .rassemblement-section, .ceremony-section, .obseques-section{
		width:100%;
	}
		
	.deceased-photo {
		width: 50%;
		text-align: center;
	}
		
	.deceased-info-section {
		justify-content: center;
		row-gap: 50px;
	}
		
	.deceased-info{
		text-align:center;
		margin:0;
		width:100%;
	}
		
		
	.receuillement-details, .rassemblement-details, .ceremony-details{
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: 20px;
	}
		
	.left-receuillement, .left-rassemblement, .left-ceremony{
		flex-direction: column;
		row-gap: 10px;
		text-align : center;
		align-items: center;
	}
		
	.left-receuillement h2, .left-rassemblement h2, .left-ceremony h2{
		margin:0;
	}
		
	.flower-content{
		flex-direction: column;
		flex-wrap: nowrap;
	}
		
	.flower-content div {
		width: 100%;
		text-align: center;
	}

	/*CONDOLEANCES*/
	.condolence-messages-section{
		width:90%;
	}


	/*AGENCES UNIQUES*/
	.team-photo img, .marble-photo img {
		width: 200px;
		height: 200px;
	}

	.pf_agency .page-content{
		padding-top: 120px;
	}

}


@media (max-width:767px){

	/*****HEADER*****/
	/*NAV*/
	.galerie {
		border-right: none;
	}
	
	.ekit_menu_responsive_tablet .elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator{
		border:none;
	}
	
	.elementor-45 .elementor-element.elementor-element-eb126a9 .elementskit-navbar-nav .elementskit-submenu-panel {
		margin-bottom: 20px;
	}

	
	/*AVIS DE DECES*/
	li#menu-item-1464{
		margin: auto;
		margin-bottom : 25px!important;
		margin-top : 30px;
		background-color: var(--e-global-color-accent);
    	display: block;
		height: 46px;
		width: 190px;
	}
	
	li#menu-item-1464 a.ekit-menu-nav-link{
		color:#fff;
		padding : 0px 0px 0px 45px ;

	}
	
	/*DEVIS RAPIDE*/
	li#menu-item-1465{
		margin: auto;
		margin-bottom : 25px!important;
		background-color: var(--e-global-color-primary);
    	display: block;
		height: 46px;
		width: 190px;
	}
	
	li#menu-item-1465 a.ekit-menu-nav-link{
		color:#fff;
		padding : 0px 0px 0px 45px ;
	}
	
	
	/*ESPACE FAMILLE*/
	li#menu-item-1466{
		margin: auto;
		margin-bottom : 25px!important;
		border: 1px solid var(--e-global-color-primary);
    	display: block;
		height: 46px;
		width: 190px;
	}
	
	li#menu-item-1466 a.ekit-menu-nav-link{
		color:var(--e-global-color-primary);
		padding : 0px 0px 0px 35px ;
	}
	


	/***AVIS DE DECES SHORT ***/

	.avis-row{
		width:100%;
	}


	/*pagination*/
	.prev.page-numbers{
		margin-bottom: 20px;
		margin-right:0;
	}
		
	.next.page-numbers{
		margin-top: 20px;
		margin-left:0;
	}
		
	.custom_table_pagination, .nav-links {
		text-align: center;
		display: grid;
		justify-content: center;
	}

	


	/*Barre de recherches*/
	p.search-icon {
		width: 20%;
	}
		
	input#search-input {
		width: 79%;
	}
		
	p.search-icon{
		padding: 15px 0px 0px 0px;
		text-align: center;
	}


	
	/*******AVIS DECES FICHE PERSO********/

	#print-button, #email-button, #share-button, #funeral-number-button, .condolence-link-see, .condolence-link-deposit{
		width: 100%;
	}

	
	.funeral-details h2 {
		width: auto;
	}
	
	.deceased-photo {
    	width: 80%;
	}


	/**************AGENCES**************/
	.agency-card, .agency-card-single{
		display:flex!important;
		flex-direction: column!important;
		width:100%
	}
	
	.agency, .agency-img {
    	width: 100%;
		margin-right:0;
	}
	
	.phone-section, .pin-section {
        justify-content: flex-start;
	}
	
	.agency:after{
		margin-top: 40px;
	}
	
	.agency-img img {
    	height: 200px;
	}

	/*******AGENCES UNIQUES******/
	.agency, .agency-img {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
		
		.agency-map-single {
		margin-top: 300px;
		padding: 0 25px;
	}

	.single-pf_agency .first.e-con-inner{
		margin-top: 200px!important;
	}

	.pf_agency .e-con>.e-con-inner{
		margin-top: 30px;
		margin-bottom: 35px;
	}

	.pf_agency .page-content{
		padding-top: 125px;
	}

	.single-pf_agency .page-content{
		padding-top: 450px;
	}

	.agency-img{
		padding:20px;
	}

	.team-photo, .marble-photo, .team-photo img, .marble-photo img, .coffin-photo img, .flowers-and-funeral-photo img, .coffin-photo, .flowers-and-funeral-photo {
		width: 100%;
	}

	.agency-map-single {
        margin-top: 90px;
    }

	.agency-description-2{
		width:100%;
	}

	.pf_agency-template-default .calendar-section, .pf_agency-template-default .pin-section, .pf_agency-template-default .phone-section, .archive .calendar-section, .archive .pin-section, .archive .phone-section{
		justify-content:center;
	}

	.pf_agency-template-default .pf_agency .entete h1{
		text-align: center;
	}

}

@media (max-width: 575px) {
	
	/*******AGENCES UNIQUES******/
	body:not([class*=elementor-page-]) .site-main {
		padding-inline-start: 0px;
        padding-inline-end: 0px;
	}

	.single-pf_agency .page-content{
		padding-top: 480px;
	}

}