/*--------------------------------------------------------------
# DEFAULT HEADINGS
--------------------------------------------------------------*/
.h1 {
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
}

.h2 {
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
}

.h3 {
  font-size: var(--font-size-3);
  line-height: var(--line-height-3);
}

.h4 {
  font-size: var(--font-size-4);
  line-height: var(--line-height-4);
}

.h5 {
  font-size: var(--font-size-5);
  line-height: var(--line-height-5);
}

.h6 {
  font-size: var(--font-size-6);
  line-height: var(--line-height-6);
}

/*--------------------------------------------------------------
# PARAGRAPH SIZE
--------------------------------------------------------------*/
.h7 {
  font-size: var(--font-size-7);
  line-height: var(--line-height-7);
}

/*--------------------------------------------------------------
# SMALLER HEADINGS
--------------------------------------------------------------*/
.h8 {
  font-size: var(--font-size-8);
  line-height: var(--line-height-8);
}

.h9 {
  font-size: var(--font-size-9);
  line-height: var(--line-height-9);
}

/*--------------------------------------------------------------
# BIGGER HEADINGS
--------------------------------------------------------------*/
.h0 {
  font-size: var(--font-size-0);
  line-height: var(--line-height-0);
}

.ha {
  font-size: var(--font-size-a);
  line-height: var(--line-height-a);
}

.hb {
  font-size: var(--font-size-b);
  line-height: var(--line-height-b);
}

.hc {
  font-size: var(--font-size-c);
  line-height: var(--line-height-c);
}

/*--------------------------------------------------------------
# FONT FAMILY
--------------------------------------------------------------*/
.font-family--1 {
  font-family: var(--font-family-1);
}

.font-family--2 {
  font-family: var(--font-family-2);
}

.font-family--3 {
  font-family: var(--font-family-3);
}

/*--------------------------------------------------------------
# FONT WEIGHT
--------------------------------------------------------------*/
.fw--thin,
.fw--hairline {
  font-weight: 100;
}

.fw--extra-light,
.fw--ultra-light {
  font-weight: 200;
}

.fw--light {
  font-weight: 300;
}

.fw--normal,
.fw--regular {
  font-weight: 400;
}

.fw--medium {
  font-weight: 500;
}

.fw--semo-bold,
.fw--demi-bold {
  font-weight: 600;
}

.fw--bold {
  font-weight: 700;
}

.fw--extra-bold,
.fw--ultra-bold {
  font-weight: 800;
}

.fw--black,
.fw--heavy {
  font-weight: 900;
}

/*--------------------------------------------------------------
# FONT STYLE
--------------------------------------------------------------*/
.fs--normal {
  font-style: normal;
}

.fs--italic {
  font-style: italic;
}

/* fake italic, italic isn't available */
.fs--oblique {
  font-style: oblique;
}

/*--------------------------------------------------------------
# TEXT ALIGN
--------------------------------------------------------------*/
.ta--left {
  text-align: left;
}

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

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

.ta--justify {
  text-align: justify;
}

/*--------------------------------------------------------------
# TEXT TRANSFORM
--------------------------------------------------------------*/
.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

/*--------------------------------------------------------------
# TEXT DECORATION
--------------------------------------------------------------*/
.text-decoration--none {
  text-decoration: none;
}

.text-decoration--underline {
  text-decoration: underline;
}

/*--------------------------------------------------------------
# LISTS
--------------------------------------------------------------*/
.list-style-type--none {
  list-style-type: none;
}