/* 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);
}
.inset-shadow {
  -webkit-box-shadow: 0px 12px 24px 0px rgba(53, 67, 74, 0.4) inset;
  -moz-box-shadow: 0px 12px 24px 0px rgba(53, 67, 74, 0.4) inset;
  box-shadow: 0px 12px 24px 0px rgba(53, 67, 74, 0.4) inset;
}
.inset-shadow-2 {
  -webkit-box-shadow: 0px 12px 24px 0px rgba(53, 67, 74, 0.2) inset;
  -moz-box-shadow: 0px 12px 24px 0px rgba(53, 67, 74, 0.2) inset;
  box-shadow: 0px 12px 24px 0px rgba(53, 67, 74, 0.2) inset;
}
.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.card-base {
  background-color: #FAFCFC;
  border-radius: 8px;
  border: 1px solid #0B4D4E;
  color: #1B2225;
  padding: 16px;
  -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;
  padding: 15px;
}
.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,
.card-base:hover:active a,
.card-base:focus-visible:active a {
  color: #FAFCFC;
}
.card-base:active {
  background-color: #0B4D4E;
  color: #FAFCFC;
}
.card-base:active *,
.card-base:active a {
  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%));
}