/* Scss Document */
/*
 Theme Name:   Divi Child Theme V9
 Description:  Child Theme for Divi
 Author:       Quentin Robert
 Template:     Divi
 Version:      1.9.0
*/
/*****Add any custom CSS below this line*****/
/* INDEX : 
1. General
2. Menu
See SCSS file for all comments
*/
/*----------------------------------------------------*/
/*--------------------  GENERAL  ---------------------*/
/*----------------------------------------------------*/

/*----------------------------------------------------*/
/*--------------------  Menu  ---------------------*/
/*----------------------------------------------------*/
/*--------------- Mobile  ----------------*/
/*
For nested element
get info at https://www.creativechildthemes.com/10-useful-code-snippets-for-your-divi-menu-mobile/
with css cleanup and scss conversion. jquery in funtion.php
*/
@media screen and (max-width: 980px) {
  /*change burger menu when menu open*/
  .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d'; }

  #main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
    position: relative; }
  #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.03);
    z-index: 1;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    top: 6px;
    right: 10px;
    cursor: pointer;
    text-align: center; }
    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
      font-family: "ETmodules" !important;
      line-height: 36px;
      font-size: 24px;
      content: '\33'; }
    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
      display: none !important;
      padding-left: 0; }
    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
      content: '\32'; }
    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
      display: block !important; }
  #main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    font-weight: inherit; }
  #main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
    font-weight: bolder; } }