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

:root {
	--header-bg: var(--gcid-vghfano2fu);
}
body {background-color:var(--header-bg);}
/* Selection styling for highlighted text */

::selection {
    background: var(--gcid-heading-color);
    color: #fff;
}

:is(h1,h2,h3,h4,h5,h6)::selection {
    background: var(--gcid-secondary-color);
    color: var(--gcid-heading-color);
}

a::selection {
    background: var(--gcid-primary-color);
    color: #fff;
}

/* Fix bottom spacing on elements */
.dsa-text p:last-of-type {
  padding-bottom:1em;
}
.dsa-text :is(p,ul,ol,blockquote):last-child {
  padding-bottom:0;
}

/* Style Links */
.dsa-text a {
  transition: all .2s linear;
  text-underline-offset:.15em;
  text-decoration-thickness:.2em;
  text-decoration-skip-ink: none;
}
.dsa-text a:hover {
  text-underline-offset:0;
}

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

/* Style Blockquote */

.dsa-text blockquote {
    padding-left: 0;
}
.dsa-text blockquote:first-child {
	margin-top:0;
}

/* Add space before headings */
.dsa-text :is(p,ul,ol,blockquote) ~ :is(h1,h2,h3,h4,h5,h6) {
  padding-top:.75em;
}


/* Custom list markers */
.dsa-text li::marker {
    color: var(--gcid-primary-color);
    font-weight: 900;
}


/* Back to Top Button Styling */
.et_pb_scroll_top.et-pb-icon::before {
    content:'\42';
}
.et_pb_scroll_top.et-pb-icon {
    background: var(--gcid-secondary-color);
    color:  var(--gcid-heading-color);
    padding: 12px;
    font-size: 22px;
    right: 20px;
    border: 2px var(--gcid-heading-color) solid;
    box-shadow: 2px 4px 0px 0px var(--gcid-heading-color);
    border-radius: 50%;
}
.et_pb_scroll_top.et-pb-icon:hover {
    background:var(--gcid-o2xfi2xdxi);
    box-shadow: 1px 2px 0px 0px var(--gcid-heading-color);
    transform:translate(1px, 2px);
}
.et_pb_scroll_top.et-pb-icon.et-visible {
    transition: all .3s ease-in-out;
}


.has-offset {
  overflow:visible!important;
}
.has-offset::after {
  content:'';
  border: 2px solid var(--gcid-heading-color);
  border-radius:10px;
  position:absolute;
  inset:5px -5px -5px 5px;
  outline-offset: 10px 10px;
}