/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.22.1.1729769260
Updated: 2024-10-24 13:27:40

*/



/**HEADER**/
.nav ul li li a:hover{background-color:none!important;color:#000000;opacity:0.7;}
#top-header .container{width:100%!important;max-width:100%!important; padding-right:32px!important;}
#main-header .et_mobile_menu{background-color: #ffffff!important;}
.et_mobile_menu{border-color:#ffffff;}

.nav ul li a:hover,.et-fixed-header #top-menu li li a:hover,.et-fixed-header #top-menu li li.current-menu-item > a:hover{background:none;opacity:1;color:#E5BE93!important;}
#top-menu li li a{padding:6px 10px;}

.et-fixed-header#top-header a:hover, #et-secondary-menu > ul > li a:hover{color:#ffffff!important;}
 .et-fixed-header #top-menu li li.current-menu-item > a, .et-fixed-header #top-menu li li.current_page_item > a{color:#000000!important;}

/**Navigation secondaire**/

#et-secondary-nav ul li a:hover{background:none;}
#et-secondary-menu > ul > li li a:hover,.et-fixed-header#top-header li li a:hover{color:#e5be93 !important;}


/**Align icon with text*/
.wp-menu-img-before img{margin-top:5px;position :relative;display:block; float:left;}

.menu-image-title-after.menu-image-title{padding-left:0;}
/**Images dropdown menu**/
.menu-image-title-after.menu-image-not-hovered img{max-width:36px!important;}

/**mobile menu scrollable**/
.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;
}

/**Selector langage**/

#et-secondary-menu > ul > li.wpml-ls-item a{text-decoration:underline;text-transform:uppercase;font-size:13px;}


#et-secondary-nav li.lien-contact{margin-right:45px}


/*make the Divi mobile dropdown menu scrollable*/
.et_mobile_menu {
overflow: scroll !important;
max-height: 80vh;
}

/**Actualites*/

.actualites .et_pb_image_container{margin:0!important;}

.et_pb_title_featured_container{margin-top:20px;}/**espace entre image et metadata page article**/

/**GENERAL***/


body.page .entry-content ul,.et-l--body ul{list-style:none!important;padding-top:0.5em;}

body.page .entry-content ul li,  body.page  .et_pb_blurb_description ul li{padding-bottom:7px!important;padding-left:40px!important;}

body.page .et_pb_text_inner ul li,body.page  .et_pb_blurb_description ul li{background:url('https://hc-agence-360.com/wp-content/uploads/2024/11/check-circle.png')no-repeat left 5px;padding-bottom:8px!important;padding-left:30px!important;padding-top:2px;}

.et_pb_contact_field_options_title{display:none!important;}
.et-pb-contact-message{color:#ffffff!important;}
a:hover{opacity:0.7;}

/** Logo slider**/

body.page .logo-slider .et_pb_text_inner ul li{background:none!important;padding-left:0!important;}
body.page .logo-slider .wpls-logo-showcase .slick-dots li button{border: 1px solid #000 !important;}



/**align hamburger icon with search icon**/

.et_header_style_left #et-top-navigation .mobile_menu_bar{padding-top:10px;}

/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
width: 44px;
height: 100%;
padding: 0px !important;
max-height: 44px;
border: none;
position: absolute;
right: 0px;
top: 0px;
z-index: 999;
background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
display: none !important;
visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
display: block !important;
visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
text-align: center;
opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
top: 10px;
position: relative;
font-family: "ETModules";
content: '\33';
color: #000000;
background: #ffffff;
border-radius: 50%;
padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
position: absolute;
right: 5%;
margin-left: -20px;
top: -14px;
width: 0;
height: 0;
content: '';
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
position: relative;
display: block;
bottom: 10px;
line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
background-color: #ffffff!important;
border-radius: 10px;
}



/**BLOG**/

/*set the width of the rows inside the Post Content module*/
.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;}

.article ul li{background: url('https://hc-agence-360.com/wp-content/uploads/2024/11/check-circle.png')no-repeat left 5px;
  padding-bottom: 8px !important;
  padding-left: 30px !important;
  padding-top: 2px;}

/**RESPONSIVE**/

@media only screen and (min-width: 981px) {
	.et-fixed-header #top-menu li li a{color:#000000!important;}
	.et_fixed_nav #page-container .et-fixed-header#top-header #et-secondary-nav li ul{background-color: #ffffff!important;}
	
	
}

/* Fixed Navigation Bar on mobile devices */
@media screen and (max-width: 980px) {
 /* #main-header.et-fixed-header {position: fixed;}
  

  .logged-in #main-header.et-fixed-header { top: 0 !important; transition: all .3s 0s;}*/
	et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header,
.et_fixed_nav #main-header,
.et_fixed_nav #top-header {
position: fixed;
}

	.et_mobile_menu li a{color:#000000!important;}
}