/* Basis */

body {
  background-color: #f6f1ea;
  color: #333333;
  font-family: 'Lato', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Titels */

h1, h2, h3, h4, .section-title {
  font-family: 'Playfair Display', 'Times New Roman', serif;
}

/* Navigatie */

.navbar-brand {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 1.05rem;
}

.nav-link {
  font-weight: 500;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: underline;
}

/* Sections */

.page-content {
  padding-top: 5rem;
}

.section-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.section-title {
  font-size: 2rem;
}

/* Hero */

.hero-image img {
  object-fit: cover;
}

/* Knoppen */

.btn-keramiek {
  background-color: #c2691a;
  border-color: #c18c5d;
  color: #fff;
}

.btn-keramiek:hover, .btn-keramiek:focus {
  background-color: #5c3b2e;
  border-color: #5c3b2e;
  color: #fff;
}

/* Cards */

.card {
  border-radius: 1.25rem;
}

.card-img-top {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  object-fit: cover;
  height: 220px;
}

.card-meta {
  font-size: 0.9rem;
  color: #666;
}

/* Afbeeldingen galerij */

#galerij img {
  object-fit: cover;
}

/* Footer */

footer {
  font-size: 0.875rem;
}