@charset "UTF-8";
/* Färger från den nya grafiska profilen */
/* Dessa behöver vi gå igenom */
/* Education färger */
/* FONT FAMILY FOR DIFFERENT TEXT SIZES */
/* FONT SIZES */
/* desktop */
/* mobile */
/* general */
/* LINE HEIGHT */
/* desktop */
/* mobile */
/* other */
/* 
 * Verktyg för att beräkna filter för en given färg
 * https://isotropic.co/tool/hex-color-to-css-filter/
*/
.val-main-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.val-main-menu__list-item {
  height: 71px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 8px;
  border-bottom: 8px solid transparent;
}
.val-main-menu__list-item:hover {
  border-bottom: 8px solid #154194;
}
.val-main-menu__link:hover {
  text-decoration: none;
  font-family: "Open Sans Semibold";
  font-size: 18px;
}

nav:focus .val-main-menu__list,
nav:focus-visible .val-main-menu__list {
  padding-left: 15px;
  margin-left: -15px;
}