/*
Theme Name:     Earth Focus Foundation
Description:    Site internet officiel de la Foundation Earth Focus
Author:         Inahya
Author URI:     www.inahya.com
Template:       Divi
Version:        1.0.0
*/

@import url("../Divi/style.css");


/* =Theme customization starts here
------------------------------------------------------- */



/* Divi's breaking points:

 * Large Desktop: 1405px and above
 * Standard Desktop: between 1100px and 1405px
 * Laptops and Large Tablets: between 980px and 1100px
 * Tablets: between 768px and 980px
 * Smartphones and small Tablets: between 320px and 768px;
 * Smartphones: between 320px and 480px;

*/


/* COLORS

Blue : #1b4097
Golden : #bd9f3d
Green : #57bd37
Yellow : #f6c82d
Magenta : #ff206e

*/



/**************************/
/*                        */
/*         HACKS          */
/*                        */
/**************************/

/* Changing the Column Stacking Order On Mobile Using CSS Classes.
 * More info : 
 * https://www.elegantthemes.com/blog/divi-resources/how-to-change-divis-column-stacking-order-on-mobile-devices
*/

@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
 }
	

/* custom classes that will designate the order of columns in the flex box row
*/

  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
  }
 
  .second-on-mobile {
    -webkit-order: 2;
    order: 2;
  }
 
  .third-on-mobile {
    -webkit-order: 3;
    order: 3;
  }
 
  .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
  }

	
/*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    /*margin-bottom: 30px*/;
  }
}

/* Vertically center rows in sections and modules in columns  
 * Detail here:
 * https://divihacks.com/vertically-align-modules-inside-rows-and-rows-inside-sections/ 
*/

.dh-valign-center-row .et_pb_column,
.dh-valign-center-section,
.dh-valign-center-module {
   display: flex;
   flex-direction: column;
   justify-content: center;
}


/* Resize images with CSS
 * More info:
 * https://www.peeayecreative.com/how-to-change-crop-divi-image-aspect-ratios-in-the-builder/
*/

/* image aspect ratio square 1:1 */

.pa-image-1-1 .et_pb_image_wrap {
	padding-top: 100%;
	display: block;
}

.pa-image-1-1 .et_pb_image_wrap img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}



/**************************/
/*                        */
/*   DIVI & RESPONSIVE    */
/*                        */
/**************************/


/* Fix horizontal scroll in browser when horizontal scroll effect is applied to a block.
 * See : 
 * https://divibooster.com/preventing-the-divi-theme-horizontal-scroll-bar-bug/
*/

#page-container {
	overflow: hidden;
}



/**************************/
/*                        */
/*     GLOBAL ELEMENTS    */
/*                        */
/**************************/

html, body {
	background-color: #1b4097!important;
	font-size: 16px!important;
}

a {
	border-bottom: dotted 1px #1b4097;
	font-weight: 600;
}

a:hover {
	text-decoration: none;
	color: #bd9f3d;
	border-bottom: dotted 1px #bd9f3d;
}



/**************************/
/*                        */
/*       MOBILE MENU      */
/*                        */
/**************************/


@media only screen and (min-width: 600px) {
  .et_pb_menu .et_pb_menu__menu > nav > ul > li.mobile-link {
    display: none!important;
  }
}


/**************************/
/*                        */
/*         HEADER         */
/*                        */
/**************************/

/* Menu items */

.et_pb_menu .et-menu>li {
	padding: 0!important;
}

@media screen and (min-width: 980px) and (max-width: 1099px) {
  .et-menu .menu-item-has-children>a:first-child {
		margin-left: 10px!important;
		margin-right: 10px!important;
	}
}

@media screen and (min-width: 1100px) {
  .et-menu .menu-item-has-children>a:first-child,
	.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
		margin-left: 22px!important;
		margin-right: 22px!important;
	}
}

/* Main menu items */
nav.et-menu-nav > ul > li > a {
	border-bottom: none!important;
}


/* Add bottom border to main menu item with sub-menu */
/*nav.et-menu-nav > ul > li.current-menu-parent > a,*/
nav.et-menu-nav > ul > li.current-menu-item {
	border-bottom: 3px solid #bd9f3d!important;
}

/* Remove drop-down icon */
.et-menu .menu-item-has-children > a:first-child::after {
  content: none!important;
}

/* Remove right-padding to main menu items (added by Divi Switch) */
.et-menu .menu-item-has-children > a:first-child {
  padding-right: 0px!important;
	margin-left: 10px;
	margin-right: 10px;
}

/* Sub-menu */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu {
	padding: 0!important;
}

/* Color of sub-menu top border */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu {
  margin-top: -3px!important;
	border-top: 4px solid #bd9f3d!important;
	
}

/* Change the default dropdown animation */

.et_pb_menu_0_tb_header.et_pb_menu ul.nav > li > ul.sub-menu {
  transform:translateY(10px);
  transition: all .3s ease-in-out;
}

.et_pb_menu_0_tb_header.et_pb_menu ul.nav > li:hover > ul.sub-menu {
  transform:translateY(0);
}

/* Add triangle arrow to the dropdown sub-menu */

.et_pb_menu_0_tb_header.et_pb_menu ul.nav > li > ul.sub-menu:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bd9f3d transparent;
  position: absolute;
  top: -10px;
  left: 30px;
}

/* Center-align the dropdown text */
.et_pb_menu_0_tb_header.et_pb_menu .sub-menu a {
  text-align: center;
}

/* Styles of sub-menu items */

/* Default */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li {
	padding: 0!important;
  width: 100%!important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
  padding: 7px 20px!important;
  margin: 0!important;
  width: 100%;
  border-bottom: 1px solid #80808042!important;
	text-align: left;
	font-size: 14px;
	font-weight: 400!important;
	color: #1b4097!important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover {
  background-color: #1b4097!important;
	color: white!important;
	opacity: 1!important;
}


/* Selected */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item {
	background-color: white!important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a {
  color: #1b4097!important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a:hover {
  color: white!important;
}

/* Current menu item */
.header-language-menu .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	padding: 0 0.4em 0 0!important;
	background-color: transparent;
	border: none;
}


/* 
 * WMPL Language menu
*/

@media screen and (max-width: 980px) {
	.header-additional {
		display: none;
	}
}

.header-language-menu.et_pb_text_0_tb_header {
    padding-left: 0.5em!important;
}

.header-language-menu * p {
	padding: 0!important;
}

.header-language-menu div.wpml-ls-legacy-dropdown {
	width: auto!important;
}

.header-language-menu .wpml-ls-legacy-dropdown ul {
	width: 2.4em;
	padding: 0;
}

.header-language-menu .wpml-ls-legacy-dropdown a span {
	width: 1.4em!important;
	margin-left: 4px;
	font-size: 0.8em;
	font-weight: 400;
	color: white;
}

/* Icon aside current language */
.header-language-menu .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	font-family: 'ETmodules';
	content: "3";
	font-size: 16px;
	font-weight: 800;
	color: white!important;
	margin:0!important;
	padding:0!important;
}

/* Sub-menu items */

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  border: 0!important;
	text-align: left!important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
  color: white;
  border: 0!important;
  background-color: transparent;
  padding: 5px 0 5px 0!important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a span:hover {
  color: #666!important;
}



/**************************/
/*                        */
/*         FOOTER         */
/*                        */
/**************************/

/* WPML language menu */

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
display: none !important;
}

/* Footer menu */
.footer-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li {
	width: 100%;
	padding: 0!important;
}

.footer * a {
	color: white!important;
}

.footer-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li a {
	padding: 3px 0!important;
	border: none;
	display:block!important;
}

.footer-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li a:hover {
	border-bottom: dotted 1px white!important;
}

.footer-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li a:before {
    content:"\25B9";
    position: absolute;
    left: -15px;
}



/**************************/
/*                        */
/*      BOOKLY FORM       */
/*                        */
/**************************/

.bookly-progress-tracker > div {
	color: #a8a8a8!important;
}

.bookly-box {
  color: white!important;
}

.bookly-btn, .bookly-btn > span {
	font-size: 15px!important;
	text-transform: lowercase!important;
}



/**************************/
/*                        */
/*          HOME          */
/*                        */
/**************************/

/* Header */
body.home header {
	position: absolute;
	width: 100%;
}

/* Slider Revolution */


/* Section VALEURS */

.home-valeurs h3 {
	color: #1b4097!important;
	font-size: 22px;
	font-weight: 600;
  margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.home-valeurs a.link {
	color: #bd9f3d!important;
	font-size: 14px!important;
	border: none!important;
}

.home-valeurs a.link:after {
	position: relative;
  top: 3px;
  left: 5px;
  width: 0;
  height: 0;
	font-family: 'ETmodules';
	content: '\24';
	font-size: 16px;
	color: #bd9f3d;
	border: none!important;
}

.home-valeurs a.link:hover {
	color: #bd9f3d!important;
	border-bottom: dotted 1px #bd9f3d!important;
}

.home-valeurs a.link:hover:after {
  left: 10px;
}


/* Section PROJETS */

.projet .et_pb_main_blurb_image {
	margin: 0!important;
	padding: 0!important;
}

.projet .et_pb_blurb_container {
	margin: 0!important;
	padding: 1.2em 1.5em 2em 1.5em!important;
}

.projet h2 {
	margin-bottom: -0.2em;
}

.projet h3 {
	color: white!important;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0.8em;
	padding: 0;
}

.projet a.link {
	display: block;
	text-align: right;
	color: #c5c5c5!important;
	font-size: 14px!important;
	border-bottom: none;
}

.projet a.link:after {
	position: relative;
  top: 3px;
  left: 5px;
  width: 0;
  height: 0;
	font-family: 'ETmodules';
	content: '\24';
	font-size: 16px;
	color: #f6c82d!important;
}

.projet a.link:hover {
	color: #f6c82d!important;
}

.projet.cot .et_pb_blurb_container {
    padding: 2em 1.5em 2em 1.5em!important;
}


/* Section BLOG */

.home-blog-slider .swiper-button-prev:after,
.home-blog-slider .swiper-button-next:after {
	border: 1px solid #1b4097!important;
	padding: 5px!important;
	height: 20px!important;
}



/**************************/
/*                        */
/*     PAGES PROJETS      */
/*                        */
/**************************/


/* Header */
.projet-header-txt span {
	display: block;
	line-height: 1em;
}

.projet-header-txt span.dipl_pre_text {
	margin-bottom: 0.3em;
}

.projet-contact a {
	color: white;
	font-weight: 400!important;
	text-decoration: none!important;
	border-bottom: none!important;
}

.projet-contact a:hover,
.projet-contact a:visited {
	color: white;
	border-bottom: 1px dotted white!important;
}

/* Titre blocs */

.project-bloc-title {
	margin-bottom: 0.6em!important;
}

.project-bloc-title h2 .dipl_main_text_stack {
	margin-top: -10px;
}



/**************************/
/*                        */
/*       FONDATION        */
/*                        */
/**************************/


.block-members .dipl_image_card_image_wrapper {
	text-align: center;
}

.block-members .dipl_image_card_image {
	width: 100%!important;
	max-height: 150px;
	object-fit: cover!important;
}

.block-members .dipl_image_card_title {
	margin: 0.5em 0 0 0!important;
}
/*
.block-members .dipl_image_card_content p:first-child {
	padding: 0 0 2em 0!important;
}*/

.block-members .dipl_image_card_content h4 {
	font-size: 13px;
	color: white;
	font-weight: 600;
	margin-top: 1em;
	padding-bottom: 0.4em!important;
}

.block-members .dipl_image_card_content h4 ~ p {
	margin: 0 0 0.6em 0;
	padding: 0!important;
	font-size: 13px;
}

.block-members .et_pb_button_wrapper {
	margin: 0!important;
	padding: 0!important;
}

/* Member LinkedIn button */

.member-social {
	background-color: #1b4097;
	text-align: center;
	padding-bottom: 1em;
}

.member-social a {
	color: white;
	font-size: 22px;
	cursor: pointer;
}

.member-social a:hover {
	color: #bd9f3d;
	border : 0;
	text-decoration: none;
}


/**************************/
/*                        */
/*       CONTACT US       */
/*                        */
/**************************/

.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
	font-size: 15px!important;
}


/* List of Divi icons codes:
 * https://dividezigns.com/divi-icon-codes/
 * https://www.elegantthemes.com/blog/resources/elegant-icon-font