/* ----------------------- SUMMARY -----------------------

  Text
    Text > Format
    Text > Colors
    Text > Size
    Text > Align
    Text > Style

*/

/* Text > Format
----------------------------------------------- */

.no-wrap{white-space:nowrap!important;}
.pre{white-space:pre!important;}
.ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;}
.line-height-1{line-height:1!important;}

/* Text > Colors
----------------------------------------------- */

.light-grey-text{color:#c7c7c7!important;}
.grey-text{color:#828282!important;}
.dark-grey-text{color:#666!important;}

.light-blue-text{color:#1c9ef4!important;}
.blue-text{color:#0a85d9!important;}
.dark-blue-text{color:#0766b9!important;}

.green-text{color:#0ac17f!important;}
.yellow-text{color:#f0a528!important;}
.red-text{color:#d70949!important;}
.teal-text{color:#27c9d4!important;}

/* Text > Size
----------------------------------------------- */

.font-size-8{font-size: 8px!important;}
.font-size-10{font-size: 10px!important;}
.font-size-11{font-size: 11px!important;}
.font-size-12{font-size: 12px!important;}
.font-size-14{font-size: 14px!important;}
.font-size-16{font-size: 16px!important;}
.font-size-18{font-size: 18px!important;}
.font-size-20{font-size: 20px!important;}
.font-size-22{font-size: 22px!important;}
.font-size-24{font-size: 24px!important;}
.font-size-26{font-size: 26px!important;}
.font-size-28{font-size: 28px!important;}
.font-size-32{font-size: 32px!important;}
.font-size-34{font-size: 34px!important;}
.font-size-36{font-size: 36px!important;}
.font-size-38{font-size: 38px!important;}
.font-size-42{font-size: 42px!important;}
.font-size-46{font-size: 46px!important;}
.font-size-60{font-size: 60px!important;}

/* Text > Weight
----------------------------------------------- */

.font-weight-100{font-weight: 100!important;}
.font-weight-200{font-weight: 200!important;}
.font-weight-300{font-weight: 300!important;}
.font-weight-400{font-weight: 400!important;}
.font-weight-500{font-weight: 500!important;}
.font-weight-600{font-weight: 600!important;}
.font-weight-700{font-weight: 700!important;}
.font-weight-800{font-weight: 800!important;}
.font-weight-900{font-weight: 900!important;}
.bold {font-weight: bold;}

/* Text > Align
----------------------------------------------- */

.text-right{text-align:right !important;}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-justify{text-align:justify !important;}

/* Text > Style
----------------------------------------------- */

.normal{font-weight:normal;}
.italic {font-style: italic;}
.spaced {letter-spacing:2px;}
.underline {text-decoration: underline;}
.uppercase{text-transform: uppercase;}
.uppercase{text-transform: uppercase;}
.uppercase::-webkit-input-placeholder{
  text-transform: none!important;
}
.strike{text-decoration: line-through;}
.capitalize{text-transform: capitalize;}

.pointer{cursor: pointer;}

.middle {vertical-align: middle !important;}