/*
Theme Name: Divi Child - Arthique
Theme URI: https://arthique.com
Description: Custom Divi Child Theme for Arthique
Author: Dwija Arsana
Author URI: https://arthique.com
Template: Divi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   Custom Styles
   ========================================================================== */

/* Modern Minimalist Burger Menu */
.mobile_menu_bar:before {
    content: "" !important;
    display: none !important;
}

.mobile_menu_bar {
    position: relative;
    width: 28px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    padding: 0 !important;
    background: transparent;
    border-top: 2px solid #111111;
    border-bottom: 2px solid #111111;
    transition: all 0.3s ease;
}

.mobile_menu_bar:before,
.mobile_menu_bar:after {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #111111;
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile_menu_bar:before {
    top: 7px;
}

.mobile_menu_bar:after {
    display: none !important;
}

/* Close Icon (X) state */
.mobile_nav.opened .mobile_menu_bar {
    border-color: transparent !important;
}

.mobile_nav.opened .mobile_menu_bar:before {
    top: 9px;
    transform: rotate(45deg);
}

.mobile_nav.opened .mobile_menu_bar:after {
    display: block !important;
    bottom: 9px;
    transform: rotate(-45deg);
}

/* Header Background Tweaks */
#main-header {
    background-color: transparent !important;
    box-shadow: none !important;
}

#main-header.et-fixed-header {
    background-color: transparent !important;
    transition: background-color 0.4s ease;
}