/*
=========================================================
TOPMENU CSS
=========================================================
 * Innehåller styling för toppmenyn
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
TOPPMENY
---------------------------------------------------------*/

.lp-topmenu {
  margin: 0 1.5rem 0 0;
}

.lp-topmenu ul {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;

  gap: clamp(1rem, 2.5vw, 2.5rem);
}

.lp-topmenu li {
  display: block;
  margin: 0;
  padding: 0;

  flex: 1 auto;
}

.lp-topmenu li a {
  box-sizing: border-box;
  color: var(--lp-color-brand-contrast);
  display: block;
  font-size: clamp(1.4rem,1.6vw,1.6rem);
  height: 100%;
  padding: 1.5rem 0;
  text-align: center;
  text-decoration: none;
  transition: var(--lp-transition-default);
  width: auto;
}

.lp-topmenu li a.lp-current,
.lp-topmenu li a:hover {
  color: var(--lp-font-color--gold);
}