/* ------------------------------------ */
/*---------- Feuille de style ----------*/
/*------------- Site public-------------*/
/*----------- CPTS TROIS MONTS-----------*/
/* ------------------------------------ */

/*General*/
/*-------*/
body {
    --vert:#7ed758;
    --bleu:#1c87e2;
	--textegris : #404040;

	--margin:3em;
    --lmargin:1.5em;
    --mmargin:1em;
    --smargin:.5em;

    line-height: 1.3;
    /*font-family: 'Inter', sans-serif !important;*/
    font-size:15px;
    color:var(--textegris);
	background : white;
}
body:not(logged-in) #secondary,body:not(logged-in) #object-nav {
	display : none !important;
}
/*MDP*/
form.post-password-form {
	margin-left : 200px;
	margin-top : 50px;
}
@font-face {
 font-family: "Lemon Tuesday";
 src: url("/fonts/Lemon_Tuesday.otf") format("opentype");
}
.widget {
    /*background: var(--bb-body-background-color) !important;*/
	background-color : unset;
}
h3.sow-sub-headline {
	max-width : 50%;
	display : block;
	margin : auto
}
/*Boutons Site Origin*/
a.ow-icon-placement-right,a.ow-icon-placement-left {
	padding : 10px 20px !important;
}
/*---------*/
/*BuddyBoss*/
/*---------*/
#primary-navbar {
	justify-content : center;
}
#primary {
	padding-top : 0 !important;
	padding-bottom : 0 !important;
	margin : auto;
}
.entry-header {
	/*display : none;*/
}
a.sing-up,a.sign-up,.tag-actu a.sign-up{
	display : none;
}
a.button{
    /*display: inline-block;*/
    background-color: var(--bleu) !important;
    width: auto;
    color: white !important;
    border-radius: 7px;
    padding: var(--smargin) var(--mmargin);
	border-color : transparent !important;
}

.button-s{
    display: inline-block;
    background-color: var(--bleu) !important;
    width: auto;
    color: white;
    border-radius: 7px;
    padding: var(--smargin) var(--mmargin);
}
.frm_button_submit {
	background-color: var(--bleu) !important;
	line-height: 1em !important;
	height : 36px;
	font-family: 'Inter', sans-serif !important;
}
a.active,.archive.tag-actu a.active{
    color: var(--bleu) !important;
}
.frm_forms {
	margin-top : 30px;
}
.bb-template-v2 .primary-menu>li.current_page_item>a,.bb-template-v2 .primary-menu>li.current-menu-item>a {
    border-bottom-color: transparent !important;
}
.primary-menu .current_page_item>a,.bb-template-v2 .primary-menu .current-menu-item>a {
	color : var(--bleu) !important;
}
.site-header-container {
	margin-right : 0 !important;
	
}
.container {
	max-width : none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.site-content {
	padding : 76px 0 0 0 !important;
}
.post-grid.bb-grid {
    max-width: 1400px;
    padding: 0 5%;
	margin: var(--margin) auto;
}
/*---------------------*/
/*--------Header-------*/
/*---------------------*/
.site-header-container #site-logo .site-title img.bb-logo {
	max-height : 197px !important;
	width : 100px !important;
	top: 30px;
    left: calc(35vw/2 - 125px);
	border-radius : 20px;
	padding : 0;
}

.header-aside-top {
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 5px;
}
.bb-header-buttons {
	
}
a.signin-button { 
	margin : 0 auto;
	display : block !important;
}
.header-search-link {
	display : none !important;
}
/*Barre de menu*/
#masthead {
	background : #DAD873;
}
/*Texte rubriques menu*/
.primary-menu>li>a {
	color : black !important;
}
.bb-template-v2 .primary-menu>li:hover>a {
    color: var(--bb-header-links) !important;
}
/*Bouton Se connecter*/
#header-aside > div > div > a.button.small.outline.signin-button.link {
    background-color: white !important;
    color: var(--bleu-moyen) !important;
}
.header-aside-top {
	/*color : white !important;*/
}
/*Flèche pour déplier la rubrique menu*/
#navbar-extend .menu-item-has-children:after, .primary-menu .menu-item-has-children:not(.hideshow):after {
    color: black !important;
}
/*--------------------------------*/
/*--------Bandeau supérieur-------*/
/*--------------------------------*/
#panel-4297-0-0-1> .panel-widget-style {
    background-size: cover !important;
}
.hero{
    display: flex;
    flex-direction:column;
    justify-content: center;
    background: var(--vert);
    padding: 0 5%;
	min-height : 250px;
}
@media (min-width: 767px){
	.hero.row {
		flex-direction : row;
	}
}

#entete {
	/*couleur de fond (n'est pas visible)*/
	background-color: #1c87e2;	
	background-size: auto !important;
	height : 50vh;
	max-height : 430px;
	text-align : center;
	cursor : default;
	background-position-y: 14% !important;
}
@media (min-width: 800px){ 
	#entete {
		background-position-x: initial !important;
	}
}
	/*Fond rectangulaire sous le nom de la CPTS*/
#fond-entete {
	background-color: white;
	width: 35vw;
	text-align: left;
	height: 50vh;
	max-height: 430px;
	position: relative;
    left: 70px;
	padding-left: 30px;
}

#nom-cpts {
	/*font-family : "Lemon Tuesday" !important;*/
}
/*Crédit photo*/
	#credit-photo {
	position : absolute;
	right : 10px;
	color : #CCC;
	font-size : 10px;
}
#credit-photo a {
	color : #CCC !important
}
@media (min-width: 800px){ 
	#credit-photo {
		top : -20px;
	}
}
#entete-texte2 {
	display : none !important;
}
/*--------------------------------*/
/*------------Bienvenue-----------*/
/*--------------------------------*/

/*--------------------------------*/
/*------------Actualités-----------*/
/*--------------------------------*/
article .entry-summary {
    color: var(--textegris) !important;
}
.slick-slide article {
    max-height: 300px;
}
.lsow-posts-carousel-item .lsow-entry-text-wrap {
	padding : 0 15px !important;
}
.entry-title h3 {
	margin-bottom : 0 !important;
}

/*------------------------*/
/*Section projet de santé */
/*------------------------*/

/*------------------------------------*/
/*Image intercalaire après territoire */
/*------------------------------------*/
#pg-4297-16 {
	display : none;
}
/*------------------------*/
/*Section adhésion accueil*/
/*------------------------*/
#fond-adhesion {
	/*background-color: #fdbd5b;*/
	width: 40vw;
	/*margin-left: 60vw;*/
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50vh;
	max-height: 430px;
}
/*------------------------*/
/*  Section notre équipe  */
/*------------------------*/

/*---------------------*/
/*Formulaire de contact*/
/*---------------------*/
.sow-contact-form strong {
	font-weight : initial !important;
}
/*---------------------*/
/*Formulaire d'adhésion*/
/*---------------------*/
/*Formidable*/
.frm_forms {
    max-width: 800px !important;
    margin: auto;
    padding: 20px;
}
.frm_form_field:nth-of-type(1), .frm_form_field:nth-of-type(2){
    display : block;
}
.frm_button_submit {
    background-color : var(--bleu) !important;
}
.frm_style_style-formidable.with_frm_style div.frm_description {
    line-height : 1.1em
}
#intro a {
    text-decoration: underline;
    color : var(--bleu) !important;
}
/*---------------------*/
/* Affichage Evénément */
/*---------------------*/
body.single-reunion #affichage fieldset:nth-of-type(3),body.single-reunion #affichage fieldset:nth-of-type(4) {
	display : none;
}
body.single-reunion #details-1 div:nth-of-type(1) {
	display : none;
}
body.single-reunion #details-1 {
	font-size: 16px;
}
/*********************TIMELINE************************/
#timeline-wrap{
  margin: 80px 20% 360px;
  position:relative;
	z-index: 1;
}
#timeline{
  height:1px;
  width: 100%;
  background-color:#aabbc4;
  position:relative;
 
}
 .marker {
   z-index:1000;
   color: #1c87e2;
  width: 100px;
  height: 100px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  margin-left: -50px;
  /*background-color: transparent;*/
	border : 1px solid #1c87e2;
  border-radius: 50%;
  cursor : pointer;
        }
 .marker .chiffre:hover{
   -moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
 }
.timeline-icon.one {
    background-color: white;
}
.timeline-icon.two {
    background-color: white;
}
.timeline-icon.three{
    background-color: white;
}
.timeline-icon.four {
    background-color: white;
}
.mfirst{
     top:-50px;
}
.m2{
     top:-50px;
      left:32.5%
}
.m3{
    top:-50px;;
    left:66%
}
.mlast{
    top:-50px;
    left:100%
}
.timeline-panel {
	height : unset !important;
	width: 80vw !important;
	max-width : 400px;
	display: none;
	color : white;
	background-color : #7ed758;
	border-radius: 5px;
	position: relative;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	padding : 5px 10px;
}

@media (min-width: 800px) {
	.timeline-panel {
		left: calc(10vw + calc(calc(80vw - 435px) / 2));
		top: -240px;
		font-size: 18px;
		line-height: 30px;
	 }
}
.chiffre {
	font-size:16px;
	position: relative;
  top: 30px;
}
.arrow {
  color : black;
  display : none;
	line-height: 20px;
	position : relative;
	top : 60px;
}
	/*Pulsation sur le texte*/
	.PULSE {
   /* Chrome, Safari, Opera */
  -webkit-animation: PULSE 1s infinite; 
  
  /* Internet Explorer */
  -ms-animation: PULSE 1s infinite;
  
  /* Standard Syntax */
  animation: PULSE 1.25s infinite; 
	}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes PULSE{
		 0%{color:rgba(200,200,200);font-weight:400px}	
		110%{color: #1c87e2;font-weight:700px}
	}
	/* Standard Syntax */
	@keyframes PULSE{
		0%{color:rgba(255,200,200);font-weight:400;}	
		110%{color: #1c87e2;font-weight:700;}
	}
/*---------------------*/
/******** Mobile *******/
/*---------------------*/
@media (max-width: 500px) {
	.timeline-panel {
		left: 10vw !important;
	 }
}
@media (max-width: 799px){
	.panel-grid.panel-has-style {
		margin-bottom : 0px !important;
	}
	.site-header-container #site-logo .site-title img.bb-logo {
		left : 40px;
	}
	#entete {
		background-position-x : unset ;
		height : 40vh;
	}
	#fond-entete {
		width : 100%;
		height : 40vh;
		padding-left : 0;

	}
	#entete-texte1 {
		padding-left: 0 !important;
		top: 50px;
		left: 0;
		text-align : center;
	}
	#entete-texte2 {
		position: relative;
		top: -110px;
	}
	#texte-bienvenue h1{
		font-size : 1.5em;
	}
	#texte-bienvenue h4{
		font-size : 1em;
	}
	/*Rangee 1 avec 3 colonnes*/
	#rangee-1 .panel-grid-cell {
		margin : 0 auto 20px !important;
	}
	#rangee-1 .panel-grid-cell:nth-of-type(1) {
		order : 2
	}
	#rangee-1 .panel-grid-cell:nth-of-type(2) {
		order : 1
	}
	#rangee-1 .panel-grid-cell:nth-of-type(3) {
		order : 3
	}
	/*Présentation*/
	#pgc-4297-6-0 {
		margin-bottom : 0 !important
	}
	/*Timeline*/
	
    #timeline-wrap {
		margin: 60px 15% 0px !important;
	}
	.timeline-panel {
		left : calc(10vw + calc(calc(80vw - 400px) / 2));
		top : 70px;
	}
	.marker {
		width: 70px !important;
		height: 70px !important;
		margin-left: -30px !important;
	}
	.mfirst,.m2,.m3,.mlast {
		top: -30px !important;
	}
	.chiffre {
		font-size: 11px !important;
		top: 20px !important;
	}

	.mfirst .timeline-panel {
		position : absolute !important;
		left : calc(50vw - 175px);
		top: 100px;
	}
	.m2 .timeline-panel {
		position : absolute !important;
		left : calc(50vw - 265px);
		top: 100px;
	}
	.m3 .timeline-panel {
		position : absolute !important;
		left : calc(50vw - 355px);
		top: 100px;
	}
	.mlast .timeline-panel {
		position : absolute !important;
		left : calc(50vw - 455px);
		top: 100px;
	}
	.arrow {
		top : 40px !important;
		display : none;
	}
	/******************/
	#credit-photo {
		top: -40px;
    }
	/******************/
	#projet-de-sante {
		margin-top : 0 !important;
		
	}
	/******************/
	#carte-territoire{
		margin-bottom: 30px;
	}
	/******************/
	.hero article h1 {
		position: relative;
		top: 40px;
	}
	h1.entry-title {
		text-align: center !important;
		padding: 0 20px;
	}
}