/*
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
*/

.custom-logo-grid-1 span.et_pb_image_wrap {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.logo-grid .et_pb_column {
    background: #0000000f!important;
    padding: 24px!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
.logo-grid .et_pb_column:hover {
    background: #0000001f!important;
}
.logo-grid .et_pb_column .et_pb_module.et_pb_image, .logo-grid .et_pb_column .et_pb_module.et_pb_image span.et_pb_image_wrap {
    width: 100% !important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
.logo-grid .et_pb_column .et_pb_module.et_pb_image img {
    max-height: 70px!important;
    object-fit: contain!important;
}
a.page-numbers {
    color: #000!important;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #000000!important;
    color: #ffffff!important;
}
.logo-listing .et_pb_column {
    display: flex!important;
    flex-direction: column!important;
}
.logo-listing .et_pb_module.et_pb_text {
    margin-bottom: auto !important;
	padding-bottom: 10px!important;
}
.logo-listing .et_pb_button {
    display: block!important;
    text-align: center!important;
}
.custom-logo-grid-1 img {
    object-fit: contain!important;
}
.woocommerce-page span.onsale, .woocommerce span.onsale {
    background: #87BA23 !important;
    text-transform: uppercase!important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif!important;
    font-size: 13px !important;
    padding: 3px 11px !important;
}

/*********************************
 Transparence du header
*********************************/
.page-id-32213 #white-logo,
.page-id-44299 #white-logo,
.page-id-44476 #white-logo,
.page-id-44486 #white-logo,
.page-id-44765 #white-logo,
.page-id-44771 #white-logo {
    display: block!important;
}
.page-id-32213 #dark-logo,
.page-id-44299 #dark-logo,
.page-id-44476 #dark-logo,
.page-id-44486 #dark-logo,
.page-id-44765 #dark-logo,
.page-id-44771 #dark-logo {
    display: none!important;
}
.page-id-32213 #custom-header-bar:not(.et_pb_sticky--top) #main-menu nav>ul>li>a,
.page-id-44299 #custom-header-bar:not(.et_pb_sticky--top) #main-menu nav>ul>li>a,
.page-id-44476 #custom-header-bar:not(.et_pb_sticky--top) #main-menu nav>ul>li>a,
.page-id-44486 #custom-header-bar:not(.et_pb_sticky--top) #main-menu nav>ul>li>a,
.page-id-44765 #custom-header-bar:not(.et_pb_sticky--top) #main-menu nav>ul>li>a,
.page-id-44771 #custom-header-bar:not(.et_pb_sticky--top) #main-menu nav>ul>li>a {
    color: #fff !important;
}
.page-id-32213 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_icon:not(.dwe_mini_cart_custom_icon),
.page-id-44299 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_icon:not(.dwe_mini_cart_custom_icon),
.page-id-44476 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_icon:not(.dwe_mini_cart_custom_icon),
.page-id-44486 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_icon:not(.dwe_mini_cart_custom_icon),
.page-id-44765 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_icon:not(.dwe_mini_cart_custom_icon),
.page-id-44771 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_icon:not(.dwe_mini_cart_custom_icon) {
    color: #ffffff !important;
}
.page-id-32213 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_product_count,
.page-id-44299 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_product_count,
.page-id-44476 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_product_count,
.page-id-44486 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_product_count,
.page-id-44765 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_product_count,
.page-id-44771 #custom-header-bar:not(.et_pb_sticky--top) .dwe_mini_cart_0_tb_header .dwe_mini_cart_product_count {
    color: #ffffff !important;
}
/*********************************
 END Transparence du header
*********************************/
.dwe_mini_cart_wrapper .dwe_mini_cart_button, .et-db #et-boc .et-l .dwe_mini_cart_button {
    font-size: 12px!important;
    color: #fff!important;
}
#page-container .et_button, #page-container .button {
    padding: 10px 25px !important;
}
#white-logo {
    display: none!important;
}
#dark-logo {
    display: block!important;
}
.et_pb_sticky--top #white-logo {
    display: block!important;
}
.et_pb_sticky--top #dark-logo {
    display: none!important;
}
#custom-header-bar:not(.et_pb_sticky--top) #main-menu li ul {
	background-color: #fff!important;
}
#custom-header-bar.et_pb_sticky--top #main-menu li ul {
	background-color: #000!important;
}
/* CSS refermer les sous-menus sur mobile */

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

.whatsapp-business > a:before {
    font-family: 'ETMODULES'!important;
    content: '77'; /* change icon code here */
    text-align: center!important;
    margin-right: 10px!important;
    margin-left: -10px!important;
    color: #ffffff; /*change icon color here */
    font-size: 2em; /*change icon size here */
    transition: all .3s ease!important;
}
.whatsapp-menu {
	background-image:url(https://green-art-le-showroom.ch/wp-content/uploads/2021/03/whatsapp.png)!important;
	background-size:cover!important;
	background-position:center!important;
	    width: 20px!important;
    height: 20px!important;
    margin-top: -10px!important;
}
.et-fixed-header #top-menu li.whatsapp-menu a, #top-menu li.whatsapp-menu a{
    color: #000 !important;
	opacity:0 !important;
}
.cart-menu{
	background-image:url(https://green-art-le-showroom.ch/wp-content/uploads/2021/03/shopping-cart-1.png)!important;
}
li.cart-menu {
    position: absolute!important;
    right: -30px!important;
    bottom: 27px!important;
}
.et_mobile_menu li.whatsapp-menu a {
    color: #000!important;
}

.et_mobile_menu li.whatsapp-menu {
    position: relative!important;
    left: 0!important;
    bottom: 0!important;
    display: block!important;
    right: 0!important;
    margin-top: 5px!important;
    margin-left: 30px!important;
}
.et_mobile_menu li.cart-menu {
    margin-top: 15px!important;
}
.et-fixed-header #top-menu li.cart-menu {
    bottom: 15px!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: 12px!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: 8px 0px!important;
    line-height: initial!important;
    text-align: left!important;
    width: 100%!important;
  transition: all ease-in-out .2s!important;
}
#menu_fullscreen li a:hover {
    padding-left: 13px!important;
}
#menu_fullscreen li li a {
    font-size: 14px !important;
    text-transform: uppercase!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;
}