/************************************************
  Gutenberg Editor
************************************************/
/**
 * Type Scale Typography.
 */
/**
 * Variables.
 */
html {
  font-size: 16px;
}

body {
  font-family: var(--ayyash-global-font-family);
  font-weight: var(--ayyash-global-font-weight);
  font-style: var(--ayyash-global-font-style);
  font-size: var(--ayyash-global-font-size);
  line-height: var(--ayyash-global-line-height);
  text-transform: var(--ayyash-global-text-transform);
  letter-spacing: var(--ayyash-global-letter-spacing);
  word-spacing: var(--ayyash-global-word-spacing);
  background-color: var(--ayyash-color-site-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  color: var(--ayyash-color-global);
}
body #page {
  position: relative;
}

h1, .h1, .heading-size-1 {
  font-family: var(--ayyash-h1-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h1-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h1-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h1-font-size);
  line-height: var(--ayyash-h1-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h1-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h1-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h1-word-spacing, var(--ayyash-global-word-spacing));
}

h2, .h2, .heading-size-2 {
  font-family: var(--ayyash-h2-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h2-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h2-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h2-font-size);
  line-height: var(--ayyash-h2-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h2-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h2-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h2-word-spacing, var(--ayyash-global-word-spacing));
}

h3, .h3, .heading-size-3 {
  font-family: var(--ayyash-h3-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h3-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h3-font-size);
  line-height: var(--ayyash-h3-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h3-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h3-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h3-word-spacing, var(--ayyash-global-word-spacing));
}

h4, .h4, .heading-size-4 {
  font-family: var(--ayyash-h4-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h4-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h4-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h4-font-size);
  line-height: var(--ayyash-h4-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h4-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h4-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h4-word-spacing, var(--ayyash-global-word-spacing));
}

h5, .h5, .heading-size-5 {
  font-family: var(--ayyash-h5-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h5-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h5-font-size);
  line-height: var(--ayyash-h5-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h5-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h5-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h5-word-spacing, var(--ayyash-global-word-spacing));
}

h6, .h6, .heading-size-6 {
  font-family: var(--ayyash-h6-font-family, var(--ayyash-heading-font-family));
  font-weight: var(--ayyash-h6-font-weight, var(--ayyash-heading-font-weight));
  font-style: var(--ayyash-h6-font-style, var(--ayyash-heading-font-style));
  font-size: var(--ayyash-h6-font-size);
  line-height: var(--ayyash-h6-line-height, var(--ayyash-heading-line-height));
  text-transform: var(--ayyash-h6-text-decoration, var(--ayyash-global-text-transform));
  letter-spacing: var(--ayyash-h6-letter-spacing, var(--ayyash-global-letter-spacing));
  word-spacing: var(--ayyash-h6-word-spacing, var(--ayyash-global-word-spacing));
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.heading-size-1, .heading-size-2,
.heading-size-3, .heading-size-4,
.heading-size-5, .heading-size-6,
.faux-heading {
  color: var(--ayyash-color-heading);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
.heading-size-1 a, .heading-size-2 a,
.heading-size-3 a, .heading-size-4 a,
.heading-size-5 a, .heading-size-6 a,
.faux-heading a {
  color: var(--ayyash-color-heading);
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover,
.heading-size-1 a:hover, .heading-size-2 a:hover,
.heading-size-3 a:hover, .heading-size-4 a:hover,
.heading-size-5 a:hover, .heading-size-6 a:hover,
.faux-heading a:hover {
  color: var(--ayyash-color-primary);
  text-decoration: underline;
}

a {
  text-decoration: none;
  color: var(--ayyash-color-primary);
}
a:hover {
  color: var(--ayyash-color-secondary);
}