/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./pivot-templates/notfound-adventure/style.scss ***!
  \************************************************************************************************************************************************************************************************/
/**
 * Deps: pivot-page-header-style
 */
div.page-header.notfound {
  border-radius: 0;
}
div.page-header .notfound-heading {
  font-size: 20px;
  font-weight: bold;
}
div.page-header .page-title {
  font-weight: bold;
}
div.page-header .next-step-container .heading {
  font-weight: 300;
}
div.page-header .back-button-container {
  padding: 0 0 20px 0;
}
div.page-header .back-button:after {
  left: 20px;
  position: absolute;
  transform: rotate(180deg) translateX(20px);
}
div.page-header .back-button:hover:after, div.page-header .back-button:focus:after {
  transform: rotate(180deg) translateX(0px);
}
div.page-header .next-steps {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.page-header .next-steps > li {
  margin: 0.5em 0;
}
div.page-header .next-steps > li > a {
  font-weight: 600;
  display: inline-block;
  position: relative;
  padding: 0.2em 0;
  line-height: 1.3em;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

/* ---- strange place -------------------------------------- */
div.page-header.strange-place {
  background: transparent linear-gradient(94deg, #A94F92 0%, #C782B7 23%, #C782B7 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
div.page-header.strange-place a {
  color: #fff;
}
div.page-header.strange-place .back-button {
  color: #A75392 !important;
}

body.has-page-header-friendly-beast-style .site-branding *:not(#Path_937),
body.has-page-header-magical-stone-style .site-branding *:not(#Path_937),
body.has-page-header-strange-place-style .site-branding *:not(#Path_937) {
  fill: #fff;
}

body.has-page-header-friendly-beast-style .site-branding #Path_937 {
  fill: #fff;
}

/* ---- friendly beast -------------------------------------- */
div.page-header.friendly-beast {
  background: var(--wp--preset--gradient--orange-to-yellow);
  color: #fff;
}
div.page-header.friendly-beast a {
  color: #fff;
}

/* ---- magical stone -------------------------------------- */
div.page-header.magical-stone {
  background: var(--wp--preset--gradient--blue-to-blue);
  color: #fff;
}
div.page-header.magical-stone a {
  color: #fff;
}