/*
 Theme Name: Brain Abo Divi Child
 Theme URI: https://www.brain-abo.com/divi/
 Description: Divi Child Theme for Brain Abo by Bilinbo
 Author: Andreas Hildebrandt UG
 Author URI: https://www.andreas-hildebrandt.com
 Template: Divi
 Version: 0.0.8
*/
/* ------------------------------------------------------- */

/* Properties */

/* Solarized colors*/

@property --sol-base00 {
  syntax: "<color>";
  inherits: false;
  initial-value: #657b83;
}

@property --sol-base01 {
  syntax: "<color>";
  inherits: false;
  initial-value: #586e75;
}

@property --sol-base02 {
  syntax: "<color>";
  inherits: false;
  initial-value: #073642;
}

@property --sol-base03 {
  syntax: "<color>";
  inherits: false;
  initial-value: #002b36;
}

@property --sol-base0 {
  syntax: "<color>";
  inherits: false;
  initial-value: #839496;
}

@property --sol-base1 {
  syntax: "<color>";
  inherits: false;
  initial-value: #93a1a1;
}

@property --sol-base2 {
  syntax: "<color>";
  inherits: false;
  initial-value: #eee8d5;
}

@property --sol-base3 {
  syntax: "<color>";
  inherits: false;
  initial-value: #fdf6e3;
}

@property --sol-blue {
  syntax: "<color>";
  inherits: false;
  initial-value: #268bd2;
}

@property --sol-cyan {
  syntax: "<color>";
  inherits: false;
  initial-value: #2aa198;
}

@property --sol-green {
  syntax: "<color>";
  inherits: false;
  initial-value: #859900;
}

@property --sol-magenta {
  syntax: "<color>";
  inherits: false;
  initial-value: #d33682;
}

@property --sol-orange {
  syntax: "<color>";
  inherits: false;
  initial-value: #cb4b16;
}

@property --sol-red {
  syntax: "<color>";
  inherits: false;
  initial-value: #dc322f;
}

@property --sol-violet {
  syntax: "<color>";
  inherits: false;
  initial-value: #6c71c4;
}

@property --sol-yellow {
  syntax: "<color>";
  inherits: false;
  initial-value: #b58900;
}
/* --- */

/* Fluid Typography with CSS clamp() */
:root {
  /* Font Family */
  --header-font-family: "Plus Jakarta Sans", sans-serif;
  --body-font-family: Merriweather, serif;

  /* Type Scale */
  --display-lg-size: clamp(2.130rem, calc(1.649rem + 2.404vw), 3.453rem);
  --display-lg-weight: 800;
  --display-lg-line-height: 1.55;
  --display-lg-letter-spacing: 0.015em;

  --display-md-size: clamp(1.959rem, calc(1.577rem + 1.909vw), 3.008rem);
  --display-md-weight: 800;
  --display-md-line-height: 1.55;
  --display-md-letter-spacing: 0.015em;

  --h1-size: clamp(3rem, 2.5459rem + 1.8164vw, 3.999rem);
  --h1-weight: 700;
  --h1-line-height: 1.55;
  --h1-letter-spacing: 0.015em;

  --h2-size: clamp(2.25rem, 1.9094rem + 1.3623vw, 2.9993rem);
  --h2-weight: 600;
  --h2-line-height: 1.55;
  --h2-letter-spacing: 0.02em;

  --h3-size: clamp(1.875rem, 1.5912rem + 1.1352vw, 2.4994rem);
  --h3-weight: 600;
  --h3-line-height: 1.55;
  --h3-letter-spacing: 0.02em;

  --h4-size: clamp(1.5rem, 1.273rem + 0.9082vw, 1.9995rem);
  --h4-weight: 500;
  --h4-line-height: 1.55;
  --h4-letter-spacing: 0.02em;

  --h5-size: clamp(1.25rem, 1.0608rem + 0.7568vw, 1.6663rem);
  --h5-weight: 500;
  --h5-line-height: 1.6;
  --h5-letter-spacing: 0.025em;

  --h6-size: clamp(1.125rem, 0.9547rem + 0.6811vw, 1.4996rem);
  --h6-weight: 500;
  --h6-line-height: 1.6;
  --h6-letter-spacing: 0.025em;

  --body-xl-size: clamp(1.088rem, calc(1.066rem + 0.109vw), 1.148rem);
  --body-xl-weight: 400;
  --body-xl-line-height: 1.6;
  --body-xl-letter-spacing: 0.03em;

  --body-size: clamp(0.7502rem, 0.6366rem + 0.4542vw, 1rem);
  --body-weight: 400;
  --body-line-height: 1.6;
  --body-letter-spacing: 0.03em;

  --body-sm-size: clamp(0.845rem, calc(0.877rem + -0.156vw), 0.759rem);
  --body-sm-weight: 400;
  --body-sm-line-height: 1.65;
  --body-sm-letter-spacing: 0.03em;

  --caption-xl-size: clamp(0.777rem, calc(0.819rem + -0.210vw), 0.662rem);
  --caption-xl-weight: 400;
  --caption-xl-line-height: 1.65;
  --caption-xl-letter-spacing: 0.03em;

  --caption-size: clamp(0.715rem, calc(0.765rem + -0.251vw), 0.577rem);
  --caption-weight: 400;
  --caption-line-height: 1.65;
  --caption-letter-spacing: 0.03em;

  --caption-sm-size: clamp(0.657rem, calc(0.713rem + -0.281vw), 0.502rem);
  --caption-sm-weight: 300;
  --caption-sm-line-height: 1.65;
  --caption-sm-letter-spacing: 0.03em;

  --overline-size: clamp(0.604rem, calc(0.664rem + -0.302vw), 0.438rem);
  --overline-weight: 500;
  --overline-line-height: 1.65;
  --overline-letter-spacing: 0.03em;
}

h6, h5, h4, h3, h2, h1, .fs-h6, .fs-h5, .fs-h4, .fs-h3, .fs-h3, .fs-h2, .fs-h1 {
  color: var(--sol-base03);
  font-family: var(--header-font-family);
}

p:not(.fs-exclude), .fs-body:not(.fs-exclude) {
  color: var(--sol-base03);
  font-family: var(--body-font-family);
  font-size: var(--body-size);
  font-weight: var(--body-weight);
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
}

h6, .fs-h6 {
  font-size: var(--h6-size);
  font-weight: var(--h6-weight);
  letter-spacing: var(--h6-letter-spacing);
  line-height: var(--h6-line-height);
}

h5, .fs-h5 {
  font-size: var(--h5-size);
  font-weight: var(--h5-weight);
  letter-spacing: var(--h5-letter-spacing);
  line-height: var(--h5-line-height);
}

h4, .fs-h4 {
  font-size: var(--h4-size);
  font-weight: var(--h4-weight);
  letter-spacing: var(--h4-letter-spacing);
  line-height: var(--h4-line-height);
}

h3, .fs-h3 {
  font-size: var(--h3-size);
  font-weight: var(--h3-weight);
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
}

h2, .fs-h2 {
  font-size: var(--h2-size);
  font-weight: var(--h2-weight);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
}

h1, .fs-h1 {
  font-size: var(--h1-size);
  font-weight: var(--h1-weight);
  letter-spacing: var(--h1-letter-spacing);
  line-height: var(--h1-line-height);
}

.fs-body-sm {
  font-size: var(--body-sm-size);
  font-weight: var(--body-sm-weight);
  letter-spacing: var(--body-sm-letter-spacing);
  line-height: var(--body-sm-line-height);
}

.fs-body-xl {
  font-size: var(--body-xl-size);
  font-weight: var(--body-xl-weight);
  letter-spacing: var(--body-xl-letter-spacing);
  line-height: var(--body-xl-line-height);
}

.fs-caption {
  font-size: var(--caption-size);
  font-weight: var(--caption-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
}

.fs-caption-sm {
  font-size: var(--caption-sm-size);
  font-weight: var(--caption-sm-weight);
  letter-spacing: var(--caption-sm-letter-spacing);
  line-height: var(--caption-sm-line-height);
}

.fs-caption-xl {
  font-size: var(--caption-xl-size);
  font-weight: var(--caption-xl-weight);
  letter-spacing: var(--caption-xl-letter-spacing);
  line-height: var(--caption-xl-line-height);
}

.fs-overline {
  font-size: var(--overline-size);
  font-weight: var(--overline-weight);
  letter-spacing: var(--overline-letter-spacing);
  line-height: var(--overline-line-height);
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.icon img {
  width: clamp(80px, 1.5vw, 2.5vw) !important;
}

.sm-icon img {
  width: clamp(60px, 1vw, 2vw) !important;
}