/* Menu */

/* Nav-top ---------------------------------- */

.top-bar {
  padding-top: var(--sp-medium);
  padding-bottom: var(--sp-medium);
  padding-left: var(--sp-large);
  padding-right: var(--sp-large);
  background-color: var(--black-00);
}
  .top-bar-left {height: 100%;}

  .top-bar-right {height: 100%;}

.top-bar ul {
	padding: 0;
	background-color: transparent;
}

ul.top-nav-menu {
  margin: 0;
  padding: 0;
  float: right;
}

/* ***** */
.menu .active>a {
  background: transparent;
}
/* ***** */

/* -------------------------------------------- lvl 1 */

/* li:s  and a:s */
ul.top-nav-menu li {
  display: inline-block; /* shrink to text width */
  transition: background-color 0.3s ease; /* smooth transition */
  margin-left: calc(var(--sp-large) - var(--sp-small));
  padding-left: var(--sp-small);
  padding-right: var(--sp-small);
}
ul.top-nav-menu li:first-child {margin-right: 0;}
ul.top-nav-menu li a {
  font-family: "raleway", sans-serif;
  font-size: var(--fs-mini);
  color: var(--black-100);
  font-weight: var(--fw-medium);
  transition: color 0.3s ease; /* smooth transition */
  color: var(--black-100);
}

/* hovers:s */
ul.top-nav-menu li:hover {background-color: var(--novo-green-100);}
ul.top-nav-menu li:hover a {color: var(--black-00); text-decoration: none;}

/* actives:s */
ul.top-nav-menu li.active {background-color: var(--novo-green-100);}
ul.top-nav-menu li.active a {color: var(--black-00);}

/* li has dropdown */
ul.top-nav-menu li.is-dropdown-submenu-parent:hover {
  background-color: var(--novo-green-100);
}
ul.top-nav-menu li.is-dropdown-submenu-parent:hover a {color: var(--black-00);}

/* arrow */
ul.top-nav-menu li.is-dropdown-submenu-parent > a::before {
  content: "▼"; /* simple down arrow */
  display: inline-block;
  margin-right: 0.6em; /* spacing from text */
  font-size: 0.7em; /* smaller than text */
  vertical-align: middle;
  transition: transform 0.3s ease;
}
ul.top-nav-menu li.is-dropdown-submenu-parent:hover > a::before,
ul.top-nav-menu li.is-dropdown-submenu-parent:focus-within > a::before {
  transform: rotate(180deg); /* optional: flip arrow */
}

/* -------------------------------------------- lvl2 */

/* submenu */
ul.top-nav-menu li.is-dropdown-submenu-parent ul.submenu {
  z-index: 1000;
  width: auto;
  display: none;
  background-color: var(--black-00);
  border: 2px solid var(--novo-green-100);
}
ul.top-nav-menu li.is-dropdown-submenu-parent:hover ul.submenu {display: block;}

/* li:s  and a:s */
ul.top-nav-menu li.is-dropdown-submenu-parent ul.submenu li {
  margin: 0;
  display: inline-block;
  background-color: var(--black-00);
  padding-left: var(--sp-small);
  padding-right: var(--sp-small);
  padding-top: var(--sp-mini);
  padding-bottom: var(--sp-mini);
  transition: background-color 0.3s ease;
}
ul.top-nav-menu li.is-dropdown-submenu-parent ul.submenu li a {
  color: var(--black-100);
  transition: color 0.3s ease;
}

/* actives:s */
ul.top-nav-menu li.is-dropdown-submenu-parent ul.submenu li:hover {
  background-color: var(--novo-green-100);
}
ul.top-nav-menu li.is-dropdown-submenu-parent ul.submenu li:hover a {
  color: var(--black-00);
}






/* -------------------------------------------- pagination */

ul.page-numbers {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

ul.page-numbers li {
  display: inline-block;
  margin: 0 var(--sp-small);
  transition: border-color 0.3s ease;
}

ul.page-numbers li a {
  font-family: "raleway", sans-serif;
  font-size: var(--fs-mini);
  color: var(--black-100);
  font-weight: var(--fw-medium);
}

ul.page-numbers li span.current {
  font-family: "raleway", sans-serif;
  font-size: var(--fs-mini);
  font-weight: var(--fw-medium);
  text-decoration: none;
  color: var(--gold-100);
}

ul.page-numbers li:hover a {
  color: var(--gold-100);
}

/* Footer menu ------------------------------ */

ul.footer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  /* optional: to stack inline-block vertically */
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* makes items shrink to content width */
  gap: var(--sp-mini); /* vertical spacing */
}

ul.footer-menu li {
  display: inline-block; /* shrink to text width */
  transition: border-color 0.3s ease; /* smooth transition */
}

.footer-column a {
  font-size: var(--fs-x-mini);
  color: var(--novo-beige-100);
  font-weight: var(--fw-medium);
}

ul.footer-menu li a {
  font-size: var(--fs-x-mini);
  color: var(--black-00);
  font-weight: var(--fw-medium);
}

ul.footer-menu li:hover a {color: var(--novo-beige-100);}

ul.footer-menu li:last-child {margin-bottom: 0;}














/* Media Queries - Large 1025px -> ---------- */
@media screen and (min-width: 64.063em) {

}

/* Media Queries - Medium 640px -> 1024px --- */
@media screen and (max-width: 64em) {

  ul.top-nav-menu li {
    display: inline-block; /* shrink to text width */
    transition: background-color 0.3s ease; /* smooth transition */
    margin-left: var(--sp-small);
    padding-left: var(--sp-mini);
    padding-right: var(--sp-mini);
  }

}

/* Media Queries - Small -> 640px ----------- */
@media screen and (max-width: 40em) {

  /* -------------------------------------------- mobile */

  .top-bar {
    padding-top: var(--sp-medium);
    padding-bottom: var(--sp-medium);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: var(--novo-green-100);
    border-top: 1px solid var(--novo-green-70);
  }
  .title-bar {
    background-color: var(--novo-green-100);
    padding-top: var(--sp-large);
    padding-bottom: var(--sp-large);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .top-bar-left a {
    display: inline-block;
  }

  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #ffffff;
    -webkit-box-shadow: 0 9px 0 #ffffff, 0 18px 0 #ffffff;
    box-shadow: 0 9px 0 #ffffff, 0 18px 0 #ffffff;
    content: '';
  }

  /* lvl1 */

  ul.top-nav-menu {
    float: left;
    width: 100%;
  }

  ul.top-nav-menu li {
    display: inline-block;
    transition: background-color 0.3s ease;
    margin-left: 0;
    padding-left: var(--sp-medium);
    padding-right: var(--sp-medium);
    padding-top: var(--sp-medium);
    padding-bottom: var(--sp-medium);
    border-bottom: 1px solid var(--novo-green-70);
  }

  ul.top-nav-menu li a {
    line-height: var(--lh-x-large);
    display: block;
    color: var(--black-00);
  }

  ul.top-nav-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: var(--black-00) transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: var(--sp-large);
  }

  /* lvl2 */

  ul.top-nav-menu li.is-accordion-submenu-parent ul.submenu {
    background-color: transparent;
  }
  ul.top-nav-menu li.is-accordion-submenu-parent:hover ul.submenu {display: block;}

  /* li:s  and a:s */
  ul.top-nav-menu li.is-accordion-submenu-parent ul.submenu li {
    margin: 0;
    display: inline-block;
    background-color: var(--novo-green-100);
    padding-left: var(--sp-medium);
    padding-right: var(--sp-medium);
    padding-top: var(--sp-medium);
    padding-bottom: var(--sp-medium);
    transition: none;
  }
  ul.top-nav-menu li.is-accordion-submenu-parent ul.submenu li:last-child {
    border-bottom: 0px;
  }
  ul.top-nav-menu li.is-accordion-submenu-parent ul.submenu li a {
    color: var(--black-00);
    transition: none;
  }




}