/*
Theme Name: Vincent Ozanon
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.27.4.1739184475
Updated: 2025-02-10 11:47:55

*/

/***HEADER****/

.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a{padding-bottom:10px!important;}
.et_pb_menu .et_pb_menu__icon{padding-top:10px!important;}

.lien-boutique a{background:url('https://vincent-ozanon.com/wp-content/uploads/2025/02/boutique.png') no-repeat left 0px!important;padding-left: 20px;}

/**Arrow drowdown**/
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a::after{top:60%!important;}
.et-menu li li a{padding-right:0;padding-left: 0px;width: 250px;text-transform: none !important;}
.et-menu li li a:hover{background:none!important;color:#C1A362;}


/**MOBILE MENU**/

.et_mobile_menu li li a{text-transform:none;font-weight:500;}

/**Vertical align mobile menu**/


.et_pb_module .mobile_menu_bar::before{top:10px;}
/* Make mobile menu fullwidth */

.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}
/* Make the mobile menu full height */

.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}

html {
height: -webkit-fill-available;
}

/* Remove the animation to avoid delay */

.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

/**Making the Mobile Dropdown Scrollable**/
.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;
}

/**Collapse The Divi Mobile Menu Submenus**/

/*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: #C1A362;
background: none;
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;
}


/** End Collapse The Divi Mobile Menu Submenus**/



/**GENERAL***/
/*** Customizer Fix – WordPress Version 6.7.1 ***/
.accordion-section-title button.accordion-trigger{height:auto!important;}

h1,h2,h3,h4,h5,h6{font-family: "Afacad Flux", serif; font-weight: 500; font-style: normal; }

/**Liste puces***/

.liste-puces-c ul li {background:url('https://vincent-ozanon.com/wp-content/uploads/2025/02/puce_c.png') no-repeat left 5px!important;padding-left: 30px;padding-bottom: 10px;}

.liste-puces-noire ul li {background:url('https://vincent-ozanon.com/wp-content/uploads/2025/02/puce_noire.png') no-repeat left 5px!important;padding-left: 30px;padding-bottom: 10px;}

/**Contact**/

.et_pb_contact_field_options_title{display:none!important;}

/**Articles**/

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

.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;}



/**RESPONSIVE***/







@media (max-width: 1024px) {
 #top-menu-mobile{
 display: block!important;}
 
#top-menu-desktop {
 display: none!important;}
	
	/**Show logo mobile version***/
	 .et_pb_menu__logo img {
    content: url("https://vincent-ozanon.com/wp-content/uploads/2025/02/favicon.png");
  }
	.et_pb_row_1_tb_header.et_pb_row{padding-bottom:10px!important;padding-top:10px;}
 }

/* ordre colonnes sur mobile */
@media all and (max-width: 980px) {
   /* envelopper la rangée dans une flexbox */
   .custom_row {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap; /* Safari 6.1+ */
      flex-wrap: wrap;
   }
   /* classes personnalisées qui désigneront l'ordre
   des colonnes dans la ligne de la flexbox */
   .first-on-mobile {
      -webkit-order: 1;
      order: 1;
   }
   .second-on-mobile {
      -webkit-order: 2;
      order: 2;
   }

}