/*
 * FDT Theme — layout utilities.
 *
 * The site runs on Barrio's fluid container, so full-width elements are
 * the default. These utilities let a specific element opt into a
 * centered, max-width "boxed" layout instead. Add more sizes the same
 * way as they're needed (.boxed-lg, .boxed-md, etc.) — each is just a
 * max-width plus auto margins.
 */

.boxed-xl {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

:root {
  --edgepad: 9rem;
}

.edge-pad {
  padding-left: var(--edgepad);
  padding-right: var(--edgepad);
}

.edge-margin {
  margin-left: var(--edgepad);
  margin-right: var(--edgepad);
}

/* ---- Responsive ---- */
@media (max-width: 1400px) {}

@media (max-width: 1200px) {
  :root {
    --edgepad: 4rem;
  }
}

@media (max-width: 992px) {
  :root {
    --edgepad: 3rem;
  }
}

@media (max-width: 768px) {
  :root {
    --edgepad: 2rem;
  }
}

@media (max-width: 576px) {}