/*

Theme Name:Child Theme for Divi

Theme URI: http://wordpress-style.net

Description: Child Theme For Divi

Author: Eduard Ungureanu

Author URI: http://wordpress-style.net

Template: Divi

Version: 1.0

*/



/* Start your custom CSS bellow this comment
============================================ */
/* Containers */
.container-search {
	position: relative;
	width: 80%;
	max-width: 1080px;
	margin: auto;
}
#main-content .container-search {
	padding-top: 58px;
}

.container {
	position: relative;
	width: 80%;
	max-width: 1080px;
	margin: auto;
}

.et_full_width_page #main-content .container-search:before,
.et_full_width_portfolio_page #main-content .container-search:before {
	display: none;
}
/* Affichage filtres Portfolio */
.et_pb_filterable_portfolio .et_pb_portfolio_filters {
 clear: both;
 margin: 15px 0 15px 0;
}
/* Affichage Liste Portfolio */
.et_pb_gutters1 .et_pb_column .et_pb_grid_item, .et_pb_gutters1 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
/* Images plus grandes dans les portfolios affichés dans les pages catégories des projets
	ATTENTION : mettre custom_pm dans l'ID CSS du CSS personnalisé du module correspondant	*/
#custom_pm.et_pb_portfolio_grid .project {
clear: none !important;
margin-right: 15px !important;
width: 30% !important;
}
/*Permet de supprimer la colonne de droite dans les pages catégories*/
@media (min-width: 981px) {
	#main-content .container:before {
	background-color: transparent;
	}
	.tax-project_category.et_right_sidebar #left-area {
	width: 100%;
	}
	.tax-project_category.et_right_sidebar #sidebar {
	display: none;
	}
}
/*Permet de supprimer la colonne de droite dans les pages project-tag*/
@media (min-width: 981px) {
	#main-content .container:before {
	background-color: transparent;
	}
	.tax-project_tag.et_right_sidebar #left-area {
	width: 100%;
	}
	.tax-project_tag.et_right_sidebar #sidebar {
	display: none;
	}
	/* Taille des cercles pourcentages */
	.et_pb_circle_counter canvas {
	width: 75% ;
	top: 3px ;
	left: 12% ;
	}
	.et_pb_circle_counter .percent p {
	padding: 23% 0;
	}
	/* Hauteur carte google map */
	.et_pb_map {
	height: 400px;
	}
/* Titres */
	h2 {
	font-size: 22px;
	}
	h3 {
	font-size: 20px;
	}
}
/* Menu des catégories projets en bas des pages catégories */
#custom_menu_pm .fullwidth-menu-nav {
text-align: center;
}
#custom_menu_pm .et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
padding: 15px 0px 0px !important;
}
#custom_menu_pm .fullwidth-menu li  {
font-size:15px;
}
/* Bannière pub menu pricipal*/
@media (min-width: 981px) {
	.banniere-menu {
/*	min-height: 60%;
	margin-top: 5%;
*/
	display: block;
	text-align: center;
	bottom:0px;
	position:relative;
	}
}
@media all and (max-width: 980px) {
	.banniere-menu {
	display: none !important;
	}
}	
/* Aligner le portfolio filtrable (voir home) en centré sur mobile et tablettes */
@media all and (max-width: 980px) {
	.et_pb_filterable_portfolio .et_pb_portfolio_items {
    overflow: hidden;
    position: relative;
    width: 100%;
    text-align: center;
	}
}
/* Menu principal vertical */
.et_vertical_nav.et_vertical_fixed.et_header_style_left .et-fixed-header #et-top-navigation {
	padding-top: 5px;
}
/* Texte dans le slider */
.et_pb_bg_layout_dark.et_pb_slider_with_text_overlay .et_pb_slide_content {
	background-color: transparent;
	font-size: 2em;
	font-weight: 600;
}
.et_pb_slider .et_pb_container {
	width: 90%;
}
/* Taille de l'image dans la liste des projets*/
#left-area .et_pb_post a img {
	max-width: 70%;
	vertical-align: bottom;
	text-align: center;
	margin: auto;
	display: block;
}
/* Ajout des effet Ken Burns (https://www.elegantthemes.com/blog/divi-resources/ken-burns-effect-divi) */
/* Effets sur images et slides */
.kb-zoomout .et_pb_slide .et_parallax_bg {
   animation: zoomout 7s forwards;
  -ms-animation: zoomout 7s forwards;
  -webkit-animation: zoomout 7s forwards;
  -0-animation: zoomout 7s forwards;
  -moz-animation: zoomout 7s forwards;
}
.kb-zoomin .et_pb_slide .et_parallax_bg {
   animation: zoomin 7s forwards;
  -ms-animation: zoomin 7s forwards;
  -webkit-animation: zoomin 7s forwards;
  -0-animation: zoomin 7s forwards;
  -moz-animation: zoomin 7s forwards;
}
.kb-zoomin-right .et_pb_slide .et_parallax_bg {
   animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 7s forwards;
  -webkit-animation: zoomin-right 7s forwards;
  -0-animation: zoomin-right 7s forwards;
  -moz-animation: zoomin-right 7s forwards;
}
.kb-zoomout-right .et_pb_slide .et_parallax_bg {
   animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 7s forwards;
  -webkit-animation: zoomout-right 7s forwards;
  -0-animation: zoomout-right 7s forwards;
  -moz-animation: zoomout-right 7s forwards;
}
.kb-zoomout .et_parallax_bg {
   animation: zoomout 17s forwards;
  -ms-animation: zoomout 17s forwards;
  -webkit-animation: zoomout 17s forwards;
  -0-animation: zoomout 17s forwards;
  -moz-animation: zoomout 17s forwards;
}
.kb-zoomin .et_parallax_bg {
   animation: zoomin 17s forwards;
  -ms-animation: zoomin 17s forwards;
  -webkit-animation: zoomin 17s forwards;
  -0-animation: zoomin 17s forwards;
  -moz-animation: zoomin 17s forwards;
}
.kb-zoomin-right .et_parallax_bg {
   animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 17s forwards;
  -webkit-animation: zoomin-right 17s forwards;
  -0-animation: zoomin-right 17s forwards;
  -moz-animation: zoomin-right 17s forwards;
}
.kb-zoomout-right .et_parallax_bg {
   animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 17s forwards;
  -webkit-animation: zoomout-right 17s forwards;
  -0-animation: zoomout-right 17s forwards;
  -moz-animation: zoomout-right 17s forwards;
}
@keyframes 
	zoomout{
		0% {
    		-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
    		-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    		-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    		-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    		transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    		animation-timing-function: linear;
		}
		100% {
    		-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    		-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    		-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    		-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    		transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
		}
	}
@keyframes zoomin{
	0%{
    	-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	animation-timing-function: linear;
	}
	100%{
    	-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
    	-webkit-transform: scale3d(3.5, 3.5, 3.5) translate3d(0px, 0px, 0px);
    	-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    	-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    	transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
	}
}
@keyframes zoomout-right{
	0%{
    	-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    	-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    	-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    	-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    	transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    	animation-timing-function: linear;
	}
	100%{
    	-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
	}
}
@keyframes zoomin-right{
	0%{
	    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
	    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
	    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    	animation-timing-function: linear;
	}
	100%{
    	-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    	-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    	-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    	-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    	transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
	}
}
/* FIN 20170915 MODIF TC ajout des effet Ken Burns (https://www.elegantthemes.com/blog/divi-resources/ken-burns-effect-divi) */