/**
 * Theme Name:     Divi Child
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */

/* =========================================================
   CUSTOM FONTS
========================================================= */

@font-face {
  font-family: "Silent Hell of Cheryl";
  src: url("/wp-content/themes/divi-child/fonts/SLNTHLN.ttf")
       format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Silent Hell of Cheryl Extended";
  src: url("/wp-content/themes/divi-child/fonts/SLNTHLE.TTF")
       format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* =========================================================
   GENERAL FONT RENDERING
========================================================= */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}


/* =========================================================
   DESKTOP
   Custom font remains active
========================================================= */

@media (min-width: 981px) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family:
      "Silent Hell of Cheryl",
      "Courier New",
      monospace !important;

    line-height: 1.2 !important;
    font-weight: 400;
  }

  .extended {
    font-family:
      "Silent Hell of Cheryl Extended",
      "Courier New",
      monospace !important;

    line-height: 1.2 !important;
  }
}


/* =========================================================
   TABLET AND MOBILE
   Safe font prevents Android heading overlap
========================================================= */

@media (max-width: 980px) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .et_pb_module_header,
  .et_pb_heading_container h1,
  .et_pb_heading_container h2,
  .et_pb_heading_container h3,
  .et_pb_heading_container h4,
  .et_pb_heading_container h5,
  .et_pb_heading_container h6 {
    font-family:
      Questrial,
      Arial,
      sans-serif !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;

    width: auto;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-top: 0;
    padding-top: 0;

    line-height: 1.3 !important;

    transform: none !important;
    overflow: visible !important;

    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;

    vertical-align: baseline !important;
  }

  .extended {
    font-family:
      Questrial,
      Arial,
      sans-serif !important;

    line-height: 1.3 !important;
  }
}


/* =========================================================
   OPTIONAL
   Use custom font on a specific mobile heading only
========================================================= */

@media (max-width: 980px) {

  .keep-silent-font-mobile {
    font-family:
      "Silent Hell of Cheryl",
      "Courier New",
      monospace !important;

    display: block !important;

    height: auto !important;
    min-height: 1.5em !important;

    padding-top: 0.1em !important;
    padding-bottom: 0.3em !important;

    line-height: 1.4 !important;

    transform: none !important;
    overflow: visible !important;
  }

  .keep-extended-font-mobile {
    font-family:
      "Silent Hell of Cheryl Extended",
      "Courier New",
      monospace !important;

    display: block !important;

    height: auto !important;
    min-height: 1.5em !important;

    padding-top: 0.1em !important;
    padding-bottom: 0.3em !important;

    line-height: 1.4 !important;

    transform: none !important;
    overflow: visible !important;
  }
}


/* =========================================================
   SCROLLING BACKGROUND
   Keep this unchanged
========================================================= */

.abi-scroll-bg {
  background-repeat: no-repeat !important;
  background-size: 130% auto !important;
  background-position: 50% center !important;
  will-change: background-position;
  transition: background-position 0.08s linear;
}