/*
 Theme Name:   Beknown Website
 Description:  Beknown Digital child theme
 Author:       Michelle Bickham
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  beknown
*/

/* ======================
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';
}

/*Back to Top Button Styling */
.et_pb_scroll_top:before {
    content: '!';
}
.et_pb_scroll_top.et-pb-icon {
    background: #fff;
    color: #000;
    padding: 12px;
    font-size: 22px;
    right: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
}
.et_pb_scroll_top.et-pb-icon:hover {
    background: #000;
    color: #fff;
}
.et_pb_scroll_top.et-pb-icon.et-visible {
    transition: all .3s ease-in-out;
}

/*Text Module Code Snippets*/

/*Add Space Before Headings*/

:where(.et_pb_text) :is(p,ul,ol,blockquote) ~ :is(h1,h2,h3,h4,h5,h6) {
  padding-top:.75em;
}

/*Fix Bottom Spacing on Elements*/


:where(.et_pb_text) p:last-of-type {
  padding-bottom:1em;
}
:where(.et_pb_text) :is(p,ul,ol,blockquote):last-child {
  padding-bottom:0;
}

/*Style Lists*/

:where(.et_pb_text) ::marker {
  color:var(--gcid-heading-color);
  font-family:var(--et_global_heading_font);
}
:where(.et_pb_text) :is(ol,ul) li:not(:last-child) {
  padding-bottom:.5em;
}

/*Style Blockquotes*/


:where(.et_pb_text) blockquote {
  border:none;
  position:relative;
  padding:.5em 1em;
  margin:.5em 0 1.5em;
}
:where(.et_pb_text) blockquote::after {
  content:'〞';
  color:var(--gcid-primary-color);
  position:absolute;
  font-size:4em;
  left:-.15em;
  top:.2em;
}
:where(.et_pb_text) blockquote::before {
  background:var(--gcid-primary-color);
  opacity:0.1;
  width:100%;
  height:100%;
  position:absolute;
  z-index:-1;
  left:0; 
  top:0;
  border-radius:5px;
}