/*

Theme Name: Synapse Theme

Description: Theme enfant de Divi par RHIZOM

Author: Amelie Krug

Author URI: https://www.rhizom.icu

Template: Divi

Version: 1.1

*/



/* 

** FONTS 

*/

@font-face {

    font-family: 'notesesabold';

    src: url('fonts/notesesabold-webfont.woff2') format('woff2'),

         url('fonts/notesesabold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'notesesaregular';

    src: url('fonts/notesesaregular-webfont.woff2') format('woff2'),

         url('fonts/notesesaregular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



h1{

    font-family: 'NotesEsaBold' !important;

    line-height: 1.3em;

    font-size: 80px;

    color: #171728!important;

}

h2{

	text-transform: uppercase;

  line-height: 1.3em;

  font-family: Open Sans,Arial,sans-serif !important;

  margin: 30px 0 10px;

  color: #0092cd!important;

  font-size: 26px!important;

  font-weight: 400!important;

}

h3, h4{

    font-family: 'notesesaregular' !important;

    line-height: 1.3em;

}

h3{

	font-size: 22px !important;

    color: #012a60!important;

	margin: 30px 0 10px;

}

h4{

    font-size: 20px !important;

    color: #012a60!important;

    margin: 10px 0 5px;

}

.et_pb_blurb_container h3{

	margin: 0 !important;

}

p, ul, ol{

	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;

	    font-weight: 400!important;

	    line-height: 1.5em;!important;

	    font-size: 16px!important;

	    padding-bottom: 0.8em!important;

}

li{

    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;

        font-weight: 400!important;

        font-size: 16px!important;

}

strong {

    font-weight: 600!important;

}

.et_pb_text_0_tb_footer.synfoot p{

	font-family: 'NotesEsaBold' !important;

	text-transform: uppercase;

	font-size: 24px;

}



/* 

** IFRAME HelloAsso

*/

iframe#idIframe {  

 	overflow: hidden !important;

    scrollbar-width: none !important;

  }

/* 

::-webkit-scrollbar {  

    display: none !important;

  }



::-webkit-scrollbar {

  width: 0px;

  height: 0px;

}

::-webkit-scrollbar-button {

  width: 0px;

  height: 0px;

}

::-webkit-scrollbar-thumb {

  background: transparent;

  border: 0px none;

  border-radius: 0px;

}

::-webkit-scrollbar-thumb:hover {

  background: transparent;

}

::-webkit-scrollbar-thumb:active {

  background: transparent;

}

::-webkit-scrollbar-track {

  background: transparent;

  border: 0px none;

  border-radius: 0px;

}

::-webkit-scrollbar-track:hover {

  background: transparent;

}

::-webkit-scrollbar-track:active {

  background: transparent;

}

::-webkit-scrollbar-corner {

  background: transparent;

}*/



/*----Replace text menu with icons---- */

.Ahome a {

    font-family: 'ETmodules';

    font-size: 18px !important;

    color: #ffffff !important;

}

/*.Ahome a:hover {

    font-size: 16px !important;

	  transform: rotate(15deg);

}*/



.menufooter p{

	padding-bottom: 0.5em!important;

}

a{

	 -webkit-transition: all .8s ease;

    -moz-transition: all .8s ease;

     -ms-transition: all .8s ease;

      -o-transition: all .8s ease;

         transition: all .8s ease;

}

a:hover{

	color: #df1369!important;

}

.et_pb_text_4_tb_footer.et_pb_text a:hover {

  opacity: 1!important;

  color: #df1369!important;

}

.et-menu a:hover, 

.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover{

    border-bottom: #0092cd solid 5px;

    opacity: 1!important;

}

.et_pb_menu_0_tb_header.et_pb_menu ul li.wpml-ls-item a:hover {

  border-bottom: none !important;

}

.nav li ul{

  border-top: none !important;

}

.et_pb_menu .et-menu-nav > ul ul.sub-menu {

  padding: 5px 0;

  width: auto !important;

}

ul.sub-menu li.wpml-ls-item{

  padding: 11px;

}

ul.sub-menu li.wpml-ls-item a{

  padding: 0;

  width: auto !important;

}

/*.et_pb_text_1 a, .et_pb_text_2 a, .et_pb_text_3 a, .et_pb_text_4 a,

body #page-container .et_pb_section .et_pb_button_0, body #page-container .et_pb_section .et_pb_button_1 {

  font-family: 'notesesaregular', Georgia !important;

}*/

.et_pb_module .et_pb_social_icon a.icon {

    background-color: #df1369!important;

}

.et_pb_module.et_pb_social_media_follow_0_tb_footer .et_pb_social_icon a.icon {

    background-color: transparent!important;

}

/*.menuformation .et_pb_main_blurb_image img:hover{

	width: 110%!important;

}*/



.et_pb_blog_0 .et_pb_post .post-meta, 

.et_pb_blog_0 .et_pb_post .post-meta a, 

#left-area .et_pb_blog_0 .et_pb_post .post-meta, 

#left-area .et_pb_blog_0 .et_pb_post .post-meta a, 

.et_pb_blog_1 .et_pb_post .post-meta, 

.et_pb_blog_1 .et_pb_post .post-meta a, 

#left-area .et_pb_blog_1 .et_pb_post .post-meta, 

#left-area .et_pb_blog_1 .et_pb_post .post-meta a {

    color: #df1369!important;

}

nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu {

  float: left;

}

#et_top_search {

  float: right;

  margin: 3px 0 0 22px;

  position: relative;

  display: block;

  width: 18px;

}



.et_pb_text_4_tb_footer .et_pb_module .et_pb_social_icon a.icon {

    background-color: transparent!important;

}

.et_pb_social_media_follow_0_tb_footer li a.icon:before {

    color: #fff !important;

}



.search strong{

	background-color: #df1369;

    color: #fff;

}

/* 

** CENTRER DU CONTENU VERTICALEMENT 

*/



.dc-centrer-verticalement {

	display: flex;

	flex-direction: column;

	justify-content: center;

  	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;

}





/*

** INVERSER LE SENS DES COLONNES SUR MOBILE

*/



@media only screen and (max-width : 980px) {

	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {

		display: -webkit-flex;

		display: -ms-flex;

		display: flex;

		-webkit-flex-direction: column-reverse;

		-ms-flex-direction: column-reverse;

		flex-direction: column-reverse;

	}

}





/*

** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer

*/



.et_mobile_menu {

	margin-left: -30px;

	padding: 5%;

	width: calc( 100% + 60px);

}



.mobile_nav.opened .mobile_menu_bar:before {

	content: "\4d";

}





/* 

** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 

** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués

*/

.et_pb_contact_right p input {

	max-width: 50px;

}





/*

** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE

** Généralement, ils sont bien trop gros…

*/

sup, sub {

    font-size: 70%;

}