/* =========================================================
   Laugh & Gear Utility Classes
========================================================= */

/* =========================================================
   BACKGROUNDS
========================================================= */

.red-background {
  background-color: var(--lg-pink);
  color: var(--lg-white);
}

.white-background {
  background-color: var(--lg-white);
}

.light-blue {
  background-color: var(--lg-blue-soft);
}

.yale-blue-back,
.dark-background {
  background-color: var(--lg-blue);
  color: var(--lg-white);
}

.light-pink-background {
  background-color: var(--lg-pink-light);
}

.light-cream-background {
  background-color: var(--lg-cream-light);
}

.light-red-background {
  background-color: var(--lg-blush-bg);
}

.lighter-blue {
  background-color: #f5f8fd;
}

.lighter-red {
  background-color: #fcf7f9;
}

/* =========================================================
   DARK BACKGROUND LINKS
========================================================= */

.dark-background a {
  margin: 0 auto !important;
  padding: 0 !important;
  color: var(--lg-white);
  font-size: 14px;
}

.dark-background a:hover {
  color: var(--lg-blue-light);
}

/* =========================================================
   ALIGNMENT
========================================================= */

.centered-row,
.center-row,
.header-row,
.items-box {
  text-align: center;
}

.center-elements {
  margin-right: auto;
  margin-left: auto;
}

/* =========================================================
   CONTENT WIDTHS
========================================================= */

.tight-content-660,
.tight-content-800,
.tight-content-900 {
  margin-right: auto;
  margin-left: auto;
}

.tight-content-660 {
  max-width: 660px;
}

.tight-content-800 {
  max-width: 800px;
}

.tight-content-900 {
  max-width: 900px;
}

/* =========================================================
   LAYERING / TEXT HELPERS
========================================================= */

.top-index {
  position: relative;
  z-index: 9999 !important;
}

.smaller-font {
  margin: 0 auto !important;
  color: var(--lg-pink) !important;
  font-size: 16px !important;
}

/* =========================================================
   LANGUAGE VISIBILITY
========================================================= */

.show-only-en,
.show-only-es {
  display: inherit;
}

html[lang*="es"] .show-only-en,
html[lang="es-ES"] .english-sub-footer {
  display: none !important;
}

html[lang*="en"] .show-only-es {
  display: none !important;
}