/*
Theme Name: Divi Enfant
Description: Theme enfant du theme Divi. Vous pouvez desormais le personnaliser sans risquer de perdre vos modifications
Author: WPMarmite
Author URI: https://michel-vang.fr
Template: Divi
Version: 1.0
*/

/* pour que le menu mobile reste fixe */
@media (max-width: 980px) 
	{
	/* pour que le menu mobile reste fixe */
		.et_non_fixed_nav.et_transparent_nav #main-header, 
		.et_non_fixed_nav.et_transparent_nav #top-header, 
		.et_fixed_nav #main-header, 
		.et_fixed_nav #top-header {
    		position: fixed !important; 
		} 
		
	/* /////////////////////////////////////// */
		
	.mobile_nav.opened .mobile_menu_bar:before {
    	content: "d";
  	}
	#main-header .container.clearfix.et_menu_container {
    	width: 100%;
		background-color: black;  /* pour changer couleur menu (mobile) */
  	}
	.logo_container {
    	padding-left: 30px;
  	}
	#et-top-navigation {
    	padding-right: 30px;
	}
	#mobile_menu {
    	display: block !important;
    	right: 0;
    	left: 0;
    	top: 80px;
    	min-height: calc( 100vh - 80px );
    	transition: all .2s ease-in-out;
    	transform-origin: center;
  	}
  	.mobile_nav.closed #mobile_menu {
    	transform: rotateY(90deg);
    	opacity: 0;
  	}
  	.mobile_nav.opened #mobile_menu {
    	transform: rotateY(0);
    	opacity: 1;
  	}

/* pour changer couleur menu déroulant (mobile)*/
/*	#mobile_menu {
    	background-color: #fff !important;
  	}
  	#mobile_menu li a {
    	color: #222;
  	}
*/
}

/* pour changer couleur du top-header */
.et_color_scheme_orange #top-header, .et_color_scheme_orange .et_pb_counter_amount, .et_color_scheme_orange .et_pb_featured_table .et_pb_pricing_heading {
    background: #222 !important;
}

/* pour changer couleur du menu */
#main-header {
	/*background-color: #222 !important;*/
	background-color: black !important;
}

/* //////////////////////////////////////////////////////////////////  partie contact //////////////////////////////////////////////////////////// */
/*
.box_contact{
	padding-top:50px;
	padding-bottom:50px;
	background:center / cover url("https://michel-vang.fr/wp-content/uploads/2019/11/plan-de-communication-ok.png");
	display:flex;
	flex-direction:column;
	align-items:center;
}

.texte_contact{
	padding-top:50px;
	padding-bottom:30px;
	background:rgb(255,255,255,0.8);
	width:90%;	
}

.contact {
	height:150px;
	line-height:150px;
	vertical-align:middle;
	background:rgb(255,255,255,0.8);
	width:90%;	
}

.contact a{
	color:white;
	background:orange;
	padding:20px;
	transition-duration: 400ms;
}
.contact a:hover {
	color:orange;
	background:black;
	padding:20px;
	border-radius:10px;
	font-size:2em;
	transition-duration: 400ms;
}
*/
/* /////////////////////////////////////////// Partie bouton contact /////////////////////////////////////////////////// */
/*
.button button{
	background:rgba(0,0,0,0.9);
	color:white;
	border:none;
	border-radius: 0 20px 0 20px;
	font-size:1.5em;
	padding:20px;
	-webkit-transition: all 400ms ease-in;
	-webkit-transform: scale(1);
	-ms-transition: all 400ms ease-in;
	-ms-transform: scale(1);
	-moz-transition: all 400ms ease-in;
	-moz-transform: scale(1);
	transition: all 400ms ease-in;
	transform: scale(1);
}

.button button:hover{
	background:orange;
	color:white;
	border:none;
	border-radius:20px;
	padding:20px;
	-webkit-transition: all 400ms ease-in;
	-webkit-transform: scale(1.2);
	-ms-transition: all 400ms ease-in;
	-ms-transform: scale(1.2);
	-moz-transition: all 400ms ease-in;
	-moz-transform: scale(1.2);
	transition: all 400ms ease-in;
	transform: scale(1.2);
}
*/
/* /////////////////////////////////////////////// changement automatique des couleurs du background du texte titre h2 //////////////////////////////////////////// */
/*
.fun-color {
		
-webkit-animation: random 15s infinite;
animation: random 15s infinite;
}

@keyframes random {
15% { background-color: #2b87da; } 
30% { background-color: #29c4a9; } 
45% { background-color: #3030e8; }
60% { background-color: #b22084; } 
75% { background-color: #a01c1c; } 
90% { background-color: #ffaa33; } 
}
*/