/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://cranesonparade.com
 Description:  Child Theme for Divi
 Author:       Heartland Hosting, LLC
 Author URI:   https://heartlandhosting.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* -- BACK TO TOP BUTTON | DiviLover --*/
/* This styles the native Divi Back to Top button (enable it in Divi Theme */
/* Options → General). By default, it doesn’t look very attractive, but this  */
/* snippet transforms it with a custom icon, background, color, and shadow. */
.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;
}

/* -- ADD SPACE BEFORE HEADINGS | DiviLover --*/
/* Adds proper spacing before headings that follow paragraphs, lists, or  */
/* blockquotes. Prevents awkward cramped spacing when mixing content types. */
:where(.et_pb_text) :is(p,ul,ol,blockquote) ~ :is(h1,h2,h3,h4,h5,h6) {
  padding-top:.75em;
}

/* -- FIX BOTTOM SPACING ON ELEMENTS | DiviLover --*/
/* Ensures consistent spacing at the end of Text modules by controlling  */
/* padding on the last 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 | DiviLover --*/
/* Applies your brand’s primary color to list markers (bullets and numbers) and */
/* uses your heading font. Adds comfortable spacing between list items for */
/* better readability. */
:where(.et_pb_text) ::marker {
  color:var(--gcid-primary-color);
  font-family:var(--et_global_heading_font);
}
:where(.et_pb_text) :is(ol,ul) li:not(:last-child) {
  padding-bottom:.5em;
}

/* -- STYLE BLOCKQUOTES | DiviLover --*/
/* Creates visually appealing blockquotes with a decorative opening quote */
/* mark and a subtle background tint using your primary brand color. */
: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 {
  content:'';
  background:var(--gcid-primary-color);
  opacity:0.1;
  width:100%;
  height:100%;
  position:absolute;
  z-index:-1;
  left:0; 
  top:0;
  border-radius:5px;
}
:where(.et_pb_text) a {
  transition: all .2s linear;
  text-underline-offset:.24em;
  text-decoration-thickness:.1em;
}

/* -- LINK HOVER EFFECT | DiviLover --*/
/* Adds a smooth animation to link underlines. When hovering over a link, */
/* the underline moves up slightly, creating a subtle interactive effect.*/
:where(.et_pb_text) a:hover {
  text-underline-offset:.12em;
}