/*
Theme Name: Divi child
Author: 
Description: Your description goes here
Version: 1.0
Template: Divi

This is the child theme for Divi theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*Fonts*/

strong {
	font-weight: 600;
	color: rgba(0,0,0,0.7)
}
/*Menu*/

#et-top-navigation {
	padding-left: 0px !important;
}
@media all and (min-width:981px) and (max-width:1160px) {
	.et_pb_svg_logo #logo {
		height:70% !important;
	}
	#top-menu li a {
		font-size: 16px !important;
	}
}

@media all and (max-width:981px) {
	#logo {
		height: 70% !important;
		max-height: 70% !important;
	}
}

.mobile_menu_bar:before {
	color: #9fb985;
}

.et_mobile_menu {
	border-top: 3px solid #9fb985;
}

/*Home*/

.my-specialty .et_pb_row {
	width:100%;
	max-width:100%;
}

.my-specialty-mobile .et_pb_row {
	margin-right: 0px;
}

h2 {
	margin-bottom: 15px;
}

.my-blog .et_pb_blog_grid .et_pb_post {
	padding: 10%;
}

.et_pb_section .et_pb_row .my-blog .et_pb_blog_grid .column.size-1of3 {
	width: 28%;
}

.my-blog .et_pb_blog_grid .et_pb_post.category-green h2 {
	color: #9fb985;
}

.my-blog .et_pb_blog_grid .et_pb_post.category-brown h2 {
	color: #d1cea2;
}

.my-blog .et_pb_blog_grid .et_pb_post.category-blue h2 {
	color: #81b4cd;
}

.post-content-inner {
	padding-bottom: 20px;
}

@media all and (min-width:1279px) and (max-width:1584px) {
	.home .et_pb_text_0 h1 {
		font-size:40px;
	}
}
@media all and (min-width:981px) and (max-width:1278px) {
	.home .et_pb_text_0 h1 {
		font-size:30px;
	}
}

.pa-blog-equal-height .pa-auto-height {
    height: auto !important;
}

.pa-blog-equal-height .pa-auto-margin {
    margin-top: 20px !important;
}

/*Projet*/
/* Bullet points*/

.pa-bullet-list ul {
list-style-type: none!important;
}
.pa-bullet-list ul li:before {
content: '\4e'!important;
color: #9fb985;
font-family: 'ETMODULES'!important;
margin-right: 20px;
margin-left: -14px;
font-size: 1.2em!important;
display:inline-block;
vertical-align:middle;
}

.pa-bullet-list-1 ul, .pa-bullet-list-2 ul, .pa-bullet-list-3 ul, .pa-bullet-list-4 ul {
list-style-type: none!important;
}
.pa-bullet-list-1 ul li:before, .pa-bullet-list-2 ul li:before, .pa-bullet-list-2 ul li:before, .pa-bullet-list-3 ul li:before, .pa-bullet-list-4 ul li:before {
content: '\e0f9'!important;
color: #9fb985;
font-family: 'ETMODULES'!important;
margin-right: 20px;
margin-left: -14px;
font-size: 2.2em!important;
 display: inline-block;
vertical-align:middle;
}
.pa-bullet-list-1 ul li:before {
transform: rotate(180deg);
}
.pa-bullet-list-2 ul li:before {
transform: rotate(90deg);
}
.pa-bullet-list-3 ul li:before {
transform: rotate(270deg);
}

ol.circle {
   list-style: none;
  display:table;
 }

 ol.circle > li{
   counter-increment: item;
   margin-bottom: 5px;
   list-style-position: inside;
    padding-left: 40px;
    position: relative;
 }

ol.circle > li:before {
   margin-right: 10px;
   content: counter(item);
   border-radius: 100%;
   color: white;
	font-weight:normal;
   width: 1.3em;
   text-align: center;
   left: 0;
    position: absolute;
    top: 0;
 }

ol.circle > li.li-grey:before {
	background:#CAD3D8;
}
ol.circle > li.li-purple:before {
	background:#C2A4BC;
}
ol.circle > li.li-green:before {
	background:#BBCFA4;
}
ol.circle > li.li-blue:before {
	background:#94B7C2;
}
ol.circle > li.li-pink:before {
	background:#E7AABA;
}
ol.circle > li.li-brown:before {
	background:#636769;
}
ol.circle > li.li-orange:before {
	background:#E7B899;
}
ol.circle > li.li-earth:before {
	background:#B9A582;
}

/*Specialty section*/

.et_pb_section.et_pb_section_1.et_section_specialty .et_pb_row {
	display:flex;
}

.et_pb_column.et_pb_column_1_3.et_pb_column_28.et_pb_column_single {
	margin: 0 auto 0;
	width: 32%;
}

.et_pb_column.et_pb_column_2_3.et_pb_column_27.et_pb_specialty_column {
	width:62%;
}
@media all and (max-width:981px) {
.my-specialty-timeline {
	display:none;
}
.my-specialty-timeline-2 {
	display:block;
	}
}

@media all and (min-width:981px) and (max-width: 1345px) {
.my-specialty-timeline {
	display:none;
}
.my-specialty-timeline-2 {
	display:block;
	}
}

@media all and (min-width: 1346px) {
.my-specialty-timeline {
	display:block;
}
.my-specialty-timeline-2 {
	display:none;
	}
}