/*--------------------------- FONTS --------------------------*/

/*--- FONT STYLES ---*/
.font-italic {
  font-style: italic !important
  ;
}

/*--- TEXT ALIGNMENT ---*/
.text-left {
  text-align: left !important;
}

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

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

.text-justify {
  text-align: justify !important;
}

@media only screen and (max-width: 56.25em) {
  .text-center-md {
    text-align: center !important;
  }
}

@media only screen and (max-width: 27.5em) {
  .text-center-xs {
    text-align: center !important;
  }
}

/*--- TEXT CASING ---*/
.text-capitalize {
  text-transform: capitalize !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

/*--- TEXT COLOR ---*/
.text-white {
  color: var(--color-white) !important;
}

.text-light {
  color: var(--color-text-light) !important;
}

.text-primary {
  color: var(--color-primary) !important;
}

.text-primary--light {
  color: var(--color-primary-light) !important;
}

/*--------------------------- FONTS --------------------------*/