/*
Theme Name: total-child
Description: Theme enfant de Benzariouh - Lopez
Author: Lopez - Benzariouh
Author URI: https://www.mediameeting.fr
Template: total
Version: 0.1.0
*/

/* -- CSS Personnalise -- */


/*-- General --*/
body{
	font-size:20px;
	font-weight:500;
}

h1{
	background			: #e84b23;   
	font-size			: 38px;
	font-weight			: 100;
	display				: table;
	padding				: 5px 14px;    
	margin				: auto !important;
	color				: #ffffff;
	text-shadow			: 1px 1px 2px black;
}

h2{
	font-size			: 45px;
}
h3{
	font-size			: 27px;
}

.parallax-img-custom{						/*-- Loubna --*/
	height:350px;
}
/*-- Fin General --*/


/*--header--*/
#ht-site-branding img{
	max-height			: 92px;
	margin-top			: -16px;
}
.ht-main-navigation a{
	font-size		: 17px;
}

.ht-main-navigation ul ul{
	margin-top : 0;
}
/*--fin header --*/


/*--- Page Title Couverture ---*/
.ht-main-header{
	position			: absolute;
    top					: 300px;
    width				: 100%;
    z-index				: 995;
    background			: transparent;
	padding 			: 0;
	margin 				: 0;
}
.ht-main-header .ht-container {    
    margin			: 0 auto;
    text-align		: center;
}
.ht-main-title {
    display			: inline-block;
    letter-spacing	: 1px;
    font-weight		: 400;
    text-transform	: uppercase;
}
/*--- Fin Page Title Couverture ---*/


/*-- Fil d'ariane --*/
#total-breadcrumbs, .woocommerce .woocommerce-breadcrumb{
	position			: absolute;	
	z-index 			: 999;
	font-size			: 17px;
	font-style			: italic;
	font-size 			: 18px;
	line-height 		: 22px;
}

.home #total-breadcrumbs{						/*-- Loubna --*/
	display:none;
}
/*-- Fin Fil d'ariane --*/


/*-- Accueil --*/	

.baseline-custom h2{								/*-- Loubna --*/
	font-size			: 40px;
	color				: #ffffff;
}

.service-container .panel-grid-cell{
	padding				: 30px 15px 0;
	border-right		: 2px solid white;
	font-size			: 18px;					/*-- Loubna --*/
}

.service-container .panel-grid-cell:hover{
	background-color	: white;
	box-shadow			: 2px 6px 5px grey;
}
#pgc-w58ff5d3cb6766-0-3{
	border				: none;
}
.service-text{
	min-height 			: 335px;
	height				: auto;
	font-size			: 18px;					/*-- Loubna --*/
}
.service-icon{
	height 				: 55px;
}
#pg-134-3{
	margin-bottom		: 0;
}
.sous-titre-benefices{
	color				: #e84b23;
}
.ht-team-member{
	margin				: 2% 5%;
}
.ht-team-member .ht-team-designation{			/*-- Loubna --*/
	font-weight			: bold;
	font-style			: italic;
}
.equipe-parcours{								/*-- Loubna --*/	
	font-size			: 0.8em;
}

.ht-team-member a:hover{						/*-- Loubna --*/
	cursor:default;
}

/*-- Fin Accueil--*/


/*-- Nos offres --*/
.service-container2 .panel-grid-cell{
	border-right		: 2px solid #f4f4f4;
	padding				: 30px 15px 0;
}
.service-container2 .panel-grid-cell:hover{
	background-color	: #f4f4f4;
	box-shadow			: 2px 6px 5px grey;
}
/* -- Fin - Nos offres --*/


/*--Réseaux sociaux d'IV--*/
.benefice-keyword{
	color				: #e84b23;
	font-weight			: bold;
}

.benefices li{
	list-style-image	: url("../images/puce-plus.png");
}
/*--Fin - Réseaux sociaux d'IV--*/


/*---Etudes et reportings--*/
.custom-nos-services .panel-grid-cell{
	background-color	: #f4f4f4;
	border-right		: 3px solid #e84b23;
}
.custom-nos-services .siteorigin-widget-tinymce{
	padding				: 4%;
}
.custom-demarche .panel-grid-cell{
	background-color	: white;
	border-bottom		: 3px solid #e84b23;
	min-height			: 680px;
	height 				: auto;
}
.custom-demarche .siteorigin-widget-tinymce{
	padding				: 4%;
}
.custom-reporting{
	display				: none;
}
.reporting-intitule{
	font-style			: italic;
	font-size			: 14px;
}
/*-- Fin - Études et reportings --*/


/*-- Medias audio d'IV ---*/
.big-number{
	font-weight			: bold;
	color				: #e84b23;
	font-size			: 40px;
}
.source-citation{
	font-weight			: lighter;
	font-style			: italic;
	font-size			: 14px;
}
/*-- Fin - Medias audio d'IV --*/


/*-- Formations --*/
.formation-fonctionnement{
	height:300px;
}
/*-- Fin - Formations --*/


/*-- Pourquoi choisir MM --*/
.ht-service-excerpt h5.active,
.ht-service-excerpt h5:hover{
	font-weight 		: 500;
	color 				: #e84b23;
	}
/*-- Fin Pourquoi choisir MM --*/


/* ---- FOOTER --- */
.rubrique-footer{
	font-family			: 'Oswald', sans-serif;
	font-size			: 25px;
	font-weight			: 300;
	}

#tableau-footer{
	border				: transparent;
	line-height			: 40px;
	}
.ht-footer1{
	display				: none;
	}
.ht-footer2, 
.ht-footer3, 
.ht-footer4{
	width				: 30%;
	}
.ht-footer4 .twitter-timeline-profile{
	max-height			: 240px;
	overflow			: auto;
	}
/* -- FIN FOOTER -- */


/*** Wonderplugin audio ***/
.amazingaudioplayer-next,
.amazingaudioplayer-prev{
	display 			: none !important;
}
#wonderpluginaudio-1 .amazingaudioplayer-playpause,
#wonderpluginaudio-2 .amazingaudioplayer-playpause{
	top					: 50px !important;
	left 				: 135px !important;
}
.amazingaudioplayer-play,
.amazingaudioplayer-pause{
	width 				: 100px !important;
	height 				: 100px !important;
	background-image	: url("../images/play-pause.png") !important;
	background-repeat 	: no-repeat;
}
.amazingaudioplayer-play,
.amazingaudioplayer-play:hover{
	background-position : 0 0 !important;	
}
.amazingaudioplayer-pause,
.amazingaudioplayer-pause:hover{
	background-position : -100px 0 !important;	
}
#wonderpluginaudio-1,
#wonderpluginaudio-2{
	background-color 	: #434343 !important;
	border 				: none !important;
	box-shadow 			: none !important;
	background-image 	: none !important;	
}

.amazingaudioplayer-image{
	border				: 1px solid #d2d2d2 !important;
}
.amazingaudioplayer-title{
	color 				: #fff !important;
}
.amazingaudioplayer-progress{
	display 			: none !important;

}
.amazingaudioplayer-time{
	top					: 126px !important;
    left				: 32px !important;    
	text-shadow 		: none !important;
	color 				: #fff !important;
}

.amazingaudioplayer-volume {
    position			: absolute !important;
    top					: 120px !important;
    left				: 250px !important;
}
.amazingaudioplayer-volume-bar-adjust-active{
	background-color 	: #e84b23 !important;
}


/*** A RANGER ***/
.responsiveShow{
	display : none;
}

#firstItemCustom{
	display 		: block !important;
}

@media (max-width: 999px){
	h1{
		font-size 	: 28px;
	}
	.ht-team-member {
		margin 		: 2% 1% !important;
	}	
	
	.formation-fonctionnement{
		height 		:auto;
	}
	
	/* players audio */
	.audio-wrapper {
		display 	: block !important;
	}
	.audio-wrapper .panel-grid-cell{
		width 		: 50% !important;
		float 		: left;
		margin		: 10px 0;
	}
}
@media (max-width: 780px){
	body{
		font-size:18px;
	}
	.baseline-custom h2{
		font-size	: 28px;
	}
	
	.contentImg,
	.responsiveHide{
		display 	: none !important;
	}
	.responsiveShow{
		display 	: block;
	}	
	
	.fonctionnement-custom .widget{
		margin-bottom : 0 !important;
	}
	.fonctionnement-custom .responsiveShow{
		margin 	: 20px 0;
	}
	.service-custom {
		padding 	: 20px 0;		
	}
	.service-container .panel-grid-cell,
	.service-container2 .panel-grid-cell{
		width 		: 95% !important;
		margin    	: 10px auto !important;
		border 		: none;
	}
	.service-text{
		min-height : 0;
	}
	.custom-demarche .panel-grid-cell{
	min-height				: 0;
	}
	.ht-footer2,
	.ht-footer3{
		width 		: 46% !important;
		float 		: left ;
		margin 		: 0 2% ;
	}
	.ht-footer4{
		width 		: 75% !important;
		float 		: none;
	}
	
	#tableau-footer td img{
		display 	: none;
	}
	
	/* players audio */
	.audio-wrapper .panel-grid-cell{
		width 		: 100% !important;
		float 		: none;
		margin		: 10px 0;
	}

}
@media (max-width: 580px){
	body{
		font-size:17px;
	}
	h1{
		font-size 	: 20px;
	}
	.ht-footer2,
	.ht-footer3,
	.ht-footer4{
		width 		: 75% !important;
		float 		: none ;
		margin  	: 10px auto !important;
		text-align 	: center;
	}
	.ht-team-member {
		margin: 20px auto !important;
	}
	h2{
		font-size:35px;
	}
	
	
}