.style__font__light p,
.style__font__light h1,
.style__font__light h2,
.style__font__light h3,
.style__font__light h4,
.style__font__light h5,
.style__font__light h6,
.style__font__light span,
.style__font__light li,
.style__font__light blockquote,
.style__font__light .media--icon,
.style__font__light .icon i {
  color: #fff;
}

.bg_color--white {
  background-color: #fff;
}

.bg_color--gray-dark {
  background-color: #515151;
}

.bg_color--gray-light {
  background-color: #fcfcfd;
}

/* Full width background color */
.style__full-width {
  position: relative;
}

.style__full-width:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Background color */
.style__bg__gray-dark,
.style__bg__gray-dark:before {
  background: #515151;
}

/*.style__bg__gray-dark .field--type-text-long,*/
/*.style__bg__gray-light .field--type-text-long,*/
/*.style__bg__red-caltrain .field--type-text-long,*/
/*.style__bg__blue-samtrans .field--type-text-long,*/
/*.style__bg__blue-vta-dark .field--type-text-long {*/
/*  position: relative;*/
/*  z-index: 1;*/
/*}*/


.style__bg__gray-light,
.style__bg__gray-light:before {
  background: #fdfcfd;
}

.style__bg__red-caltrain,
.style__bg__red-caltrain:before {
  background-color: #dd1f29;
}

.style__bg__red-samtrans,
.style__bg__red-samtrans:before {
  background-color: #e2383f;
}


.style__bg__blue-samtrans,
.style__bg__blue-samtrans:before {
  background-color: #00529b;
}

.style__bg__blue-vta-dark,
.style__bg__blue-vta-dark:before {
  background-color: #03528c;
}

.style__bg__blue-vta-light,
.style__bg__blue-vta-light:before {
  background-color: #cfe5ee;
}

.style__bg__green-smcta,
.style__bg__green-smcta:before {
  background-color: #479f63;
}

.style__bg__deep-blue,
.style__bg__deep-blue:before {
  background-color: #111827;
}

.style__bg__pastel-blue,
.style__bg__pastel-blue:before {
  background-color: #c8d8e8;
}

.style__bg__greenish_gradient,
.style__bg__greenish_gradient:before {
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 70.71%) !important;
}

.style__bg__grayish_grandient,
.style__bg__grayish_grandient:before {
  background: linear-gradient(135deg, #e0e4e7 0%, #fff 70.71%) !important;
}

.style__bg__pacific_teal_gradient,
.style__bg__pacific_teal_gradient:before {
  background: linear-gradient(90deg, #003087 0%, #00a990 100%);
}

/* Add background color to nav-pills-outline */
.style__bg__white .nav-pills-outline {
  background: #fff;
}

.style__bg__gray-dark .nav-pills-outline {
  background: #515151;
}

.style__bg__gray-light .nav-pills-outline {
  background: #fdfcfd;
}

.style__bg__red-caltrain .nav-pills-outline {
  background-color: #e2383f;
}

.style__bg__blue-samtrans .nav-pills-outline {
  background-color: #00529b;
}

.style__bg__blue-vta-dark .nav-pills-outline {
  background-color: #03528c;
}

.style__bg__blue-vta-light .nav-pills-outline {
  background-color: #cfe5ee;
}

.style__bg__green-smcta .nav-pills-outline {
  background-color: #479f63;
}

.style__bg__deep-blue .nav-pills-outline {
  background-color: #111827;
}

.style__bg__pastel-blue .nav-pills-outline {
  background-color: #c8d8e8;
}

.style__bg__greenish_gradient .nav-pills-outline {
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 70.71%) !important;
}

.style__bg__grayish_grandient .nav-pills-outline {
  background: linear-gradient(135deg, #e0e4e7 0%, #fff 70.71%) !important;
  z-index: 1;
}

.style__bg__pacific_teal_gradient .nav-pills-outline {
  background: linear-gradient(90deg, #003087 0%, #00a990 100%);
  z-index: 1;
}