:root {
  --primary-color: #6e33ae;
  --primary-color-hover: #854dc9;
  --secondary-color: #35B1E6;
  --secondary-color-hover: #0098cb;
  --default-text-color: #2C2C30;
  --border-color: #D7D7D7;
  --white-color: #ffffff;
  --black-color: #000000;
  --font-light: 400;
  --font-normal: 500;
  --font-bold: 600;
  --font-black: 700;
  --main-font-family: "Gotham", "Verdana";
  --default-font-size: 16px;
  --default-transition: all 250ms ease-in-out;
  --primary-box-shadow: 0px 0px 8px rgba(110, 51, 174, 0.5);
  --secondary-box-shadow: 0px 0px 8px rgba(53, 177, 230, 0.5);
  --default-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  --light-gray: #F4F4F4;
  --medium-gray: #BEBEBE;
  --dark-gray: #A9A9A9;
  --gray: #808080;
  --cookies-gray: #2f2f2f;
}
ul.primary-menu {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
@media (min-width: 980px) {
  ul.primary-menu {
    display: flex;
  }
}
ul.primary-menu li.level0 {
  display: inline-block;
  padding: 0;
  display: block;
  border-top: 1px solid #cacaca;
}
@media (min-width: 980px) {
  ul.primary-menu li.level0 {
    border: none;
  }
}
ul.primary-menu li.level0 a.level0 {
  text-decoration: none;
  color: var(--white-color);
  padding: 10px 15px;
  margin: 0;
  font-family: var(--main-font-family);
  font-size: 16px;
  display: block;
  position: relative;
  transition: var(--default-transition);
  border-radius: 15px;
}
@media (min-width: 980px) {
  ul.primary-menu li.level0 a.level0 {
    font-size: 14px;
    padding: 10px 15px;
    margin: 0 5px;
    display: inline-block;
  }
}
ul.primary-menu li.level0 a.level0:hover,
ul.primary-menu li.level0 a.level0.current {
  background-color: var(--secondary-color);
  transition: var(--default-transition);
}