/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/templates/single-story.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
.main--single-story {
  flex: unset;
  overflow: hidden;
  padding-bottom: 6rem;
}
.main--single-story > p {
  max-width: 45rem;
  margin-top: 2em;
  margin-bottom: 2em;
}
.main--single-story > .wp-block-columns, .main--single-story > .wp-block-image {
  width: 90%;
  max-width: 90rem;
  margin: 3rem auto;
}
.main--single-story > .wp-block-columns .wp-block-image {
  margin-bottom: 0;
}
.main--single-story > *:nth-child(8n+6), .main--single-story > *:nth-child(8n+10) {
  position: relative;
}
.main--single-story > *:nth-child(8n+6)::after, .main--single-story > *:nth-child(8n+10)::after {
  position: absolute;
  top: 0;
  z-index: -1;
}
.main--single-story > *:nth-child(8n+6)::after {
  content: "TPA";
  left: -55%;
  font-family: "Apex New", sans-serif;
  font-weight: 700;
  font-size: clamp(6.25rem, 60vw, 37.5rem);
  line-height: 0.75;
  white-space: nowrap;
  -webkit-text-stroke-width: 2px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: var(--wp--preset--color--yellow);
}
.main--single-story > *:nth-child(8n+10)::after {
  content: "";
  left: 60%;
  display: block;
  height: 80vh;
  width: 45vw;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfNDEiIGRhdGEtbmFtZT0iR3JvdXAgNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMzc3LjQzMiIgaGVpZ2h0PSIxNTg3LjY3NCIgdmlld0JveD0iMCAwIDEzNzcuNDMyIDE1ODcuNjc0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV84OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgODgiIHdpZHRoPSIxMzc3LjQzMiIgaGVpZ2h0PSIxNTg3LjY3NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZkZjAwIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8zOSIgZGF0YS1uYW1lPSJHcm91cCAzOSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IlBhdGhfMzEiIGRhdGEtbmFtZT0iUGF0aCAzMSIgZD0iTTE1Mi45ODQsNDQyLjMxMSwxMDYuNjEyLDU3Mi4wNzNsLS4zNjQsNzguOTcxSDQ5Ni42MzlsLjc0My03OC45NzFMNDQ5Ljg0LDQ0Mi4yYzU5LjM3Mi00NC45NDIsOTcuNzc5LTExNS44NjEsOTcuNzc5LTE5Ni4wNTdDNTQ3LjYxOSwxMTAuMTcxLDQzNy40MzIsMCwzMDEuNDIsMCwxNjUuNTI2LDAsNTUuMjY4LDExMC4yNjYsNTUuMjY4LDI0Ni4yNDdjMCw4MC4xNDksMzguNDYyLDE1MS4xMTQsOTcuNzE2LDE5Ni4wNjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4MS40OTYpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmRmMDAiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHBhdGggaWQ9IlBhdGhfMzIiIGRhdGEtbmFtZT0iUGF0aCAzMiIgZD0iTTEzNzcuNDM1LDc0NS44LDExMTkuNDUzLDU0OS43MzYsOTEzLjc0LDcyMi40NzIsNzc3LjI1Myw2MTguODkzLDY5Mi4xLDY2OS4wMTlsLTMxLjU5NS0yMy42NDVMMTAzMy4xLDQyNi4xNjNhMjA3Ljc4MiwyMDcuNzgyLDAsMCwwLDMzLjU4NiwyMi4yMDcsMjA0LjEzOCwyMDQuMTM4LDAsMSwwLTg0LjgzNS0yNzUuOTc3QTIwMi40MDgsMjAyLjQwOCwwLDAsMCw5NjEuNCwzMDMuNzU4TDYyNC42MjEsNTAxLjgzLDM5OS4zODgsMzI5LjgxM2EyMjEuMzI0LDIyMS4zMjQsMCwwLDAsNy45LTM5LjQxYzExLjI0NS0xMTIuMDEyLTcwLjg2My0yMTIuMi0xODIuOS0yMjMuMzc3YTE4MS41NiwxODEuNTYsMCwwLDAtMjAuMzczLTEuMTA2QTIwMy40MTEsMjAzLjQxMSwwLDAsMCwxLjAzMSwyNDkuNzJDLTEwLjIwNywzNjEuNzQ4LDcxLjc3NSw0NjIsMTgzLjkwNiw0NzMuMTkxYTE4OS45NjYsMTg5Ljk2NiwwLDAsMCwyMC4zMSwxLjAyLDIwMy4xNDQsMjAzLjE0NCwwLDAsMCwxMDkuMTI4LTMxLjQ0NUw0OTIuNDgxLDU3OS40OSwxMC45NzIsODYyLjY4MSw4Mi44MjMsOTg1LjA2OWw0NS4yMzUtMjYuNTQ0LDExNC42NDQsMTU1LjEsMTA5Ljg3MS02NC4yNzJMMjcxLjQsODc0LjYwNmw2NS45NTYtMzkuMjEzLDc1LjYsOTIuNjI3LDEyMi4zNTctNzEuODY3TDQ4NC40ODMsNzQ4LjlsMTI4LjU4NC03NS42MzYsNjQuMjQxLDQ4LjU1NC40LS4zMjQsNTExLjg1NSwzOTAuMDQzTDEyNzUuNzEzLDk5OC43bC01Ny43MDUtNDQuMDQyWk0xMTA3LjI0NCwyMzguODQ2YTYyLjE4Miw2Mi4xODIsMCwwLDEsNTUuMDUtMzMuMDU3LDYyLjI2OSw2Mi4yNjksMCwwLDEsNTQuODYsOTEuMjUyLDYyLjEyNyw2Mi4xMjcsMCwwLDEtMTE0LjM1OS0xMC43ODcsNjEuMzE2LDYxLjMxNiwwLDAsMSw0LjQ0OS00Ny40MDhNMjY2LjA2MiwyNzYuMjU3Yy0zLjQzOCwzNC4wNi0zMy45NTgsNTguOTIyLTY4LjExMyw1NS43MjlhNjIuMjI0LDYyLjIyNCwwLDAsMSw2LjA2OS0xMjQuMTM1LDU1LjIwOCw1NS4yMDgsMCwwLDEsNi4yNjcuMzA4LDYyLjQwOSw2Mi40MDksMCwwLDEsNTUuNzc3LDY4LjFtODM5LjE1MSw1OTIuMy03OC42MzEtNjAuMDQ0LDg5Ljk0LTg2LjU1Nyw2MS45MDksNTAuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwNCA0NDAuNjI0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZkZjAwIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzMzIiBkYXRhLW5hbWU9IlBhdGggMzMiIGQ9Ik0yNjEuNjUxLDIzOC40ODZjMCw0MS4zNy0yMy44NSw1MC4zMTYtNTEuMDU4LDUwLjMxNnMtNTEuMDYtOC45NDYtNTEuMDYtNTAuMzE2YzAtNDEuNzUsMjMuODUxLTUwLjMxNiw1MS4wNi01MC4zMTZzNTEuMDU4LDguNTY2LDUxLjA1OCw1MC4zMTZtLTg5LjA3LDBjMCwzMi44LDE2LjAyNywzOC4zOTEsMzguMDEyLDM4LjM5MXMzOC4wMTktNS41ODgsMzguMDE5LTM4LjM5MS0xNi4wMTktMzguMzkyLTM4LjAxOS0zOC4zOTItMzguMDEyLDUuNTg4LTM4LjAxMiwzOC4zOTJtMjguNjk0LDcuODN2MTlIMTg5LjM1MXYtNTMuNjZIMjEzLjJjMTMuOCwwLDE4LjYzNCw3LjA4MSwxOC42MzQsMTcuMTQ5LDAsNy4wNzItMi4yMjksMTIuNjYxLTcuODE2LDE1LjI2OGwxMS45MjYsMjEuMjQzSDIyMi41MThsLTEwLjgtMTlabTExLjE4Mi0yMy40ODVIMjAxLjI3NXYxMS45MjRoMTEuMTgyYzUuOTY2LDAsNi43MS0yLjYwOCw2LjcxLTUuOTUsMC0zLjM2Ni0uNzQzLTUuOTc0LTYuNzEtNS45NzQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMDEuMjA3IDEyOTguODcxKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZkZjAwIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
}
.main--single-story .wp-block-button {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .main--single-story > .wp-block-columns, .main--single-story > .wp-block-image {
    margin: 1rem auto;
  }
  .main--single-story > .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
    margin-left: 1rem;
  }
}

/*# sourceMappingURL=single-story.css.map*/