/*
Theme Name: Divi Child
Theme URI: https://www.elegantthemes.com/gallery/divi/
Description: Thème enfant pour Divi. Personnalisation par Agence Igeneve.
Author: Agence Igeneve
Author URI: https://www.igeneve.ch/
Template: Divi
Version: 1.0.0
*/
.el_modal_popup_header_title {
    word-break: keep-all !important;
}
.custom-icon-modal {
    position: absolute!important;
    top: 10px!important;
    right: 30px!important;
}
.custom-icon-modal .el_modal_popup_trigger_element.el_modal_popup_trigger_icon.et-pb-icon {
    padding: 6px 6px 4px 6px!important;
}
.et_pb_blog_grid h2 {
    text-transform: initial!important;
	font-weight: 500!important;
}
 body, .font-default {
	font-family: "apparat", sans-serif!important;
	font-weight: 300!important;
	font-style: normal!important;
}

h1, h2, h3 {
	font-family: "apparat", sans-serif!important;
	font-weight: 600!important;
	font-style: normal!important;
}

.et_pb_blog_grid .et_pb_post{
	transition: all .5s ease!important;
}

.et_pb_blog_grid .et_pb_post:hover .et_pb_image_container a:after {
	content: ""!important;
	display: block!important;
	position: absolute!important;
	width: 100%!important;
	height: 100%!important;
	top: 0px!important;
	left: 0px!important;
	 background: #000000!important; 
	background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)!important;
}

.et_pb_blog_grid .et_pb_post:hover h2{
	box-sizing:border-box!important;
	height:100%!important;
	padding-top:20px!important;
}

.et_pb_blog_grid .et_pb_post:hover h2 a{
	display:flex!important;
	flex-direction: column!important;
	justify-content:space-between!important;
	height:100%!important;
}

.et_pb_blog_grid .et_pb_post h2 a::after{
	content:""!important;
	width:0!important;
	height:0!important;
	transition: all .5s ease!important;
}

.et_pb_blog_grid .et_pb_post:hover h2 a::after{
	content:"$"!important;
	width:26px!important;
	height:26px!important;
	display:flex!important;
	justify-content:center!important;
	align-items:center!important;
	font-family: ETmodules !important;
    font-weight: 400 !important;
    color: #FFFFFF!important;
    font-size: 26px!important;
	background-color: RGBA(255, 255, 255, 0)!important;
    border-radius: 50%!important;
    overflow: hidden!important;
    border: 1px #707070 solid!important;
    padding:10px!important;
}

.et_pb_blog_grid .et_pb_image_container a:after {
	content: ""!important;
	display: block!important;
	position: absolute!important;
	width: 100%!important;
	height: 100%!important;
	top: 0px!important;
	left: 0px!important;
	 background: #000000!important; 
	background: linear-gradient(180deg,rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.49) 100%)!important;
}
.et_pb_blog_grid .et_pb_image_container, .et_pb_blog_grid .et_pb_image_container a {
    margin-bottom: 0px !important;
}
.et_pb_blog_grid .et_pb_post {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.et_pb_post, .et_pb_blog_grid .et_pb_image_container a {
    position: relative!important;
}
.et_pb_blog_grid h2 {
    position: absolute!important;
    bottom: 0!important;
}
form.searchandfilter {
    border-bottom: 1px solid #c4c4c4!important;
}
.et_pb_blog_grid .et_pb_post {
    border: 0px !important;
    background: transparent !important;
}
.searchandfilter input[type="submit"] {
    background: #353535!important;
    color: #fff!important;
    border: 0px!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    padding: 17px!important;
}
.searchandfilter select {
    background: #a8c7dc!important;
    padding: 17px!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    color: #fff!important;
    border: 0px!important;
}
form.searchandfilter ul {
    padding-left: 0px!important;
}
a.wp-block-button__link.wp-element-button {
    display: inline-block!important;
    margin: 20px 20px 20px 0px!important;
    background-color: #a8c7dc!important;
    border-radius: 0px!important;
    font-weight: bold!important;
    font-style: normal!important;
    text-transform: uppercase!important;
}
.et_pb_post {
    background: #a8c7dc33 !important;
}
#menu-main-menu ul.sub-menu, #page-container #et-boc #menu-main-menu ul.sub-menu, #main-menu ul.submenu{
    background: #fff !important;
}
.home .et_pb_menu_0_tb_header.et_pb_menu ul li a {
	color: #fff!important;
}
.home .has_et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu ul li a {
	color: #000!important;
}

.home #custom-logo {
    filter: brightness(500%)!important;
}
.home .has_et_pb_sticky #custom-logo {
    filter: brightness(100%)!important;
}
.home .et_pb_menu_0_tb_header.et_pb_menu ul li li a {
    color: #000000 !important;
}
.wpa-test-msg {
    display: none !important;
}



/********************************
  switch menu
*********************************/
#btn_show_menu {display: none;}
@media (max-width: 980px) {
  #main-menu {display: none;}
  #btn_show_menu {display: block;}
}
/********************************
  hauteur menu à adapter 95px
*********************************/
#menu_fullscreen {
    top: 105px!important;
}
body.logged-in.admin-bar div#menu_fullscreen {
    top: calc(105px + 32px)!important;
}
#content-mobile-menu {
    min-height: calc(100vh - 105px)!important;
}
/********************************
CSS MENU 
*********************************/
.padding_right { padding-right: 15px;}
.et-menu li li a {
    width: 240px!important;
    font-size: 15px!important;
}
#custom-header-bar .et_pb_module {
    margin-bottom: 0px!important;
}
header .et_pb_column {
    margin-bottom: 0px!important;
}
#main-menu li {
    margin-top: 0px!important;
  	padding: 0px!important;
}
#main-menu nav > ul > li > a {
    padding: 40px 15px!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
.et-menu .menu-item-has-children>a:first-child:after {
    position: relative!important;
}
.nav li ul {
    border-top: 0px solid #2ea3f2!important;
}
.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% + 0px)!important;
}
#menu_fullscreen li {
    display: flex!important;
    flex-direction: column!important;
    margin: 0px!important;
    padding: 0px!important;
}
#menu_fullscreen li ul.sub-menu {
    position: relative!important;
    visibility: visible!important;
    opacity: 1!important;
    box-shadow: none!important;
    padding: 0px!important;
  display: none!important;
}
#menu_fullscreen .et-touch-hover ul.sub-menu, .et-show-dropdown ul.sub-menu{
  display: block!important;
}
#menu_fullscreen .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content: flex-start!important;
}
#menu_fullscreen li a {
    display: block!important;
    margin: 0px!important;
    padding: 0px!important;
    line-height: initial!important;
    text-align: left!important;
    width: 100%!important;
}

#content-mobile-menu {
    padding: 0rem 0rem!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
#main-menu {
    position: relative!important;
    z-index: 1000!important;
}
#vertical_menu .et_pb_menu__menu > nav > ul {
  display: block!important;
}




#vertical_menu .et_pb_menu__menu > nav > ul > li > a {
  text-align: center!important;
  width: 100%!important;
  margin-bottom: 30px!important;
}
.et_mobile_nav_menu {
  display: none!important;
}
.et_pb_menu__menu {
  display: block!important;
}
body:not(.et-tb) #menu_fullscreen {
  z-index: 999!important;
  visibility: hidden!important;
  opacity: 0!important;
  -webkit-transform: translateY(-150vh)!important;
      -ms-transform: translateY(-150vh)!important;
          transform: translateY(-150vh)!important;
  -webkit-transition: all .5s!important;
  -o-transition: all .5s!important;
  transition: all .5s!important;
}
body:not(.et-tb) #menu_fullscreen.visible_menu {
  visibility: visible!important;
  opacity: 1!important;    
  -webkit-transform: translateY(0)!important;
      -ms-transform: translateY(0)!important;
          transform: translateY(0)!important;
  -webkit-transition: all .5s!important;
  -o-transition: all .5s!important;
  transition: all .5s!important;    
}
.no_overflow {
  overflow: hidden!important;
}
a#btn_show_menu {
    font-size: 0px!important;
    border: 0px!important;
    background-color: transparent!important;
}
body #page-container #btn_show_menu:after {
    opacity: 1!important;
    margin: 0px!important;
    font-size: 2rem!important;
    display: block!important;
    height: auto!important;
    position: relative!important;
    line-height: initial!important;
}
a#btn_show_menu.active_menu:after {
    content: "\4d"!important;
}
#main-menu .et_pb_button_module_wrapper {
    display: flex!important;
    align-items: center!important;
}
.vertical-menu ul.et-menu {
display: flex!important;
flex-direction: column!important;
}
@media (max-width: 980px) {
  #vertical_menu .et_pb_menu__menu > nav > ul > li > a {
    margin-bottom: 5px!important; 
  }
}
/******************************************
  END FULLSCREEN MOBILE MENU 
*******************************************/

.logo .et_pb_image_wrap {
  max-width: none !important;
  width: 200px!important;
}