/* Atomic Styles */

/* ///////////////////// */

/* Font Colors */

.fcolor--white {
  color: var(--color_white);
}

/* Font Styles */

/* .fweight--light,
.fweight--light * {
  font-weight: 500;
} */

/* .fweight--medium,
.fweight--medium * {
  font-weight: 500;
} */

.fsize--large,
.fsize--large * {
  font-size: var(--fsize_h1);
}

.fsize--marginal,
.fsize--marginal * {
  font-size: var(--fsize_s);
}

p.fsize--marginal,
li.fsize--marginal,
.p.fsize--marginal,
p.fsize--marginal a,
.p.fsize--marginal a {
  font-size: var(--fsize_s);
}

/* BG Colors*/

.bg--black {
  background: var(--color_black);
}

.bg--grey {
  background: var(--color_grey);
}

.bg--white {
  background: var(--color_white);
}

.bg--none {
  background: transparent;
}

.bg--blue {
  background: var(--color_blue);
}

.bg--light-blue {
  background: var(--color_lightBlue);
}

/* Borders */

.border--rounded {
  border-radius: 1rem;
}

/* Overflows */

.overflow--hidden {
  overflow: hidden;
}

.no-wrap {
  white-space: nowrap;
}

/* Height */

.height--full {
  height: 100%;
}

/* Text Align */

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

/* Animation */
.animate--fadein {
  -webkit-animation: fadein 0.5s ease-out 0s 1 forwards;
  animation: fadein 0.5s ease-out 0s 1 forwards;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}