/* Fancy Header Block */

.fancy-heading {
  margin: 0;
  line-height: 1.2;
}

/* Alignment */
.fancy-heading.align-left {
  text-align: left;
}

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

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

/* Font Family */
.fancy-heading.font-main {
  font-family: var(--typography-family-main);
}

.fancy-heading.font-secondary {
  font-family: var(--typography-family-secondary);
}

/* Font Weight */
.fancy-heading.weight-400 {
  font-weight: var(--typography-weight-regular);
}

.fancy-heading.weight-800 {
  font-weight: 900;
}

/* Font Size */
.fancy-heading.size-standard {
  font-size: inherit;
}

.fancy-heading.size-2em {
  font-size: 2em;
}

.fancy-heading.size-3em {
  font-size: 3em;
}

.fancy-heading.size-4em {
  font-size: 4em;
}

.fancy-heading.size-5em {
  font-size: 5em;
}

.fancy-heading.size-6em {
  font-size: 6em;
}

.fancy-heading.size-7em {
  font-size: 7em;
}

.fancy-heading.size-8em {
  font-size: 8em;
}

/* Color */
.fancy-heading.color-standard {
  color: var(--color-heading);
}

.fancy-heading.color-white {
  color: var(--color-white);
}

.fancy-heading.color-blue {
  color: var(--color-science-blue);
}

/* Text Transform */
.fancy-heading.transform-standard {
  text-transform: none;
}

.fancy-heading.transform-uppercase {
  text-transform: uppercase;
}

/* Responsive - Mobile */
@media (max-width: 768px) {

  .fancy-heading.align-right {
    text-align: left;
}

  .fancy-heading.size-2em {
    font-size: 1.5em;
  }
  
  .fancy-heading.size-3em {
    font-size: 2em;
  }
  
  .fancy-heading.size-4em {
    font-size: 2.5em;
  }
  
  .fancy-heading.size-5em {
    font-size: 3em;
  }
  
  .fancy-heading.size-6em {
    font-size: 3.5em;
  }
  
  .fancy-heading.size-7em {
    font-size: 4em;
  }
  
  .fancy-heading.size-8em {
    font-size: 4.5em;
  }
}

/* Responsive - Small Mobile */
@media (max-width: 480px) {

  .fancy-heading.align-right {
    text-align: left;
}

  .fancy-heading.size-2em {
    font-size: 1.3em;
  }
  
  .fancy-heading.size-3em {
    font-size: 1.6em;
  }
  
  .fancy-heading.size-4em {
    font-size: 2em;
  }
  
  .fancy-heading.size-5em {
    font-size: 2.5em;
  }
  
  .fancy-heading.size-6em {
    font-size: 3em;
  }
  
  .fancy-heading.size-7em {
    font-size: 3.5em;
  }
  
  .fancy-heading.size-8em {
    font-size: 4em;
  }
}

/* Responsive - Extra Small Mobile */
@media (max-width: 360px) {
  .fancy-heading.size-2em {
    font-size: 1.2em;
  }
  
  .fancy-heading.size-3em {
    font-size: 1.4em;
  }
  
  .fancy-heading.size-4em {
    font-size: 1.8em;
  }
  
  .fancy-heading.size-5em {
    font-size: 2.2em;
  }
  
  .fancy-heading.size-6em {
    font-size: 2.6em;
  }
  
  .fancy-heading.size-7em {
    font-size: 3em;
  }
  
  .fancy-heading.size-8em {
    font-size: 3.4em;
  }
}