/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/plugins/the-love-ethic-blocks/src/site-header/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 */
:root {
  /* Variables shared site-wide to allow for other calculations. */
  --tle-masthead-height: 3.5rem;
}
@media (min-width: 40rem) {
  :root {
    --tle-masthead-height: 7rem;
  }
}
.tle-site-header {
  --tle-masthead-grid: auto minmax(0, 1fr);
  --tle-overlay-block-padding: 2.5rem;
  --tle-top-bar-block-size: 3.125rem;
  --tle-overlay-nav-link-size: 1.5rem;
  position: relative;
  margin: 0;
  z-index: 100;
}
@media (min-width: 360px) and (min-height: 660px) {
  .tle-site-header {
    --tle-overlay-nav-link-size: 2.0rem;
  }
}
@media (min-width: 480px) and (min-height: 720px) {
  .tle-site-header {
    --tle-overlay-nav-link-size: 2.5rem;
  }
}
@media (min-width: 640px) and (min-height: 850px) {
  .tle-site-header {
    --tle-overlay-nav-link-size: var(--wp--preset--font-size--heading-medium);
  }
}
@media (min-width: 40rem) {
  .tle-site-header {
    --tle-masthead-grid: repeat(3, minmax(0, 1fr));
    --tle-overlay-block-padding: 3.5rem;
    --tle-top-bar-block-size: 0px;
  }
}
.tle-site-header.tle-site-header--open {
  block-size: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
  background: var(--wp--preset--color--blue-dark);
  overflow: auto;
}
.tle-site-header {
  /* Wraps the masthead and overlay. */
}
.tle-site-header__inner {
  position: relative;
  min-block-size: var(--tle-masthead-height);
  padding-inline: var(--wp--style--root--padding-left, 1rem) var(--wp--style--root--padding-right, 1rem);
  background: linear-gradient(to bottom, color-mix(in srgb, var(--wp--preset--color--blue-dark), transparent), transparent);
}
.tle-site-header--open .tle-site-header__inner {
  min-block-size: calc(100dvh - var(--tle-top-bar-block-size, 0px) - var(--wp-admin--admin-bar--height, 0px));
}
.tle-site-header--open .tle-site-header__inner.tle-site-header--has-overflow {
  /* Prevent layout shift for classic scrollbars here instead of the html element, when content scrolls. */
  scrollbar-gutter: stable;
}
.tle-site-header {
  /* Contains logos and menu toggle button. */
}
.tle-site-header__masthead {
  position: relative;
  z-index: 110;
  max-inline-size: var(--wp--style--global--wide-size, 78rem);
  block-size: var(--tle-masthead-height);
  margin-inline: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--tle-masthead-grid);
  grid-template-columns: var(--tle-masthead-grid);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.tle-site-header__masthead > * {
  justify-self: flex-end;
}
@media (min-width: 40rem) {
  .tle-site-header__masthead > * {
    -ms-grid-column-align: center;
        justify-self: center;
  }
}
.tle-site-header__masthead > *:first-child {
  -ms-grid-column-align: start;
      justify-self: start;
}
.tle-site-header__masthead > *:last-child {
  display: none;
  -ms-grid-column-align: end;
      justify-self: end;
}
@media (min-width: 40rem) {
  .tle-site-header__masthead > *:last-child {
    display: block;
  }
}
.tle-site-header__center-logo, .tle-site-header__side-logo {
  max-block-size: 3rem;
}
.tle-site-header__center-logo {
  /* Max height at mobile can be changed via block settings (block setting changes CSS custom property). */
  max-block-size: min(var(--tle-center-logo-mobile-max-height, 0.938rem), 3rem);
}
@media (min-width: 40rem) {
  .tle-site-header__center-logo {
    max-block-size: 3rem;
  }
}
.tle-site-header {
  /* Menu toggle button. */
}
.tle-site-header__toggle {
  border: 1px solid transparent;
  border-radius: 0.25rem;
  background: transparent;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--wp--preset--color--white, #fff);
}
.tle-site-header__toggle svg rect {
  transform-box: fill-box;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease;
}
.tle-site-header__toggle:hover svg, .tle-site-header__toggle:focus-visible svg {
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
}
.tle-site-header__toggle:active svg {
  -webkit-transform: scale(0.92);
      -ms-transform: scale(0.92);
          transform: scale(0.92);
}
.tle-site-header__toggle {
  /* Change hamburger into a close icon. */
}
.tle-site-header__toggle[aria-expanded=true] svg rect:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(45deg);
      -ms-transform: translateY(10px) rotate(45deg);
          transform: translateY(10px) rotate(45deg);
}
.tle-site-header__toggle[aria-expanded=true] svg rect:nth-child(2) {
  opacity: 0;
  /* Make middle line disappear a little faster. */
  -webkit-transition: opacity 0.05s ease;
  transition: opacity 0.05s ease;
}
.tle-site-header__toggle[aria-expanded=true] svg rect:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(-45deg);
      -ms-transform: translateY(-10px) rotate(-45deg);
          transform: translateY(-10px) rotate(-45deg);
}
.tle-site-header {
  /* Mobile only bar above masthead with alternate version of side logo. */
}
.tle-site-header__top-bar {
  background: var(--wp--preset--color--blue-dark);
  block-size: var(--tle-top-bar-block-size);
  padding-block: 0.5rem;
  padding-inline: var(--wp--style--root--padding-left, 1rem) var(--wp--style--root--padding-right, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 105;
}
.tle-site-header__top-bar img {
  max-inline-size: min(18.75rem, 100%);
}
@media (min-width: 40rem) {
  .tle-site-header__top-bar {
    display: none;
  }
}
.tle-site-header {
  /* Menu overlay content that contains nav links. */
}
.tle-site-header__overlay {
  display: none;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
  row-gap: 1.5rem;
  -webkit-padding-after: clamp(2.5rem, 0.665rem + 5.063dvh, 3.5rem);
          padding-block-end: clamp(2.5rem, 0.665rem + 5.063dvh, 3.5rem);
  inline-size: 100%;
  min-block-size: calc(100% - var(--tle-masthead-height));
  z-index: 101;
}
.tle-site-header__overlay > * {
  inline-size: 100%;
  max-inline-size: var(--wp--style--global--wide-size, 78rem);
  margin: 0 auto;
}
.tle-site-header--open .tle-site-header__overlay {
  display: -ms-grid;
  display: grid;
}
.tle-site-header__overlay .tle-site-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tle-site-header__overlay .tle-site-header__nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tle-site-header__overlay .tle-site-header__nav li {
  margin-block: clamp(1rem, -1.753rem + 7.595dvh, 2.5rem);
}
.tle-site-header__overlay .tle-site-header__nav a {
  color: var(--wp--preset--color--white, #fff);
  -webkit-text-decoration: underline transparent min(1px, 0.03125em);
          text-decoration: underline transparent min(1px, 0.03125em);
  font-family: var(--wp--preset--font-family--display-font);
  font-size: var(--tle-overlay-nav-link-size);
  font-weight: 400;
  line-height: 1.1;
  -webkit-transition: text-decoration-color 0.15s ease;
  transition: text-decoration-color 0.15s ease;
}
.tle-site-header__overlay .tle-site-header__nav a:hover, .tle-site-header__overlay .tle-site-header__nav a:focus-visible {
  color: var(--wp--preset--color--white, #fff);
  text-decoration-color: currentcolor;
}
.tle-site-header__overlay > .has-subheading-1-font-size {
  font-size: 0.875rem !important;
}
.tle-site-header__bg-shape {
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: -1;
}
.tle-site-header--open .tle-site-header__bg-shape {
  display: block;
}
.tle-site-header__bg-shape svg {
  -webkit-filter: blur(127px);
          filter: blur(127px);
  position: absolute;
  width: 522px;
  height: max(479px, 54%);
  right: -320px;
  bottom: -15px;
  max-width: none;
}
@media (min-width: 40rem) {
  .tle-site-header__bg-shape svg {
    -webkit-filter: blur(293px);
            filter: blur(293px);
    width: 1198px;
    height: max(1171px, 114%);
    right: -760px;
    bottom: min(-760px, -60%);
  }
}
html.tle-site-header-menu-open {
  /* Lock scrolling while full menu is open. */
  overflow: hidden;
  /* Prevent overscroll bounce that shows background. */
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  /* Don't let skip to content link be tabbed to while menu is open. */
}
html.tle-site-header-menu-open #wp-skip-link {
  display: none;
}
/* Prevent layout shift for classic scrollbar users. */
html {
  scrollbar-gutter: stable;
  /* When masthead has scrolling, we don't need a second scrollbar gutter. */
}
html:has(.tle-site-header--has-overflow) {
  scrollbar-gutter: initial;
}

/*# sourceMappingURL=style-index.css.map*/