@charset "utf-8";

/* LOVMEDIA - basis */
body {
  margin: 0;
  background: #ffffff;
  color: #1a1a1a;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
img { max-width: 100%; }
a { color: #1a1a1a; text-decoration: none; }
a:hover { color: #00a409; }

h1, h2, h3, .font-display {
  font-family: "League Spartan", Roboto, Arial, sans-serif;
}

/* logobalk */
@keyframes lovroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* diensten-dropdown in het menu */
.dropdown-panel {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
.dropdown:hover .dropdown-panel,
.dropdown:focus-within .dropdown-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* reviews-slider */
.review-dots button {
  height: 10px;
  width: 10px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: #cfc5bb;
  cursor: pointer;
  transition: width .3s ease, background .3s ease;
}
.review-dots button[aria-current="true"] {
  width: 34px;
  background: #00a409;
}

/* hover-states */
.hv-1:hover { background:#f5f5f5 !important; }
.hv-2:hover { background:#1a1a1a !important; }
.hv-3:hover { background:#ffffff !important; color:#1a1a1a !important; }
.hv-4:hover { background:#00a409 !important; }
.hv-5:hover { background:#00a409 !important; border-color:#00a409 !important; color:#ffffff !important; }
.hv-6:hover { background:#1a1a1a !important; color:#ffffff !important; }

/* mobiel */
@media (max-width: 860px) {
  header nav { gap: 18px !important; font-size: 12px !important; }
  .dropdown-panel { position: static !important; width: auto !important; padding-top: 10px !important; }
  #review-track > div { flex: 0 0 100% !important; }
}