/*
Theme Name: Divi Enfant - DiviKit
Description: Divi Enfant, theme enfant de Divi fourni par WPMarmite
Author: WPMarmite
Template: Divi
*/


::selection {  background-color: var(--BrandColor) !important; color : #FFF}
::-moz-selection {background: var(--BrandColor)}

.dancing-script-<uniquifier> {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.dosis-<uniquifier> {
  font-family: "Dosis", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}




/*---------- COLOR ----------------
--------------------------------*/
:root{	
    --anthracite : #394c4c;
    --grisClair :  #D3D3D3;
    --grisFonce :  #A9A9A9; 
    --BrandColor : #e4f2eb;
    --BrandColorFonce : #6b9991;
    --accentuation1 : #ffbf80;
    --accentuation2 : #ffeecc;
    --BorderRadius : 0px;
    --Font1 : "Dancing Script", cursive;
    --Font2 : "Dosis", sans-serif;
    --Size1: 0.5em;
    --Size2: 1em;
    --Size3: 1.5em;
    --Size4: 2em;
    --Size5: 3em;
}


/*---- IMAGE FORME DE BLOB ------
--------------------------------*/
.blob span img{
    width: 100%;
    height: auto;
    border-radius: 50% 50% 39% 61% / 48% 60% 40% 52% !important;
}

.accent::before {
    content: '';
    position: absolute !important;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 191, 128, 0.8); 
    border-radius:  50% 50% 50% 50% / 50% 50% 50% 50% ;
    transform: rotate(-10deg);
    z-index: -1; 
}

.accent::after {
	content: '';
	background-image: url("https://lima.fbsd.fr/wp-content/uploads/2024/07/feuille.png");
	position: absolute;
	z-index: 2;
	width: 131px; 
	height: 163px; 
	bottom: -10px;
	right: 78px; 
	background-size: cover; 
	background-repeat: no-repeat; 
}

.brandFonce::before {
    content: '';
    position: absolute !important;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(107, 153, 145, 0.8); 
    border-radius:  50% 50% 50% 50% / 50% 50% 50% 50% ;
    transform: rotate(-10deg);
    z-index: -1; 
}

 .brandFonce::after {
  content: url('/wp-content/uploads/2024/07/feuille2.png');
  display: block;
  position: absolute;
  z-index: 1;
  top: 0px;
  right : 140px; /* ajouter left si nécessaire pour positionner l'image */
  width: 60px; /* spécifiez la largeur */
  height: auto !important; /* auto pour maintenir le ratio */
  text-align: right;
}

.brand::before {
    content: '';
    position: absolute !important;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(228, 242, 235, 0.8); 
    border-radius:  50% 50% 50% 50% / 50% 50% 50% 50% ;
    transform: rotate(-10deg);
    z-index: -1; 
}

.brand::after {
	content: '';
	background-image: url("https://lima.fbsd.fr/wp-content/uploads/2024/07/feuille3.png");
	position: absolute;
	z-index: 2;
	width: 186px; 
	height: 319px; 
	top: -10px;
	right: 0px; 
	background-size: cover; 
	background-repeat: no-repeat; 
}

/*----------------------------------------------------------
----------------------------- WIDTH -----------------------*/

.et_pb_row {
}

.container {
   
}

.fullWidth {
}

@media only screen and (min-width: 1687px) {
    .et_pb_section {
        padding: 5% 0 4% !important;
    }
}

/*----------------------------------------------------------
----------------------------- AVIS -----------------------*/
.review-block {
    background-color: #fff;
    border: 1px solid var(--grisClair);
    border-radius: 5px;
    padding: 1em;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-text{
	margin-bottom: 20px !important;
}
/*----------------------------------------------------------
----------------------------- FONT -----------------------*/
.et_pb_module strong {
    font-weight: 700;
}

hr {
    border: none;
    border-top: 1px solid var(--grisClair);
    margin : var(--Size3) 0;
}

.et_pb_divider:before { border-top-color: var(--grisClair) !important}

.surtitre{
    color: var(--BrandColor) !important;
    font-family: var(--Font1) !important;
    font-weight: normal !important;
    font-size: 120px !important; 
    position: absolute;
    z-index: -1;
}

.surtitre{
  top: -40px;
}

.et_pb_module p { font-weight : 600;}
.et_pb_module strong { font-weight : 600;} 

.et_pb_module p a { 
    position :relative;
    display: inline-block;  
} 

.et_pb_module p a:after { 
    content: "";
    display: block;
    border-top: 1px solid var(--BrandColor);
    witdh: auto;
    margin-top:-2px; 
} 


ul li::marker {
        list-style-type: disc; 
        color: var(--BrandColor);
} 

h3, h4, h5, h6 { 
    color : var(--anthracite) !important;
    font-size: 25px !important;
    margin-bottom : var(--Size1);
}

.et_pb_text_inner h1, .et_pb_text_inner h2{
    font-size:40px !important;
    font-family: var(--Font2) !important;
    margin-bottom : var(--Size1);
    color: var(--Anthracite);
    font-weight: 700 !important;
    line-height: 45px !important;
}


/*----------------------------------------------------------
----------------------------- ENTETE -----------------------*/
.et_pb_fullwidth_section {}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
    width : 90% !important;
}

.et_pb_fullwidth_section  .et_pb_fullwidth_header  {}

.et_pb_fullwidth_section  .et_pb_fullwidth_header H1:after {}

.et_pb_fullwidth_section .et_pb_fullwidth_header .header-image img {}

header#main-header {
    border-top: 8px solid #e4f2eb;
}

.confirmation {
    background-color: var(--anthracite);
    padding: 11% 0 !important;
}

/*-----BTN Contactez-nous------*/

.menu_cta {
    background-color: var(--accentuation1);
    color: #fff;
    padding: 0 !important;
}

.menu_cta a {
    color: #fff !important;
    padding: 10px !important;
}


/*----------------------------------------------------------
-------------------------- ICONOGRAPHIE --------------------*/

/*-----------IMAGES-----------------*/


/*-----------GALLERIES-----------------*/
.et_pb_gallery {}

.et-pb-slider-arrows .et-pb-arrow-prev,
.et-pb-slider-arrows .et-pb-arrow-next {
    
}

.et-pb-slider-arrows .et-pb-arrow-prev:before,
.et-pb-slider-arrows .et-pb-arrow-next:before {
}

/*----------------------------------------------------------
-------------------------- FORMULAIRE DE CONTACT ----------*/

/*-----------CHAMPS---------*/
.et_pb_contact_form .et_pb_contact_field {
    margin-bottom: var(--Size2);
}

.et_pb_contact_form .input {
    background-color: var(--grisClair);
    color: var(--anthracite);	
}

.et_pb_contact_form input::placeholder,
.et_pb_contact_form textarea::placeholder {
    color: var(--anthracite);
    opacity : 0.3;
}

.et_contact_bottom_container { margin-top: 0; }

/*----------------------------------------------------------
-------------------------- RESUMES --------------------------*/

/*------------------- BLOG -----------------*/

.et_pb_blog_grid .et_pb_post {
    border: none;
    padding: 0px;
    background-color : rgba(255, 255, 255, 0) !important;
}

.et_pb_blog_grid .et_pb_post .et_pb_image_container {
    margin: 0px 0px 20px 0;
}

.et_pb_post {}

.et_pb_post .et_pb_image_container a {}

.et_pb_post .et_pb_image_container a img {}

.et_pb_post .et_pb_image_container a:hover img {}

.et_pb_post p.post-meta, .et_pb_post p.post-meta a  {
     color: var(--BrandColor) !important; 
}

.et_pb_post .post-content p {}


/*------- POST OVERLAY-----------*/

.et_pb_post .et_overlay {
    
}

.et_pb_post .et_overlay:before {
    
}


/*------------------- PORTFEUILLE FILTRABLE -----------------*/

/* -------------------------------------------------
PASSER SUR TROIS COLONNES 
----------------------------------------------------*/
 
@media only screen and ( min-width: 768px ) {
.three-column-grid .et_pb_grid_item { width: 31% !important; margin: 0 3.5% 3.5% 0 !important; }
.three-column-grid .et_pb_grid_item:nth-child(3n) { margin-right: 0 !important; }
.three-column-grid .et_pb_grid_item:nth-child(3n+1) { clear: left; }
.three-column-grid .et_pb_grid_item:nth-child(4n+1) { clear: unset !important; }
.three-column-grid .et_pb_grid_item:nth-child(12n+1) { clear: both !important; }
}

/*------- Trier par-----------*/

.et_pb_portfolio_filters ul li.et_pb_portfolio_filter a {
    border: none;
    border: none;
    backgournd-color: var(--grisFonce);
    margin-right:5px;
}

.et_pb_portfolio_filters ul li.et_pb_portfolio_filter a.active{
    backgournd-color: var(--grisClair);
}

/*------- PORTEFEUILLE RESUME-----------*/

.et_pb_portfolio_item {
    background-color: transparent;
    padding : none;
}

.et_pb_portfolio_item .et_portfolio_image{}

.et_pb_portfolio_item .et_portfolio_image img{}

.et_pb_portfolio_item .post-meta a{color : var(--BrandColor) !important;}

.et_pb_portfolio_item .et_pb_portfolio_excerpt { margin-bottom: var(--Size2);}

.et_pb_portfolio_item .et_pb_portfolio_link { color: var(--BrandColor);}


/*------- PROJECT OVERLAY-----------*/

.project .et_overlay {display: none; }

.project .et_overlay:before {
    
}

/*------- PAGINATION -----------*/

.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
    border-top: 1px solid var(--grisClair);
}


/*----------------------------------------------------------------
-------------------------- MODULE RESUME -------------------------*/

.et_pb_blurb {}

/*----------- BLURB CENTRE-----------------*/
.et_pb_blurb_position_top .et_pb_image_wrap { width : 50px;}

.et_pb_blurb_position_top .et_pb_blurb_container {
}

/*----------- BLURB GAUCHE-----------------*/
.et_pb_text_align_left {}

.et_pb_text_align_left .et_pb_blurb_content{ text-align: left; max-width:100%; }


/*----------------------------------------------------------------
-------------------------- MODULE MEMBRE -------------------------*/


.et_pb_team_member {}

.et_pb_team_member .et_pb_member_position {color : var(--BrandColor);}

.et_pb_team_member_image {}

.et_pb_team_member_description{}

ul.et_pb_member_social_links {margin-top : var(--Size2);padding : 0px !important;}

ul.et_pb_member_social_links li {
    background-color: var(--grisClair);
    padding : var(--Size1) var(--Size2);
    margin-right: 5px;
}
ul.et_pb_member_social_links li a {color : var(--anthracite) ;}

ul.et_pb_member_social_links li:hover { background-color: var(--BrandColor);}
ul.et_pb_member_social_links li:hover a {color : #FFF !important;}


/*----------------------------------------------------------------
-------------------------- PANNEAU A ONGLETS ---------------------*/

.et_pb_tabs {border: none !important;}
ul.et_pb_tabs_controls { background-color: transparent; }

ul.et_pb_tabs_controls:after {border-top : none !important;}

.et_pb_all_tabs {margin-top: var(--Size3)}

.et_pb_tabs ul.et_pb_tabs_controls li { 
    background-color: var(--grisFonce); 
    border: none;
    margin-right:10px;
    margin-bottom:1px;
    padding : var(--Size1)
}

.et_pb_tabs ul.et_pb_tabs_controls li a { font-weight: 400 !important; }

.et_pb_tabs ul.et_pb_tabs_controls li.et_pb_tab_active { background-color: var(--grisClair);border: none;}

.et_pb_tabs ul.et_pb_tabs_controls li.et_pb_tab_active a { font-weight: 600 !important; }

.et_pb_tab, .et_pb_tab.et-pb-active-slide {background-color: transparent; padding : 0 !important;}

/*----------------------------------------------------------------
-------------------------- ACCORDEONS --------------------------*/

.et_pb_toggle {
    background-color: var(--grisClair);
    border: none;
    color: var(--anthracite) !important;
    margin-bottom: var(--Size2) !important;
}

.et_pb_toggle_title {
    color: var(--anthracite) !important;
}

.et_pb_toggle_open {}

.et_pb_toggle_close {
    background-color: var(--grisFonce) !important ;
}

.et_pb_toggle_title:before {
    color : var(--BrandColor)
}


/*---------------------------------------------------------
-------------------------- CTA  --------------------------*/

.et_pb_promo_description {
}

/*---------------------------------------------------------
-------------------------- SLIDER  -----------------------*/

.et_pb_slide {
    min-height: 400px;
    border-radius: var(--BorderRadius) !important;
}

/*---------------------------------------------------------------------
-------------------------- DIVI CARROUSSEL SLIDER  -----------------------*/


.et_pb_fh_post_carousel .owl-carousel .owl-stage {
    margin-bottom: var(--Size3);
}
    
.et_pb_fh_post_carousel .owl-carousel .owl-nav button {
    position : relative !important;
}

.et_pb_fh_post_carousel .owl-nav {
    top:30px;
    float:right;
}

.fullWidth .et_pb_fh_post_carousel .owl-nav {
    top:30px;
    float: right;
    margin-right : 5%;
}

.et_pb_fh_post_carousel .owl-nav .owl-prev,
.et_pb_fh_post_carousel .owl-nav .owl-next {
    left : inherit !important;
    top : inherit !important;
    margin-top : none !important;
    right : 0px;
    background-color: var(--grisClair) !important;
}
 
.et_pb_fh_post_carousel .owl-carousel .owl-nav button.owl-next {
    right: -0px !important;
    margin-left:5px;
}

/*----------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
----------------------------- DARK MODE --------------------------------------------------------*/

.dark {background-color : var(--anthracite) !important; }
.dark .et_pb_module p,
.dark .et_pb_module a,
.dark .et_pb_module strong,
.dark .et_pb_module h4,
.dark .et_pb_module h3,
.dark .et_pb_module h2,
.dark .et_pb_module h1
 {color : #FFF !important;}
 
 /*---------------------------------------------------------
 -------------------------- ENTETE -----------------------*/

.dark .et_pb_fullwidth_header .header-content {color : #FFF;}

/*----------------------------------------------------------
----------------------------- FONT -----------------------*/

.dark hr {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    margin : var(--Size3) 0;
}

.dark .et_pb_divider:before { border-top-color: rgba(255, 255, 255, 0.2) !important}

.dark ul li {color : #FFF;}

/*----------------------------------------------------------
-------------------------- FORMULAIRE DE CONTACT ----------*/

.dark .et_pb_contact_form .input {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFF !important;	
}

.dark .et_pb_contact_form input::placeholder,
.dark .et_pb_contact_form textarea::placeholder {
    color: rgba(255, 255, 255, 0.7);
}


/*----------------------------------------------------------
-------------------------- RESPONSIVE --------------------*/

@media (max-width: 980px) {
    .accent::after, .brandFonce::after, .brand::after{
        display: none;
    }
    .surtitre{
	    font-size: 80px !important; 
	    position: relative;
	    padding: 60px 0 0 !important;
	}
	.invert{
		display: flex;
		flex-direction: column-reverse;
	}
}