/*
 Theme Name:   Sarah Webdesign
 Description:  This is a sample child theme
 Author:       Ania R.
 Template:     Divi
 Version:      1.0.13
 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';
}


.has-shadow {
box-shadow: 0px 1px 2px rgba(56, 63, 82, 0.03),
  0px 5px 7px rgba(56, 63, 82, 0.07),
  0px 12px 15px rgba(56, 63, 82, 0.10),
  0px 20px 27px rgba(56, 63, 82, 0.14),
  0px 32px 42px rgba(56, 63, 82, 0.17);

}