/*
 Theme Name:   Potenza Child
 Theme URI:    https://www.cssigniter.com/ignite/themes/potenza/
 Description:  Potenza Child Theme
 Author:       CSSIgniter
 Author URI:   https://www.cssigniter.com/ignite/
 Template:     potenza
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  potenza-child
*/

/* Load fonts */
	@font-face {
	    font-family: Nuckle;  
	    src: url(./fonts/Nuckle-Light.ttf);  
	    font-weight: 300;  
	}
	@font-face {
	    font-family: Nuckle;  
	    src: url(./fonts/Nuckle-Regular.ttf);  
	    font-weight: 400;  
	}
	@font-face {
	    font-family: Nuckle;  
	    src: url(./fonts/Nuckle-Semibold.ttf);  
	    font-weight: 600;  
	}
	@font-face {
	    font-family: Nuckle;  
	    src: url(./fonts/Nuckle-Bold.ttf);  
	    font-weight: 800;  
	}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
    padding-left: 4px;
}


/******* PLATFORM DEPENDENT STYLES *************/

/* Réduit la taille du menu sur moyens écrans */
@media (max-width: 1600px) {
	.navigation > li > a {
		padding: 3px 10px 2px!important;
		font-size: 20px!important;
	}
}
@media (max-width: 1367px) {
	.navigation > li > a {
		padding: 3px 4px 2px!important;
		font-size: 18px!important;
	}
}
@media (min-width: 1367px) {
	.textwidget.custom-html-widget {
    width: 73%!important;
	}
	.container {
		width: 74%!important;
	}
}
@media (min-width: 1200px) {
	.container {
    	width: 1260px; }
	
	.video-embed {
		width: 100%!important;
  		margin: auto;
	}
}
/* Mettre galeries sur 1 colonne sur petits écrans */
@media (max-width: 1023px){
	.gallery-row, .gallery-group, .tiled-gallery-item, .tiled-gallery-item img {
		width: 100% !important;
		height: auto !important; 
	}
}
/* Taille sidebar */
@media (min-width: 992px) {
    .col-md-offset-1 {
        margin-left: 1%;     }
	.col-md-3 {
   		width: 32%; 
	}
}
@media (min-width: 768px) {
/*	.header.stuck {
    	position: relative; */
	}
	.header.shrunk {
    	padding: 10px 0;
	}
}
/***** Ipads / mini *****/
@media (max-width: 991px) {
/* Bandeau */
	section#custom_html-2 {
    	margin: -10px 0 -6px;
	}
	.section-title {
    	font-size: 24px;
	}
/* Style tables responsive */
	table.responsive {
		display:block;
		overflow-x: auto;
	}
	table.responsive td, table.responsive th {
		width: 100%!important;
		display:inline-block;
	}
}
@media (max-width: 600px) {
	/* Navigation */
	.breadcrumbs {
		font-size: 1em!important;
}
	/* Bandeau */F
	#ci-custom-content-2 .widget-wrap {
    	background-image: url(https://levesinetaucoeur.com/wp-content/uploads/2025/11/Bandeau-Stephanie-mobile-V3.jpg)!important;
	}
	/* Marges - titres */
	.section-title {
    	font-size: 20px!important;
		padding-bottom: .5em!important;
	}
	.textwidget.custom-html-widget {
    	width: 96%!important;
    	margin: 0 auto 20px auto!important;
		left: 0!important;
    	font-size: 16px!important;
		padding-left: 0px;
	}
	/* Sidebar comptes-rendus & fil actu */
	#custom_html-5 .textwidget.custom-html-widget, #custom_html-22 .textwidget.custom-html-widget {
	padding: 0 20px;
	}
	/* Titre fiche contact */
	#ci-contact-2 .section-title {
	font-size: 28px!important;	
	}
	.widget-padded .widget-wrap.wrap-extra-pad {
    	padding: unset!important;
    	/* height: 64Vw!important; */
	}
	H1 {
		font-size: 28px!important;
	}
	.video-square {
		width: 100%!important;  
		aspect-ratio: 1 / 1!important;
		height: unset!important;
	}
	.video-portrait {
	    aspect-ratio: 2 / 3!important;
	}
	/* Center images on small screens */
	/* Target images that are at least 100px wide to skip tiny icons */
	.entry-content img[width]:not([width="100"]):not([width="99"]):not([width="98"]):not(.swoosh-insert),
	.widget img[width]:not([width="100"]):not([width="99"]):not([width="98"]):not(.swoosh-insert)  {
        float: none;  
        display: block;
        width:100%;
		max-width: 100%;          
		height: auto; 
		margin: 0 auto 20px auto!important;
		}

	/* Positionner le swoosh sur petits écrans */
	img.swoosh-insert {
    margin: -24px 0 -12px 0;
	}
}

.css-175oi2r {
    min-height: 30em!important;
}

/********* GENERAL STYLES ***********/
H1, H2, H3, H4, H5 {
  	font-family: 'Nuckle', sans;
	color: #229fa5; /* #2AB3BA; */
	margin: 24px 0 20px 0;
}
H1 {
	font-size: 40px;
	}

/* Style spécifique pour titres internes */
H6 {
    font-style: normal!important;
    font-size: 15pt;
    color: #000;
    font-family: 'Montserrat';
    font-weight: 700!important;
    margin: 24px 0 14px 0;
	text-align: center;
}
/* Small Caps */
.small-caps {
  font-variant: small-caps;
}
.main {
	padding-top:0px;
}
.sidebar {
    background-color: #efefef;
    padding: 20px 0;
}
a {
    -webkit-transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
    outline: none;
    color: inherit;
    text-decoration: underline;
}
a:hover, a:focus {
    color: #48B3BB;
    text-decoration: underline;
    font-weight: 600;
}
/* Don't show element */
.noshow {
	display: none;
}

.hero-title {
    font-size: 33px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: -.05em;
    line-height: normal;
    margin: 0 0 10px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.entry-meta {
    text-transform: uppercase;
    font-size: 20px;
    opacity: 0.9;
    margin: 0 0 10px;
}
.entry-related {
    border-top: 2px solid #ddd;
    margin-top: 35px;
}
.entry-related .item-title a {
    font-size: 16px;
    font-weight: 300!important;
    text-decoration: none!important;
}
.item-subtitle {
    text-transform: uppercase;
    font-size: 12px;
    margin: -12px 0 20px;
    letter-spacing: .17em;
}
span.entry-comments {
    display: none;
}
/* Titres plus gros pour les posts thématiques "programme" */
.category-programme .entry-title {
    font-size: 34px;
    font-weight: 800;
    font-style: italic;
    letter-spacing: -.05em;
}
/* Titres intérieurs rubriques programme */
.titre-prog {
  font-size: 21px;
  font-variant: small-caps;
  font-weight: bold;
  margin: .8em 0 0.4em; 
}

/* Ne pas afficher la date dans les articles du programme */
.category-programme .entry-time {
		display: none;
}

/* Don't show featured image */
.entry-thumb {
    display: none;
}

/* Styles lignes horizontales */
hr.fade {
    border: none;
    height: 2px;
    background: linear-gradient(to right, transparent, #bbb, transparent);
    margin: 1.5em 0 1em;
}

hr.soft {
	width: 80%;
  border: none;
  border-top: 2px solid rgba(0,0,0,0.1); /* very light line */
  margin: 1.5em auto 1em;
}

/******************** LOGO - HEADER - MENUS - FOOTER ***************************/ 
/***** Phones styles *****/
/* Reduce logo to make space for menu */
.header {
    padding: 24px 0;
 }
img.custom-logo {
    margin-top: -15px;
    margin-bottom: -15px;
    max-width: 70px!important;
}
.header {
    background: linear-gradient(90deg, #A2C037, #6BAEB8);
}
.logo-wrap {
    width: 1%;
}

.nav {
    display: flex;
    text-align: left;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.navigation > li > a  {
	padding: 3px 10px 2px;
	font-family: 'Nuckle';
    text-transform: uppercase;
	text-decoration: none;
    font-style: oblique;
    font-size: 22px;
    font-weight: 600;
} 
.home .navigation > li.current-menu-item > a {
	background-color: transparent!important;
	border:none !important;
	color: #fff;
}

.home .navigation > li.current-menu-item > a:hover,
.home .navigation > li.current-menu-ancestor > a:hover, 
.home .navigation > li.current-menu-parent > a:hover {
    background-color: #6baeb8;
}

.navigation > li.current-menu-item > a,
.navigation > li.current-menu-item > a:hover,
.navigation > li.current-menu-ancestor > a,
.navigation > li.current-menu-ancestor > a:hover, 
.navigation > li.current-menu-parent > a:hover {
    background-color: #6baeb8;
	border: 1px solid #eee;
    border-radius: 3px;
	color: #000;
}
/*
.navigation a:hover {
    color: #000!important;
    border: none;
}

.navigation > li > a:hover {
    color: #fff; 
} */
/* Submenu */
.navigation ul {
    background-color: #6baeb8;
    padding: 4px;
	margin-top:10px;
    box-shadow: 0 0 12px 8px #888;
}
.navigation ul li a {
	font-family: 'Nuckle';
    text-transform: uppercase;
	text-decoration: none;
    font-style: oblique;
    font-size: 18px;
    font-weight: 600;
}
.navigation ul li a:hover {
    color: #111;
}
/* Insert pseudo-element in gap between menu & submenu */
.navigation li:hover > ul::before {
    content: "";
    position: absolute;
    top: -10px; 
    left: 0;
    width: 100%;
    height: 10px;
}
.search-results {
    font-size: 14pt;
	padding-top:15px;
}
.breadcrumbs {
	position: relative;
    padding: 0px 0 0px;
    margin-bottom: 12px;
    color: #6baeb8;
    font-size: 1.2em;
    font-style: italic;
    border: none;
}
.breadcrumbs a {
    text-decoration: none;
}
.breadcrumbs::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px; /* match your border thickness */
  background: linear-gradient(to right, #c7e4e8, 70%, transparent);
}

/* Mobile menu styles */
.mobile-trigger {
    color: #fefefe;
    font-size: 24px;
	text-decoration: none;
    float: left;
    margin-left: 20px;
}
a.mm-title {
    font-family: montserrat!important;
    font-weight: 600;
    font-size: 14pt;
}
.mm-listview {
    font: inherit;
    font-size: 15px;
    font-family: montserrat!important;
    font-weight: 600;
}
a.mm-close.mm-btn {
    font-family: montserrat;
	font-size: 14pt;
    font-weight: 600;
}

.footer {
    background: linear-gradient(90deg, #A2C037, #6BAEB8);
    color: black;
    padding: 25px 0;
    border-top: 2px solid gray;
}
/* Icones socials sur header et footer */
.item-socials {
    float: right!important;
		margin: -34px 0 0px 0;
}
.social-icon, .header-icon-btn {
    width: 38px;
    height: 36px;
    line-height: 27px;
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    font-size: 26px;
    border-radius: 6px;
    padding: 3px 3px 2px 0px;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.18s ease;
    transition: all 0.18s ease;
    margin: -3px 2px;
}
.social-icon:hover, .header-icon-btn:hover {
    opacity: 1;
    color: #FFF;
    border-color: #FFF;
    background-color: #a0bf3a;
}
/**************************************************** 
Icône et boîte recherche sur header 
****************************************************/

/* Toggle search button in socials */
.header-search--social {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.header-icon-btn {
	margin-right: 20px;
	border: 2px solid rgba(0,0,0,0);
}
.header-icon-btn:hover {
	border: 2px solid white;
}
.header-icon-btn::after{
	top:calc(100% + 8px);
	bottom:auto;
  content: 'Rechercher sur le site';
  position:absolute;
	left:50%;
  transform:translate(-80%,4px);
  padding:4px 6px;
  font-weight: 400;
	text-transform: none;
  letter-spacing: normal;
  font: normal italic 14px/1 system-ui, sans-serif;
	color:#111;
	background:#fff;
  border-radius:4px;
	white-space:nowrap;
	box-shadow:0 4px 12px rgba(0,0,0,.15);
  opacity:0;
	pointer-events:none;
	transition:.15s;
}
.header-icon-btn:hover::after,.header-icon-btn:focus-visible::after{
  opacity:1;
	transform:translate(-80%, 0)
}
/* Dropdown panel */
.search-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1000;
  padding: .5rem;
  background: #fff;
  border-radius: .65rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transform: scale(.98);
  opacity: 0;
  transform-origin: 100% 0;
  transition: opacity .15s ease, transform .15s ease;
  min-width: 360px;
  box-sizing: border-box;
}
.search-panel.is-open {
  opacity: 1;
  transform: scale(1);
}
/* Form layout */
.site-search {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
}
.search-field {
  flex: 1 1 250px;
  min-width: 0;
  width: 100%;
  padding: .6rem .75rem;
  border: 1px solid #ddd;
  border-radius: .5rem;
  box-sizing: border-box;
  font-size: 16px;
}
.search-field:focus {
  outline: none;
  border-color: #bbb;
  box-shadow: 0 0 0 3px rgba(0,0,0,.06);
}
/* Placeholder color */
.search-field::placeholder { color: #888; opacity: 1; }

.search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .8rem;
    border: 4px solid #97bc53; 
    border-radius: .5rem;
    background: #fff;
    cursor: pointer;
    line-height: 1;
}
.search-submit:hover {
    outline: none;
    border-color: #bbb;
    box-shadow: 0 0 0 3px rgba(0,0,0,.06);
    background: #97bc53;
    color: #FFF;
    text-decoration: none;
}

/* a11y helper */
.screen-reader-text {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

/* Mobile: make the input full width and the panel easy to tap */
@media (max-width: 768px) {
  	.search-panel {
    	position: fixed;
    	left: 12px;
    	right: 12px;
    	top: calc(var(--header-bottom, 56px) + 8px);
    	min-width: 0;
  	}
	.header-icon-btn {
		margin-right: 4px;
		border: none;
	}
  	.site-search {
    	gap: .45rem;
  	}
	.search-field {
    	width: 100%;
    	padding: .7rem .8rem;
  	}
	.search-submit {
    	padding: .7rem .8rem;
  	}
}
/***************** PAGES & POSTS ***************/
/* N'affiche pas d'articles liés sur les articles Fil Actu */
body.single-fil_info .entry-related {
   display: none;
}

/* Banner properties*/
.page-banner {
    position: relative;
    text-align: center;
    margin: 0 -16px 20px -16px;
	min-height: 50px;
	height: 200px;          /* target height */
	overflow: hidden;       /* hide the cropped parts */
}
.page-banner img {
  max-width: 130%;
  height: 100%;
  object-fit: cover;      /* fill the box and crop */
  object-position: center;/* crop from the middle vertically (and horizontally) */
  display: block;         /* remove baseline gap */
}

/* Text properties */
.hero-banner-title {
  	position: absolute;
  	top: 40%;    /* position du texte */
  	left: 50%;
  	transform: translate(-50%, -50%);
  	width: 100%; /* si le texte est large évite envoi */
	color:#efefef;
	font-size: calc(30px + (34 - 24) * ((100vw - 300px) / (1600 - 300)))!important;
  	font-weight: 800;
  	font-style: normal;
  	letter-spacing: -.05em;
  	line-height: normal;
  	text-shadow: 2px 2px #333;
}
@media (max-width: 768px){
	/* Bandeau pages */
	.page-banner {
		height: auto;
	}
	/* position du texte */
	.hero-banner-title {
  		top: 24%!important;    
	}
	.main {
		padding-top: 0!important;
	}
	/* Inline buttons */
	/* when wrapping, center buttons */
	.inline-buttons {
		justify-content: center!important; /* center content overall */
	}
	.inline-button-group {
		justify-content: center!important; /* center buttons */
		margin-left: 0!important;
	}
}
/**************************************************

	Styles generaux videos 

***************************************************/

.video-embed {
	aspect-ratio: 16 / 9;
	border: solid 1px #c2c2c2;
	padding: 5px;
	transition: all 0.2s;
	background: #fff;
}
/* Pour videos carrées */
.video-square {
	width: 100%;  
  	aspect-ratio: 4 / 3;
	border: solid 1px #c2c2c2;
	padding: 5px;
	transition: all 0.2s;
	background: #fff;
}
/* Format pour videos verticales */
.video-portrait {
    width: 100%;
    aspect-ratio: 4 / 3;
    display: inline-block;
    border: solid 1px #c2c2c2;
    padding: 5px;
    transition: all 0.2s;
    background: #fff;
    height: unset!important;
}

/* Non utilises 
.titre-logo {
	padding-top:60px;
	font-size: 76px;
  	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  	font-family: Montserrat;
	text-align: center;
}
.ss-titre {
	text-transform: uppercase;
}
/* Encadres "notre projet" et nous rejoindre */
.encadre {
	background: #f9f9f9;
	border:solid 1px #eee;
	padding: 20px;
	margin-bottom: 20px;
	font-family: montserrat;
	font-size: 16px;
	color: #000;
	box-shadow: #888 1px 1px 5px;
}
/**************************************************************************
   Custom bullet lists
   
   Cette liste accepte des variables, remplace toutes les autres
   Syntaxe:
   
   Emoji:
   <ul class="list-custom" style="--bullet-content:'(emoji)'; --bullet-size:16pt;">
   
   Fontawesome:
   <ul class="list-custom" style="--bullet-content:'\f00c'; --bullet-size:14pt; --bullet-color:blue;">
   
**************************************************************************/
.list-custom {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-custom li {
  display: flex;           /* create horizontal container */
  align-items: flex-start; /* align bullet with first line of text */
  margin: 0 0 6px 0;
}

.list-custom li::before {
  content: var(--bullet-content, "•");
  font-family: var(--bullet-font, fontawesome);
  font-size: var(--bullet-size, 14pt);
  color: var(--bullet-color, currentColor);
  margin-right: 0.4em;     /* space between bullet and text */
  flex-shrink: 0;          /* keep bullet from shrinking */
  line-height: 1.6;        /* aligns with text */
}

/* Version utilisant grid plutôt que flex, afin de garder les éléments alignés si on utilise strong dans le texte */
.list-custom-grid {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-custom-grid li {
  position: relative;                /* allows bullet positioning */
  padding-left: 1.6em;               /* space for the bullet */
  margin: 0 0 6px 0;
}

.list-custom-grid li::before {
  content: var(--bullet-content, "•");
  font-family: var(--bullet-font, fontawesome);
  font-size: var(--bullet-size, 14pt);
  color: var(--bullet-color, currentColor);
  position: absolute;
  left: 0;
  top: calc((1.2em - var(--bullet-size, 14pt)) / 4);                 
  line-height: 1.6;
}

/* Custom bullet lists candidats (fleche droite) */
.list-cd {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
    list-style-position: inside;
    display: block;
}
.list-cd li {
  margin: 0 0 1px 0;
}
.list-cd li:before {
  content: '\f061';
  font-family: 'FontAwesome';
  float: left;
  margin: 4px 4pt 0 -18px;
  color: #111;
}
/* Custom bullet lists candidats 2 ( > )*/
.list-cd-text {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
    list-style-position: inside;
    display: block;
}
.list-cd-text li {
  margin: 0 0 1px 0;
}
.list-cd-text li:before {
  content: '\f054';
  font-family: 'FontAwesome';
  float: left;
  margin: 4px 4pt 0 -18px;
  color: #111;
}
/* Custom bullet list coche */
.list-pdm {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
    list-style-position: inside;
    display: block;
}
.list-pdm li {
  margin: 0 0 6px 0;
}
.list-pdm li:before {
  content: '\f14a';
  font-family: 'FontAwesome';
  float: left;
  margin: -1px 4pt 0px 0px;
  color: #8CB873;
}

/* Custom bullet list index (doigt) */
.list-index {
    list-style-type: none;
    margin: 0 0 0 18px;
    padding: 0;
    display: inline-block;
	list-style-position: outside;
}
.list-index li:before {
    content: '\01F449\01F3FB';
    float: left;
    margin: 3px 2pt 0px -24px;
}
.list-index li {
  margin: 0 0 6px 4px;
}
/* Custom bullet list pin */
.list-pin {
    list-style-type: none;
    margin: 0 0 0 18px;
    padding: 0;
    display: inline-block;
	list-style-position: outside;
}
.list-pin li:before {
    content: '\01F4CC';
	font-size:18px;
    float: left;
    margin: 0px 2pt 0px -24px;
}
.list-pin li {
  margin: 0 0 6px 4px;
}
/* Custom bullet list crossed box */
.list-cross {
    list-style-type: none;
    margin: 0 0 0 22px;
    padding: 0;
    display: inline-block;
	list-style-position: outside;
}
.list-cross li:before {
    content: '\f2d3';
    font-family: 'FontAwesome';
	font-size: 14pt;
    float: left;
    margin: -.15em 2pt 0px -1.4em;
    color: #111;
}
.list-cross li {
  margin: 0 0 6px 4px;
}
/************* IMAGES & GALERIES *************/

.gallery {
    margin-bottom: -10px;
}
.people {
 	box-shadow: 0px 0px 15px 5px rgba(0,0,0, 0.4);
}
.photos {
	border: solid 1px #c2c2c2;
    padding: 5px;
    transition: all 0.2s;
    background: #fff;
	width: 100%; 
}
/* Style free standing icons */
.inline-icon {
    border: none;
    width: 45px!important;
    height: 45px;
    padding: 8px 3px 6px 3px;
    margin: 0px 10px 0 0;
    border-radius: 10%;
    background-color: #2AB3BA;
    color: white;
    font-size: 30px;
}
.inline-icon-small {
    border: none;
    width: 32px!important;
    height: 32px;
    padding: 6px 0px 4px 0px;
    margin: 2px 10px 3px 0;
    border-radius: 10%;
    background-color: #2AB3BA;
    color: white;
    font-size: 20px;
}

/* Smileys et emojis */
img.wp-smiley, img.emoji {
    width: 1.2rem !important;
    height: 1.2rem !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em!important;
}
/* Swoosh dans widgets texte ou pages */
img.swoosh-insert {
    margin: -45px 0 -12px 0;
}

/************* WIDGETS ***********************/
/* Titres / Sous-titres */
.section-title {
    font-family: 'Nuckle';
    font-size: 30px;
	font-style: normal;
    font-weight: bold;
    line-height: normal;
	padding-bottom: 1em;
	text-shadow: 1px 1px 2px #eee;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
/* All subtitles */
.section-subtitle {
		font-family: nuckle;
    text-align: left;
    text-transform: uppercase;
}
/* All buttons for custom content */
a.btn.wow.fadeInUp {
    border: none;
    font-family: 'Montserrat';
    font-size: 11pt;
    padding: 2em 0 0 0;
}
/****************** WIDGETS HOMEPAGE *****************/
.widget-padded .widget-wrap.wrap-extra-pad {
    padding: unset;
		height: 40Vw;
}
section.widget {
    margin: 0 0 30px;
}
.textwidget.custom-html-widget {
	width: 90%;
    margin: 0 auto 20px auto;
    font-size: 18px;
	padding-left: 0px;
}

/* Bandeau homepage */
#ci-custom-content-2 .widget-wrap {
    background-size: contain;
}
#custom_html-9 .section-title {
font-size: 24px;
	color: white;
}
/* Evènements exceptionnels homepage */
section#custom_html-23 .section-title {
    padding: 0;
}

/* Style pour widget encadré annonces exceptionnelles */
.annonce {
    position: relative;
    /* background-color: #8BBB4A; */
    text-align: center;
    width: 100%;
    margin: 0 auto !important;
    left: 0px;
    color: #333 !important;
    border-radius: 16px;
    padding: 4px 10px 20px!important;
    font-size: 16pt;
    line-height: 1.2em;
    font-weight: 500;
    border: #8BBB4A 6px solid;
	box-shadow: #aaa 1px 1px 10px 5px;
}
/********* FORMULAIRE HOMEPAGE **********/
/* Formulaires signup Brevo */
.sib-email-area {
    margin-top: 15px;
}
input.sib-email-area {
    background-color: #fcfcfc;
}
form#sib_signup_form_1 .sib-default-btn, form#sib_signup_form_2 .sib-default-btn, form#sib_signup_form_3 .sib-default-btn {
    color: #fff;
    background-color: #2BB3BA; /* #6baeb8; */
    border-color: #fff;
    font-style: normal;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 8px;
    margin: auto;
    max-width: 60%;
    display: flex;
}
.su-note.contact-note  {
    border-radius: 10px!important;
    border-color: #6baeb8!important;
    border-width: 6px;
	box-shadow: #aaa 1px 1px 10px 5px;
}
.contact-note .su-note-inner.su-u-clearfix.su-u-trim {
    border-radius: 8px!important;
	border-width: 0;
}
table.formulaire {
    margin-bottom: -10px;
}
/* Bouton envoi formulaire contact */
button#wpforms-submit-211 {
    background: #2BB3BA; /* #6baeb8; */
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-family: Montserrat;
    font-size: 20px;
	  font-style: normal;
    font-weight: bold;
    padding: 6px 30px;
    text-decoration: none;
}
/* Message de confirmation envoi formulaire contact */
div.wpforms-container-full .wpforms-confirmation-container-full {
    background: #e0ffc7;
    border: 1px solid #b4d39b;
    box-sizing: border-box;
    text-align: center;
    font-size: 22px;
}

/**************************************/
/* Widgets "A la Une", Invitations etc de type "Custom content" */
/* Fonctionnent avec tous les widgets de type "Custom content" qui ont la classe "invitation" (dans Widget Options) */

[id^="ci-custom-content"].invitation {
	margin-bottom: 10px;
}

[id^="ci-custom-content"].invitation .section-title {
	padding-bottom: 0;
    text-align: center;
    font-size: 26px;
	font-variant: normal;
}
[id^="ci-custom-content"].invitation .hero-image {
	margin-top: 8px;
}

/* Widget actions pour le vesinet */
#ci-services-2 {
    margin: 0 0 20px;
}
#ci-services-2 h3.item-title.el-underline {
	font-size: 20px;
	color: black;
}
#ci-services-2 .item-service {
    padding: 6px;
    min-height: 380px;
    background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #A2C037, #6BAEB8) border-box;
    border-radius: 2em;
    border: 4px solid transparent;
}
#ci-services-2 .item-icon .fa {
  	border: none;  
	width: 92px;
    height: 92px;
    padding: 20px;
    border-radius: 10%;
    background-color: #2AB3BA;
    color: white;
    font-size: 50px;
}
/* Bouton apres actions, swoosh et titre fil actu */
section#custom_html-4 {
    margin: -20px 0 0;
}
/* Titre fiche contact */
#ci-contact-2 .section-title {
	font-size: 40px;	
}

/****************************************************************************/
/* Boutons page d'accueil */
.myButton {
    background: #2BB3BA;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    color: #FFF;
    font-family: nuckle;
    font-size: 20px;
    font-weight: 700;
    padding: .2em 30px;
    text-decoration: none;
    text-transform: uppercase;
	box-shadow: 0 0 10px 2px #aaa;
}
.myButton:hover {
	background: rgb(107 174 184 / .75);
	color:#FFF;
}
.myButton:focus {
    color: #ddd;
}
/* Style général pour texte avec boutons à la suite sur la meême ligne */
/* Voir ex. communiqués de presse */
.inline-buttons {
	display: flex;
	align-items: center;
	justify-content: flex-start; /* text left, buttons right */
	flex-wrap: wrap;
	gap: 0.5rem;
	width: 100%;
	margin-bottom: 6px;
}

/* text part */
.inline-text {
	display: inline-flex;
	align-items: baseline;
	gap: 0.25rem;
}

/* button group */
.inline-button-group {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
	justify-content: flex-end; /* default: right-aligned on wide screens */
	flex: 0 1 auto;            /* let it shrink and wrap naturally */
	margin-left: auto;             /* NEW: pushes group to the right */
}

/* buttons */
.inline-buttons a,
.inline-buttons button {
	padding: 0.4em 0.8em;
	border: none;
	background: #2BB3BA;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
	min-width: 8em;
  	text-align: center;
}

.inline-buttons a:hover,
.inline-buttons button:hover {
	background: #005f8d;
}


/* SIDEBAR *******************************************************************************/
/* Widget comptes-rendus & fil actu sidebar */
#custom_html-5 .widget-title {
    text-align: center;
}

#custom_html-5 .textwidget.custom-html-widget, #custom_html-22 .textwidget.custom-html-widget {
	width: 88%!important;
}
/* Widget fil actu */
#custom_html-22 .widget-title {
    text-align: center;
}
#pt-cv-view-5dfc2636yo .col-md-12.col-sm-12.col-xs-12.pt-cv-content-item.pt-cv-1-col, #pt-cv-view-120353dca1 .col-md-12.col-sm-12.col-xs-12.pt-cv-content-item.pt-cv-1-col {
    max-width: initial;
    border: 1px solid #aaa;
    padding: 4px;
    margin: 10px 0px 20px 0px!important;
}
/* Formulaire contact */
button#wpforms-submit-211 {
    background-color: #2BB3BA; /*#A2C037; */
	box-shadow: 0 0 12px 8px #888;
}
/* Formulaire contact */
input#wpforms-211-field_1, input#wpforms-211-field_1-last, input#wpforms-211-field_2, textarea#wpforms-211-field_3 {
	background: #f9f9f9;
	border:solid 1px #eee;
	font-family: montserrat;
	box-shadow: #888 1px 1px 5px;
}

/**************** PLUGINS *******************/
.cmplz-cookiebanner { z-index: 3000000 !important; }
.pum-container      { z-index: 2000001 !important; }
#custom-overlay     { z-index: 2000000 !important; }

/* Spoiler tribunes */
.su-spoiler-style-fancy {
    border: 1px solid #ccc;
    border-radius: 4px!important;
    background: #fff;
    color: #333;
}
.su-spoiler-style-fancy>.su-spoiler-title {
    border-bottom: 1px solid #ccc;
    border-radius: 4px!important;
    background: #f0f0f0;
    font-size: 15px!important;
}
.su-spoiler-style-fancy.conseils > .su-spoiler-title, .su-spoiler-style-fancy.conseils > .su-spoiler-title > .su-spoiler-icon {
	font-size: 18px!important;
}
/* Style pour sections programme mises en avant */
.program .su-box-title {
    font-size: 21px;
    font-variant: small-caps;
    font-weight: bold;
	padding: 0.2rem 0 0.2rem 1rem;
}
.su-box.su-box-style-default.program {
	margin-top: 1.5em;
    border: 4px solid #4E295F!important;
	border-radius: 6px!important;
}
/* Bannières-titres éléments de programlme */
.su-note.banner {
    font-size: 28px;
    font-variant: small-caps;
    font-weight: 500;
	margin-bottom: .8em;
	border: none;
}
.banner .su-note-inner {
    padding: 0.4em .8em;
	line-height: 1.2em;
}
/* Accordéon faq */ 
.su-accordion .su-spoiler.faq {
    margin-bottom: 0.8em;
}
.su-spoiler.faq > .su-spoiler-title {
    font-weight: 500;
    font-size: 14pt;
	  background: #c6e9ed;
		border-width: 2px;
    border-style: ridge;
    border-color: #ddd;
	  border-radius: 3px;
		box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 20%);
}
.su-spoiler.faq > .su-spoiler-title:hover {
		background: #2cb2bb;
		color: #FFF;
}
.su-spoiler.faq > .su-spoiler-content {
		background: #FFFFF9;
	  border-width: 2px;
    border-style: ridge;
    border-color: #ddd;
		padding: 1em 1em 1em 1.8em;
		text-align: justify;
} 

@media (max-width: 600px) {
	.su-spoiler.faq > .su-spoiler-content {
		padding: 1em 0.5em 1em .5em;
		text-align: left;
		}
}

/************* POPUP MAKER *****************************/
/* === Custom overlay for Popup Maker === */
/* Change overlay color/opacity here */
:root{
  --overlay-bg: rgba(0,0,0,.4); /* color+transparency */
  --overlay-blur: blur(2px);     /* set to 'none' to disable */
}

/* keep popup above overlay (safety) */
.pum-container { z-index: 2000001 !important; }

/************* SURVEY MAKER ***************************/

/* Survey maker */
.ays-survey-section-buttons {
	float: right;
	margin-top: 0!important;
}
.ays-survey-section-start-page .ays-survey-section-buttons {
	float:unset;
}
div[id*=ays-survey-container-] .ays-survey-footer-with-live-bar, div[id*=ays-survey-container-] .ays-survey-live-bar-main {
    display: block;
}
.ays-survey-live-bar-main {
    margin-top: 20px;
}
.ays-survey-container .ays-survey-title {
    margin-block-start: 0.1em;
    margin-block-end: 0.6em;
}
.ays-survey-container .ays-survey-section .ays-survey-section-header {
    padding: 10px 24px 16px;
}
.ays-survey-question-title {
		padding-top: 0!important;
    margin-bottom: 0!important;
}
.ays-survey-question[data-type="checkbox"] input[type="checkbox"] {
  margin-right: 8px;
  transform: translateY(1px);
}
.ays-survey-container .ays-survey-section .ays-survey-redirect-timer {
display: none;
}
/* Hide the whole summary until JS finishes pruning to avoid any flash */
.survey-summary-clean { visibility: hidden; }

/* Once processed, show it */
.survey-summary-clean.is-ready { visibility: visible; }

.ays-survey-submission-summary-question-header-content-submission {
    display: none;
}

@media (max-width: 640px) {
    .ays-survey-submission-summary-container {
        max-width: 100%!important;
    }
	.ays-survey-container .ays-survey-section .ays-survey-section-header {
    	padding: 22px 8px 24px!important;
	}
	.ays-survey-section-buttons {
    	float: right;
   	 	margin-top: 20px!important;
	}
}

/* Class + id starts-with (no exact tail) */
[id^="ays-survey-container-"].my-survey { }


/* Remove the seam on the FIRST of each pair and square its bottom corners */
[id^="ays-survey-container-"].my-survey
  .ays-survey-question[data-type="text"] + .ays-survey-question[data-type="name"],
[id^="ays-survey-container-"].my-survey
  .ays-survey-question[data-type="name"] + .ays-survey-question[data-type="email"],
[id^="ays-survey-container-"].my-survey
  .ays-survey-question[data-type="email"] + .ays-survey-question[data-type="checkbox"]{
  border-top:0!important;                
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
margin-bottom:0!important;		
}

/* …and now remove the bottom border on the FIRST of each pair */
[id^="ays-survey-container-"].my-survey
  .ays-survey-question[data-type="text"]{
  border-bottom:0!important;
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
	margin-bottom:0!important;
}

[id^="ays-survey-container-"].my-survey
  .ays-survey-question[data-type="name"]{
  border-bottom:0!important;
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
}

[id^="ays-survey-container-"].my-survey
  .ays-survey-question[data-type="email"]{
  border-bottom:0!important;
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
}


/************* CONTENT VIEWS **************************/

/* Bouton "Read More..." */
.pt-cv-rmwrap {
    text-align: center;
	margin-top: 10px;
}
.pt-cv-wrapper .btn-success {
    color: #fff;
	font-weight:600;
    background-color: #9dbd3d;
    border-color: #77B0AF;
}

/* Petites vues */
#pt-cv-view-5dfc2636yo .col-md-12.col-sm-12.col-xs-12.pt-cv-content-item.pt-cv-1-col,
#pt-cv-view-120353dca1 .col-md-12.col-sm-12.col-xs-12.pt-cv-content-item.pt-cv-1-col {
    max-width: initial;
    border: 1px solid #aaa;
    padding: 4px;
	margin: 10px -20px 20px -20px;
}
/* Texte avant date sur galeries 
#pt-cv-view-af29504wqj .pt-cv-meta-fields .entry-date :before {content: 'Publié le ';} */

#pt-cv-view-af29504wqj .pt-cv-thumbnail {
    padding: 2px;
}
/* Petite galerie fil actu en homepage */
#pt-cv-view-f10fd87y7a .pt-cv-content-item:last-child {
    margin-right: 0!important;
}
.pt-cv-wrapper:has(> #pt-cv-view-f10fd87y7a) * {
    margin-bottom: 0 !important;
}
.pt-cv-wrapper:has(> #pt-cv-view-f10fd87y7a) {
    line-height: 0 !important;
    padding: 6px 0 6px 6px;
    border: 1px solid #c2c2c2; 
}
/* rendre la galerie CVP cliquable */
.cvp-gallery-wrapper {
    position: relative;
}
/* Overlay link covering the whole view */
.cvp-gallery-wrapper .cvp-gallery-overlay-link {
    position: absolute;
    inset: 0;          
    z-index: 10;
    display: block;
}

/* Grandes vues */
@media (min-width: 1199px) {
	#pt-cv-view-2589d050tu .pt-cv-rmwrap, #pt-cv-view-e3c9eefp78 .pt-cv-rmwrap {
    bottom: 10px;
    position: absolute;
}
	#pt-cv-view-2589d050tu .pt-cv-thumbnail.pull-left, #pt-cv-view-e3c9eefp78 .pt-cv-thumbnail.pull-left {
    margin-bottom: 0!important;
}
}
#pt-cv-view-2589d050tu h4.pt-cv-title, #pt-cv-view-e3c9eefp78 h4.pt-cv-title {
    font-size: 20px;
		font-family: 'Nuckle', sans;
}
#pt-cv-view-2589d050tu .col-md-12.col-sm-12.col-xs-12.pt-cv-content-item.pt-cv-2-col, #pt-cv-view-e3c9eefp78 .col-md-12.col-sm-12.col-xs-12.pt-cv-content-item.pt-cv-2-col {
    flex: none;
    max-width: 98%;
    border: 1px solid #aaa;
    padding: 4px;
    margin: 0 0px 20px 12px;
}
/* Cartouches page programme */
#pt-cv-view-6592d094jy  .pt-cv-content-item {
    border-width: 1px 1px 1px 1px !important;
    border-style: solid !important;
    border-color: #5e5e5e !important;
    padding: 4px;
}
#pt-cv-view-6592d094jy .pt-cv-title a {
    text-shadow: 3px 3px 6px #222;
}
/* Petite galerie fil actu en homepage */


/*************** DRAWATTENTION GENERAL ******************/
/* Background overlay 
.featherlight:last-of-type {
    background: rgba(0,0,0,0.2)!important;
}

/*********DRAWATTENTION EQUIPE *******/
/* Tooltip 
#hotspot-674 .leaflet-tooltip {
    background-color: lightgrey!important;
    color: black!important;
    font-family: sans-serif!important;
}
/* Bandeau haut pour close 
.featherlight-content.lightbox-674::after {
	background: #E6E5E7;
	content: '';
	display: block;
	height: 30px;
	position: absolute;
	top: 0;
	width: 100%;
}
/* New close icon pseudo-element 
.featherlight .featherlight-close-icon:before {
	display: inline-block;
  	font-style: normal;
  	font-variant: normal;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	content: '\f410\00a0\00a0';
  	font-family: 'FontAwesome';
  	font-weight: 900;
}
/* Close icon 
.featherlight .featherlight-close-icon {
    background: none!important;
	color: #888!important;
    font-size: 20px!important;
    right: 4px!important;
    top: 2px!important;
    width: 21px!important;
}
/* Popup title 
.featherlight .featherlight-content.lightbox-674 .hotspot-title {
	text-align: left;
	font-size: 16pt;
  display: none!important;
}
/* Thumbnail 
.featherlight .featherlight-content.lightbox-674 .hotspot-thumb {
position: relative;
    float: left;
    padding: 0;
    margin: 8px 10px 2px 0;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.3);
}
/* Don't wrap text around thumbnail if insufficient space 
.featherlight .featherlight-content.lightbox-674 .hotspot-content:before {
    width: 10em;
    content: "";
    display: block;
    overflow: hidden; 
}
/* Inner popup styling 
.featherlight .lightbox-674 .featherlight-inner {
	max-height: 75vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 34px 12px 6px 12px;
}
/* General popup styling 
.featherlight .featherlight-content.lightbox-674 {
    border-style: solid;
    border-bottom: 3px solid transparent!important;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 75%!important;
    max-width: 800px!important;
	min-width: 50%;
    overflow: hidden;
    padding: 0;
    position: relative;
    border-radius: 3px !important;
    box-shadow: 0 0 10px #222 !important;
}