/* ====== Main Navigation Bar ====== */
.orphic-plugin-boilerplate-main-nav {
  width: 100%;
  color: var(--wp--preset--color--black);
  top: 0;
  left: 0;
  z-index: 999;
  position: fixed;
  transition: background-color 200ms ease;
  background-color: var(--wp--preset--color--grey);
  border-bottom: 1px solid var(--wp--preset--color--stroke);
}

.wp-site-blocks{
  padding-top:155px !important;
}

.is-position-sticky{
  top: 200px !important;
}

.orphic-plugin-boilerplate-main-nav-items-wrap {
  z-index: 999;
}
.orphic-plugin-boilerplate-main-nav-container__wrapper {
  display: flex;
  justify-content: center;
}
/* Adjust for Admin Bar */
.admin-bar .orphic-plugin-boilerplate-main-nav {
  top: 32px;
}

/* Main Navigation Container */
.orphic-plugin-boilerplate-main-nav-container {
  max-width: var(--wp--style--global--wide-size);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
  position: relative;
}

/* Main Navigation Logo */
.orphic-plugin-boilerplate-main-nav-logo {
  width: 200px;
  flex-shrink: 0;
  flex-grow: 0;
}

.orphic-plugin-boilerplate-main-nav-logo img {
  width: 100%;
}

/* Main Navigation Items */
.orphic-plugin-boilerplate-main-nav-items-wrap.desktop {
  margin-left: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.orphic-plugin-boilerplate-main-nav-items {
  display: flex;
  align-items: center;
  margin: 10px 0;
  gap: 20px;
}

/* ====== Top Bar ====== */
.orphic-plugin-boilerplate-main-nav__top__bar {
  width: 100%;
  background-color: var(--wp--preset--color--primary);
  display: flex;
  justify-content: center;
}

.orphic-plugin-boilerplate-main-nav__top__bar__content {
  max-width: var(--wp--style--global--wide-size);
  color: var(--wp--preset--color--white);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.orphic-plugin-boilerplate-main-nav__top__bar__content__info {
  display: flex;
  gap: 20px;
  font-family: var(--wp--preset--font-family--maitree);
}

.orphic-plugin-boilerplate-main-nav__top__bar__content__social {
  display: flex;
  align-items: center;
  gap: 20px;
}

.orphic-plugin-boilerplate-main-nav__top__bar__content__social__link {
  display: flex;
  align-items: center;
}

/* ====== Links ====== */
.orphic-plugin-boilerplate-main-nav a {
  text-decoration: none;
}

.orphic-plugin-boilerplate-main-nav-link {
  font-weight: 500;
  color: var(--wp--preset--color--black);
  font-family: var(--wp--preset--font-family--maitree);
}

.orphic-plugin-boilerplate-main-nav-link:hover {
  color: var(--wp--preset--color--secondary);
  cursor: pointer;
}

.orphic-plugin-boilerplate-main-nav-link > svg {
  transition: 0.2s;
  margin-left: 8px;
  rotate: -90deg;
}

.orphic-plugin-boilerplate-main-nav-link:hover > svg,
.orphic-plugin-boilerplate-main-nav-link:focus > svg {
  rotate: 0deg;
}

.orphic-plugin-boilerplate-main-nav-link:hover > svg path {
  fill: var(--wp--preset--color--secondary) !important;
}

/* Link Button */
.orphic-plugin-boilerplate-main-nav-link-button {
  background-color: var(--wp--preset--color--primary);
  padding: 11px;
  color: var(--wp--preset--color--white) !important;
  z-index: 10;
  transition: 0.2s;
  font-weight: 500;
  font-family: var(--wp--preset--font-family--maitree);
}

.orphic-plugin-boilerplate-main-nav-link-button:hover {
  filter: grayscale(15%);
}

/* ====== Dropdown ====== */
.orphic-plugin-boilerplate-main-nav-link-dropdown {
  display: inline-block;
}

.orphic-plugin-boilerplate-main-nav-link-dropdown-content-wrapper {
  position: absolute;
  visibility: hidden;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 0.2s;
  opacity: 0;
  padding-top: 44px;
  width: 100%;
  max-width: var(--wp--style--global--wide-size);
  z-index: 1;
  left: 0;
}

.orphic-plugin-boilerplate-main-nav-link-dropdown-content {
  background-color: var(--wp--preset--color--white);
  display: flex;
  justify-content: space-between;
  padding: 25px 40px;
  gap: 40px;
}

.orphic-plugin-boilerplate-main-nav-link-dropdown-content-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: var(--wp--preset--color--black);
}

.orphic-plugin-boilerplate-main-nav-link-dropdown-content-column > span {
  font-weight: 700;
  color: var(--wp--preset--color--black);
  user-select: none;
}
.orphic-plugin-boilerplate-main-nav-link-dropdown-content-column > span:hover {
  color: var(--wp--preset--color--primary);
}

.orphic-plugin-boilerplate-main-nav-link-dropdown-content-column > a:hover,
.orphic-plugin-boilerplate-main-nav-link-dropdown-content-column > a:focus {
  color: var(--wp--preset--color--primary);
}

.orphic-plugin-boilerplate-main-nav-link-dropdown:hover
  .orphic-plugin-boilerplate-main-nav-link-dropdown-content-wrapper,
.orphic-plugin-boilerplate-main-nav-link:hover
  + .orphic-plugin-boilerplate-main-nav-link-dropdown-content-wrapper,
.orphic-plugin-boilerplate-main-nav-link:focus
  + .orphic-plugin-boilerplate-main-nav-link-dropdown-content-wrapper,
.orphic-plugin-boilerplate-main-nav-link-dropdown-content-wrapper:focus-within {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  opacity: 1;
  visibility: visible;
}

/* Dropdown Footer */
.orphic-plugin-boilerplate-main-nav-link-dropdown-content-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: var(--wp--preset--color--accent);
  padding: 16px 40px;
}

.orphic-plugin-boilerplate-main-nav-link-dropdown-content-footer a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  color: var(--wp--preset--color--white);
  font-family: var(--wp--preset--font-family--maitree);
}

.orphic-plugin-boilerplate-main-nav-link-dropdown-content-footer a svg {
  transition: 0.2s ease-in-out;
}

.orphic-plugin-boilerplate-main-nav-link-dropdown-content-footer a:hover svg,
.orphic-plugin-boilerplate-main-nav-link-dropdown-content-footer a:focus svg {
  transform: translateX(10px);
}

/* ====== Mobile Navigation ====== */
.orphic-plugin-boilerplate-main-nav-items-wrap.mobile,
.orphic-plugin-boilerplate-main-nav-mobile {
  display: none;
}

.orphic-plugin-boilerplate-mobile-nav-toggle {
  width: 31px;
  height: 35px;
  padding-top: 1px;
  cursor: pointer;
}

.orphic-plugin-boilerplate-mobile-nav-toggle .line-1,
.orphic-plugin-boilerplate-mobile-nav-toggle .line-2,
.orphic-plugin-boilerplate-mobile-nav-toggle .line-3 {
  width: 100%;
  height: 2px;
  background: var(--wp--preset--color--black);
  margin-top: 7px;
  margin-left: auto;
  transition: width 200ms ease;
}

.orphic-plugin-boilerplate-mobile-nav-toggle.open .line-2 {
  width: 66%;
}

.orphic-plugin-boilerplate-mobile-nav-toggle.open .line-3 {
  width: 33%;
}

.orphic-top-bar-right{
  display:flex;
  align-items: center;
  gap:15px;
  font-weight:600;
}

@media (max-width: 1050px) {

  .wp-site-blocks{
    padding-top:144px !important;
  }

  .orphic-plugin-boilerplate-main-nav-mobile__toggle__content {
    max-height: 0;
    overflow: hidden;
    transition: 0.2s ease-in-out;
  }

  .orphic-plugin-boilerplate-main-nav-mobile__toggle__content.open {
    max-height: 500px;
  }

  .orphic-plugin-boilerplate-main-nav-mobile__toggle {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 50%));
    width: 100%;
    margin-top: 15px;
  }

  .orphic-plugin-boilerplate-main-nav-mobile__toggle > a {
    margin-top: 0;
  }

  .orphic-plugin-boilerplate-main-nav-link,
  .orphic-plugin-boilerplate-main-nav-link-button,
  .orphic-plugin-boilerplate-main-nav-link-dropdown-content-footer,
  .orphic-plugin-boilerplate-main-nav-link-dropdown-content-column
    > span:first-child {
    margin-top: 15px;
  }

  /* .orphic-plugin-boilerplate-main-nav-link-dropdown-content-column {
    border-bottom: 1px solid var(--wp--preset--color--stroke);
  } */

  .orphic-plugin-boilerplate-main-nav-link-dropdown-content-column
    > span:first-child {
    color: var(--wp--preset--color--primary);
  }

  .orphic-plugin-boilerplate-main-nav-link-dropdown-content-column
    > a:last-child {
    margin-bottom: 20px;
  }

  .orphic-plugin-boilerplate-main-nav-link-dropdown-content-column > * {
    margin-left: 20px;
  }

  .orphic-plugin-boilerplate-main-nav-mobile__toggle__button {
    display: flex;
    justify-content: end;
    padding-right: 10px;
    cursor: pointer;
    align-items: center;
  }

  .orphic-plugin-boilerplate-main-nav-mobile__toggle__button.open > svg {
    rotate: 0deg;
  }

  .orphic-plugin-boilerplate-main-nav-mobile__toggle__button > svg {
    rotate: -90deg;
    transition: 0.2s;
  }

  .orphic-plugin-boilerplate-main-nav-items-wrap.mobile {
    display: flex;
  }

  .orphic-plugin-boilerplate-main-nav-items-wrap.desktop {
    display: none;
  }

  .orphic-plugin-boilerplate-main-nav-container {
    align-items: flex-start;
  }

  .orphic-plugin-boilerplate-main-nav-items {
    margin-right: 1.333em;
  }

  .orphic-plugin-boilerplate-main-nav-mobile {
    display: flex;
    padding: 0 20px 20px 20px;
    flex-direction: column;
    background: var(--wp--preset--color--primary-alt);
    margin: 10px;
    border-radius: 8px;
  }

  .orphic-plugin-boilerplate-main-nav-link-dropdown-content-footer {
    flex-direction: column;
    background-color: var(--wp--preset--color--grey);
    gap: 15px;
    padding: 0;
  }

  .orphic-plugin-boilerplate-main-nav-link-dropdown-content-footer a {
    color: var(--wp--preset--color--black);
  }

  .orphic-plugin-boilerplate-main-nav-link-dropdown-content-footer a svg path {
    fill: var(--wp--preset--color--black) !important;
  }

  .orphic-plugin-boilerplate-main-nav-mobile
    .orphic-plugin-boilerplate-template-button {
    align-self: center;
  }

  .orphic-plugin-boilerplate-main-nav-logo {
    width: 172px;
  }
}

/* ====== Buttons and Links ====== */
.orphic-plugin-boilerplate-main-nav .orphic-plugin-boilerplate-template-button {
  text-transform: uppercase;
}

.main-nav-top-link,
.main-nav-primary-link {
  text-transform: uppercase;
}

.main-nav-top-link {
  font-size: 0.8rem;
}

@media (max-width:750px){
  .orphic-plugin-boilerplate-main-nav__top__bar__content > div:first-child{
    display:none;
  }
  .orphic-plugin-boilerplate-main-nav__top__bar__content__info .orphic-plugin-boilerplate-main-nav__top__bar__content__mail{
    display:none;
  }
}