/*
Theme Name: graphisteinvestigateur-child
Author: Graphiste Investigateur
Version: 1.0
Template: Divi
*/


/* Aligner verticalement les colonnes  */
.ds-vertical-align {display: flex; flex-direction: column; justify-content: center;
}
/* Color transition  */

/* *{
	-webkit-font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
    text-decoration:none;
    -webkit-transition: color .3s ease-in;
    -moz-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
    transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
}


a,label,li,div,p,a:before,a:after,div:hover{
	-webkit-transition: color .3s ease-in;
    -moz-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in;
	transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;}
*/
/*
.section_anim_bg_gi {
-webkit-animation: AnimationName 46s ease infinite;
-moz-animation: AnimationName 46s ease infinite;
animation: AnimationName 46s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@keyframes AnimationName { 
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
*/

/* animated btn */

.btn_anim_gi .et_pb_promo_button, .btn_anim_gi .et_pb_button {
  -webkit-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.btn_anim_gi .et_pb_promo_button:hover, .btn_anim_gi .et_pb_button:hover {
}

.btn_anim_gi .et_pb_promo_button:focus, .btn_anim_gi .et_pb_button:focus {
  outline: none;
}

.btn_anim_gi .et_pb_promo_button:hover:after, .btn_anim_gi .et_pb_button:hover:after {
  border-color: transparent;
}

@-webkit-keyframes button-bounce {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.96);
  }
  20% {
    transform: scale(1.04);
  }
  52%,
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes button-bounce {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.96);
  }
  20% {
    transform: scale(1.04);
  }
  52%,
  100% {
    transform: scale(1);
  }
}
@keyframes button-bounce {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.96);
  }
  20% {
    transform: scale(1.04);
  }
  52%,
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes button-blip {
  0% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
  10% {
    transform: scaleX(1) scaleY(1);
    opacity: .7;
  }
  30%, 
  99% {
    transform: scaleX(1.08) scaleY(1.35);
    opacity: 0;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
}
@-moz-keyframes button-blip {
  0% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
  10% {
    transform: scaleX(1) scaleY(1);
    opacity: .7;
  }
  30%, 
  99% {
    transform: scaleX(1.08) scaleY(1.35);
    opacity: 0;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
}
@keyframes button-blip {
  0% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
  10% {
    transform: scaleX(1) scaleY(1);
    opacity: .7;
  }
  30%, 
  99% {
    transform: scaleX(1.08) scaleY(1.35);
    opacity: 0;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
}


/* section */
.section_shadow_hover .et_pb_column:hover{
	box-shadow: 0px 1px 17px 3px rgba(0, 0, 0, 0.1) !important;
	transform: scale(1.1);
}
.section_shadow_hover .et_pb_column{
	box-shadow: 4px 3px 21px 0px rgba(216,216,216,0.3);
	transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
	transform: scale(1);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
}
.container_shadow_hover_dark .et_pb_column{
	transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
	transform: scale(1);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
}
.container_shadow_hover_dark .et_pb_column:hover{
	box-shadow: 1px 1px 30px 3px rgba(0, 0, 0, 0.4) !important;
	transform: scale(1.1);
}
.container_shadow_hover_dark .et_pb_blurb:hover {
	background-color: #ffffff !important;
}

/* Custom list */
.list-step-gi ul li, .special_list_bullet_gi ul li,.special_list_bullet_light_gi ul li{
list-style:none;
}
.list-step-gi ul,.special_list_bullet_gi ul,.special_list_bullet_light_gi ul{
padding:0px;
}
.list-step-gi ul li:before{
	font-family: "ETmodules" !important;
    font-size: 30px;
    content: "\35";
	padding-right:2px;
	color: #e04454;
	position: absolute;
	left: -30px;
}
.special_list_bullet_gi ul li:before{
    font-family: "ETmodules" !important;
    font-size: 17px;
    content: "\4e";
	padding-right:2px;
	color: #e04454;
}
.special_list_bullet_light_gi ul li:before{
    font-family: "ETmodules" !important;
    font-size: 17px;
    content: "\4e";
	padding-right:2px;
	color: #e04454;
}
/* Navigation enquetes */ 

.nav_post_enquete_gi .nav-previous .nav-label,.nav_post_enquete_gi .nav-next .nav-label {
    display: none;
}
.nav_prev_post_enquete_gi .nav-previous a:before {
    font-family: "ETmodules" !important;
    font-size: 84px;
    content: "\34";
}
.nav_next_post_enquete_gi .nav-next a:before {
    font-family: "ETmodules" !important;
    font-size: 84px;
    content: "\35";
}
.nav_prev_post_enquete_gi .nav-previous a:hover,.nav_next_post_enquete_gi .nav-next a:hover {
    color:#e04454 !important;
}
.nav_post_enquete_gi .meta-nav {
	display: none !important;
}

/* Portfolio */
#portfolio_container_gi .active,#portfolio_container_gi a:hover {
	background: #e04454;
	color: #f9e4ad !important;
	font-weight: 700;
}
#portfolio_container_gi .active {
	background: #583146!important;

}
/* media queries  */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	 
	#main-content .et_pb_section .et_pb_row, #main-content .et_pb_section .et_section_specialty .et_pb_row, .et_pb_fullwidth_header_container {
		width: 90% !important;
	}
	.et_pb_fullwidth_header_container .et_pb_module_header {
		text-align: left !important;
	}

}