/* COLORS */
/* AILGMENTS */
/* SIZES */
/* STYLES */




/* COLORS */
.blue-txt {
  color: var(--site-primary);
}
.aqua-txt {
  color: var(--site-secondary);
}
.red-txt {
  color: var(--site-danger);
}
.red-orange-txt {
  color: var(--site-danger-orange);
}
.orange-txt {
  color: var(--site-tertiary);
}
.yellow-txt {
  color: var(--site-warning);
}
.green-txt {
  color: var(--site-success);
}
.white-txt {
  color: #ffffff;
}
.black-txt {
  color: #000000;
}
.gray-txt {
  color: #8b8b8b;
}

/* AILGMENTS */
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}


/* SIZES */
.text-reg-11 {
  font-family: "text-family";
  font-weight: 400;
  font-style: normal;
  font-size: 0.6875rem;
  line-height: 1.2em;
}
.text-bold-14 {
  font-family: "subtitle-family";
  font-weight: 600;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.2em;
}
.text-bold-16 {
  
  font-family: "subtitle-family";
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.2em;
}
.text-reg-16 {
  font-family: "text-family";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.2em;
}
.text-reg-20 {
  font-family: "text-family";
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.2em;
}
.text-bold-20 {
  font-family: "title-family";
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.2em;
}
.text-bold-26 {
  font-family: "title-family";
  font-weight: 600;
  font-style: normal;
  font-size: 1.625rem;
  line-height: 1.2em;
}
.text-bold-34 {
  
  font-family: "title-family";
  font-weight: 600;
  font-style: normal;
  font-size: 2.125rem;
  line-height: 1.2em;
}

/* STYLES */
.uppercase {
  text-transform: uppercase !important;
}
.link {
  text-decoration: underline;
}

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

.text-end{
  text-align: end;
}

.text-start{
  text-align: start;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) {
  .text-sm-center{
    text-align: center;
  }
  
  .text-sm-end{
    text-align: end;
  }
  
  .text-sm-start{
    text-align: start;
  }
}


@media only screen and (min-device-width: 668px) and (max-device-width: 1200px) {
  .text-md-center{
    text-align: center;
  }
  
  .text-md-end{
    text-align: end;
  }
  
  .text-md-start{
    text-align: start;
  }
}