// set fallback font family for everything to prevent flashes of invisible text while fonts load
body,
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
  font-family: $fallbackFontFamily;
}

// Body Font sizes
$font-body-family: 'Montserrat'!default;
$font-body-color: color-yiq($colorContentBackground)!default;
$font-body-xs: 14px!default;
$font-body-sm: 14px!default;
$font-body-md: 14px!default;
$font-body-lg: 14px!default;
$font-body-xl: 15px!default;
$font-body-weight: normal!default;
$font-body-style: normal!default;
$font-body-decoration: none!default;

// H1
$font-h1-family: 'Archivo Black'!default;
$font-h1-color: inherit!default;
$font-h1-xs: 25px!default;
$font-h1-sm: 25px!default;
$font-h1-md: 25px!default;
$font-h1-lg: 25px!default;
$font-h1-xl: 32px!default;
$font-h1-weight: normal!default;
$font-h1-style: normal!default;
$font-h1-decoration: none!default;

// H2
$font-h2-family: 'Archivo Black'!default;
$font-h2-color: inherit!default;
$font-h2-xs: 22px!default;
$font-h2-sm: 22px!default;
$font-h2-md: 22px!default;
$font-h2-lg: 22px!default;
$font-h2-xl: 27px!default;
$font-h2-weight: normal!default;
$font-h2-style: normal!default;
$font-h2-decoration: none!default;

// H3
$font-h3-family: 'Archivo Black'!default;
$font-h3-color: inherit!default;
$font-h3-xs: 20px!default;
$font-h3-sm: 20px!default;
$font-h3-md: 20px!default;
$font-h3-lg: 20px!default;
$font-h3-xl: 22px!default;
$font-h3-weight: normal!default;
$font-h3-style: normal!default;
$font-h3-decoration: none!default;

// H4
$font-h4-family: 'Archivo Black'!default;
$font-h4-color: inherit!default;
$font-h4-xs: 16px!default;
$font-h4-sm: 16px!default;
$font-h4-md: 16px!default;
$font-h4-lg: 16px!default;
$font-h4-xl: 16px!default;
$font-h4-weight: normal!default;
$font-h4-style: normal!default;
$font-h4-decoration: none!default;

// H5
$font-h5-family: 'Archivo Black'!default;
$font-h5-color: inherit!default;
$font-h5-xs: 16px!default;
$font-h5-sm: 16px!default;
$font-h5-md: 16px!default;
$font-h5-lg: 16px!default;
$font-h5-xl: 16px!default;
$font-h5-weight: normal!default;
$font-h5-style: normal!default;
$font-h5-decoration: none!default;

// H6
$font-h6-family: 'Archivo Black'!default;
$font-h6-color: inherit!default;
$font-h6-xs: 16px!default;
$font-h6-sm: 16px!default;
$font-h6-md: 16px!default;
$font-h6-lg: 16px!default;
$font-h6-xl: 16px!default;
$font-h6-weight: normal!default;
$font-h6-style: normal!default;
$font-h6-decoration: none!default;

@include font-configuration(body, $font-body-family, $font-body-color, $font-body-xs, $font-body-sm, $font-body-md, $font-body-lg, $font-body-xl, $font-body-weight, $font-body-style, $font-body-decoration);
@include font-configuration(p, inherit, inherit, inherit, inherit, inherit, inherit, inherit, normal, normal, none);
@include font-configuration('h1, .h1', $font-h1-family, $font-h1-color, $font-h1-xs, $font-h1-sm, $font-h1-md, $font-h1-lg, $font-h1-xl, $font-h1-weight, $font-h1-style, $font-h1-decoration);
@include font-configuration('h2, .h2', $font-h2-family, $font-h2-color, $font-h2-xs, $font-h2-sm, $font-h2-md, $font-h2-lg, $font-h2-xl, $font-h2-weight, $font-h2-style, $font-h2-decoration);
@include font-configuration('h3, .h3', $font-h3-family, $font-h3-color, $font-h3-xs, $font-h3-sm, $font-h3-md, $font-h3-lg, $font-h3-xl, $font-h3-weight, $font-h3-style, $font-h3-decoration);
@include font-configuration('h4, .h4', $font-h4-family, $font-h4-color, $font-h4-xs, $font-h4-sm, $font-h4-md, $font-h4-lg, $font-h4-xl, $font-h4-weight, $font-h4-style, $font-h4-decoration);
@include font-configuration('h5, .h5', $font-h5-family, $font-h5-color, $font-h5-xs, $font-h5-sm, $font-h5-md, $font-h5-lg, $font-h5-xl, $font-h5-weight, $font-h5-style, $font-h5-decoration);
@include font-configuration('h6, .h6', $font-h6-family, $font-h6-color, $font-h6-xs, $font-h6-sm, $font-h6-md, $font-h6-lg, $font-h6-xl, $font-h6-weight, $font-h6-style, $font-h6-decoration);

$generatedFontsPresent: false !default; // this flag will be overwritten by plugin font style compilation

@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-only($breakpoint) {
    @for $i from 1 through 100 {
      .et-fs-#{$breakpoint}-#{$i} {
        font-size: #{$i}px!important;
      }
    }
  }
}

.text-align-center {
  text-align: center;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

$etImportForCrit: false !default;

@if $etImportForCrit == true {
  :root {
    --et-font-body-family: #{$font-body-family};
    --et-font-body-color: #{$font-body-color};
    --et-font-body-xs: #{$font-body-xs};
    --et-font-body-sm: #{$font-body-sm};
    --et-font-body-md: #{$font-body-md};
    --et-font-body-lg: #{$font-body-lg};
    --et-font-body-xl: #{$font-body-xl};
    --et-font-body-weight: #{$font-body-weight};
    --et-font-body-style: #{$font-body-style};
    --et-font-body-decoration: #{$font-body-decoration};
    --et-font-h1-family: #{$font-h1-family};
    --et-font-h1-color: #{$font-h1-color};
    --et-font-h1-xs: #{$font-h1-xs};
    --et-font-h1-sm: #{$font-h1-sm};
    --et-font-h1-md: #{$font-h1-md};
    --et-font-h1-lg: #{$font-h1-lg};
    --et-font-h1-xl: #{$font-h1-xl};
    --et-font-h1-weight: #{$font-h1-weight};
    --et-font-h1-style: #{$font-h1-style};
    --et-font-h1-decoration: #{$font-h1-decoration};
    --et-font-h2-family: #{$font-h2-family};
    --et-font-h2-color: #{$font-h2-color};
    --et-font-h2-xs: #{$font-h2-xs};
    --et-font-h2-sm: #{$font-h2-sm};
    --et-font-h2-md: #{$font-h2-md};
    --et-font-h2-lg: #{$font-h2-lg};
    --et-font-h2-xl: #{$font-h2-xl};
    --et-font-h2-weight: #{$font-h2-weight};
    --et-font-h2-style: #{$font-h2-style};
    --et-font-h2-decoration: #{$font-h2-decoration};
    --et-font-h3-family: #{$font-h3-family};
    --et-font-h3-color: #{$font-h3-color};
    --et-font-h3-xs: #{$font-h3-xs};
    --et-font-h3-sm: #{$font-h3-sm};
    --et-font-h3-md: #{$font-h3-md};
    --et-font-h3-lg: #{$font-h3-lg};
    --et-font-h3-xl: #{$font-h3-xl};
    --et-font-h3-weight: #{$font-h3-weight};
    --et-font-h3-style: #{$font-h3-style};
    --et-font-h3-decoration: #{$font-h3-decoration};
    --et-font-h4-family: #{$font-h4-family};
    --et-font-h4-color: #{$font-h4-color};
    --et-font-h4-xs: #{$font-h4-xs};
    --et-font-h4-sm: #{$font-h4-sm};
    --et-font-h4-md: #{$font-h4-md};
    --et-font-h4-lg: #{$font-h4-lg};
    --et-font-h4-xl: #{$font-h4-xl};
    --et-font-h4-weight: #{$font-h4-weight};
    --et-font-h4-style: #{$font-h4-style};
    --et-font-h4-decoration: #{$font-h4-decoration};
    --et-font-h5-family: #{$font-h5-family};
    --et-font-h5-color: #{$font-h5-color};
    --et-font-h5-xs: #{$font-h5-xs};
    --et-font-h5-sm: #{$font-h5-sm};
    --et-font-h5-md: #{$font-h5-md};
    --et-font-h5-lg: #{$font-h5-lg};
    --et-font-h5-xl: #{$font-h5-xl};
    --et-font-h5-weight: #{$font-h5-weight};
    --et-font-h5-style: #{$font-h5-style};
    --et-font-h5-decoration: #{$font-h5-decoration};
    --et-font-h6-family: #{$font-h6-family};
    --et-font-h6-color: #{$font-h6-color};
    --et-font-h6-xs: #{$font-h6-xs};
    --et-font-h6-sm: #{$font-h6-sm};
    --et-font-h6-md: #{$font-h6-md};
    --et-font-h6-lg: #{$font-h6-lg};
    --et-font-h6-xl: #{$font-h6-xl};
    --et-font-h6-weight: #{$font-h6-weight};
    --et-font-h6-style: #{$font-h6-style};
    --et-font-h6-decoration: #{$font-h6-decoration};
  }
}