/*
Theme Name: Rivesaltes
Description: Theme de la Mairie de Rivesaltes
Author: Pixinfy
Author URI: www.pixinfy.com
Template: Divi
Version: 1.0
*/



/* ============================================================   MENUS   ======================================================================== */
/* --------------------------------------------------------------------------------------------- */
/* --------                        MENU ITEMS UNDERLINE ON HOVER                      ---------- */
/* --------------------------------------------------------------------------------------------- */
.menu-items a {
	position: relative;
	color: #000;
	text-decoration: none;
}
.menu-items a:hover {
	color: #9d6651;
}
.menu-items a::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #9d6651;
	transform: scaleX(0);
	transition: transform 0.3s ease;
}
.menu-items a:hover::before {
	transform: scaleX(1);
}


/* --------------------------------------------------------------------------------------------- */
/* --------                      MENU ITEM "MON PROFIL" BUTTON STYLING                   ---------- */
/* --------------------------------------------------------------------------------------------- */
/* "MON PROFIL" ITEM STYLING */
/* Full background */
@media (min-width:981px){
	.item-monprofil a { margin-top: -30px; }
}
.item-monprofil a {
	background-color: #9d6651;
	padding-top: 30px;
	padding-right: 30px !important;  
	padding-left: 40px !important;
	border-radius: 0px;
	color: #ffffff !important;
	text-align: center;
	border-bottom: 8px solid #9d6651;
}

/* Icon */
.item-monprofil > a:before {
    font-family: 'ETMODULES';
    content: '\e08a'; 
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #ffffff;
    font-size: 1em;
    transition: all .3s ease;
}



/* --------------------------------------------------------------------------------------------- */
/* --------                        MEGA MENU STYLING                                  ---------- */
/* --------------------------------------------------------------------------------------------- */
/* REMOVE DOWN ARROW ON TOP MENU ELEMENTS FOR DROPDOWN */
#top-menu .menu-item-has-children > a:first-child:after, 
#et-secondary-nav .menu-item-has-children > a:first-child:after { 
	content: "\33"; 
} 

/* FONT AND PADDINGS STYLING */
#top-menu li a {
    font-size: 17px !important;
	padding-bottom: 10px !important;
}
#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
    padding-right: 30px;
    padding-left: 30px;
}
#top-menu li li a {
    padding: 4px 5px 4px 0px !important; 
}
.et_mobile_menu li a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}


/* TOP MENU AND CATEGORIES COLORED LINES */
@media (min-width:981px){
.item-vert { border-bottom: 8px solid #d7d7a2; }
.item-dore { border-bottom: 8px solid #d7a227 }
.item-agly { border-bottom: 8px solid #99ccff }
.item-rubis { border-bottom: 8px solid #b12038 }
}

/* REMOVES SEARCH ITEM */
#et_top_search {display: none;}


/* BREAKPOINTS DEPENDING ON SCREEN WIDTH */
@media only screen and (max-width: 1299px) {
	#et-top-navigation nav > ul > li > a {
  		font-size: 16px !important;
	}
	#top-menu li {
		padding-right: 12px;
	}
}
@media only screen and (max-width: 1110px) {
	#et-top-navigation nav > ul > li > a {
  		font-size: 15px !important;
	}
	#top-menu li {
		padding-right: 10px;
	}
}
@media only screen and (max-width: 1040px) {
	#et-top-navigation nav > ul > li > a {
  		font-size: 14px !important;
	}
	#top-menu li {
		padding-right: 8px;
	}
}


/* --------------------------------------------------------------------------------------------- */
/* --------                         MOBILE MENU STYLING                               ---------- */
/* --------------------------------------------------------------------------------------------- */
/* Remove space between logo and hamburger menu */
.et_pb_image_1_tb_header {
    text-align: left;
    margin-left: 0;
    margin-bottom: 0 !important;
}

/* Change the hamburger icon to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
 	content: '\4d';
}

/* Collapsing Nested Menu Items */
/* See on Divi Theme Options > Integrations > Add code to the body */




/* ======================================================================   HOME PAGE   ================================================================= */
/* --------------------------------------------------------------------------------------------- */
/* --------                        BOUTONS BLOCS RAPIDES STYLING                      ---------- */
/* --------------------------------------------------------------------------------------------- */
/* Responsive Styles Desktops */
@media all and (min-width: 981px)  {
	.bloc-rapide {
		display: flex;
		justify-content: center;
		column-gap: 10px;
	}
}
/* Responsive Styles Tablet Only */
@media all and (min-width: 768px) and (max-width: 980px) {
	.bloc-rapide {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 20px;
	}
}
/* Not displayed on mobiles */


/* --------------------------------------------------------------------------------------------- */
/* --------                         BLURBS "MON PROFIL" STYLING                       ---------- */
/* --------------------------------------------------------------------------------------------- */
/* DESKTOPS */
.mon-profil img {
	height: 80px !important;
	width: auto;
	margin-bottom: -10px !important;
}
.mon-profil h4 {
	text-align: center !important;
	color: #ffffff !important;
	font-weight: 400 !important;
}


/* TABLETS AND MOBILES */
.monprofil-ul-links:hover  h4  {
    text-decoration: underline;
}
.monprofil-ul-links .et-waypoint:hover {
	opacity:0.5;
}


/* --------------------------------------------------------------------------------------------- */
/* --------                     SLIDERS DU  FIL D'INFORMATIONS                        ---------- */
/* --------------------------------------------------------------------------------------------- */
/* Slides description : No animation */
.et-pb-active-slide .et_pb_slide_description {
	animation-name: none !important;
	opacity: 1 !important;
}





/*-------------------------------------------------------------------------------------------------------------------------------------------------PARTIE A VIRER */
/* --------------------------------------------------------------------------------------------- */
/* --------                      AJOUT GRAPPE-ASTERISQUE AUX TITRES                   ---------- */
/* --------------------------------------------------------------------------------------------- */
h2.tiitre-hp-grappe::after { 
	content: url(https://www.rivesaltes.net/wp-content/uploads/2022/03/asterisque-site.png);
	position: absolute; 
	left: -3px;
	top: 10px;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------FIN DE PARTIE A VIRER */



/* ===========================================   SPECIFIC TEXTS - TITLES - QUOTES - UL/OL -  HEADERS - TOGGLES  ================================================= */

/* --------------------------------------------------------------------------------------------- */
/* --------                              TEXT DECORATIONS                             ---------- */
/* --------------------------------------------------------------------------------------------- */
/* Titres de paragraphes h2 avec souligné de couleur par catégorie */
.vert h2 {
	border-bottom: 2px solid #d7d7a2 !important;
	margin-bottom: 22px;
}
.dore h2 {
	border-bottom: 2px solid #d7a227 !important;
	margin-bottom: 22px;
}
.agly h2 {
	border-bottom: 2px solid #99ccff !important;
	margin-bottom: 22px;
}
.rubis h2 {
	border-bottom: 2px solid #b12038 !important;
	margin-bottom: 22px;
}
.blanc h2 {
	border-bottom: 2px solid #ffffff !important;
	margin-bottom: 22px;
}
.bleu-fonce h2 {
	border-bottom: 2px solid #00407d !important;
	margin-bottom: 22px;
}


/* --------------------------------------------------------------------------------------------- */
/* --------                              UNORDERED LISTS                              ---------- */
/* --------------------------------------------------------------------------------------------- */
.vert ul , .dore ul , .agly ul , .rubis ul , .bleu-fonce ul {
	margin-top: -15px !important; 
	list-style-type: square;
	margin-left: 50px !important;
	font-weight: 400;	
}

/* --------------------------------------------------------------------------------------------- */
/* --------                              ORDERED LISTS                                ---------- */
/* --------------------------------------------------------------------------------------------- */
.vert ol , .dore ol , .agly ol , .rubis ol , .bleu-fonce ul {
	margin-top: 5px !important; 
	margin-left: 50px !important;
	font-weight: 400;	
	list-style-position: outside;
}



/* --------------------------------------------------------------------------------------------- */
/* --------                                BLOCK QUOTES                               ---------- */
/* --------------------------------------------------------------------------------------------- */
/* Indentation generale */
blockquote { 
	margin: 0px 0px 20px 45px !important;   /* top right bottom left */
	padding: 10px 10px 10px 18px;           /* top right bottom left */
	background-color: #F5F1F3;
}

/* Couleurs personnalisées*/
.vert blockquote { border-left: 8px solid #d7d7a2 !important; } 
.dore blockquote { border-left: 8px solid #d7a227 !important; }
.agly blockquote { border-left: 8px solid #99ccff !important; }
.rubis blockquote { border-left: 8px solid #b12038 !important; }
.bleu-fonce blockquote { border-left: 8px solid #00407d !important; }



/* --------------------------------------------------------------------------------------------- */
/* --------               IN PAGE 360 DISABLES SCROLLING UNTIL CLICKED                ---------- */
/* --------------------------------------------------------------------------------------------- */
/* Overlay block */
.inpage360 {
	width: 100%;
}

/* iFrame itself */
.inpage360 iframe {
	width: 100%;   /* Fullwidth iframe */
	display: block;
	position: relative;
	pointer-events: none;    /* Disable actions with mouse completely */
}
.inpage360 iframe.clicked {
	pointer-events: auto;    /* Enable mouse actions again */
}


/* --------------------------------------------------------------------------------------------- */
/* --------                               PROJECTS PUBLISH DATE                       ---------- */
/* --------------------------------------------------------------------------------------------- */
/* TEXTES DATES EN INVERSE VIDEO couleur terre */
.pa-callout-2 {
	display: inline-block !important;
    color: #ffffff !important;
  	background-color: #9d6651 !important;
  	font-size: inherit;
  	padding: .2em .4em;
  	border-radius: 1px;
  	margin: 0 6px 0 0;
}


/* --------------------------------------------------------------------------------------------- */
/* --------                        PAGES PHOTO HEADERS HEIGHT                         ---------- */
/* --------------------------------------------------------------------------------------------- */
@media (max-width: 980px) {    /* Phone - Tablets */
	.pixinfy-header-container {
		height: 320px;		
	}
	.pixinfy-header-image.et_pb_fullwidth_image img {
		max-width: 100%; 
  		height: 320px !important;
  		width: auto !important;
  		object-fit: cover !important;
	}
}
@media (min-width: 981px) {    /* Desktops */
	.pixinfy-header-container {
		height: 545px;		
	}
	.pixinfy-header-image.et_pb_fullwidth_image img {
		max-width: 100%; 
  		height: 545px !important;
  		width: auto !important;
  		object-fit: cover !important;
	}
}

/* --------------------------------------------------------------------------------------------- */
/* --------                               TOGGLES STYLING                             ---------- */
/* --------------------------------------------------------------------------------------------- */
/* ---------------------   INCREASES ALL TOGGLES CLIQUABLE AREA   ------------------------- */
/*remove the default padding from the toggle*/
.et_pb_toggle {
	padding: 0 ;
}
/*add the padding back to the title instead*/
.et_pb_toggle .et_pb_toggle_title {
	padding: 20px!important;
}
/*adjust padding for the icon to restore orginal position*/
.et_pb_toggle .et_pb_toggle_title:before {
	padding-right: 20px!important;
}
/*add the padding back to the open toggle content*/
.et_pb_toggle .et_pb_toggle_content {
	padding: 0 20px 20px 20px!important;
}

/* --------------------   PAGE MAIRE ET ELUS - TOGGLES DES DELEGATIONS  ---------------- */
/* Puces à l'intérieur des toggles */
.vert ul, .dore ul, .agly ul, .delegation ul, .rubis ul {
	margin-top: 1px !important; 
	list-style-type: square;
	margin-left: 10px !important;
	font-size: 16px;
	font-weight: 400;	
}
/* Textes à l'intérieur des toggles */
.vert.et_pb_toggle, .dore.et_pb_toggle, .agly.et_pb_toggle, .rubis.et_pb_toggle {
	font-size: 16px;
	font-weight: 400;	
}

/* Toggles Vert */
.vert.et_pb_toggle { border: 1px solid #d7d7a2; }

/* Toggles Doré */
.dore.et_pb_toggle { border: 1px solid #d7a227; }

/* Toggles Agly */
.agly.et_pb_toggle { border: 1px solid #99ccff; }

/* Toggles Délégations */
.delegation.et_pb_toggle { border: 1px solid #99ccff; }

/* Toggles Rubis */
.rubis.et_pb_toggle { border: 1px solid #b12038; }



/* =================================================================   STANDARD   ============================================================================ */
/* --------------------------------------------------------------------------------------------- */
/* --------                Vertical align on-the-left blurbs                          ---------- */
/* --------------------------------------------------------------------------------------------- */
.vertical-align-blurb .et_pb_blurb_container {
	vertical-align: middle;
}

.vertical-align-blurb.et_pb_blurb h4 {
   	padding-bottom: 0;
}

/* --------------------------------------------------------------------------------------------- */
/* --------                           IMAGE GALLERY STYLING                           ---------- */
/* --------------------------------------------------------------------------------------------- */
/* DO NOT SHOW TITLE AND XofY */
.mfp-title { display: none !important; }
.mfp-counter { display: none !important; }

/*  For Tooltips removal, see Theme options > Integration > Head  */


/* ADAPTS NUMBER OF COLUMNS TO BE DISPLAYED */
/** Desktop **/
@media (min-width: 981px){
	.col-width .et_pb_gallery_item {
		width: 25% !important; /*four columns*/
		clear: none !important; }
}
 
/** Tablet **/
@media (max-width: 980px){
	.col-width .et_pb_gallery_item {
		width: 25% !important; /*four columns*/
		clear: none !important; }
}
 
/** Small Tablet and Large Phone **/
@media (max-width: 767px){
	.col-width .et_pb_gallery_item {
		width: 33.33% !important; /*three columns*/
		clear: none !important; }
}
 
/** Phone **/
@media (max-width: 479px){
	.col-width .et_pb_gallery_item {
		width: 50% !important; /*two columns*/
		clear: none !important; }
}


/* --------------------------------------------------------------------------------------------- */
/* --------                 LIENS UNDERLINED ON HOVER  (ON DEMAND CLASS)              ---------- */
/* --------------------------------------------------------------------------------------------- */
.ul-links a:hover {
	text-decoration: underline !important;
}


/* --------------------------------------------------------------------------------------------- */
/* --------                           FIX "JUMPING" HEADER                            ---------- */
/* --------------------------------------------------------------------------------------------- */
@media screen and (min-width: 981px) {
  	#page-container {
    	padding-top: 61px !important; 
 	 }
	.admin-bar #main-header {
    	top: 32px !important; 
 	}
} 
 

/* --------------------------------------------------------------------------------------------- */
/* --------                                      FOOTER STYLING                       ---------- */
/* --------------------------------------------------------------------------------------------- */
/* Remove thin white line below footer */
.et_pb_section_0_tb_footer.et_pb_section {
    padding-top: 25px;
    padding-bottom: 10px !important;
    margin-bottom: 0px !important;
    background-color: #252525 !important;
}

/* Remove unexpected 10px space below skyline */
.et_pb_section_0_tb_footer.et_pb_section {
    padding-bottom: 0px !important;
}


/* --------------------------------------------------------------------------------------------- */ 
/* -----------------             BLOG GRID STYLING                          -------------------- */
/* --------------------------------------------------------------------------------------------- */
/* BUTTON STYLING */
.riv-blog a.more-link {
    font-size: 14px;
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important;
    color: #000000 !important;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 20px !important;
    float: none;
    display: inline-block;
    padding: 4px 10px 3px 10px !important;
    border-radius: 0px;
    background-color: #ffffff; 
    border: 1px solid #9D6651;
}
.riv-blog a.more-link:hover {
    color: #ffffff !important;
	background-color: #9D6651;
}

/* SPACING BETWEEN ITEMS */
.riv-blog .et_pb_post {
	margin-bottom: 35px !important;
}
.riv-blog .et_pb_blog_grid .et_pb_post {
	padding: 20px !important;
}


/* --------------------------------------------------------------------------------------------- */ 
/* -----------------          BLOG SIDEBAR LIST STYLING                     -------------------- */
/* --------------------------------------------------------------------------------------------- */
/*set the image width*/
.blog-sidebar-list .entry-featured-image-url {
	width: 80px;
	float: left;
	margin-bottom: 0!important;
}

/*set the text width*/
.blog-sidebar-list .entry-title,
.blog-sidebar-list .post-meta {
	width: calc(100% - 100px);
	float: left;
	padding-left: 20px;
}

/*make the image square*/
.blog-sidebar-list .entry-featured-image-url {
	padding-top: 80px;
	display: block;
}

.blog-sidebar-list .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

/*adjust the spacing and add a border between the posts*/
.blog-sidebar-list .et_pb_post:not(:last-child) {
	border-bottom: 1px solid #dddddd!important;
	padding-bottom: 20px !important;
	margin-bottom: 20px !important;
}



/* --------------------------------------------------------------------------------------------- */ 
/* -----------------       BLOG POST SPACE BEFORE HEADER WAS TOO LARGE     -------------------- */
/* --------------------------------------------------------------------------------------------- */
.et_pb_post {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important; 
}


/* --------------------------------------------------------------------------------------------- */
/* --------                     TEXT AND HEADINGS FORMATTING                          ---------- */
/* --------------------------------------------------------------------------------------------- */
/* Partie à reprendre, j'ai dû mettre un bouton pour que ça fonctionne... */
.heading__category {
    background-color: #e31820;
    display: inline-block;
    margin: 0 0 2.5rem;
    padding: .8rem 2.5rem .4rem;
    color: #fff;
    font-size: 1.6rem;
}
/* Fin de partie à reprendre */

/* Test default font weight definition for paragraph */
p {
  font-weight: 300;
}

/* Vertical align text with icons */
.vertical-align-icon-text {
	display : inline;
  	vertical-align : middle;
}

/* p Text font weight */
p { font-weight: 400; } 



/* --------------------------------------------------------------------------------------------- */
/* --------                           CO-MARQUAGE STYLING                             ---------- */
/* --------------------------------------------------------------------------------------------- */
/* No footer */
 * #comarquage #co-footer  { 
       display: none; 
} 

#comarquage #co-page .co-breadcrumb {
    display: none;    /* Vire les breadcrumbs */
}

#comarquage #co-page .date {
    display: none;    /* Vire la date de vérification du dossier */
	}
	
#comarquage #co-page .news-cat span {
    display: none;     /* Vire le mot "dossier"  */
	}
	
/* #comarquage.espace-part #co-page h1, #comarquage.espace-part #co-page h2, #comarquage.espace-part #co-page h3 { 
/*    color: #006699;     /* Couleur titres harmonisée avec le site */
/*	}  
	
/* #comarquage #co-page h1 {      Titres harmonisés avec le site  */
/*    margin: 0 0 .5em; */
/*    padding-right: .5em; */
/*    font-size: 26px; */
/*    font-weight: 700; */
/*    font-family: inherit; */
/*	} */

.fiche-comarquage #comarquage #co-bar {
    display: none;     /* Vire en plus la barre de recherche seulement sur la page d'affichage d'une fiche spécifique */
	}


/* --------------------------------------------------------------------------------------------- */
/* --------                 SYNCBIRD WIDGET INTEGRATION STYLING                       ---------- */
/* --------------------------------------------------------------------------------------------- */
.synbird-body { 
    margin: 0px !important;
    padding: 0px 0px 60px 0px !important;
    background-color: white !important;
    box-shadow: none !important;
}
.synbird-breadcrumb {
   /* display: none !important; */
}
.synbird-footer {
    display: none !important;
}



/* ======================================================================   GRAVITY FORMS   ===================================================================== */
/* --------------------------------------------------------------------------------------------- */
/* --------                             GRAVITY FORMS STYLING                         ---------- */
/* --------------------------------------------------------------------------------------------- */
/* Removes text "tous les champs marqués sont obligatoires" */
.gform_required_legend {
   	display: none;
}

/* Consent GDPR text */
.gfield_consent_label {
	font-weight: 300;
	font-size: 16px;
}

/* Submit Buttons */
.gform_button.button {
    background-color: #FFFFFF !important;
	color: #000000 !important;
    border-width: 1px !important;
    border-color: #9D6651;
    border-radius: 0px;
    letter-spacing: 0px;
    font-size: 14px;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; 
	font-weight: 500 !important;
    text-transform: uppercase !important;
    padding-top: 4px !important;
    padding-right: 10px !important;
    padding-bottom: 3px !important;
    padding-left: 10px !important;
}
.gform_button.button:hover {
    color: #FFFFFF !important;
 	font-weight: 500 !important;
    background-color: #9D6651 !important;
}


/* ======================================================================   FLOW FLOW   ===================================================================== */
/* --------------------------------------------------------------------------------------------- */
/* --------                  FLOW-FLOW LOAD MORE BUTTON STYLING                       ---------- */
/* --------------------------------------------------------------------------------------------- */
.ff-loadmore-wrapper .ff-btn {
  	border-radius: 0px !important;
  	border: solid 1px #9D6651 !important;
  	font-size: 15px;
  	color: #000000 !important;
	padding: 4px 10px 3px 10px !important;
  	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important;
  	font-weight: 500 !important;
  	text-transform: uppercase !important;
  	background-color: transparent !important; 
}
.ff-loadmore-wrapper .ff-btn:hover {
  	color: #ffffff !important;
  	border-radius: 0px;
  	background-image: initial !important;
  	background-color: #9D6651 !important;
}



/* ======================================================================   SPECIFIC OVERLAYS   ===================================================================== */
/* CTA Homepage */
.riv-overlay::after {      /* Overlay au dessus de l'image ou de la video */
    content: "";
    background-color: rgba(0,64,125,0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.riv-overlay .et_pb_promo_description {   /* Remets le titre au dessus de l'overlay */
	z-index: 99;
}
.riv-overlay:before {
	content: '' !important; 
  	position:absolute !important; 
  	top:0 !important; 
  	left:0 !important; 
  	height:100% !important; 
  	width:0% !important; 
  	background: #ffffff70 !important; 
  	transition: all 0.3s !important; 
	z-index: 8;
}
.riv-overlay:hover:before {
 	background: #ffffff70 !important; 
	width:100% !important; 
	z-index: 8;
}



/* ======================================================================   PAGES CHAPEAU   ===================================================================== */
/* ENSURES IMAGE ZOOMS WITHIN FRAME */
.vignette-navigation img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -ms-transform: scale(1.00);
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}
.vignette-navigation {
    overflow: hidden;
    width: 100%;
    /*position: relative;*/
    z-index: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
} 

/* IMAGE ZOOM ON HOVER */
.vignette-navigation:hover img {
    -ms-transform: scale(1.20) !important;
    -webkit-transform: scale(1.20) !important;
    transform: scale(1.20) !important;
    -webkit-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); 
    -moz-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); 
    -o-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); 
    transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); /* custom */
}

/* IMAGE OVERLAY ON HOVER + TEXT LINK */
.vignette-navigation .et_pb_image_wrap {
	/* background: rgba(140,198,63,0.65);   couleur du fond révélé au hover*/
}
.vignette-navigation.et_pb_blurb .et_pb_main_blurb_image {
	/* min-width: 130px; max-width: 130px; */
	margin-bottom: 12px !important;
}
.vignette-navigation h4 {
	text-align: center !important;
}
.vignette-navigation:hover  h4  {
    text-decoration: underline;
}
.vignette-navigation .et-waypoint:hover, 
.vignette-navigation:hover .et-waypoint {
	opacity:0.65;
}




/* ================================================================   MODERN EVENT CALENDAR   =================================================================== */
/* --------------------------------------------------------------------------------------------- */
/* --------                     SINGLE EVENT PAGE DISPLAY                             ---------- */
/* --------------------------------------------------------------------------------------------- */
/* SUPPRESSION DE TOUS LES CADRES */
.mec-single-event .mec-events-meta-group-booking, .mec-single-event .mec-frontbox {
      border: none;
}

/* AJOUT D'UNE BORDER A GAUCHE (sauf pour les partages sociaux */
.mec-single-event-date  {
    border-color: #9d6651 !important;
    border-left: 5px solid;
}
.mec-single-event-time {
    border-color: #9d6651 !important;
    border-left: 5px solid;
}
.mec-single-event-location {
    border-color: #9d6651 !important;
    border-left: 5px solid;
}
.mec-event-cost {
    border-color: #9d6651 !important;
    border-left: 5px solid;
}
.mec-single-event-organizer {
    border-color: #9d6651 !important;
    border-left: 5px solid;
}
.mec-single-event-category {
    border-color: #9d6651 !important;
    border-left: 5px solid;
}
.mec-event-more-info {
    border-color: #9d6651 !important;
    border-left: 5px solid;
}

/* SUPPRESSION DES WIDGETS "search" "commentaires" ET "recent articles" COLONNE DE DROITE */
.widget_search input {display: none !important} 
.et_pb_widget.widget_recent_entries {display: none !important}
h4.widgettitle {display: none !important} 

/* AUGMENTATION DE LA TAILLE DE LA RIGHT COLUMN */
.mec-single-event .mec-events-meta-group-booking, .mec-single-event .mec-frontbox {
    padding: 5px 5px;
}

/* RIGHT COLUMN TEXTS STYLING */
.mec-start-date-label , .mec-events-abbr , .author.fn.org , .mec-events-event-cost  {
	font-size: 16px !important;
	font-weight: 600 !important;
}
.mec-single-event .mec-event-meta .mec-events-address .mec-address, .mec-single-event .mec-event-meta .mec-location-opening-hour span, .mec-single-event .mec-event-meta .mec-location-url span {
	font-size: 14px;
}


/* TITLE STYLING */
.mec-wrap .mec-single-title {
     text-transform: uppercase;
	 font-family: BR Candor SemiBold,sans-serif;
     font-size: 48px;
     font-weight: 600;
     text-align: center;
	 color: #333333 !important;
     background-color: rgba(157,102,81,0.5) !important; 
     padding: 15px;
     margin-bottom: 0px;
	 margin-top: -9px;
}
.mec-single-event .mec-event-content {
    padding: 0px;
    margin-bottom: 10px;
}

/* BREADCRUMBS STYLING */
.mec-event-content .breadcrumbs p {
	font-size: 17px !important;
}

/* MAIN TEXT STYLING */
.mec-event-content p , .mec-wrap p {
    font-family: Roboto,sans-serif;
	font-size: 18px !important;
    font-weight: 400 !important;
	line-height: 28.8px;
	color: #131313;
}

/* BLOCKQUOTES STYLING */
.mec-blockq blockquote { 
	margin: 0px 0px 0px 0px !important;         /* top right bottom left */
	padding: 10px 10px 10px 18px;    /* top right bottom left */
	background-color: #F5F1F3;
	border-left: 8px solid #9d6651 !important;
}
.mec-blockq blockquote p { margin: 0px 0px 0px 0px !important; }
.mec-blockq blockquote { border-left: 8px solid #9d6651 !important; }

/* DIMINUTION DE L'ESPACE APRES LE CONTENU */
.mec-single-event .mec-events-content {
  margin-bottom: 0px !important;
}


/* --------------------------------------------------------------------------------------------- */
/* --------                       HOME PAGE CARROUSEL STYLING                         ---------- */
/* --------------------------------------------------------------------------------------------- */
/* REMOVES CAROUSSEL ARROWS BORDER */
.mec-owl-theme .owl-nav [class*="owl-"]  {border: none !important}

/* ITEMS BORDER STYLING */
.event-carousel-type2-head {
	border: 1px solid #b5b5b5;
}

/* DECREASE PADDING AROUND CAROUSEL ITEMS */
.mec-event-article .event-carousel-type2-head {
	padding: 11px;
	margin-right: -1px;
}

/* REMOVES "sharing" ICON */
.mec-event-sharing-wrap {display: none}

/* DATE, TIME AND TITLE STYLING */
.event-carousel-type2-head .mec-event-carousel-content-type2 .mec-event-date-info {
    font-size: 16px;
    color: #777777;   /* #b12038; */
    font-weight: 600;
}
.event-carousel-type2-head .mec-event-carousel-content-type2 .mec-time-details span {
    font-size: 16px !important;
    color: #777777 !important;
    font-weight: 600 !important;
}
.mec-event-carousel-title {
	font-size: 22px !important;
	font-weight: 600 !important;
}
.mec-event-carousel-title:hover {
	text-decoration: underline;
}

/* ADDS "calendar" AND "clock" ICONS */
.event-carousel-type2-head .mec-event-carousel-content-type2 .mec-event-date-info::before {
	font-family: 'ETMODULES';
    content: '\e023   ';      
}
.event-carousel-type2-head .mec-event-carousel-content-type2 .mec-time-details::before {
	font-family: 'ETMODULES';
    content: '\7d   '; 
	color: #b12038 !important;
	font-size: 16px;
	font-weight: bold;
}

/* BUTTON "voir" STYLING */
.mec-booking-button {
  	border-radius: 0px !important;
  	border: solid 1px #9D6651 !important;
  	font-size: 15px !important;
  	color: #000000 !important;
	height: 36px !important;
	padding: 9px 15px 9px 15px !important;
  	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important;
  	font-weight: 500 !important;
  	text-transform: uppercase !important;
  	background-color: transparent !important; 
}
.mec-booking-button:hover {
  	color: #ffffff !important;
  	border-radius: 0px;
  	background-image: initial !important;
  	background-color: #9D6651 !important;
}

/* CARROUSEL HEIGHT */
/* @media(min-width: 1024px) {   */
/* .mec-event-article .event-carousel-type2-head { min-height: 555px !important; } */
/* } */


/* --------------------------------------------------------------------------------------------- */
/* --------                  PAGES "Agenda Culturel" ET "Agenda Sportif"              ---------- */
/* --------------------------------------------------------------------------------------------- */
.mec-event-footer {
	border-top: none !important;
}
.mec-event-footer .mec-booking-button {
	line-height: 24px;
}
.mec-event-grid-clean .mec-event-article {
	border: 1px solid #b5b5b5;
	margin-bottom: 0px;
}
.mec-event-grid-clean .mec-event-title {
	text-transform: initial;
	font-size: 22px;
	font-weight: 600 !important;
}
.mec-grid-event-location {
	margin-bottom: 0px !important;
}
h4.mec-event-title:hover {
	text-decoration: underline;
}