/* Screen widths */
/* Site Colors */
/** Shared styles **/
.shadow {
  -webkit-box-shadow: 0px 12px 24px rgba(53, 67, 74, 0.2);
  -moz-box-shadow: 0px 12px 24px rgba(53, 67, 74, 0.2);
  box-shadow: 0px 12px 24px rgba(53, 67, 74, 0.2);
}
.card-base {
  background-color: #FAFCFC;
  border-radius: 8px;
  border: 1px solid #0B4D4E;
  color: #1B2225;
  padding: 20px;
  -webkit-box-shadow: 0px 12px 24px rgba(53, 67, 74, 0.2);
  -moz-box-shadow: 0px 12px 24px rgba(53, 67, 74, 0.2);
  box-shadow: 0px 12px 24px rgba(53, 67, 74, 0.2);
}
.card-base h2,
.card-base h3 {
  color: #073334;
}
.card-base:hover,
.card-base:focus-visible {
  background-color: #DEEFE7;
  border: 2px solid #0B4D4E;
}
.card-base:hover:active,
.card-base:focus-visible:active {
  background-color: #0B4D4E;
  color: #FAFCFC;
}
.card-base:hover:active h2,
.card-base:focus-visible:active h2 {
  color: #FAFCFC;
}
.card-base:active {
  background-color: #0B4D4E;
  color: #FAFCFC;
}
.card-base:active h2 {
  color: #FAFCFC;
}
.gradient-1 {
  background: var(--Primary-grad, linear-gradient(180deg, #003D59 0%, #002333 100%));
}
.gradient-2 {
  background: var(--Secondary-grad, linear-gradient(180deg, #0B4D4E 0%, #073334 100%));
}
.black-bg {
  background-color: #1B2225;
}
.text-black {
  color: #1B2225;
}
.white-bg {
  background-color: #FAFCFC;
}
.text-white {
  color: #FAFCFC;
}
.base-bg {
  background-color: #8FA4AE;
}
.text-base {
  color: #8FA4AE;
}
.base-darker-bg {
  background-color: #35434A;
}
.text-base-darker {
  color: #35434A;
}
.base-light-bg {
  background-color: #D2DBDF;
}
.text-base-light {
  color: #D2DBDF;
}
.base-lightest-bg {
  background-color: #FAFCFC;
}
.text-base-lightest {
  color: #FAFCFC;
}
.primary-bg {
  background-color: #003D59;
}
.text-primary {
  color: #003D59;
}
.primary-vivid-bg {
  background-color: #DEEFE7;
}
.text-primary-vivid {
  color: #DEEFE7;
}
.primary-dark-bg {
  background-color: #002333;
}
.text-primary-dark {
  color: #002333;
}
.primary-darker-bg {
  background-color: #002333;
}
.text-primary-darker {
  color: #002333;
}
.secondary-bg {
  background-color: #0B4D4E;
}
.text-secondary {
  color: #0B4D4E;
}
.secondary-vivid-bg {
  background-color: #0B4D4E;
}
.text-secondary-vivid {
  color: #0B4D4E;
}
.secondary-dark-bg {
  background-color: #073334;
}
.text-secondary-dark {
  color: #073334;
}
.secondary-darkest-bg {
  background-color: #073334;
}
.text-secondary-darkest {
  color: #073334;
}
.accent-cool-lighter-bg {
  background-color: #BDF8EA;
}
.text-accent-cool-lighter {
  color: #BDF8EA;
}
.accent-cool-light-bg {
  background-color: #78CFBA;
}
.text-accent-cool-light {
  color: #78CFBA;
}
.accent-cool-bg {
  background-color: #DEEFE7;
}
.text-accent-cool {
  color: #DEEFE7;
}
.accent-cool-dark-bg {
  background-color: #3D8977;
}
.text-accent-cool-dark {
  color: #3D8977;
}
.accent-cool-darker-bg {
  background-color: #29695A;
}
.text-accent-cool-darker {
  color: #29695A;
}
.accent-warm-lighter-bg {
  background-color: #EFEBDB;
}
.text-accent-warm-lighter {
  color: #EFEBDB;
}
.accent-warm-bg {
  background-color: #DDC349;
}
.text-accent-warm {
  color: #DDC349;
}
.white-bg {
  background-color: #FAFCFC;
}