/*
Theme Name: Fictioneer Child
Description: Child theme for Fictioneer with custom modifications
Author: Custom
Template: fictioneer
Version: 1.0.0
*/
/*
 *下面增加下拉菜单的样式
 */

.nav-terms-submenu {
  --gap: 0px;
  --width: 500px;
  --columns: 3;
  font-size: 15px;
  width: 1000px;
  max-width: min(calc(100vw - 20px), calc(var(--width) + var(--gap) * (var(--columns) - 1)));
  right: 0;
}

.nav-terms-submenu__note {
  text-transform: uppercase;
  font-family: var(--ff-note);
  font-size: 12px;
  font-weight: 600;
  padding: .75rem 1rem 0;
  opacity: .5;
}

/*
 *下面更改顶部LOGO与菜单的样式
 */

 @media only screen and (min-width: 1024px) {
  .main-navigation {
    margin-top: calc(-1.3 * var(--navigation-height) + 10px); /* Adjust to fit your site. */
  }

  .main-navigation__wrapper {
    position: relative;
    align-items: flex-end;
    flex-direction: column-reverse;
  }

  .main-navigation__right {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(calc(-100% - 2px)); /* Adjust to fit your site. */
  }

  .main-navigation.is-sticky .main-navigation__left {
    display: flex;
    justify-content: flex-end; /* Use space-between if you add the optional ::before block.  */
    gap: 2rem;
    padding-left: 1rem;
    width: 100%;
    max-width: 100%;
  }

  /* Optional: Add this if you want to show something on the left side when the navigation becomes sticky. */
  .main-navigation.is-sticky .main-navigation__left::before {
    content: "胡说小说";
    flex: 0 0 auto;
    display: block;
    font-weight: 700;
    line-height: var(--navigation-height);
  }
}

/* Optional: Add this if you want to reset the changes when the navigation becomes sticky. */
:root:not(.no-nav-sticky) body:not(.scrolled-to-top) .main-navigation.is-sticky .main-navigation__wrapper {
  flex-direction: row;
}

/* Added on 2024/01/23. */
:root:not(.no-nav-sticky) body:not(.scrolled-to-top) .main-navigation.is-sticky .main-navigation__left {
  justify-content: flex-start;
  padding-left: 0;
}

:root:not(.no-nav-sticky) body:not(.scrolled-to-top) .main-navigation.is-sticky .main-navigation__right {
  transform: none;
}

/* --- Added from old theme taxonomies.css (v5.27.4) to restore archive page styling --- */
.archive__header{margin-bottom:3rem}
.archive__heading{font-size:var(--fs-ml);text-transform:uppercase;margin-bottom:.75rem}
.archive__heading em{font-style:normal;color:var(--tax-cloud-current)}
.archive__description:is(p){color:var(--fg-700);font-size:var(--fs-xxs);font-style:italic;line-height:1.5;margin-top:-0.25rem;margin-bottom:.75rem}
.archive__divider{border-bottom:var(--layout-hr-border-dashed);margin:.75rem 0}
.archive__tax-cloud{display:flex;flex-wrap:wrap;gap:.5rem .75rem;line-height:1}
.archive__tax-cloud>a{display:inline-flex;align-items:flex-end;letter-spacing:clamp(-0.02rem,0.2vw - 0.96px,0rem);height:20px}
.archive__tax-cloud>a span{margin-left:.25rem}