/*----------------------------------------------*\
    PAGES
	=====

	@package tendingroots

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package tendingroots

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Widths */
/* 400px */
/* 600px */
/* 700px */
/* 800px */
/* 1000px */
/* 1400px */
/* 1800px */
/* Margins & Padding */
/* small, >750, >1100, >1500 */
/* Fonts */
/* 
 *
 * / Mixins
------------------------------------------------*/
/* Barba */
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* line 21, ../src/pages.scss */
.content-area {
  animation: fade-in 0.2s; }

/* Home and Keyword Grid */
/* line 26, ../src/pages.scss */
.home .site-main,
.archive .site-main,
.page .site-main,
.single-vision-values .site-main {
  padding: 1em; }
  @media screen and (min-width: 50em) {
    /* line 26, ../src/pages.scss */
    .home .site-main,
    .archive .site-main,
    .page .site-main,
    .single-vision-values .site-main {
      padding: 0em 2em 2em 2em;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      column-gap: 2em;
      grid-template-rows: auto;
      grid-template-areas: "subheader subheader subheader subheader" "sidebar sidebar main main"; } }
  @media screen and (min-width: 62.5em) {
    /* line 26, ../src/pages.scss */
    .home .site-main,
    .archive .site-main,
    .page .site-main,
    .single-vision-values .site-main {
      padding: 0em 3em 3em 3em;
      grid-template-areas: "subheader subheader subheader subheader" "sidebar main main main"; } }

/* line 49, ../src/pages.scss */
.subtitle-section {
  grid-area: subheader;
  /*background-color: green;*/
  text-align: center;
  padding-top: 1rem; }
  @media screen and (min-width: 50em) {
    /* line 49, ../src/pages.scss */
    .subtitle-section {
      padding-top: 1em;
      padding-bottom: 2em; } }
  @media screen and (min-width: 62.5em) {
    /* line 49, ../src/pages.scss */
    .subtitle-section {
      padding-top: 2em; } }
  /* line 63, ../src/pages.scss */
  .page .subtitle-section, .category .subtitle-section, .single-vision-values .subtitle-section {
    border-top: 1px #000000 solid; }
  /* line 69, ../src/pages.scss */
  .subtitle-section .home-description h2 {
    font-size: 1.5em;
    font-family: "CooperMdBTWXX-Medium", serif;
    margin-bottom: 0.5em; }
    @media screen and (min-width: 50em) {
      /* line 69, ../src/pages.scss */
      .subtitle-section .home-description h2 {
        font-size: 2em; } }
    @media screen and (min-width: 62.5em) {
      /* line 69, ../src/pages.scss */
      .subtitle-section .home-description h2 {
        /*max-width: 32em;
        margin-left: auto;
        margin-right: auto;*/ } }
  /* line 83, ../src/pages.scss */
  .subtitle-section .home-description h3 {
    font-size: 1em;
    font-family: "CooperMdBTWXX-Medium", serif;
    margin-bottom: 2em; }
    @media screen and (min-width: 50em) {
      /* line 83, ../src/pages.scss */
      .subtitle-section .home-description h3 {
        font-size: 1.25em; } }
    @media screen and (min-width: 62.5em) {
      /* line 83, ../src/pages.scss */
      .subtitle-section .home-description h3 {
        /*max-width: 32em;
        margin-left: auto;
        margin-right: auto;*/ } }
  /* line 97, ../src/pages.scss */
  .subtitle-section .home-description a {
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #000000; }
  /* line 103, ../src/pages.scss */
  .subtitle-section .subtitle {
    border-bottom: 1px solid #000000;
    font-family: "sunset-gothic-medium", sans-serif;
    display: inline-block;
    margin-bottom: 0.5em;
    font-size: 2.25em; }
    /* line 110, ../src/pages.scss */
    .archive .subtitle-section .subtitle, .page .subtitle-section .subtitle, .single-vision-values .subtitle-section .subtitle {
      font-size: 1em;
      text-transform: uppercase; }
      @media screen and (min-width: 50em) {
        /* line 110, ../src/pages.scss */
        .archive .subtitle-section .subtitle, .page .subtitle-section .subtitle, .single-vision-values .subtitle-section .subtitle {
          font-size: 1.125em; } }
    /* line 120, ../src/pages.scss */
    .subtitle-section .subtitle--vision {
      color: #FF871E;
      border-color: #FF871E; }
    /* line 124, ../src/pages.scss */
    .subtitle-section .subtitle--values {
      color: #3C7C1E;
      border-color: #3C7C1E; }
    /* line 128, ../src/pages.scss */
    .subtitle-section .subtitle--practice {
      color: #EC6B99;
      border-color: #EC6B99; }
  /* line 133, ../src/pages.scss */
  .subtitle-section .title {
    font-size: 1.5em;
    font-family: "CooperMdBTWXX-Medium", serif;
    margin-bottom: 0.5em; }
    @media screen and (min-width: 50em) {
      /* line 133, ../src/pages.scss */
      .subtitle-section .title {
        font-size: 2em; } }
    @media screen and (min-width: 62.5em) {
      /* line 133, ../src/pages.scss */
      .subtitle-section .title {
        max-width: 32em;
        margin-left: auto;
        margin-right: auto; } }
    /* line 147, ../src/pages.scss */
    .subtitle-section .title a {
      text-decoration: none; }
  /* line 151, ../src/pages.scss */
  .subtitle-section .arrow-right,
  .subtitle-section .arrow-left {
    width: 1em;
    vertical-align: middle; }
  /* line 156, ../src/pages.scss */
  .subtitle-section .arrow-left {
    transform: rotate(180deg); }
  /* line 159, ../src/pages.scss */
  .subtitle-section .keywords-button {
    cursor: pointer;
    border-bottom: 1px solid #000000; }
    @media screen and (min-width: 50em) {
      /* line 159, ../src/pages.scss */
      .subtitle-section .keywords-button {
        pointer-events: none;
        border-bottom: none; } }
  /* line 168, ../src/pages.scss */
  .subtitle-section .vision-values-description {
    max-width: 48.666%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sunset-gothic-medium", sans-serif; }
    /* line 174, ../src/pages.scss */
    .subtitle-section .vision-values-description p {
      font-size: 1em;
      margin-bottom: 1em;
      line-height: 1.4; }
      @media screen and (min-width: 50em) {
        /* line 174, ../src/pages.scss */
        .subtitle-section .vision-values-description p {
          font-size: 1.125em; } }

/* line 186, ../src/pages.scss */
.keyword-title {
  font-size: 2em;
  font-family: "CooperMdBTWXX-Medium", serif;
  margin-bottom: 1em; }

/* line 191, ../src/pages.scss */
.keyword-description {
  margin-left: auto;
  margin-right: auto;
  max-width: 48.666%;
  line-height: 1.4; }

/* line 197, ../src/pages.scss */
.sidebar-section {
  grid-area: sidebar;
  margin-bottom: 2em;
  /*background-color: yellow;*/ }
  @media screen and (min-width: 50em) {
    /* line 197, ../src/pages.scss */
    .sidebar-section {
      margin-bottom: 1em; } }

/* line 206, ../src/pages.scss */
.story-section {
  grid-area: main;
  /*background-color: teal;*/ }

/* Subheader and Sidebar Text */
/* line 213, ../src/pages.scss */
.sidebar-section {
  position: relative; }
  /* line 216, ../src/pages.scss */
  .sidebar-section h2 {
    font-family: "CooperMdBTWXX-Medium", serif;
    font-size: 1.5em;
    line-height: 1.3;
    margin-bottom: 1rem; }
    @media screen and (min-width: 50em) {
      /* line 216, ../src/pages.scss */
      .sidebar-section h2 {
        font-size: 2em; } }
    @media screen and (min-width: 62.5em) {
      /* line 216, ../src/pages.scss */
      .sidebar-section h2 {
        font-size: 1.75em; } }
    @media screen and (min-width: 87.5em) {
      /* line 216, ../src/pages.scss */
      .sidebar-section h2 {
        font-size: 2.25em;
        line-height: 1.2; } }
  /* line 233, ../src/pages.scss */
  .sidebar-section h3 {
    font-family: "CooperMdBTWXX-Medium", serif;
    margin-bottom: 1rem;
    line-height: 1.2; }
    @media screen and (min-width: 50em) {
      /* line 233, ../src/pages.scss */
      .sidebar-section h3 {
        font-size: 1.125em; } }
  /* line 244, ../src/pages.scss */
  .sidebar-section .description p,
  .sidebar-section .home-keywords p {
    font-size: 1em;
    margin-bottom: 1em;
    line-height: 1.4; }
    @media screen and (min-width: 50em) {
      /* line 244, ../src/pages.scss */
      .sidebar-section .description p,
      .sidebar-section .home-keywords p {
        font-size: 1.125em; } }
  /* line 253, ../src/pages.scss */
  .sidebar-section .description a,
  .sidebar-section .home-keywords a {
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #000000; }
  /* line 261, ../src/pages.scss */
  .sidebar-section .keywords-close:before {
    content: "";
    display: inline-block;
    width: 2.25em;
    height: 2.25em;
    vertical-align: middle;
    background: url("../../images/x.svg") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s; }
    @media screen and (min-width: 50em) {
      /* line 261, ../src/pages.scss */
      .sidebar-section .keywords-close:before {
        pointer-events: none;
        display: none; } }
    /* line 281, ../src/pages.scss */
    .show-keywords .sidebar-section .keywords-close:before {
      opacity: 1;
      pointer-events: auto;
      cursor: pointer; }
  /* line 288, ../src/pages.scss */
  .sidebar-section .home-keywords {
    height: 0;
    min-height: 0;
    pointer-events: none;
    background-color: #000000;
    color: #ffffff;
    width: 100%;
    position: absolute;
    top: -1em;
    left: 0;
    right: 0;
    opacity: 0;
    transition: min-height 0.2s, opacity 0.2s;
    z-index: 999;
    font-size: 1.125em; }
    @media screen and (min-width: 50em) {
      /* line 288, ../src/pages.scss */
      .sidebar-section .home-keywords {
        height: auto;
        min-height: auto;
        pointer-events: auto;
        background-color: transparent;
        color: #000000;
        position: static;
        opacity: 1;
        font-size: inherit; } }
    /* line 315, ../src/pages.scss */
    .sidebar-section .home-keywords p {
      padding-left: 1em;
      padding-right: 1em;
      padding-top: 1em;
      border-top: 1px solid #ffffff; }
      /* line 321, ../src/pages.scss */
      .sidebar-section .home-keywords p:first-of-type {
        margin-top: 2em;
        border-top: none; }
        @media screen and (min-width: 50em) {
          /* line 321, ../src/pages.scss */
          .sidebar-section .home-keywords p:first-of-type {
            margin-top: 0;
            border-top: none; } }
      @media screen and (min-width: 50em) {
        /* line 315, ../src/pages.scss */
        .sidebar-section .home-keywords p {
          padding: 0;
          border-top: none; } }
    /* line 336, ../src/pages.scss */
    .sidebar-section .home-keywords a {
      color: #ffffff;
      border-bottom: 1px solid #ffffff; }
      @media screen and (min-width: 50em) {
        /* line 336, ../src/pages.scss */
        .sidebar-section .home-keywords a {
          color: #000000;
          border-bottom: 1px solid #000000; } }
    /* line 346, ../src/pages.scss */
    .show-keywords .sidebar-section .home-keywords {
      min-height: auto;
      height: auto;
      opacity: 1;
      pointer-events: auto; }

/* About Grid */
@media screen and (min-width: 50em) {
  /* line 356, ../src/pages.scss */
  .page.about .site-main {
    grid-template-areas: "subheader subheader subheader subheader" "sidebar sidebar main main"; } }
@media screen and (min-width: 62.5em) {
  /* line 356, ../src/pages.scss */
  .page.about .site-main {
    padding: 0em 3em 3em 3em;
    grid-template-areas: "subheader subheader subheader subheader" "sidebar main main ."; } }

/* line 372, ../src/pages.scss */
.about .content-section {
  grid-area: main;
  margin-top: 1em; }
  @media screen and (min-width: 62.5em) {
    /* line 372, ../src/pages.scss */
    .about .content-section {
      margin-top: 0; } }
  /* line 381, ../src/pages.scss */
  .about .content-section__image {
    margin-bottom: 1em; }
/* line 385, ../src/pages.scss */
.about .divider {
  background-color: #3C7C1E; }
/* line 388, ../src/pages.scss */
.about .logo-section {
  /*grid-area: logos;*/
  margin-top: 2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  @media screen and (min-width: 62.5em) {
    /* line 388, ../src/pages.scss */
    .about .logo-section {
      margin-top: 0; } }
  /* line 400, ../src/pages.scss */
  .about .logo-section__image {
    margin-bottom: 1.5em;
    mix-blend-mode: multiply;
    max-width: 7em;
    padding-left: 0.75em;
    padding-right: 0.75em; }
    /* line 407, ../src/pages.scss */
    .about .logo-section__image img {
      max-height: 4em; }
  /* line 411, ../src/pages.scss */
  .about .logo-section:after {
    content: '';
    -ms-flex: auto;
        flex: auto; }

/* Story Listing */
/* line 420, ../src/pages.scss */
.story-listing__list {
  display: -ms-flexbox;
  display: flex;
  transition: opacity 0.5s;
  opacity: 0;
  /*grid-template-columns: 1fr 1fr 1fr;
  column-gap: 2em;
  grid-template-rows: auto;*/ }

/* line 429, ../src/pages.scss */
.story-listing {
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: transparent;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  margin-bottom: 2em;
  overflow: hidden;
  transition: border-color 0.2s;
  /* Size */
  /* Colors */
  /* Image and Text */
  /* Image */
  /* Talking Head Quotes */
  /* Text */
  /* Case Study */ }
  /* line 439, ../src/pages.scss */
  .story-listing__link {
    text-decoration: none;
    color: #000000;
    display: block; }
  /* line 446, ../src/pages.scss */
  .story-listing--large {
    width: 98%; }
    @media screen and (min-width: 50em) {
      /* line 446, ../src/pages.scss */
      .story-listing--large {
        /*grid-column: span 2;*/
        /*width: 98%;*/ } }
    @media screen and (min-width: 62.5em) {
      /* line 446, ../src/pages.scss */
      .story-listing--large {
        /*grid-column: span 2;*/
        width: 65.666%; } }
  /* line 458, ../src/pages.scss */
  .story-listing--small {
    width: 98%; }
    @media screen and (min-width: 50em) {
      /* line 458, ../src/pages.scss */
      .story-listing--small {
        /*grid-column: span 1;*/
        /*width: 98%;*/ } }
    @media screen and (min-width: 62.5em) {
      /* line 458, ../src/pages.scss */
      .story-listing--small {
        /*grid-column: span 2;*/
        width: 32.333%; } }
  /* line 470, ../src/pages.scss */
  .story-listing__image {
    transition: opacity 0.2s; }
    /* line 473, ../src/pages.scss */
    .story-listing__image img {
      filter: drop-shadow(0rem 0.25rem 0.125rem rgba(0, 0, 0, 0.35));
      padding-bottom: 0.75em;
      /* Lazy Load Images */ }
      /* line 478, ../src/pages.scss */
      .story-listing__image img .lazyload {
        opacity: 0; }
      /* line 481, ../src/pages.scss */
      .story-listing__image img .lazyloaded {
        animation: slideshowfade 0.5s; }
      /* line 484, ../src/pages.scss */
      .story-listing__image img .lazyloading {
        opacity: 1;
        transition: opacity 0.2s;
        /*background: #ffffff url(../../images/tail-spin.svg) no-repeat center;*/
        color: transparent; }
  /* line 495, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 1):hover {
    border-color: #3F9DE9; }
  /* line 498, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 2):hover {
    border-color: #B55AB7; }
  /* line 501, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 3):hover {
    border-color: #3C7C1E; }
  /* line 504, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 4):hover {
    border-color: #FF871E; }
  /* line 507, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 5):hover {
    border-color: #EC6B99; }
  /* line 513, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 1) .story-listing__link {
    color: #3F9DE9; }
  /* line 516, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 1) .story-listing--talking-head:before {
    border-color: #3F9DE9; }
  /* line 522, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 2) .story-listing__link {
    color: #B55AB7; }
  /* line 525, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 2) .story-listing--talking-head:before {
    border-color: #B55AB7; }
  /* line 531, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 3) .story-listing__link {
    color: #3C7C1E; }
  /* line 534, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 3) .story-listing--talking-head:before {
    border-color: #3C7C1E; }
  /* line 540, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 4) .story-listing__link {
    color: #FF871E; }
  /* line 543, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 4) .story-listing--talking-head:before {
    border-color: #FF871E; }
  /* line 549, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 4) .story-listing__link {
    color: #EC6B99; }
  /* line 552, ../src/pages.scss */
  .story-listing:nth-of-type(3n + 4) .story-listing--talking-head:before {
    border-color: #EC6B99; }
  /* line 558, ../src/pages.scss */
  .story-listing--image-text {
    color: #000000; }
    /* line 561, ../src/pages.scss */
    .story-listing--image-text img {
      width: 100%;
      display: block;
      			/*border-top-left-radius: 30px;
        			border-top-right-radius: 30px;*/ }
  /* line 568, ../src/pages.scss */
  .story-listing__caption {
    margin-top: 1em;
    margin-left: 1em;
    color: #000000; }
    /* line 573, ../src/pages.scss */
    .story-listing__caption h2 {
      font-family: "sunset-gothic-medium", sans-serif;
      font-size: 1.25em;
      margin-top: 0.5rem; }
    /* line 578, ../src/pages.scss */
    .story-listing__caption h3 {
      font-family: "CooperMdBTWXX-Medium", serif; }
  /* line 586, ../src/pages.scss */
  .story-listing--image img {
    width: 100%;
    display: block; }
@keyframes wiggle {
  0% {
    transform: rotate(0deg) translateY(0); }
  20% {
    transform: rotate(5deg); }
  40% {
    transform: rotate(-5deg); }
  60% {
    transform: rotate(5deg) translateY(5px); }
  80% {
    transform: rotate(-2deg); }
  100% {
    transform: rotate(0deg) translateY(0); } }
  /* line 613, ../src/pages.scss */
  .story-listing--talking-head {
    padding: 1em; }
  /* line 616, ../src/pages.scss */
  .story-listing__quote {
    margin-bottom: 1em;
    font-family: "sunset-gothic-medium", sans-serif;
    font-size: 1.35em;
    line-height: 1.2; }
  /* line 622, ../src/pages.scss */
  .story-listing__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: relative;
    margin-top: 3em; }
    /* line 628, ../src/pages.scss */
    .story-listing__head img {
      width: 40%;
      -ms-flex-item-align: center;
          align-self: center;
      transition: transform 0.2s;
      animation: wiggle 2s infinite; }
    /* line 634, ../src/pages.scss */
    .story-listing__head figcaption {
      width: 50%;
      font-family: "CooperMdBTWXX-Medium", serif;
      font-size: 1.125em;
      line-height: 1.3;
      color: #000000; }
      /* line 641, ../src/pages.scss */
      .story-listing__head figcaption strong {
        display: block;
        font-weight: normal; }
    /* line 646, ../src/pages.scss */
    .story-listing__head:before {
      content: '';
      position: absolute;
      right: -30px;
      /* 36px */
      top: -45px;
      /* 70px */
      width: 54px;
      height: 16px;
      border-top-left-radius: 55px;
      /* 100px of height + 10px of border */
      border-top-right-radius: 55px;
      /* 100px of height + 10px of border */
      border-width: 6px;
      border-style: dotted;
      border-bottom: 0;
      transform: rotate(70deg); }
  /* line 662, ../src/pages.scss */
  .story-listing--text {
    font-family: "sunset-gothic-medium", sans-serif;
    font-size: 1.35em;
    line-height: 1.2; }
    /* line 667, ../src/pages.scss */
    .story-listing--text .story-listing__text {
      padding: 1em; }
  /* line 673, ../src/pages.scss */
  .story-listing--case-study {
    position: relative; }
    /* line 676, ../src/pages.scss */
    .story-listing--case-study.story-listing--image .story-listing__image {
      position: relative; }
      /* line 679, ../src/pages.scss */
      .story-listing--case-study.story-listing--image .story-listing__image:after {
        content: 'Case Study';
        display: inline-block;
        background-color: #000000;
        color: #ffffff;
        font-family: "sunset-gothic-medium", sans-serif;
        font-size: 0.8rem;
        padding: 0.5em;
        position: absolute;
        right: 0;
        bottom: 0; }
    /* line 693, ../src/pages.scss */
    .story-listing--case-study .story-listing__image__image {
      position: relative; }
      /* line 696, ../src/pages.scss */
      .story-listing--case-study .story-listing__image__image:after {
        content: 'Case Study';
        display: inline-block;
        background-color: #000000;
        color: #ffffff;
        font-family: "sunset-gothic-medium", sans-serif;
        font-size: 0.8rem;
        padding: 0.5em;
        position: absolute;
        right: 0;
        bottom: 0.9em; }
    /* line 713, ../src/pages.scss */
    .story-listing--case-study .story-listing__head figcaption:after {
      content: 'Case Study';
      display: inline-block;
      background-color: #000000;
      color: #ffffff;
      font-family: "sunset-gothic-medium", sans-serif;
      font-size: 0.8rem;
      padding: 0.5em;
      margin-top: 0.75em; }
    /* line 728, ../src/pages.scss */
    .story-listing--case-study .story-listing__text:after, .story-listing--case-study.story-listing--image .story-listing__image:after {
      content: 'Case Study';
      display: inline-block;
      background-color: #000000;
      color: #ffffff;
      font-family: "sunset-gothic-medium", sans-serif;
      font-size: 0.8rem;
      padding: 0.5em;
      /*margin-top: 0.75em;*/
      bottom: 0.9em; }

/* Masonry */
/* line 743, ../src/pages.scss */
.grid-sizer {
  width: 98%;
  margin-left: 1%;
  margin-right: 1%; }
  @media screen and (min-width: 50em) {
    /* line 743, ../src/pages.scss */
    .grid-sizer {
      width: 98%; } }
  @media screen and (min-width: 62.5em) {
    /* line 743, ../src/pages.scss */
    .grid-sizer {
      width: 32.333%;
      margin-left: 0.5%;
      margin-right: 0.5%; } }

/* line 757, ../src/pages.scss */
.story-listing__list.masonry-loading {
  opacity: 0; }

/* line 760, ../src/pages.scss */
.story-listing__list.masonry-loaded {
  /*animation: fade-in 0.5s;*/
  opacity: 1; }

/* Story Detail */
@keyframes translateUp {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0); } }
/* line 777, ../src/pages.scss */
body.story .site-main {
  /*transform: translateY(100px);*/
  /*transition: transform 0.3s;*/
  animation: translateUp 1.5s; }

/* line 783, ../src/pages.scss */
.story .site-main {
  padding: 1.5em 1em 1em 1em;
  margin-top: -12em;
  margin-left: 1em;
  margin-right: 1em;
  background-repeat: none;
  position: relative;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  transition: backgroud-image 0.2s;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* Colors */ }
  @media screen and (min-width: 43.75em) {
    /* line 783, ../src/pages.scss */
    .story .site-main {
      padding: 2em; } }
  @media screen and (min-width: 50em) {
    /* line 783, ../src/pages.scss */
    .story .site-main {
      padding: 1.5em 1em 1em 1em;
      display: grid;
      margin-top: -13em;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      column-gap: 2em;
      grid-template-rows: auto;
      grid-template-areas: "subheader subheader subheader subheader" "left main main right"; } }
  @media screen and (min-width: 62.5em) {
    /* line 783, ../src/pages.scss */
    .story .site-main {
      padding: 2.5em 2em 2em 2em;
      margin-top: -14em;
      margin-left: 2em;
      margin-right: 2em;
      column-gap: 3em; } }
  @media screen and (min-width: 112.5em) {
    /* line 783, ../src/pages.scss */
    .story .site-main {
      max-width: 100em;
      margin-left: auto;
      margin-right: auto; } }
  /* line 825, ../src/pages.scss */
  .story .site-main.orange {
    background-image: linear-gradient(180deg, #FFCB9E 0%, rgba(255, 255, 255, 0) 100%); }
    /* line 828, ../src/pages.scss */
    .story .site-main.orange .links {
      border-color: #FF871E; }
    /* line 831, ../src/pages.scss */
    .story .site-main.orange .divider {
      background-color: #FF871E; }
    /* line 834, ../src/pages.scss */
    .story .site-main.orange .image__caption {
      color: #FF871E; }
      /* line 837, ../src/pages.scss */
      .story .site-main.orange .image__caption a {
        color: #FF871E; }
    /* line 841, ../src/pages.scss */
    .story .site-main.orange .talking-head {
      color: #3F9DE9; }
  /* line 845, ../src/pages.scss */
  .story .site-main.pink {
    background-image: linear-gradient(180deg, #F3A1BF 0%, rgba(255, 255, 255, 0) 100%); }
    /* line 848, ../src/pages.scss */
    .story .site-main.pink .links {
      border-color: #B55AB7; }
    /* line 851, ../src/pages.scss */
    .story .site-main.pink .divider {
      background-color: #B55AB7; }
    /* line 854, ../src/pages.scss */
    .story .site-main.pink .image__caption {
      color: #EC6B99; }
      /* line 857, ../src/pages.scss */
      .story .site-main.pink .image__caption a {
        color: #EC6B99; }
    /* line 861, ../src/pages.scss */
    .story .site-main.pink .talking-head {
      color: #B55AB7; }
  /* line 865, ../src/pages.scss */
  .story .site-main.yellow {
    background-image: linear-gradient(180deg, #FCCD54 0%, rgba(255, 255, 255, 0) 100%); }
    /* line 868, ../src/pages.scss */
    .story .site-main.yellow .links {
      border-color: #3F9DE9; }
    /* line 871, ../src/pages.scss */
    .story .site-main.yellow .divider {
      background-color: #3F9DE9; }
    /* line 874, ../src/pages.scss */
    .story .site-main.yellow .image__caption {
      color: #3F9DE9; }
      /* line 877, ../src/pages.scss */
      .story .site-main.yellow .image__caption a {
        color: #3F9DE9; }
    /* line 881, ../src/pages.scss */
    .story .site-main.yellow .talking-head {
      color: #3C7C1E; }
  /* line 885, ../src/pages.scss */
  .story .site-main.purple {
    background-image: linear-gradient(180deg, #D9ABDA 0%, rgba(255, 255, 255, 0) 100%); }
    /* line 888, ../src/pages.scss */
    .story .site-main.purple .links {
      border-color: #B55AB7; }
    /* line 891, ../src/pages.scss */
    .story .site-main.purple .divider {
      background-color: #B55AB7; }
    /* line 894, ../src/pages.scss */
    .story .site-main.purple .image__caption {
      color: #B55AB7; }
      /* line 897, ../src/pages.scss */
      .story .site-main.purple .image__caption a {
        color: #B55AB7; }
    /* line 901, ../src/pages.scss */
    .story .site-main.purple .talking-head {
      color: #FF871E; }
  /* line 905, ../src/pages.scss */
  .story .site-main.blue {
    background-image: linear-gradient(180deg, #A8D4F9 0%, rgba(255, 255, 255, 0) 100%); }
    /* line 908, ../src/pages.scss */
    .story .site-main.blue .links {
      border-color: #3F9DE9; }
    /* line 911, ../src/pages.scss */
    .story .site-main.blue .divider {
      background-color: #3F9DE9; }
    /* line 914, ../src/pages.scss */
    .story .site-main.blue .image__caption {
      color: #3F9DE9; }
      /* line 917, ../src/pages.scss */
      .story .site-main.blue .image__caption a {
        color: #3F9DE9; }
    /* line 921, ../src/pages.scss */
    .story .site-main.blue .talking-head {
      color: #3C7C1E; }

/* line 926, ../src/pages.scss */
.back-button {
  font-family: "sunset-gothic-thin", sans-serif;
  position: absolute;
  top: 1em;
  left: 1em;
  text-decoration: none;
  color: #000000; }
  @media screen and (min-width: 62.5em) {
    /* line 926, ../src/pages.scss */
    .back-button {
      top: 1.5em;
      left: 2em; } }

/* line 941, ../src/pages.scss */
.story-content .subtitle-section {
  width: 100%; }

/* line 945, ../src/pages.scss */
.story__title {
  font-family: "sunset-gothic-medium", sans-serif;
  font-size: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.5rem; }
  @media screen and (min-width: 50em) {
    /* line 945, ../src/pages.scss */
    .story__title {
      font-size: 3em; } }

/* line 955, ../src/pages.scss */
.story__subtitle {
  font-size: 1.25em;
  font-family: "CooperMdBTWXX-Medium", serif; }
  @media screen and (min-width: 50em) {
    /* line 955, ../src/pages.scss */
    .story__subtitle {
      font-size: 2em; } }

/* line 963, ../src/pages.scss */
.story__organization {
  font-weight: bold;
  margin-bottom: 0.25em; }

/* line 967, ../src/pages.scss */
.story__location {
  font-family: "sunset-gothic-medium", sans-serif; }

/* line 970, ../src/pages.scss */
.location-section {
  margin-bottom: 1em;
  display: none; }
  @media screen and (min-width: 50em) {
    /* line 970, ../src/pages.scss */
    .location-section {
      display: block; } }
  /* line 978, ../src/pages.scss */
  .location-section--small {
    padding-top: 1.5em;
    border-top: 1px Solid #000000;
    margin-bottom: 1em;
    width: 100%; }
    @media screen and (min-width: 50em) {
      /* line 978, ../src/pages.scss */
      .location-section--small {
        display: none; } }

/* Grid */
/* line 991, ../src/pages.scss */
.grid-section--left {
  grid-area: left;
  /*background-color: yellow;*/ }

/* line 995, ../src/pages.scss */
.grid-section--right {
  grid-area: right;
  /*background-color: orange;*/ }

/* line 999, ../src/pages.scss */
.story-content {
  grid-area: main;
  grid-column: span 2;
  -ms-flex-order: 1;
      order: 1;
  /*background-color: teal;*/ }

@media screen and (min-width: 50em) {
  /* line 1005, ../src/pages.scss */
  .column--left {
    position: absolute;
    left: 1em;
    width: calc(25% - 2em);
    margin-top: 0em; } }
@media screen and (min-width: 62.5em) {
  /* line 1005, ../src/pages.scss */
  .column--left {
    left: 2em;
    width: calc(25% - 3.25em); } }

@media screen and (min-width: 50em) {
  /* line 1018, ../src/pages.scss */
  .column--right {
    position: absolute;
    right: 1em;
    width: calc(25% - 2em);
    margin-top: calc(-25%); } }
@media screen and (min-width: 62.5em) {
  /* line 1018, ../src/pages.scss */
  .column--right {
    right: 2em;
    width: calc(25% - 3.25em); } }

/* Keywords */
/* line 1033, ../src/pages.scss */
.keyword-section {
  -ms-flex-order: 2;
      order: 2;
  width: 100%; }

/* line 1037, ../src/pages.scss */
.keywords-heading {
  font-family: "sunset-gothic-thin", sans-serif;
  margin-bottom: 0.5em;
  font-size: 1em; }
  @media screen and (min-width: 50em) {
    /* line 1037, ../src/pages.scss */
    .keywords-heading {
      font-size: 1.125em; } }

/* line 1046, ../src/pages.scss */
.keywords {
  font-size: 1em;
  font-family: "sunset-gothic-thin", sans-serif; }
  @media screen and (min-width: 50em) {
    /* line 1046, ../src/pages.scss */
    .keywords {
      font-size: 1.125em; } }
  /* line 1053, ../src/pages.scss */
  .keywords li {
    margin-bottom: 0.25em; }
  /* line 1056, ../src/pages.scss */
  .keywords a {
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #000000; }

/* line 1062, ../src/pages.scss */
.current-keyword {
  display: none; }

/* line 1065, ../src/pages.scss */
.parent-category {
  display: none; }

/* line 1068, ../src/pages.scss */
.children-categories {
  margin-bottom: 1em; }

/* Links */
/* line 1073, ../src/pages.scss */
.links-section {
  -ms-flex-order: 3;
      order: 3;
  width: 100%; }

/* line 1077, ../src/pages.scss */
.links {
  font-family: "sunset-gothic-thin", sans-serif; }
  @media screen and (min-width: 50em) {
    /* line 1077, ../src/pages.scss */
    .links {
      padding: 1em 1em 0.25em 1em;
      border-width: 8px 8px 0 8px;
      border-style: solid;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
      /*padding: 1em 1em 0.25em 1em;*/
      margin-bottom: 2em; } }
  @media screen and (min-width: 62.5em) {
    /* line 1077, ../src/pages.scss */
    .links {
      padding: 2em 2em 0.5em 2em; } }
  /* line 1093, ../src/pages.scss */
  .links h3 {
    margin-bottom: 0.5em; }
  /* line 1096, ../src/pages.scss */
  .links ul {
    margin-bottom: 1.5em; }
    /* line 1099, ../src/pages.scss */
    .links ul:last-child {
      margin-bottom: 0; }
  /* line 1103, ../src/pages.scss */
  .links li {
    margin-bottom: 0.25em; }
  /* line 1106, ../src/pages.scss */
  .links a {
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #000000; }

/* Spine */
/* line 1115, ../src/pages.scss */
.taxonomy-vision {
  background-image: linear-gradient(180deg, #FFCB9E 0%, #ffffff 100%); }
/* line 1118, ../src/pages.scss */
.taxonomy-values {
  background-image: linear-gradient(180deg, #CCF6B8 0%, #ffffff 100%); }
/* line 1121, ../src/pages.scss */
.taxonomy-practice {
  background-image: linear-gradient(180deg, #F3A1BF 0%, #ffffff 100%); }

/* line 1125, ../src/pages.scss */
.spine-previous {
  transition: transform 0.2s;
  display: inline-block; }
  /* line 1129, ../src/pages.scss */
  .spine-previous:hover {
    transform: translateX(-0.25em); }

/* line 1133, ../src/pages.scss */
.spine-next {
  transition: transform 0.2s;
  display: inline-block; }
  /* line 1137, ../src/pages.scss */
  .spine-next:hover {
    transform: translateX(0.25em); }

/* line 1141, ../src/pages.scss */
.spine-listing {
  margin-bottom: 1em;
  margin-left: 1em;
  line-height: 1.4;
  position: relative; }
  /* line 1147, ../src/pages.scss */
  .spine-listing.current-spine {
    font-weight: bold; }
    /* line 1150, ../src/pages.scss */
    .spine-listing.current-spine:before {
      content: '';
      display: inline-block;
      margin-right: 0.25em;
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: #000000;
      position: absolute;
      left: -1.75em;
      top: 0.5em; }
      @media screen and (min-width: 50em) {
        /* line 1150, ../src/pages.scss */
        .spine-listing.current-spine:before {
          width: 16px;
          height: 16px;
          left: -2.5em;
          top: 0.25em; } }
  /* line 1170, ../src/pages.scss */
  .spine-listing__list {
    list-style: number;
    margin-bottom: 2em; }
    /* line 1174, ../src/pages.scss */
    .spine-listing__list a {
      color: #000000;
      text-decoration: none;
      border-bottom: 1px solid #000000; }
  /* line 1180, ../src/pages.scss */
  .spine-listing__title {
    text-transform: uppercase; }
    /* line 1183, ../src/pages.scss */
    .spine-listing__title--vision {
      color: #FF871E; }
    /* line 1187, ../src/pages.scss */
    .spine-listing__title--values {
      color: #3C7C1E; }
    /* line 1191, ../src/pages.scss */
    .spine-listing__title--practice {
      color: #EC6B99; }
  /* line 1196, ../src/pages.scss */
  .spine-listing__intro {
    margin-bottom: 1em;
    /*font-size: 1.125em;*/
    font-weight: bold;
    line-height: 1.4; }

/* Modules */
/* line 1206, ../src/pages.scss */
.module {
  margin-bottom: 1.75em; }

/* Images */
/* line 1213, ../src/pages.scss */
.image__caption {
  font-family: "sunset-gothic-medium", sans-serif;
  font-weight: bold;
  margin-top: 1em;
  line-height: 1.3; }
/* line 1219, ../src/pages.scss */
.image img {
  display: block;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px; }

/* Talking Head Quote */
/* line 1226, ../src/pages.scss */
.talking-head {
  max-width: 20em;
  margin-top: 5em;
  margin-bottom: 5em;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 50em) {
    /* line 1226, ../src/pages.scss */
    .talking-head {
      margin-top: 2em;
      margin-bottom: 2em; } }
  @media screen and (min-width: 62.5em) {
    /* line 1226, ../src/pages.scss */
    .talking-head {
      max-width: auto; } }
  /* line 1241, ../src/pages.scss */
  .talking-head__quote {
    margin-bottom: 1em;
    font-family: "sunset-gothic-medium", sans-serif;
    font-size: 1.35em;
    line-height: 1.2; }
    @media screen and (min-width: 50em) {
      /* line 1241, ../src/pages.scss */
      .talking-head__quote {
        font-size: 1.125em; } }
    @media screen and (min-width: 62.5em) {
      /* line 1241, ../src/pages.scss */
      .talking-head__quote {
        font-size: 1.35em; } }
  /* line 1254, ../src/pages.scss */
  .talking-head__image {
    /*display: flex;
    justify-content: space-between;*/
    position: relative;
    margin-top: 1em; }
    /* line 1260, ../src/pages.scss */
    .talking-head__image img {
      width: 50%;
      -ms-flex-item-align: center;
          align-self: center;
      display: block;
      margin-bottom: 1.5em; }
    /* line 1266, ../src/pages.scss */
    .talking-head__image figcaption {
      width: 100%;
      font-family: "CooperLtBTWXX-Light", serif;
      font-size: 1.125em;
      line-height: 1.3; }
    /* line 1272, ../src/pages.scss */
    .talking-head__image:before {
      content: '';
      position: absolute;
      right: 25px;
      top: 20px;
      width: 54px;
      height: 16px;
      border-top-left-radius: 55px;
      /* 100px of height + 10px of border */
      border-top-right-radius: 55px;
      /* 100px of height + 10px of border */
      border-width: 6px;
      border-style: dotted;
      border-bottom: 0;
      transform: rotate(120deg); }

/* Dividers */
/* line 1289, ../src/pages.scss */
.divider {
  height: 8px;
  width: 100%; }