/* Basis font */
body {
  font-family: 'Poppins', sans-serif;
  background-color: #000000;
  color: #EEEEEE;
  line-height: 1.6;
}

/* Titels, secties, logo */
.section-title,
.navbar-brand,
h1, h2, h3, h4 {
  font-family: 'Orbitron', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  display: block;
  max-width: 100%;
}

/* Navbar */
.navbar {
  background-color: #000000;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #F76C6C;
}

.nav-link {
  padding: 0.75rem 1rem;
  color: #EEEEEE !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 0.2s ease-in-out;
}

.nav-link:hover,
.nav-link.active {
  color: #F76C6C !important;
}

/* Logo (kleur) */
.logo {
  height: 50px;
}

/* Section titles */
.section-title {
  text-align: center;
  margin: 3rem 0 1.5rem;
  color: #F76C6C;
  font-size: 2.2rem;
  letter-spacing: 0.1em;
}

/* Cards */
.card {
  background-color: #1E1E1E;
  border: none;
  color: #EEEEEE;
  transition: transform 0.2s ease;
}

.card:hover {
  transform: scale(1.02);
}

.card-img-top {
  height: 200px;
  object-fit: cover;
}

/* Tables */
.table-dark {
  background-color: #1E1E1E;
  color: #EEEEEE;
}

th,
td {
  padding: 1rem !important;
}

/* Buttons */
.btn-danger {
  background-color: #F76C6C;
  border: none;
  text-transform: uppercase;
  border-radius: 0;
  padding: 0.75rem 1.5rem;
}

.btn-danger:hover {
  background-color: #D65454;
}

/* Forms */
form {
  background-color: #8080806c;

  padding: 2rem;
  border-radius: 0;
  color: #EEEEEE;
}

.form-control,
.form-label {
  border-radius: 0;
  background-color: #e89696a1;
  color: #EEEEEE;
  border: 1px solid #444;
}

.form-control:focus {
  background-color: #e89696a1;
  color: #fff;
  border-color: #F76C6C;
  box-shadow: none;
}

/* Footer */
.footer {
  background-color: #1C1C1C;
  color: #888;
  padding: 2rem;
  text-align: center;
  margin-top: 4rem;
}

/* Rounded team photos */
.rounded-circle {
  width: 160px;
  height: 160px;
  object-fit: cover;
  margin-bottom: 1rem;
  border-radius: 50%;
  border: 3px solid #F76C6C;
}

/* Utility spacing */
.mt-3 {
  margin-top: 1rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

/* Google Maps Embed container */
.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  border: 0;
}