/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/breadcrumb/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
#page-header-inner {
  display: grid;
  padding: 2px;
  max-width: var(--wp--style--global--wide-size);
  margin: auto;
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
  -moz-column-gap: var(--wp--preset--spacing--40);
       column-gap: var(--wp--preset--spacing--40);
  row-gap: var(--wp--preset--spacing--30);
  justify-items: center;
}
#page-header-inner.is-post {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  margin-top: var(--wp--preset--spacing--30);
}
#page-header-inner.is-post::before {
  content: " ";
  background-color: var(--wp--preset--color--contrast);
  grid-column: 1/2;
  grid-row: 2/5;
  height: 100%;
  width: 100%;
  border-radius: 15px;
}
#page-header-inner.is-cnt_artist_cpt, #page-header-inner.is-cnt_spectacle_cpt, #page-header-inner.is-cnt_workshop_cpt {
  row-gap: 0;
}

#page-header-breadcrumb,
#page-header-title {
  position: relative;
  text-align: center;
}

#page-header-title {
  margin: 0;
  grid-row: 2/3;
  grid-column: 1/2;
}
#page-header-title.is-post {
  padding-left: var(--wp--preset--spacing--50);
  padding-right: var(--wp--preset--spacing--50);
  padding-top: var(--wp--preset--spacing--50);
  color: var(--wp--preset--color--base);
}

#page-header-breadcrumb {
  grid-row: 1/2;
  grid-column: 1/2;
}
#page-header-breadcrumb.is-post {
  padding-left: var(--wp--preset--spacing--50);
  padding-right: var(--wp--preset--spacing--50);
}

#page-header-excerpt {
  font-family: var(--wp--preset--font-family--baileywick-jf-gothic);
  font-size: var(--wp--preset--font-size--medium);
  grid-column: 1/2;
}
#page-header-excerpt.is-post {
  padding: var(--wp--preset--spacing--50);
  color: var(--wp--preset--color--base);
  grid-row: 3/4;
}

#header-wave-svg {
  position: absolute;
  z-index: -1;
  top: -135px;
  left: 0;
  margin: 0;
  border-top: 220px solid var(--wp--preset--color--accent-6);
}

nav.breadcrumb ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

nav.breadcrumb li {
  display: inline;
}

nav.breadcrumb li:not(:last-child)::after {
  display: inline-block;
  margin: 0 0.25em;
  transform: rotate(15deg);
  border-right: 0.1em solid currentcolor;
  height: 0.8em;
  content: "";
}

nav.breadcrumb [aria-current=page] {
  font-weight: 700;
  text-decoration: none;
}

.featured-image {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  grid-row: 3/4;
  height: auto;
}

#page-header-excerpt {
  grid-row: 4/5;
}

#single-post-header-inner {
  display: grid;
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-radius: 15px;
  padding: var(--wp--preset--spacing--50);
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

@media screen and (min-width: 1340px) {
  #page-header-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto 1fr;
    max-width: var(--wp--style--global--wide-size);
    justify-items: normal;
  }
  #page-header-inner.is-post {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr;
  }
  #page-header-inner.is-post::before {
    grid-column: 1/3;
    grid-row: 1/-1;
    border-radius: 30px;
  }
  #header-wave-svg {
    display: flex;
    border-top: 0;
  }
  #page-header-title {
    grid-column: 1/2;
    grid-row: 1/2;
    align-self: end;
    text-align: left;
  }
  #page-header-breadcrumb {
    text-align: left;
    grid-column: 1/2;
    grid-row: 2/3;
  }
  #page-header-breadcrumb.is-post li, #page-header-breadcrumb.is-post .page-header__breadcrumb--link {
    color: var(--wp--preset--color--base);
  }
  #page-header-excerpt {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  #page-header-excerpt.is-post {
    grid-column: 2/3;
    grid-row: 1/4;
    color: var(--wp--preset--color--base);
  }
  .featured-image {
    grid-column: 2/3;
    grid-row: 1/4;
    aspect-ratio: 1/1;
    max-height: 600px;
  }
  nav.breadcrumb ol {
    justify-content: start;
  }
}

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