/*
 Theme Name:   Sarah Webdesign
 Description:  This is a sample child theme
 Author:       Ania R.
 Template:     Divi
 Version:      1.0.12
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  sarah
*/

/* Fix Button Icon Preset size and position */
#page-container .et_pb_section .et_pb_button.my-button-fix::after,
#page-container .et_pb_section .et_pb_button.my-button-fix:hover::after{
    font-size: inherit!important;
    line-height: inherit!important;
}
#page-container .et_pb_section .et_pb_button.my-button-fix:hover::after {
    margin-left:.25em !important;
}

/* Fix Button Preset Padding on hover */
#page-container .et_pb_section .et_pb_button.my-button-fix:hover {
    padding-top: .75em!important;
    padding-bottom: .75em!important;
}

/* ======================
Typography Reset
========================= */

body {
    font-weight: 400;
}

.et_pb_heading h1, .et_pb_heading h2, .et_pb_heading h3, .et_pb_heading h4, .et_pb_heading h5, .et_pb_heading h6 {
    padding-bottom:0;
}

.dsa-text h1:not(:first-child),
.dsa-text h2:not(:first-child),
.dsa-text h3:not(:first-child),
.dsa-text h4:not(:first-child),
.dsa-text h5:not(:first-child),
.dsa-text h6:not(:first-child) {
    padding-top: 1em;
}

.dsa-text p:last-of-type {
    padding-bottom: 1em;
}

.dsa-text p:last-child, .dsa-text ul:last-child, .dsa-text ol:last-child {
    padding-bottom: 0;
}

.dsa-text li::marker {
    color: var(--gcid-secondary-color);
}

.dsa-text a {
    text-decoration-thickness: .2em;
    transition: all .1s linear;
    text-underline-offset: .1em;
}

.dsa-text a:hover {
    text-underline-offset: .3em;
}

/* ======================
Global Header
========================= */
#dsa-header {
    backdrop-filter: blur(5px);
}

#dsa-header ul.sub-menu a {
    text-transform: none;
    font-weight: 400;
}

#dsa-header ul.et-menu > li {
    padding: 0 16px;
}

/* Desktop Submenu styling */
@media (min-width:981px) {
    #dsa-header ul.sub-menu {
        border-style: solid;
        border-width: 2px;
        border-radius: 4px 20px 20px 20px;
        box-shadow: none;
        padding: 10px 0;
        width: 200px;
    }
    
    #dsa-header ul.sub-menu li {
        padding: 0;
        width:100%;
    }
    
    #dsa-header ul.sub-menu li a {
        width:100%;
        background:none;
        opacity:1;
        transition: all .3s linear;
    }
    #dsa-header ul.sub-menu li a:hover {
        padding-left:26px;
    }
}

/* Mobile Menu styling */
#dsa-header .et_mobile_menu {
    border-style: solid;
    border-width: 2px;
    border-radius: 4px 20px 20px 20px;
    width: 80vw;
}

@media (max-width:600px) {
    #dsa-header .et_mobile_menu {
        width: 90vw;
    }
}

#dsa-header .et_mobile_menu a {
    background: none;
}
#dsa-header .opened .mobile_menu_bar::before {
    content: '\4d';
}