/*
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
*/


/*************** REGLES GÉNÉRALES ****************/
@import url('https://fonts.googleapis.com/css2?family=Passion+One&display=swap');



/*************** REGLES GÉNÉRALES ****************/

.fil-ariane{
    margin-top: 15px;
    margin-bottom: -30px;
}
.fil-ariane,
.fil-ariane a{
	color: #fff;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 300;
    letter-spacing: 0.25px;
}
.fil-ariane span > span{
	margin: 0 5px;
}

.post-type-archive-pf_agency .fil-ariane{
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.single-pf_agency .fil-ariane{
	max-width: 1250px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

main#content {
    margin-top: -20px;
}

h3.avis-nom{
	color : var(--e-global-color-primary)!important;
}

h2.elementor-heading-title{
	margin-bottom: 25px;
}
.bloc-or:after {
    content: "";
    background-color: var(--e-global-color-accent);
    width: 20%;
    height: 2px;
    align-self: self-end;
    margin-top: 20px;
}

.ekit-template-content-header{
	position: sticky!important;
    width: 100%;
    top: 0;
	z-index: 1000;
}

.elementor-widget-icon-list .elementor-icon-list-item > a {
    font-size: 12.5px!important;
}

/***HEADER***/

.avis-de-deces a{
	background-color : var(--e-global-color-text)!important;
	color: var(--e-global-color-primary)!important;
	border-radius: 30px;
	padding-left:25px!important;
	padding-right:25px!important;
	margin-right: 20px!important;
	width:auto;
}


.avis-de-deces a:hover{
	background-color : var(--e-global-color-primary)!important;
	color: var(--e-global-color-text)!important;
	border-radius: 30px!important;
}

/*****************************ACCUEIL************************/

/****BUTTONS****/

.elementor-element-c9a2b30 div.elementor-widget-button {
	width: 190px;
}
.elementor-element-c9a2b30 div.elementor-widget-button a {
	width: 100%;
}

/****AVIS*****/

#avis-client{
	position:relative;
}

p.elementskit-commentor-coment:after{
    position: absolute;
    content: "“";
    right: 167px;
    top: 183px;
    font-size: 150px;
    font-family: "Passion One", sans-serif;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #adadad;
}




/**************GALERIE****************/
.gallery-item img {
    height: 340px;
    width: 500px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    object-fit: cover;
}

.elementor-lightbox .elementor-lightbox-item{
	margin-top: 60px;
}

.swiper-zoom-container{
	width: 80%;
	height: 80%;
}

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


@media (max-width: 767px){

	/****AVIS*****/

#avis-client{
	position:relative;
}

p.elementskit-commentor-coment:after{
    position: absolute;
    content: "“";
    right: 0px;
    top: 120px;
    font-size: 100px;
    font-family: "Passion One", sans-serif;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #adadad;
}
}

/************************CONTACT********************************/

#short-contact-form p:nth-child(1), #short-contact-form p:nth-child(2), #short-contact-form p:nth-child(3), #short-contact-form p:nth-child(4){
	width: 48%;
    display: inline-block;
}

div#short-contact-form p:nth-child(1), div#short-contact-form p:nth-child(3){
	margin-right: 3%;
}

#short-contact-form input[type=email], #short-contact-form input[type=text], #short-contact-form select, #short-contact-form textarea, #short-contact-form input[type=date], #short-contact-form input[type=tel]{
	background-color: white;
	color: #000;
}


input[type=email], input[type=text], select, textarea, input[type=date], input[type=tel]{
	width: 100%;
	border:none;
	border-radius: 0px;
    padding: 0.5rem 1rem;
    transition: all .3s;
	background-color: white;
	font-weight: 300;
	padding: 15px;
    margin-bottom: 20px;
	outline : none;
	font-size : 14.5px;
	color: #757575;
}

input[type=submit] {
    background-color: var(--e-global-color-primary);
    color: #fff;
	border: none;
	border-radius: 0;
	font-family: Dosis ;
	text-transform : uppercase;
	letter-spacing: 2px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 35px;
    text-align: center;
	width: 150px;
    height: 45px;
}

input[type=submit]:hover {
    background-color: var(--e-global-color-text);
	color: var(--e-global-color-primary);
}

a.politique-lien{
	color: var(--e-global-color-accent);
}

select {
	color: #676767;
}

.checkbox-contact {
	font-family : var(--e-global-typography-text-font-family);
	font-size: 12.5px;
	font-weight : 400;
	color: #7f7f7f;
}


/***********************************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;
}

.avis-row{
	border-radius: 0px;
}

.avis-intro{
	border-radius: 40px 0 0 40px;
}

.avis-btn-link{
	border-radius: 0;
}


table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(even)>td{
	background-color:  var(--e-global-color-secondary)!important;
}

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

.avis-publication{
    font-size: 13px!important;
	margin-bottom: 0;
	font-family:var(--e-global-typography-25be552-font-family)!important;
    font-weight: var(--e-global-typography-25be552-font-weight)!important;
    text-transform: var(--e-global-typography-25be552-text-transform)!important;
    letter-spacing: var(--e-global-typography-25be552-letter-spacing)!important;
	color: var(--e-global-color-primary)!important;
}

.avis-btn-link a {
	font-family:var(--e-global-typography-1d434ba-font-family);
    font-size: var(--e-global-typography-1d434ba-font-size);
    font-weight: var(--e-global-typography-1d434ba-font-weight);
    text-transform: var(--e-global-typography-1d434ba-text-transform);
    letter-spacing: var(--e-global-typography-1d434ba-letter-spacing);
	text-decoration:none;
	color: #FFF;
	background-color: var(--e-global-color-primary);
	padding : 15px 20px 15px 20px;
	border-radius: 40px;
}

.avis-btn-link a:hover {
	color: var(--e-global-color-primary);
	background-color: var(--e-global-color-text);
	transition: 0.3s ease-in-out;
}

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

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

.avis-short-table h3 {
	font-family:var(--e-global-typography-25be552-font-family)!important;
    font-size: var(--e-global-typography-25be552-font-size)!important;
    font-weight: var(--e-global-typography-25be552-font-weight)!important;
    text-transform: var(--e-global-typography-25be552-text-transform)!important;
    letter-spacing: var(--e-global-typography-25be552-letter-spacing)!important;
	color: var(--e-global-color-text)!important;
	margin:0;
}


.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: var(--e-global-typography-text-line-height);
	color: var(--e-global-color-text);
	margin:0
}

/*sur-titre {
	font-family:var(--e-global-typography-69584a9-font-family);
    font-size: var(--e-global-typography-69584a9-font-size);
    font-weight: var(--e-global-typography-69584a9-font-weight);
    text-transform: var(--e-global-typography-69584a9-text-transform);
    letter-spacing: var(--e-global-typography-69584a9-letter-spacing);
	color : var(--e-global-color-primary);
}*/

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

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

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

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

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

td:nth-child(5){
	width :15%;
	text-align:right!important;
}

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: var(--e-global-color-secondary) ;
	border-radius:40px;
	padding: 30px;
}

div #search-results p:hover{
	background-color: var(--e-global-color-accent);
}

#search-results p{
	margin:0;
	padding:20px;
	border-radius:40px;
}

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

p.search-icon {
    display: inline-block;
    width: 5%;
    background-color: var(--e-global-color-secondary);
    padding: 20px 15px 15px 15px;
    margin-bottom: 20px;
	border-radius : 0;
}

input#search-input {
    display: inline-block;
    width: 95%;
	background-color: var(--e-global-color-secondary);
	border-radius : 0;
}

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

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

/*****/




/***Pagination*****/

a.page-numbers{
	color: var(--e-global-color-text)!important ;
	font-family:var(--e-global-typography-211b835-font-family)!important;
    font-weight: 400!important;
    text-transform: var(--e-global-typography-211b835-text-transform)!important;
	letter-spacing: var(--e-global-typography-211b835-letter-spacing)!important;
	padding: 0px 15px 0 15px;
}

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

.prev.page-numbers{
	margin-right:40px;
	color: #fff!important;
	padding: 10px 20px 10px 20px;
	background-color: var(--e-global-color-primary);
	border-radius:40px;
	font-family:var(--e-global-typography-d0b2cda-font-family)!important;
    font-size: var(--e-global-typography-d0b2cda-font-size)!important;
    font-weight: var(--e-global-typography-d0b2cda-font-weight)!important;
    text-transform: var(--e-global-typography-d0b2cda-text-transform)!important;
    letter-spacing: var(--e-global-typography-d0b2cda-letter-spacing)!important;

}

.next.page-numbers{
	margin-left:40px;
	color: #fff!important;
	padding: 10px 20px 10px 20px;
	background-color: var(--e-global-color-primary);
	border-radius:40px;
	font-family:var(--e-global-typography-d0b2cda-font-family)!important;
    font-size: var(--e-global-typography-d0b2cda-font-size)!important;
    font-weight: var(--e-global-typography-d0b2cda-font-weight)!important;
    text-transform: var(--e-global-typography-d0b2cda-text-transform)!important;
    letter-spacing: var(--e-global-typography-d0b2cda-letter-spacing)!important;
}

.prev.page-numbers:hover, .next.page-numbers:hover{
	background-color: var(--e-global-color-accent);
}

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

.pagination{
	text-align: center;
}

/*********/




/************AVIS DECES FICHE PERSO**********/
.condolence-messages-content h3{
    font-family:var(--e-global-typography-25be552-font-family)!important;
    font-size: var(--e-global-typography-25be552-font-size)!important;
    font-weight: var(--e-global-typography-25be552-font-weight)!important;
    text-transform: var(--e-global-typography-25be552-text-transform)!important;
    letter-spacing: var(--e-global-typography-25be552-letter-spacing)!important;
	margin:0;
	color : var(--e-global-color-text)!important;
	}

.elementor-shortcode h1 {
	font-family:var(--e-global-typography-60a073f-font-family);
    font-size: var(--e-global-typography-60a073f-font-size);
    font-weight: var(--e-global-typography-60a073f-font-weight);
    text-transform: var(--e-global-typography-60a073f-text-transform);
    letter-spacing: var(--e-global-typography-60a073f-letter-spacing);
	color : var(--e-global-color-text);
}

.elementor-shortcode h2 {
	font-family:var(--e-global-typography-b30aa41-font-family);
    font-size: var(--e-global-typography-b30aa41-font-size);
    font-weight: var(--e-global-typography-b30aa41-font-weight);
    text-transform: var(--e-global-typography-b30aa41-text-transform);
    letter-spacing: var(--e-global-typography-b30aa41-letter-spacing);
	line-height: var(--e-global-typography-b30aa41-line-height);
	color : var(--e-global-color-text);
}

.elementor-shortcode h3 {
	font-family:var(--e-global-typography-25be552-font-family);
    font-size: var(--e-global-typography-25be552-font-size);
    font-weight: var(--e-global-typography-25be552-font-weight);
    text-transform: var(--e-global-typography-25be552-text-transform);
    letter-spacing: var(--e-global-typography-25be552-letter-spacing);
	margin:0;
	color : var(--e-global-color-primary);
}

.elementor-shortcode 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);
	color: var(--e-global-color-text);
}

.deceased-info-section{
	background-color:var(--e-global-color-secondary);
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
	padding:45px;
	margin-top: -150px;
	margin-bottom:100px;
}

#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-content, .condolence-messages-section {
	width: 1250px;
}

.deceased-photo {
    width: 20%;
}

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

.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{
	background-color:var(--e-global-color-secondary);
    padding: 100px 45px 100px 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
	width:100%;
	row-gap: 50px;
}

.flower-section{
	background-image: url('https://pf-semaille.britweb.fr/wp-content/uploads/2024/03/pf_fleurs.jpg') ;
	position: relative;
    height: auto;
    background-size: cover;
    padding: 45px;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
	width:100%;
}

.flower-content{
	display:flex;
	flex-direction : row;
	justify-content: space-between;
	align-items: center;
}

.flower-content a{
	font-family:var(--e-global-typography-d0b2cda-font-family)!important;
    font-size: var(--e-global-typography-d0b2cda-font-size)!important;
    font-weight: var(--e-global-typography-d0b2cda-font-weight)!important;
    text-transform: var(--e-global-typography-d0b2cda-text-transform)!important;
    letter-spacing: var(--e-global-typography-d0b2cda-letter-spacing)!important;
	padding : 15px 20px 15px 20px;
	color: #FFF;
	background-color: var(--e-global-color-primary);
	border-radius:40px;

}

.flower-content a:hover{
	background-color: #FFF;
	color: var(--e-global-color-primary);
}


.flower-content p{
	color:#fff;
	margin:0;
}

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

.flower-content h3{
	padding-bottom: 20px;
	color: #FFF!important;
	 font-family:var(--e-global-typography-a58294f-font-family)!important;
    font-size: var(--e-global-typography-a58294f-font-size)!important;
    font-weight: var(--e-global-typography-a58294f-font-weight)!important;
    text-transform: var(--e-global-typography-a58294f-text-transform)!important;
    letter-spacing: var(--e-global-typography-a58294f-letter-spacing)!important;
	margin:0;
}

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


.recueillement-section, .rassemblement-section, .ceremony-section{
	background-color: var(--e-global-color-03e52f7);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 45px 45px 45px 45px;
	align-items: center;
    text-align: center;
}

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

#condolenceSuccess,#condolenceError {
	display:none;
}

.section-50{
	margin-top:0!important;
}

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

.announcement-section{
	width: 45%;
}

.communication-details, .funeral-details, .condolence-section, .announcement-section, .obseques-section{
	background-color:var(--e-global-color-secondary);
	padding: 45px;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	flex-wrap: wrap;
	width:45%;
}

#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, #facebook-button, #x-button, .obseques-details a{
	background-color: var(--e-global-color-primary)!important;
	border: none;
	border-radius:40px;
	color: #fff;
		font-family:var(--e-global-typography-d0b2cda-font-family);
    font-size: var(--e-global-typography-d0b2cda-font-size);
    font-weight: var(--e-global-typography-d0b2cda-font-weight);
    text-transform: var(--e-global-typography-d0b2cda-text-transform);
    letter-spacing: var(--e-global-typography-d0b2cda-letter-spacing);
	padding : 15px 20px 15px 20px;
}

#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,#facebook-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, #x-button:focus, .obseques-details a:focus{
	background-color: #fff !important;
	color:var(--e-global-color-accent);
	transition: ease-in-out 0.3s;
}

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

.faire-part, .condolence-link-deposit, .share-button, .funeral-number-button{
	border-radius:40px;
	background-color: var(--e-global-color-accent);
	border:none;
	color: #fff;
	font-family:var(--e-global-typography-d0b2cda-font-family);
    font-size: var(--e-global-typography-d0b2cda-font-size);
    font-weight: var(--e-global-typography-d0b2cda-font-weight);
    text-transform: var(--e-global-typography-d0b2cda-text-transform);
    letter-spacing: var(--e-global-typography-d0b2cda-letter-spacing);
	padding : 15px 20px 15px 20px;
}

.faire-part:hover, .condolence-link-deposit:hover, .share-button:hover, .faire-part:focus, .condolence-link-deposit:focus, .share-button:focus{
	color: #fff;
	background-color:var(--e-global-color-primary)!important;
}

.funeral-number-button:hover, .funeral-number-button:focus{
	background-color: var(--e-global-color-accent);
}

.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-primary);
}

.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-25be552-font-family)!important;
    font-size: var(--e-global-typography-25be552-font-size)!important;
    font-weight: var(--e-global-typography-25be552-font-weight)!important;
    text-transform: var(--e-global-typography-25be552-text-transform)!important;
    letter-spacing: var(--e-global-typography-25be552-letter-spacing)!important;
	color: var(--e-global-color-primary)!important;
	margin-bottom: 5px;;
}

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

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


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

/************PREVOYANCE*************/
@media (max-width: 767px) {
	img.wp-image-1970 {
		height: 100% !important;
	}
}


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


.condolence-messages-section{
    padding: 30px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    background-color:var(--e-global-color-secondary);
	margin-bottom : 30px;
}

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

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




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

@media print{
	.ekit-template-content-footer, .ekit-template-content-header, .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;
	}


	.ceremony-section, .recueillement-section, .rassemblement-section{
		border : 2px solid var(--e-global-color-primary);
		margin : 0;
		break-inside: avoid;
	}

	.deceased-info-section{
		margin-top:50px;
	}

	.funeral-details p {
		margin:0;
	}


}




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

/*select-villes*/

.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: white;
}

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

/*.select2-dropdown{
	background-color: white;
	border: none;
    position: absolute;
    bottom: 2px;
    padding-top:20px;
	z-index:9999999!important;
}*/

.select2-container--open .select2-dropdown {
  position: absolute;
  z-index: 9999999 !important;
  background: white;
  overflow: auto;
  top: 0;
}

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

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

#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: var(--e-global-color-secondary);
    padding: 35px;
	align-items: center;
}

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

.agency h2, .agency-map h2{
		font-family:var(--e-global-typography-b30aa41-font-family);
    font-size: var(--e-global-typography-b30aa41-font-size);
    font-weight: var(--e-global-typography-b30aa41-font-weight);
    text-transform: var(--e-global-typography-b30aa41-text-transform);
    letter-spacing: var(--e-global-typography-b30aa41-letter-spacing);
	line-height: var(--e-global-typography-b30aa41-line-height);
	color : var(--e-global-color-primary);
}

.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);
	color: var(--e-global-color-text)
}

.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: 10px;
	min-width:31px;
}

.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;
}

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

.agency-link{
	font-family:var(--e-global-typography-d0b2cda-font-family)!important;
    font-size: var(--e-global-typography-d0b2cda-font-size)!important;
    font-weight: var(--e-global-typography-d0b2cda-font-weight)!important;
    text-transform: var(--e-global-typography-d0b2cda-text-transform)!important;
    letter-spacing: var(--e-global-typography-d0b2cda-letter-spacing)!important;
	color: #FFF;
	background-color: var(--e-global-color-primary);
	padding: 15px 20px 15px 20px ;
}

.agency-link:hover{
	background-color: #fff;
	color: var(--e-global-color-primary);
}


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

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



/*******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;
}

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

.pf_agency .entete {
    background-image: url(https://pf-etoiles-3.britweb.fr/wp-content/uploads/2024/08/pf_agence.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;
}

.e-con-inner a.e-child {
    justify-content: flex-end;
	padding-bottom: 30px;
}

.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: transparent;
    margin-top:10px;
    margin-bottom:15px;
}

.pf_agency-template-default .pf_agency .e-con>.e-con-inner{
	background-color: var(--e-global-color-secondary);
	height: auto;
}

.pf_agency .e-con, .e-con>.e-con-inner {
    display: flex;
}

.pf_agency .first.e-con-inner {
    margin-top: 90px!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));
}


.pf_agency .entete h1 {
    text-align: left;
    font-family: var(--e-global-typography-60a073f-font-family), Sans-serif;
    font-size: var(--e-global-typography-60a073f-font-size);
    font-weight: var(--e-global-typography-60a073f-font-weight);
    text-transform: var(--e-global-typography-60a073f-text-transform);
    line-height: var(--e-global-typography-60a073f-line-height);
    letter-spacing: var(--e-global-typography-60a073f-letter-spacing);
    word-spacing: var(--e-global-typography-60a073f-word-spacing);
	color: var(--e-global-color-text);
}

.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;
	color: var(--e-global-color-text);
}

.agency-galery h2, .agency-description h2{
	font-family:var(--e-global-typography-b30aa41-font-family);
	font-size: var(--e-global-typography-b30aa41-font-size);
	font-weight: var(--e-global-typography-b30aa41-font-weight);
	text-transform: var(--e-global-typography-b30aa41-text-transform);
	letter-spacing: var(--e-global-typography-b30aa41-letter-spacing);
	line-height: var(--e-global-typography-b30aa41-line-height);
	color : var(--e-global-color-primary);
	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%;
	background-color: var(--e-global-color-secondary);
	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;
}


/*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-6a0ffd9-font-family);
	font-size: var(--e-global-typography-6a0ffd9-font-size);
	font-weight: var(--e-global-typography-6a0ffd9-font-weight);
	text-transform: var(--e-global-typography-6a0ffd9-text-transform);
	letter-spacing: var(--e-global-typography-6a0ffd9-letter-spacing);
	color: var(--e-global-color-primary);
}

/*boutons renvoi devis rapide*/



.iframe-div {
	background: none;
	a.elementor-button {
		background: var(--e-global-color-primary);
		width: 290px;
		margin-left: calc(50% - 145px);
	}
}

.short-code-quote-btn-open-popin{
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
	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;
	width:100%;
}

.short-code-quote-btn-open-popin:hover{
	background-color: var(--e-global-color-text);
	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;
}


.cky-cookie-audit-table td{
	color:var(--e-global-color-text)!important;
}


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

@media (max-width:1400px){
	.deceased-info-section, .section-50, .communication-section, .recueillement-section, .rassemblement-section, .ceremony-section, .flower-content, .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, .flower-section{
		width:100%;
	}

}

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

@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: var(--e-global-color-secondary) !important;
	}

	.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;
		border-radius: 0!important;
	}

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


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

}

@media (max-width: 1366px){

	/*HEADER*/
	.elementskit-navbar-nav-default .elementskit-navbar-nav>li {
    	position: relative;
    	width: auto;
    	text-align: center;
	}

	ul#menu-menu-desktop-right{
		justify-content: flex-end!important;
	}
}

@media (max-width:1232px){

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

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


@media (max-width: 1024px){


	/*NAV*/

	ul#menu-menu-principal li {
		width: 100%;
	}

	.elementor-22 .elementor-element.elementor-element-839c148 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
		border: none;
	}


	.scrolling #menu .elementskit-menu-hamburger-icon{
		background-color: #000!important;
	}

	.elementskit-navbar-nav-default .elementskit-navbar-nav>li {
		position: relative;
		width: auto;
		text-align:left;
	}


	.elementor-17 .elementor-element.elementor-element-ff9f0d8 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
		border: none;
	}

	.elementskit-navbar-nav-default .elementskit-navbar-nav>li {
    position: relative;
    width: auto;
	text-align:left;
	}

	li#menu-item-537 {
    margin-bottom: 47px;
	}



	/*AVIS DE DECES NAV*/

	.avis-de-deces a{
		margin: auto!important;
		margin-bottom : 25px!important;
		background-color: var(--e-global-color-primary)!important;
    	display: block!important;
		border-radius : 25px!important;
		height: auto!important;
		width: 190px!important;
		text-align: center !important;
		color: var(--e-global-color-text)!important;
	}

	.avis-de-deces a:hover{
		background-color: var(--e-global-color-text)!important;
		color :var(--e-global-color-primary)!important;
	}


	/*ESPACE FAMILLE*/
	.espace-famille a{
		margin: auto!important;
		margin-bottom : 25px!important;
		border: 1px solid var(--e-global-color-text)!important;
    	display: block!important;
		border-radius : 25px!important;
		height: auto!important;
		width: 190px!important;
		text-align: center !important;
	}

	.espace-famille a:hover{
		background-color: var(--e-global-color-accent)!important;
		border: 1px solid var(--e-global-color-accent)!important;
		color :var(--e-global-color-text)!important;
	}


	/*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***/
	#select_civilite, #select_pays {
		width: 100%;
	}

	#votre_nom, #votre_prenom, #code_postal, #ville {
		width: 49%;
	}



	/*******AVIS DECES FICHE PERSO********/
	.deceased-info-section, .section-50, .communication-section, .flower-content {
		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){

				/********NAV*********/


	ul#menu-menu-principal li {
	width: 100%;
	}

	.elementor-22 .elementor-element.elementor-element-839c148 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
		border: none;
	}

	.scrolling #menu .elementskit-menu-hamburger-icon{
	background-color: #000!important;
}

	.elementskit-navbar-nav-default .elementskit-navbar-nav>li {
    position: relative;
    width: auto;
	text-align:left;
}

	/*AVIS DE DECES*/
	li#menu-item-393{
		margin: auto;
		margin-bottom : 25px!important;
		margin-top : 30px;
		background-color: var(--e-global-color-accent);
    	display: block;
		border-radius : 25px;
		height: 46px;
		width: 190px!important;
	}

	li#menu-item-393 a.ekit-menu-nav-link{
		color:#fff;
		padding : 0px 0px 0px 45px ;

	}

	/*DEVIS RAPIDE*/
	li#menu-item-394{
		margin: auto;
		margin-bottom : 25px!important;
		background-color: var(--e-global-color-primary);
    	display: block;
		border-radius : 25px;
		height: 46px;
		width: 190px!important;
	}

	li#menu-item-394 a.ekit-menu-nav-link{
		color:#fff;
		padding : 0px 0px 0px 45px ;
	}


	/*ESPACE FAMILLE*/
	li#menu-item-395{
		margin: auto;
		margin-bottom : 25px!important;
		border: 1px solid var(--e-global-color-primary);
		border-radius : 25px;
    	display: block;
		height: 46px;
		width: 190px!important;
	}

	li#menu-item-395 a.ekit-menu-nav-link{
		color:var(--e-global-color-primary);
		padding : 0px 0px 0px 35px ;
	}