@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css");
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");
/* NAVBAR BUTTONs */
nav .accordion-button {
  background: var(--neutral-lightest);
}

nav .accordion-button:not(.collapsed) {
  background: var(--neutral-lighter);
  color: var(--neutral-darker);
}

.nav-item.current-page a {
  border-bottom-color: var(--neutral-darker);
}

.subnav-item.current-subpage {
  background-color: var(--grayed-out);
  font-weight: 600;
}

.subnav-item.active:hover a {
  color: var(--neutral-darker);
}

.subnav-item:hover[role=tab] {
  background-color: var(--neutral-lightest);
}

.subnav-item.active[role=tab] {
  background-color: var(--neutral-lighter);
}

.current-menu-page:hover {
  color: var(--white);
}

.subnav-shop .subnav-item:hover {
  background-color: var(--primary-light);
}

.subnav-shop .subnav-item:hover a {
  color: var(--primary);
}

.subnav-shop .subnav-item.current-subpage {
  background-color: var(--white);
}

.subnav-shop .subnav-item.current-subpage a {
  color: var(--primary);
}

.subnav-shop .subnav-item:not(.current-subpage):hover a {
  color: var(--white);
}

.subnav-shop .subnav-item:hover[role=tab] {
  background-color: var(--neutral-lightest);
}

.subnav-shop .subnav-item.active[role=tab] {
  background-color: var(--neutral-lighter);
}

.subnav-shop .subnav-item.subnav-item-account:hover {
  background-color: var(--neutral-light);
}

#top-bar {
  transition: all 0.2s;
}

.background-secondary {
  background-color: #58595B;
}

.icon-very-small {
  height: 25px;
}

.menu-hover {
  transition: all 0.2s ease-in-out;
}

.fa-user {
  transition: all 0.7s ease-in-out;
}

.menu-hover:hover {
  font-weight: bold;
}

div.nav-item i {
  font-size: 10px;
}

div.nav-item:hover a, div.nav-item:hover i {
  font-weight: 600;
  color: #4D5F65;
}

div.nav-item.active {
  background-color: #E5E5E5;
}

div.nav-item:hover > div {
  border-bottom: 1px solid transparent;
}

div.nav-item:hover > div {
  border-bottom: 1px solid #4D5F65;
  cursor: pointer;
  color: #4D5F65;
}

#dieta_sub, #precos_sub, #receitas_sub, #loja_sub {
  display: none;
}

.fw-bold-hover {
  transition: all 0.2s;
}

.fw-bold-hover:hover {
  font-weight: 700;
  color: #4D5F65;
}

#navbarOne > button:focus, #navbarTwo > button:focus, #navbarThree > button:focus {
  color: #4D5F65;
  background-color: #F5F6F7;
}

#navbarOne > button::after, #navbarTwo > button::after, #navbarThree > button::after, #footerOne::after, #footerTwo::after, #footerThree::after {
  width: 15px;
  height: 15px;
  background-size: auto;
  color: #58595B;
}

.navbar-nav .accordion-button:not(.collapsed) {
  color: unset;
  background-color: unset;
}

.navbar-nav .accordion-button::after {
  margin-left: 0.25rem;
}

.navbar-nav .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233E4D52'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  color: #58595B;
}

.accordion-button {
  font-size: unset;
}