/*===================================*
	00. TYPOGRAPHY
*===================================*/

.fs-70 {
  font-size: 70px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-10 {
  font-size: 10px !important;
}

@media (min-width: 576px) {
  .fs-sm-16 {
    font-size: 16px !important;
  }
}

@media (min-width: 768px) {
  .fs-md-36 {
    font-size: 36px !important;
  }
  .fs-md-36 {
    font-size: 36px !important;
  }
  .fs-md-34 {
    font-size: 34px !important;
  }
  .fs-md-32 {
    font-size: 32px !important;
  }
  .fs-md-30 {
    font-size: 30px !important;
  }
  .fs-md-28 {
    font-size: 28px !important;
  }
  .fs-md-26 {
    font-size: 26px !important;
  }
  .fs-md-24 {
    font-size: 24px !important;
  }
  .fs-md-22 {
    font-size: 22px !important;
  }
  .fs-md-20 {
    font-size: 20px !important;
  }
  .fs-md-18 {
    font-size: 18px !important;
  }
  .fs-md-16 {
    font-size: 16px !important;
  }
  .fs-md-14 {
    font-size: 14px !important;
  }
}

@media (min-width: 992px) {
  .fs-lg-16 {
    font-size: 16px !important;
  }
}

@media (min-width: 1200px) {
  .fs-xl-16 {
    font-size: 16px !important;
  }
}

/*===================================*
01. FONT WEIGHT
*===================================*/

.font-300 {
  font-weight: lighter!important;
}

.font-400 {
  font-weight: 400!important;
}

.font-500 {
  font-weight: 500!important;
}

.font-700 {
  font-weight: 700!important;
}

.font-900 {
  font-weight: 900!important;
}



/*===================================*
02. FONT TRANSFORM
*===================================*/

.text-none {
  text-transform: none!important
}

.text-capitalize {
  text-transform: capitalize!important
}

.text-lowercase {
  text-transform: lowercase!important
}

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


/*===================================*
03. FONT ALIGN
*===================================*/

.text-left {
  text-align: left!important
}

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

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

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

.text-start {
  text-align: start!important
}

.text-end {
  text-align: end!important
}



/*===================================*
04. FONT DECORATION
*===================================*/

.text-decoration-line-through {
  text-decoration: line-through!important
}

.text-decoration-none {
  text-decoration: none!important
}

.text-decoration-overline {
  text-decoration: overline!important
}

.text-decoration-underline {
  text-decoration: underline!important
}



/*===================================*
05. FONT SPACE
*===================================*/

.text-wrap {
  white-space: normal!important
}

.text-no-wrap {
  white-space: nowrap!important
}

.text-break {
  overflow-wrap: break-word!important;
  word-break: break-word!important
}

.text-truncate {
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important
}



/*===================================*
06. LINE HEIGHT
*===================================*/

.line-height-1 {
  line-height: 1!important;
}

.line-height-1-1 {
  line-height: 1.1!important;
}

.line-height-1-2 {
  line-height: 1.2!important;
}

.line-height-1-3 {
  line-height: 1.3!important;
}


/*===================================*
07. LETTER SPACING
*===================================*/

.line-spacing-2 {
  letter-spacing: 2px!important;
}

.line-spacing-5 {
  letter-spacing: 5px!important;
}

.line-spacing-10 {
  letter-spacing: 10px!important;
}




/*===================================*
01. ELLIPSIS
*===================================*/

.ellipsis-1 {
  -webkit-line-clamp: 1;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis-2 {
  -webkit-line-clamp: 2;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis-3 {
  -webkit-line-clamp: 3;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis-4 {
  -webkit-line-clamp: 4;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis-5 {
  -webkit-line-clamp: 5;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis-6 {
  -webkit-line-clamp: 6;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/*===================================*
01. STROKE
*===================================*/

.stroke-text {
  color: #FFF6F6;
  -webkit-text-fill-color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FFF6F6;
  font-size: 6rem;
  font-weight: 900;
  position: absolute;
  bottom: 30px;
  left: -30px;
  text-transform: uppercase;
}