/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/*** Mobile rules ***/
@media (max-width: 980px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: none;
}

#et-boc > header > div > div > div.et_pb_row.et_pb_row_1_tb_header.et_pb_row--with-menu.et-last-child > div.et_pb_column.et_pb_column_1_2.et_pb_column_3_tb_header.et_pb_css_mix_blend_mode_passthrough.et_pb_row_sticky{
    margin-bottom:0px !important;
}

.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu {
    padding-top:150px;
    padding-left: 0 !important;
    position: fixed;
    top:0;
    left:0;
	width:100vw!important;
	height:100vh!important;
    z-index:9;
    transform: translateX(100%); opacity: 0; visibility: hidden;
    box-shadow: 0 0 5rem rgba(0,0,0,.5);
}

/*** transition à l'ouverture ***/
.et_pb_menu_1_tb_header.et_pb_menu .opened .et_mobile_menu {
            background-color: #25547a !important;


    transform: translateX(0); opacity: 1; visibility: visible;
    transition: transform 0.45s ease, opacity 0.3s ease;
}

/* icône fermeture */ .et_pb_menu .et_mobile_nav_menu .opened .mobile_menu_bar:before { content: "\4d" !important; color: #f0ede5 !important; }

.et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a{
    background-color: #f0ede5;
}



/*** menu settings ***/
.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
    display: flex;
    float: none;
    margin: 0 6px;
    align-items: center !important;
}
/*** centre the list items ***/
.et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu a, .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu a {
	padding-top: 10px;
	text-align:left;
}
/*** remove bullet points on menu items ***/
.et_pb_menu .et_mobile_nav_menu li {
    list-style-type: none;
}

/*** change border bottom of menu items ***/
.et_pb_menu .et_mobile_nav_menu li a {
border-bottom :1px solid #f0ede5;
}

.et_pb_menu__wrap .mobile_menu_bar {
     z-index:99;
}

/*** Menu hébergements ***/
.menu-categories {
  display: flex;
  flex-direction: column;
  justify-content: center;   /* centrage horizontal */
  align-items: center;       /* centrage vertical */
  gap : 5px !important;
}

.menu-categories a {
  color: #000;
  text-decoration: none;
  position: relative;
}

/* soulignement au hover */
.menu-categories a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;

  width: 0;
  height: 2px;
  background: #25547a;

  transform: translateX(-50%);
  transition: width 0.3s ease;
}

.menu-categories a:hover{
color: #45547a}
}





/*** Desktop rules ***/

.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: none;
}
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
    padding-top: 150px;
    padding-left: 0 !important;
    position: fixed;
    top:0;
    left:0;
	width:30vw!important;
	height:100vh!important;
    z-index:9;
    transform: translateX(-100%); opacity: 0; visibility: hidden;
    box-shadow: 0 0 5rem rgba(0,0,0,.5);
}

/*** transition à l'ouverture ***/
.et_pb_menu_0_tb_header.et_pb_menu .opened .et_mobile_menu {
            background-color: #25547a !important;


    transform: translateX(0); opacity: 1; visibility: visible;
    transition: transform 0.45s ease, opacity 0.3s ease;
}

/* icône fermeture */ .et_pb_menu .et_mobile_nav_menu .opened .mobile_menu_bar:before { content: "\4d" !important; color: #f0ede5 !important; }

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a{
    background-color: #f0ede5;
}



/*** menu settings ***/
.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
    display: flex;
    float: none;
    margin: 0 6px;
    align-items: center !important;
}
/*** centre the list items ***/
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a {
	padding-top: 10px;
	text-align:left;
}
/*** remove bullet points on menu items ***/
.et_pb_menu .et_mobile_nav_menu li {
    list-style-type: none;
}

/*** change border bottom of menu items ***/
.et_pb_menu .et_mobile_nav_menu li a {
border-bottom :1px solid #f0ede5;
}

.et_pb_menu__wrap .mobile_menu_bar {
     z-index:99;
}

/*** Menu hébergements Desktop  ***/
.menu-categories {
  display: flex;
  justify-content: center;   /* centrage horizontal */
  align-items: center;       /* centrage vertical */
  gap: 40px;                 /* espace entre les liens */
}

.menu-categories a {
  color: #000;
  text-decoration: none;
  position: relative;
}

/* soulignement au hover */
.menu-categories a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;

  width: 0;
  height: 2px;
  background: #25547a;

  transform: translateX(-50%);
  transition: width 0.3s ease;
}

.menu-categories a:hover{
color: #45547a}