@charset "UTF-8";

:root {
  --main-menu-text-color: hsl(var(--main-menu-text-color-hue), var(--main-menu-text-color-saturation), calc(1% * var(--main-menu-text-color-lightness)));
  --main-menu-text-color-75: hsla(var(--main-menu-text-color-hue), var(--main-menu-text-color-saturation), calc(1% * var(--main-menu-text-color-lightness)), 0.75);
  --main-menu-text-color-50: hsla(var(--main-menu-text-color-hue), var(--main-menu-text-color-saturation), calc(1% * var(--main-menu-text-color-lightness)), 0.5);
  --main-menu-text-color-25: hsla(var(--main-menu-text-color-hue), var(--main-menu-text-color-saturation), calc(1% * var(--main-menu-text-color-lightness)), 0.25);
  /*Sizes.*/
  --main-menu-font-size: var(--main-menu-font-size);
  --main-menu-line-height: var(--main-menu-line-height);
}

.block-superfishmain {
  width: 100%;
  margin-bottom: 0;
}

.block-superfishmain ul.sf-menu {
  float: unset !important;
  margin-bottom: 0 !important;
}

.block-superfishmain ul.sf-menu > .sf-depth-1 {
  flex: 1 1 auto;
}

@media (min-width: 76rem) {
  .block-superfishmain ul.sf-menu {
    display: flex !important;
    flex-wrap: wrap;
  }
}

.block-superfishmain ul.sf-menu .sf-depth-1 li,
.block-superfishmain ul.sf-menu .sf-depth-2 li {
  border-radius: 2px;
}

.block-superfishmain ul.sf-menu .sf-depth-1 a,
.block-superfishmain ul.sf-menu .sf-depth-2 a {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: var(--main-menu-font-size);
  line-height: var(--main-menu-line-height);
  letter-spacing: 0em;
  text-decoration: unset;
  border-bottom: 2px solid transparent;
}

.block-superfishmain ul.sf-menu .sf-depth-1 a:hover, .block-superfishmain ul.sf-menu .sf-depth-1 a.is-active, .block-superfishmain ul.sf-menu .sf-depth-1 a:focus,
.block-superfishmain ul.sf-menu .sf-depth-2 a:hover,
.block-superfishmain ul.sf-menu .sf-depth-2 a.is-active,
.block-superfishmain ul.sf-menu .sf-depth-2 a:focus {
  text-decoration: unset;
}

.block-superfishmain ul.sf-menu .sf-depth-1 a {
  font-family: var(--font-regular);
  font-weight: 400;
  padding: 8px 16px;
  color: var(--main-menu-text-color);
  background: #fff;
}

@media (min-width: 76rem) {
  .block-superfishmain ul.sf-menu .sf-depth-1 a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  [dir="ltr"] .block-superfishmain ul.sf-menu .sf-depth-1 a {
    text-align: left;
  }

  [dir="rtl"] .block-superfishmain ul.sf-menu .sf-depth-1 a {
    text-align: right;
  }
}

.block-superfishmain ul.sf-menu .sf-depth-1 a:hover, .block-superfishmain ul.sf-menu .sf-depth-1 a.is-active, .block-superfishmain ul.sf-menu .sf-depth-1 a:focus {
  background-color: var(--primary-color-10);
  color: var(--primary-color);
  text-decoration: unset;
  border-bottom: 2px solid var(--primary-color);
  border-radius: 2px;
  transition: background-color 0.5s ease-out;
}

.block-superfishmain ul.sf-menu .sf-depth-1 a.sfHover a {
  background-color: var(--primary-color-10);
  color: var(--primary-color) !important;
  text-decoration: unset;
  border-bottom: 2px solid var(--primary-color);
  border-radius: 2px;
  transition: background-color 0.5s ease-out;
}

.block-superfishmain ul.sf-menu .sf-depth-2 a {
  font-family: var(--font-regular) !important;
  font-weight: 400;
  font-size: var(--main-menu-font-size);
  line-height: var(--main-menu-line-height);
  color: var(--main-menu-text-color) !important;
  padding: 8px 16px;
  text-transform: capitalize;
  background: #fff;
  justify-content: flex-start;
}

.block-superfishmain ul.sf-menu .sf-depth-2 a:hover, .block-superfishmain ul.sf-menu .sf-depth-2 a.is-active, .block-superfishmain ul.sf-menu .sf-depth-2 a:focus {
  background-color: var(--primary-color-10);
  color: var(--primary-color) !important;
  text-decoration: unset;
  border-bottom: 2px solid var(--primary-color);
  border-radius: 2px;
  transition: background-color 0.5s ease-out;
}

.block-superfishmain ul.sf-menu .sf-depth-2 a.sfHover a {
  background-color: var(--primary-color-10);
  color: var(--primary-color) !important;
  text-decoration: unset;
  border-bottom: 2px solid var(--primary-color);
  border-radius: 2px;
  transition: background-color 0.5s ease-out;
}

.block-superfishmain ul.sf-menu .sf-depth-2.active-trail a.menuparent {
  background-color: var(--primary-color-10);
  color: var(--primary-color);
  text-decoration: unset;
  border-bottom: 2px solid var(--primary-color);
  border-radius: 2px;
  transition: all 0.5 ease;
}

.block-superfishmain ul.sf-menu .sf-sub-indicator {
  position: relative;
  width: 16px;
  height: 16px;
  display: none;
  line-height: unset;
  opacity: 1;
  overflow: unset;
  text-indent: unset;
  top: unset;
  transform: unset;
  font-size: 0;
}

[dir="ltr"] .block-superfishmain ul.sf-menu .sf-sub-indicator {
  right: unset !important;
}

[dir="rtl"] .block-superfishmain ul.sf-menu .sf-sub-indicator {
  left: unset !important;
}

.block-superfishmain ul.sf-menu .sf-sub-indicator:first-of-type {
  display: block;
}

.block-superfishmain ul.sf-menu .sf-sub-indicator::after {
  line-height: 10px;
  position: absolute;
  text-indent: 0px;
  top: 0px;
  content: "⌄";
  font-size: 16px;
}

[dir="ltr"] .block-superfishmain ul.sf-menu .sf-sub-indicator::after {
  left: 0px;
}

[dir="rtl"] .block-superfishmain ul.sf-menu .sf-sub-indicator::after {
  right: 0px;
}

.block-superfishmain ul.sf-menu ul {
  background-color: #fff;
}

.block-superfishmain ul.sf-menu li.sfHover > ul {
  top: 100%;
  min-width: fit-content;
}

.block-superfishmain .sf-accordion-toggle a {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  width: 100%;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: var(--main-menu-font-size);
  line-height: var(--main-menu-line-height);
  letter-spacing: 0em;
  color: #fff;
  padding: 8px 16px !important;
  background-color: var(--primary-color);
  text-decoration: unset;
  justify-content: center;
}

.block-superfishmain .sf-accordion-toggle a span {
  display: none;
}

.block-superfishmain .sf-accordion-toggle a::after {
  content: "";
  background: url(../../media/images/menu.svg) center no-repeat;
  width: 16px;
  height: 16px;
}

.block-superfishmain .sf-accordion-toggle.sf-expanded a {
  background-color: var(--primary-color-10);
  color: var(--primary-color);
  text-decoration: unset;
}

.block-superfishmain .sfHover .sf-sub-indicator {
  transition: transform 0.5s ease-out;
}

[dir="ltr"] .block-superfishmain .sfHover .sf-sub-indicator {
  transform: rotate(180deg);
}

[dir="rtl"] .block-superfishmain .sfHover .sf-sub-indicator {
  transform: rotate(-180deg);
}

.block-superfishmain .sfHover .sf-sub-indicator::after {
  top: 2px;
  opacity: 1;
  transition: all 0.5s ease-out;
}

.block-superfishmain .sf-menu li.active-trail > a.menuparent {
  background-color: var(--primary-color-10);
  color: var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
}

#superfish-main-accordion {
  position: absolute;
  min-width: 250px;
  top: 50px;
  border: 1px solid var(--grey-color);
  background-color: var(--color--white);
}

.dark-mode #superfish-main-accordion {
  background-color: var(--color--white);
}

/*# sourceMappingURL=navigation.css.map*/