/*

---- 01 TYPOGRAPHY SYSTEM
- Font weights:
- Line heights:

-- Letter spacing

- FONT SIZE SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98

---- 02 COLORS

Primary:
Tints:
Shades:
Accents:
Greys:

---- 03 Shadows

---- 06 Border Radius

---- 07 Whitespace
- SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128

*/

.debug {
  border: 1px red solid;
}

.error_text {
  font-weight: bold;
}

.attachment-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.page-container {
  margin-y: 5rem;
}

.nav-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.nav-list {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.nav-list-item {
}

.mr-btm-sm {
  margin-bottom: 16px !important;
}

.mr-btm-md {
  margin-bottom: 36px !important;
}

.importers-links-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}

.importer-link:link,
.importer-link:visited {
  text-decoration: none;
  background: #c80009;
  font-family: "PT Sans";
  font-size: 2.75rem;
  padding: 2.75rem;
  color: #fff;
  text-align: center;
  transition: all 0.3s;
}

.importer-link:hover,
.importer-link:active {
  background: #ccc;
  color: #333;

  transform: translateY(-1.2rem);
}

.download-link:link,
.download-link:visited {
  color: #c80009;
  text-decoration: underline;
}

.download-link:active,
.download-link:hover {
  color: #8f0304;
  text-decoration: underline;
}

.products-category {
  text-align: center;
  background-color: #e7e7e7;
  font-weight: 700;
}

.button-large {
  background: #c80009;
  font-family: "PT Sans";
  font-size: 2.4rem;
  color: #fff;
  border: 0px;
  padding: 1rem 2rem;
  transition: all 0.3s;
}