/*
Theme Name:     Groupe écho
Description:    Agences de communication - Angers, Troyes, Cholet
Author:         Maryline Cesbron
Template:       Divi
Version:        3.0
*/

/*
Rajoutez vos règles de CSS personnalisé ci-dessous
*/

.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}

/*
body{
  hyphens: auto;
}
*/


@font-face {
    font-family: 'Acumin-Pro-Condensed';
    src: url('Fonts/Acumin-Pro-Condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'acumin-pro-condensed-regular';
    src: url('Fonts/acumin-pro-condensed-regular.otf') format('opentype');
    font-weight: light;
    font-style: normal;
}

h1,
h2,
h3,
h4,
.Acumin-Pro-Condensed {
    font-family: 'Acumin-Pro-Condensed', sans-serif !important;
    text-transform: uppercase;
}


p,
.acumin-pro-condensed-regular {
    font-family: 'acumin-pro-condensed-regular', sans-serif !important;
}

.et_pb_menu .et_pb_menu__menu>nav>ul {
    font-family: 'Acumin-Pro-Condensed', sans-serif !important;
    text-transform: uppercase;
}


.et_mobile_menu {
    font-family: 'Acumin-Pro-Condensed', sans-serif !important;
    text-transform: uppercase;
}

button, 
input[type="submit"], 
input[type="reset"], 
input[type="button"], 
a.et_pb_button, 
body .et_pb_button,
.et_pb_button {
    font-family: 'acumin-pro-condensed-regular', sans-serif !important;
    text-transform: uppercase !important;   
    font-size: 18px !important;
}



/* CSS refermer les sous-menus sur mobile */

#mobile_menu1 .menu-item-has-children > a { 
	background-color: transparent;
	position: relative; 
}
#mobile_menu1 .menu-item-has-children > a:after { 
	font-family: 'ETmodules';
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute; 
}
#mobile_menu1 .menu-item-has-children > a:after { 
	font-size: 16px;
	content: '\4c';
	top: 13px;
	right: 10px; 
}
#mobile_menu1 .menu-item-has-children.visible > a:after { 
	content: '\4d'; 
}
#mobile_menu1 ul.sub-menu { 
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}
#mobile_menu1 .visible > ul.sub-menu { 
	display: block !important;
	visibility: visible !important; 
}


/* Inverser les colonnes */
@media screen and ( max-width: 980px ) {
    .inverse {
        display: flex;
        flex-direction: column-reverse;
    }
}