/* @HOMEPAGE NAV */
.homepage-nav-item {
  margin-bottom: 1rem;

  &:last-of-type {
    margin-bottom: 0;
  }
}

.homepage-nav-header {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  padding: 2%;
  margin-bottom: 1rem;
  gap: 2rem;
}

.homepage-nav-item:last-of-type .homepage-nav-header {
  margin-bottom: unset;
}

.homepage-nav-header-left {
  /* display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 100%; */
}

.homepage-nav-header-right {
  width: 100%;
}

.homepage-nav-icon-bg {
  background: rgba(0, 0, 0, 0.05);
  width: 52px;
  height: 52px;
  border-radius: 100%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.homepage-nav-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-family: "Avenir Next LT Pro";
  font-weight: 600;
  margin-bottom: .5rem;
  color: black;
  font-size: 16px;

  &:visited {
    color: black;
  }
}

.homepage-nav-title a {
  color: black;
}

.homepage-nav-title p {
  margin: 0;
  font-family: "Avenir Next LT Pro";
}

.homepage-nav-title-subtext {
  font-size: 12px;
  color: #9a9fa7;
  font-family: "Avenir Next LT Pro";
}

.homepage-nav-header-right-link-list {
  p {
    margin: 0 0 12px 0;
  }

  a {
    font-weight: 400;
    color: var(--link-color) !important;
    font-size: 15px;
    line-height: 1.5;
  }
}

.homepage-more-questions {
  display: none;
}

.homepage-nav-contact-us {
  font-family: "Avenir Next LT Pro";
  color: #2f3941 !important;
  text-decoration: none !important;
  width: 100%;
  display: inline-block;
}

.homepage-nav-section.browse-all-nav {
  padding: 16px 1rem;
}

.homepage-nav-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 8px 20px;
}

.homepage-nav-header:hover,
.homepage-nav-section-header:hover,
.homepage-nav-subsection-header:hover {
  background: #efefef;
}

.homepage-nav-header:hover .homepage-nav-title {
  text-decoration: underline;
}


.homepage-nav-header.active-header,
.homepage-nav-section-header.active-header,
.homepage-nav-subsection-header.active-header {
  font-weight: 600;
  padding: 2%;
  align-items: center;
}

.homepage-nav-header.active-header {
  .homepage-nav-header-right {
    width: 100%;
  }

  .homepage-nav-title {
    margin-bottom: unset;
  }
}

.active-header-mini-homepage+.homepage-nav-header-right-link-list {
  display: none;
}

.homepage-nav-section-header p {
  margin: 0;
  color: black;
}

.homepage-nav-subsection-article {
  font-weight: unset;
  cursor: pointer;
  padding: 5px 30px;
}

.homepage-nav-subsection-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 5px 20px 5px 30px;
}

.homepage-nav-subsection-header p {
  margin: 0;
}

.homepage-nav-section-article {
  padding: 5px 30px;
}

.homepage-nav-section-list {
  padding: 0;
}

.homepage-nav-section-item {
  font-family: "Avenir Next Lt Pro";
}

.homepage-nav-section-item a {
  color: #6f6f6f;
  /*   font-weight: 600; */
}

.homepage-nav-section-item a p {
  margin: 0;
}


.homepage-nav-section-item a {
  display: flex;
  justify-content: space-between;
  padding-left: 25px;
}

.homepage-nav-sub-article {
  padding: 0;
}

.homepage-nav-sub-article .homepage-nav-subsection-header {
  padding: 5px 20px 5px 45px;
}


@media (min-width: 1070px) {

  .homepage-nav-section {
    padding: 2rem 1rem;
    margin: 0;
    /* width: 300px; */
  }


  .homepage-nav {
    grid-area: nav;
    height: fit-content;
    background-color: white;
  }

  .homepage-nav-loader {
    width: 100%;
  }


  .homepage-nav-header {
    border: unset;
    margin: 0;
  }

  .homepage-nav-header,
  .homepage-nav-section-header {
    flex-flow: row;
    justify-content: unset;
    gap: 10px;
    margin-bottom: 1rem;
  }

  .homepage-nav-section-header {
    justify-content: unset;
  }

  .icon-chevron-right {
    order: 3;
  }

  /* .homepage-nav-header img {
    order: 1;
    width: 50%;
    margin-top: -3px;
  } */

  .homepage-nav-section-header div[class^="icon-chevron"],
  .homepage-nav-subsection-header div[class^="icon-chevron"] {
    margin-left: 10px;
  }

  .homepage-nav-title,
  .homepage-nav-section-header p,
  .homepage-nav-subsection-header p {
    order: 2;
    flex: 1;
  }

  .homepage-nav-subsection-header {
    justify-content: unset;
    gap: 8px;
  }

  .homepage-nav-header .ghost-background {
    width: 50px;
    height: 50px;
  }

  .homepage-nav-header-left {
    gap: 1rem;
  }

  .homepage-section .ghost-item {
    margin-bottom: 1rem;
  }
}

.mini-homepage-nav-article {
  padding: 0px 30px;
}