/*
Theme Name: 	Alienor
License: 		GNU General Public License v3 or later
License URI: 	http://www.gnu.org/licenses/gpl-3.0.html
Template: 		twentytwentyfour
Version: 		1.0.0
*/
/*
--- If you are editing CSS via the WordPress admin, do the following ---

1. Install the plugin WP Editor: http://wordpress.org/plugins/wp-editor/
2. Navigate to Appearance > Theme Editor in the WordPress admin.
3. Navigate into the /css/ folder of your child theme to edit custom.css.

*/
/* ------------------------------------ */
/*---------- Feuille de style ----------*/
/*------------- Site public-------------*/
/*-------- CPTS ALIENOR O POITOU -------*/
/* ------------------------------------ */

/*General*/
/*-------*/
@font-face {
    /*font-family: 'Gill Sans MT';
    src: url('gillsans.ttf') format('truetype');*/
}
body {
    --vert-fonce:#2b5337;
    --vert-clair:#d2e4d6;
	--rouge:#ab1516;
	--orange:#d07e2a;
	--textegris : #404040;
	--bleu : #004f91;
	--margin:3em;
    --lmargin:1.5em;
    --mmargin:1em;
    --smargin:.5em;
	
	--body-background-color : #fafbfd;

    line-height: 1.3;
    /*font-family: 'Inter', sans-serif !important;*/
    font-size:15px;
    color:var(--textegris);
	background : white;
}
/*
p,ul,div{
    font-family: "Tenor Sans","Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
}
*/
.entry-content {
	padding : 0 !important;
}
.widget {
    background: var(--body-background-color) !important;
}
@media (min-width: 800px){
	h3.sow-sub-headline {
		max-width : 50%;
		display : block;
		margin :  0 auto 0 !important;
	}
}
body:not(.homepage) #primary {
	padding-top : 76px;
	position : relative;
}
/*Image de fond hors homepage*/
body:not(.homepage) #content::before {
	content : "";
    background-image: url(https://cpts-france.fr/cpts-occitane/wp-content/uploads/sites/23/2023/11/image1.jpg);
    background-size: cover;
	background-repeat : repeat-y;
	opacity : 0.1;
	position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.ancre {
	position : relative;
	top : -50px
}
/*---------*/
/*BuddyBoss*/
/*---------*/
#primary-navbar {
	justify-content : center;
}
/*Policie du menu*/
.primary-menu>li>a {
    font-size: 18px;
}
#site-logo .site-title img.bb-logo {
    padding: 5px 0 !important;
    border-radius: 10px !important;
}
a.sing-up,a.sign-up,.tag-actu a.sign-up{
	display : none;
}

.container {
	max-width : none !important;
}
.site-content {
	padding : 76px 0 0 0 !important;
}
.post-grid.bb-grid {
    max-width: 1400px;
    padding: 0 5%;
	margin: var(--margin) auto;
}
/*---------------------*/
/*--------Header-------*/
/*---------------------*/
#header-aside {
	padding-right : 5px
}

.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 : #104954;
}
/*Texte rubriques menu*/
.primary-menu>li>a {
	color : white !important;
}
.bb-template-v2 .primary-menu>li:hover>a {
    color: var(--rouge) !important;
}
/*Bouton Se connecter*/
#header-aside > div > div > a.button.small.outline.signin-button.link {
    background-color: white !important;
    color: var(--rouge) !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: white !important;
}
/***** Logo *****/
.wp-block-site-logo img {
    border-radius: 3px;
	margin-left: 0px;
}
/*---------------------*/
/*--------Footer-------*/
/*---------------------*/
.footer-bottom {
	z-index : 1000;
}
.footer-bottom-right {
	max-width : 35% !important;
}
/*--------------------------------*/
/*--------Bandeau supérieur-------*/
/*--------------------------------*/

main {
	position: relative;
    top: 70px;
}
/*Crédit photo*/
#credit-photo {
	position : absolute;
	right : 10px;
	color : #CCC;
	font-size : 10px;
}
#credit-photo,#credit-photo a {
	color : #CCC !important
}
@media (min-width: 800px){ 
	#credit-photo {
		top : -20px;
	}
}

/*--------------------------------*/
/*------------Bienvenue-----------*/
/*--------------------------------*/

/*--------------------------------*/
/*------------Actualités-----------*/
/*--------------------------------*/
article .entry-summary {
    color: var(--textegris) !important;
}
.uagb-post__inner-wrap > .uagb-post__text:last-child {
	position : absolute;
	left : 50%;
	transform: translate(-50%,0);
	margin : 0 !important
}
.entry-title h3 {
	margin-bottom : 0 !important;
}
.homepage h1.entry-title {
	display : none;
}
/*------------------------------*/
/*Section Notre histoire accueil*/
/*------------------------------*/
#notre-histoire svg {
	position : absolute;
	top : -70px;
}
#fleche {
	position: relative;
	width: 100%; /* Longueur de la ligne */
	height: 4px; /* Épaisseur de la ligne */
	background-color: var(--wp--preset--color--custom-bleu-fonc); /* Couleur de la ligne */
	margin: 20px 0;
}
#pointe {
	position: absolute;
	right: -5px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent; /* Taille de la flèche */
	border-bottom: 10px solid transparent;
	border-left: 10px solid var(--wp--preset--color--custom-bleu-fonc); /* Couleur de la flèche */	
}
/*-----------------------------------*/
/*Section Atouts et bénéfices accueil*/
/*-----------------------------------*/
/* Animation losanges*/
#anim-losanges-1 {
	position : absolute;
	height : 0;
	top : 400px;
	left : -330px;
}
#anim-losanges-2 {
	position : absolute;
	height : 0;
	top : 400px;
	left : 330px;
}
.losange-anim {
	opacity: 0;
	transform : rotate(45deg) ;
	transition: opacity 2s ease-out, transform 1s ease-out;
	position: relative;
}
.losange-anim.slide-left {
	transform : translateX(-100%);
}
.losange-anim.slide-right {
	transform : translateX(100%);
}
.losange-anim.slide-down{
	transform : translateY(-100%);
}
.losange-anim.slide-up{
	transform : translateY(100%);
}
.losange-anim.visible {
	opacity: 1;
	transform: rotate(45deg) translateX(0);
}
#losange2,#losange6 {
    left: -151px;
    top: -69px;
}
#losange3,#losange7 {
    top: -138px;
}
#losange4,#losange8 {
    left: 151px;
    top: -509px;
}
#atouts-1,#atouts-titre {
	z-index : 100;
}
#atouts-logo {
	transform: rotate(45deg);
}
#atouts-logo figure{
	transform: rotate(-45deg);
}
#atouts-patients, #atouts-pros {
	text-align : justify;
}
.c1 {
	position: relative;
    left: 43px;
    top: 44px;
}
.c2 {
	position: relative;
    left: -43px;
    top: 44px;
}
/*--------------------------------*/
/*Section projet de santé  accueil*/
/*--------------------------------*/
#projet-old  {
	display : none;
}
.losange,.m-intertitre {
    transform:rotate(45deg);
    width:200px !important;
    height:200px !important;
    background-color : white;
}
.carre,.carre-2 {
    transform: rotate(-45deg) translate(18px,10px);
    width:200px !important;
    height:250px !important;
    background-color : transparent;
    text-align : center;
	font-size: 24px;
	color : var(--wp--preset--color--custom-vert-vif);
}
.carre-2 {
    transform: none;
    height:unset !important;
}
.carre .projet-item {
    background-color : transparent !important
}
.carre .wp-block-uagb-advanced-heading {
    padding : 0 !important
}
.carre h4 {
    font-size : 16px !important;
}
.carre .wp-block-uagb-modal {
    position: absolute;
    bottom: 60px;
}
#m1,#m6,#m6m {
    background-color : var(--wp--preset--color--custom-bleu-gris-clair);
}
#m2 {
    background-color : var(--wp--preset--color--custom-vert-amande);
}
#m3 {
    background-color : var(--wp--preset--color--custom-vert-vif);
}
#m4,#m5,#m5m {
    background-color : var(--wp--preset--color--custom-bleu-fonc);
}
#m1 h4,#m2 h4 {
    color : var(--wp--preset--color--custom-vert-fonc);
}
#m3 h4,#m4 h4,#m5 h4,#m5m h4 {
    color : white;
}
#m3 svg,#m4 svg, #m5 svg, #m5m svg {
   fill: white
}
.m-intertitre {
    border : none;
    background-color : transparent;
	top : 50px
}
.m-intertitre .carre, .m-intertitre-2 .carre-2{
    border-top: 3px solid var(--wp--preset--color--custom-vert-vif);
    border-radius: 170px / 50px;
    padding-top: 20px;
    margin : auto
}
.m-intertitre-2 .carre-2{
    border-radius: 170px / 45px;
}
#i1 .carre {
    transform:rotate(-45deg) translate(0,35px);
    position: relative;
    top: 60px;
    left: 60px;
    height:150px !important;
}
#i2 .carre {
    transform:rotate(-45deg) translate(0,35px);
    position: relative;
    top: -20px;
    left: -40px;
    height:150px !important;
}
#pds {
    transform: rotate(-45deg) translate(90px,-20px);
	text-align : center
}
/*------------------------*/
/*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: 30vh;
}
/*---------------------*/
/*Formulaire d'adhésion*/
/*---------------------*/
/*Formidable*/
.frm_forms {
    max-width: 800px !important;
    margin: auto;
    padding: 20px;
}
#frm_form_3_container.with_frm_style .frm_primary_label {
	color : var(--vert-fonce) !important;
}
.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;
}
/*---------------------------------*/
/******** Animation losanges *******/
/*---------------------------------*/

/*---------------------------------*/
/******** Tableau des PS     *******/
/*---------------------------------*/
#table-ps .row .cell:nth-of-type(2) {
    flex-basis : 10%
}
#table-ps .row .cell:nth-of-type(1) {
    flex-basis: 90%
}
/*---------------------*/
/******** Mobile *******/
/*---------------------*/
@media (max-width: 500px) {
	.timeline-panel {
		left: 10vw !important;
	 }
}
@media (max-width: 799px){
	#header-aside {
	    padding-right : 0px
	}
	.panel-grid.panel-has-style {
		margin-bottom : 0px !important;
	}

	#entete {
		background-position-x : unset ;
		height : 40vh;
	}
	#fond-entete {
		width : initial;
		height : 40vh;
		opacity : 0.8;
	}
	#entete-texte1 {
		padding-left: 0 !important;
	}
	#entete-texte2 {
		position: relative;
		top: -110px;
	}
	/*Crédit photo*/
	#credit-photo {
		top: -40px;
    }
	#credit-photo,#credit-photo a {
		color : #999 !important
	}
}