/*----------------------------------------------*\
    POST
	====
	
	@package sibylle
	
\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========
	
	@package sibylle
	
\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Widths */
/* Media Queries */
/* 480px */
/* 800px */
/* 1000px */
/* 1500px */
/* Fonts */
/* $serif: "freight-text-pro", sans-serif; */
/* 
 *
 * / Mixins
------------------------------------------------*/
/* line 11, ../src/roman/post.scss */
.post {
  position: relative;
  margin: 0 auto 3em;
  max-width: 100em;
  /* Color line on left browser window */
  /* Colors */
  /* Title Module */
  /* Body Text */
  /* Embed Module */
  /* Image Module */
  /* Image Module One-up */
  /* Image Module Two-up */
  /* Postscript */
  /* Tags */
  /* Social Media Icons */ }
  /* line 17, ../src/roman/post.scss */
  .post__border:before {
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    /* trick is to make the left line work with a max-width */
    width: 102.5%;
    /* trick is to make the left line work with a max-width */
    z-index: -1;
    /* behind things */ }
  @media (min-width: 100em) {
    /* line 11, ../src/roman/post.scss */
    .post {
      /* Don't make the color bar overlap any images o biggest screens */
      max-width: 97em; }
      /* line 30, ../src/roman/post.scss */
      .post__border:before {
        width: 100.0%; } }
  /* line 35, ../src/roman/post.scss */
  .post__border:nth-child(1n):before {
    background-color: #e8eee7; }
  /* line 38, ../src/roman/post.scss */
  .post__border:nth-child(2n):before {
    background-color: #b5cfd0; }
  /* line 41, ../src/roman/post.scss */
  .post__border:nth-child(3n):before {
    background-color: #e7e6e8; }
  /* line 44, ../src/roman/post.scss */
  .post__border:nth-child(4n):before {
    background-color: #dbcae0; }
  /* line 47, ../src/roman/post.scss */
  .post__border:nth-child(5n):before {
    background-color: #efe4da; }
  /* line 50, ../src/roman/post.scss */
  .post__border:nth-child(6n):before {
    background-color: #eacab0; }
  /* line 53, ../src/roman/post.scss */
  .post__border:nth-child(7n):before {
    background-color: #f2e7ed; }
  /* line 56, ../src/roman/post.scss */
  .post__border:nth-child(8n):before {
    background-color: #eac3d9; }
  /* line 59, ../src/roman/post.scss */
  .post__border:nth-child(9n):before {
    background-color: #eaebef; }
  /* line 62, ../src/roman/post.scss */
  .post__border:nth-child(10n):before {
    background-color: #c9cfe2; }
  /* line 65, ../src/roman/post.scss */
  .post__border:nth-child(11n):before {
    background-color: #f4f4ef; }
  /* line 68, ../src/roman/post.scss */
  .post__border:nth-child(12n):before {
    background-color: #e5e5c7; }
  @media (min-width: 50em) {
    /* line 74, ../src/roman/post.scss */
    .post__title-module {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 3em; } }
  @media (min-width: 50em) {
    /* line 81, ../src/roman/post.scss */
    .post__title-module--left {
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      /* line 86, ../src/roman/post.scss */
      .post__title-module--left .post__title-small-image-wrapper {
        margin-right: 1em; } }
  @media (min-width: 50em) {
    /* line 95, ../src/roman/post.scss */
    .post__title-module--right .post__title-small-image-wrapper {
      margin-left: 1em; } }
  /* line 102, ../src/roman/post.scss */
  .post__title-module__text {
    text-align: center;
    margin-bottom: 3em; }
  /* line 106, ../src/roman/post.scss */
  .post__title {
    color: #414042;
    font-family: "bree-serif", sans-serif;
    font-size: 2.75em;
    margin-bottom: 0.25em;
    line-height: 1.2;
    padding-left: 0.5em;
    padding-right: 0.5em; }
    /* line 115, ../src/roman/post.scss */
    .post__title a {
      text-decoration: none;
      color: #414042;
      transition: color 0.3s ease; }
      /* line 120, ../src/roman/post.scss */
      .post__title a:hover {
        color: #ff7300; }
  /* line 125, ../src/roman/post.scss */
  .post__date {
    color: #414042;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 0.8em;
    font-weight: 300;
    margin-bottom: 2em; }
  /* line 132, ../src/roman/post.scss */
  .post__by {
    display: block;
    font-size: 0.8em;
    margin-bottom: 0.375em; }
  /* line 137, ../src/roman/post.scss */
  .post__location {
    font-family: "jaf-facitweb", sans-serif;
    padding-left: 0.5em;
    padding-right: 0.5em; }
  /* line 142, ../src/roman/post.scss */
  .post__author-name {
    font-family: "jaf-facitweb", sans-serif;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 1em; }
    /* line 148, ../src/roman/post.scss */
    .post__author-name a {
      color: #414042;
      text-decoration: none;
      transition: color 0.3s ease; }
      /* line 153, ../src/roman/post.scss */
      .post__author-name a:hover {
        color: #ff7300; }
  /* line 158, ../src/roman/post.scss */
  .post__brief-description {
    margin-top: 2em;
    font-family: "bree-serif", sans-serif;
    color: #414042;
    padding-left: 1em;
    padding-right: 1em; }
  @media (min-width: 50em) {
    /* line 165, ../src/roman/post.scss */
    .post__big-image-wrapper {
      width: calc(50% - .5em); } }
  /* line 171, ../src/roman/post.scss */
  .post__title-small-image-wrapper {
    margin-top: 3em; }
    @media (min-width: 50em) {
      /* line 171, ../src/roman/post.scss */
      .post__title-small-image-wrapper {
        margin-top: 5em;
        width: calc(50% - .5em); } }
    @media (min-width: 56rem) {
      /* line 171, ../src/roman/post.scss */
      .post__title-small-image-wrapper {
        width: calc( (56rem - 1em) / 2 ); } }
  /* line 183, ../src/roman/post.scss */
  .post__edit {
    /* Admin edit link */
    position: relative; }
    /* line 187, ../src/roman/post.scss */
    .post__edit a {
      position: absolute;
      left: 2em;
      top: -2em;
      color: #999;
      padding: .5em; }
      /* line 194, ../src/roman/post.scss */
      .post__edit a:hover {
        color: #000; }
  /* line 202, ../src/roman/post.scss */
  .post__body-text {
    color: #414042;
    font-family: "bree-serif", sans-serif;
    font-size: 1.125em;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.5em;
    word-wrap: break-word;
    /* prevents long words from breaking container on small sizes */ }
    /* line 211, ../src/roman/post.scss */
    .post__body-text h2 {
      font-family: "jaf-facitweb", sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      font-size: .85em; }
    /* line 217, ../src/roman/post.scss */
    .post__body-text h3 {
      font-weight: bold; }
    /* line 220, ../src/roman/post.scss */
    .post__body-text p {
      margin-bottom: 1.25em; }
    /* line 223, ../src/roman/post.scss */
    .post__body-text a {
      color: #ff7300;
      text-decoration: none;
      transition: color 0.3s ease; }
      /* line 228, ../src/roman/post.scss */
      .post__body-text a:hover {
        color: #cc5c00; }
    /* line 232, ../src/roman/post.scss */
    .post__body-text ul {
      list-style-type: disc;
      margin-left: 2em;
      margin-bottom: 1.25em; }
    /* line 237, ../src/roman/post.scss */
    .post__body-text iframe {
      height: 400px;
      width: 100%; }
    /* line 241, ../src/roman/post.scss */
    .post__body-text hr {
      margin: 2em 0;
      border: 0;
      color: #ccc;
      background-color: #ccc;
      height: 1px; }
    @media (min-width: 30em) {
      /* line 202, ../src/roman/post.scss */
      .post__body-text {
        font-size: 1.25em;
        padding-left: 2em;
        padding-right: 2em; } }
    @media (min-width: 50em) {
      /* line 202, ../src/roman/post.scss */
      .post__body-text {
        font-size: 1.35em;
        line-height: 1.65em;
        padding-left: 0;
        padding-right: 0; }
        /* line 259, ../src/roman/post.scss */
        .post__body-text--post {
          max-width: calc(56rem + 4em);
          margin-left: auto;
          margin-right: auto;
          padding-left: 2em;
          padding-right: 2em; } }
    @media (min-width: 62.5em) {
      /* line 202, ../src/roman/post.scss */
      .post__body-text {
        font-size: 1.5em; } }
  /* line 273, ../src/roman/post.scss */
  .post__embed {
    max-width: 90%;
    margin: 0 auto; }
    @media (min-width: 50em) {
      /* line 273, ../src/roman/post.scss */
      .post__embed {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around; }
        /* line 281, ../src/roman/post.scss */
        .post__embed--one-up {
          max-width: 56rem; }
        /* line 284, ../src/roman/post.scss */
        .post__embed--two-up {
          max-width: 52em; } }
    /* line 289, ../src/roman/post.scss */
    .post__embed__wrapper {
      margin-bottom: 1.5em; }
      @media (min-width: 50em) {
        /* line 289, ../src/roman/post.scss */
        .post__embed__wrapper {
          width: 43%; }
          /* line 295, ../src/roman/post.scss */
          .post__embed__wrapper--size-text-column {
            width: 100%; }
          /* line 298, ../src/roman/post.scss */
          .post__embed__wrapper--size-two-thirds-text-column {
            width: 66.66%; }
          /* line 301, ../src/roman/post.scss */
          .post__embed__wrapper--size-three-quarter-text-column {
            width: 75%; } }
  /* line 308, ../src/roman/post.scss */
  .post__image-caption {
    font-family: "jaf-facitweb", sans-serif;
    color: #ff10f2;
    font-weight: 300;
    font-size: 0.8em;
    margin-top: 0.5em;
    text-align: right;
    padding-left: 1em;
    padding-right: 1em; }
    /* line 318, ../src/roman/post.scss */
    .post__image-caption a {
      color: #ff10f2;
      text-decoration: none; }
    /* line 323, ../src/roman/post.scss */
    .post__image-block--span-text .post__image-caption {
      text-align: center; }
  /* line 329, ../src/roman/post.scss */
  .post__image-block {
    margin-top: 3.5em;
    margin-bottom: 3.5em; }
    /* line 333, ../src/roman/post.scss */
    .post__image-block img {
      width: 100%; }
    @media (min-width: 30em) {
      /* line 337, ../src/roman/post.scss */
      .post__image-block--text-align-center {
        max-width: 56rem;
        margin-left: auto;
        margin-right: auto; }
        /* line 342, ../src/roman/post.scss */
        .post__image-block--text-align-center img, .post__image-block--text-align-center .post__image-caption {
          max-width: 24rem;
          display: block;
          margin: 0 auto; } }
    @media (min-width: 50em) {
      /* line 352, ../src/roman/post.scss */
      .post__image-block--span-text {
        max-width: 56rem;
        margin-left: auto;
        margin-right: auto; }
      /* line 357, ../src/roman/post.scss */
      .post__image-block--text-align-left {
        max-width: 56rem;
        margin-left: auto;
        margin-right: auto; }
        /* line 362, ../src/roman/post.scss */
        .post__image-block--text-align-left img, .post__image-block--text-align-left .post__image-caption {
          max-width: 42rem; }
      /* line 368, ../src/roman/post.scss */
      .post__image-block--text-align-right {
        max-width: 56rem;
        margin-left: auto;
        margin-right: auto;
        text-align: right; }
        /* line 374, ../src/roman/post.scss */
        .post__image-block--text-align-right img, .post__image-block--text-align-right .post__image-caption {
          max-width: 42rem; }
        /* line 378, ../src/roman/post.scss */
        .post__image-block--text-align-right .post__image-caption {
          margin-right: 0;
          margin-left: auto; } }
    @media (min-width: 56rem) {
      /* line 385, ../src/roman/post.scss */
      .post__image-block--browser-align-left {
        margin-left: 0;
        margin-right: calc( (100% - 56rem) / 2); }
      /* line 389, ../src/roman/post.scss */
      .post__image-block--browser-align-right {
        margin-left: calc( (100% - 56rem) / 2);
        margin-right: 0; } }
  /* line 400, ../src/roman/post.scss */
  .post__image-block--two-up .post__image-wrapper {
    margin-bottom: 0.5em; }
  @media (min-width: 50em) {
    /* line 398, ../src/roman/post.scss */
    .post__image-block--two-up {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  /* line 408, ../src/roman/post.scss */
  .post__image-block--half-half-inside-text-column {
    max-width: calc(56rem + 4em);
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 50em) {
      /* line 414, ../src/roman/post.scss */
      .post__image-block--half-half-inside-text-column .post__image-wrapper {
        width: calc(50% - .5em); } }
  @media (min-width: 50em) {
    /* line 422, ../src/roman/post.scss */
    .post__image-block--two-thirds-one-third .post__image-wrapper:first-child {
      width: calc(66.666% - .5em); }
    /* line 425, ../src/roman/post.scss */
    .post__image-block--two-thirds-one-third .post__image-wrapper:last-child {
      width: calc(33.333% - .5em); } }
  @media (min-width: 50em) {
    /* line 432, ../src/roman/post.scss */
    .post__image-block--half-half .post__image-wrapper {
      width: calc(50% - .5em); } }
  @media (min-width: 50em) {
    /* line 439, ../src/roman/post.scss */
    .post__image-block--one-third-half .post__image-wrapper:first-child {
      width: 33%; }
    /* line 442, ../src/roman/post.scss */
    .post__image-block--one-third-half .post__image-wrapper:last-child {
      width: calc(50% - 0.5em); } }
  @media (min-width: 50em) {
    /* line 447, ../src/roman/post.scss */
    .post__image-block--vertical-align-middle {
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  /* line 455, ../src/roman/post.scss */
  .post__postscript {
    font-family: "bree-serif", sans-serif;
    font-weight: 300;
    margin-top: 2.25em;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;
    color: #414042; }
    /* line 464, ../src/roman/post.scss */
    .post__postscript a {
      color: #414042;
      text-decoration: none;
      border-bottom: 1px dotted #ddd; }
      /* line 469, ../src/roman/post.scss */
      .post__postscript a:hover {
        border-bottom: 1px dotted #bbb; }
    @media (min-width: 50em) {
      /* line 455, ../src/roman/post.scss */
      .post__postscript {
        font-size: 1.35em; } }
  /* line 481, ../src/roman/post.scss */
  .post__footer__tags {
    margin: 3em 2em;
    text-align: center;
    font-family: "jaf-facitweb", sans-serif; }
    /* line 486, ../src/roman/post.scss */
    .post__footer__tags__headline,
    .post__footer__tags ul,
    .post__footer__tags li {
      display: inline-block; }
    /* line 491, ../src/roman/post.scss */
    .post__footer__tags__headline {
      color: #414042;
      font-size: 0.9em;
      margin-right: 0.25em; }
    /* line 498, ../src/roman/post.scss */
    .post__footer__tags li:not(:last-child):after {
      content: "/";
      color: #999; }
    /* line 502, ../src/roman/post.scss */
    .post__footer__tags li a {
      color: #ff7300;
      text-decoration: none;
      display: inline-block;
      margin: 0 .15em; }
  /* line 513, ../src/roman/post.scss */
  .post__footer__share-wrapper {
    text-align: center;
    margin-top: 3em; }
  /* line 517, ../src/roman/post.scss */
  .post .a2a_svg {
    display: none !important; }
  /* line 522, ../src/roman/post.scss */
  .post__footer__links a {
    text-decoration: none;
    font-size: 1.5em;
    color: #414042;
    display: inline-block;
    margin-left: 0.25em;
    margin-right: 0.25em;
    transition: color 0.3s ease; }
    /* line 531, ../src/roman/post.scss */
    .post__footer__links a:hover {
      color: #a7a6a8; }
    /* line 534, ../src/roman/post.scss */
    .post__footer__links a.post__link--permalink {
      display: block;
      margin-bottom: 0.5em; }
  /* line 540, ../src/roman/post.scss */
  .post__footer__divider {
    border-bottom: 1px solid #ff7300;
    width: 70%;
    margin-top: 1.25em;
    margin-bottom: 10em;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    /* line 549, ../src/roman/post.scss */
    .post__footer__divider:before, .post__footer__divider:after {
      content: '';
      width: 5px;
      height: 5px;
      background-color: #ff7300;
      border-radius: 50%;
      position: absolute;
      bottom: -3px; }
    /* line 559, ../src/roman/post.scss */
    .post__footer__divider:after {
      right: 0; }
    /* line 562, ../src/roman/post.scss */
    .post__footer__divider .circle {
      width: 20px;
      height: 20px;
      background-color: #ff7300;
      border-radius: 50%;
      position: absolute;
      left: calc(50% - 10px);
      bottom: -10px;
      /* Vertical line */ }
      /* line 572, ../src/roman/post.scss */
      .post:not(:last-child) .post__footer__divider .circle:after {
        /* don't output on last item */
        content: '';
        height: 40px;
        width: 1px;
        background-color: #ff7300;
        position: absolute;
        left: calc(50% - 1px);
        bottom: -55px; }
    /* line 582, ../src/roman/post.scss */
    .post__footer__divider .footer-arrow {
      -webkit-transform: scale(0.35);
              transform: scale(0.35);
      margin-left: -0.0625em;
      margin-top: 3.875em; }
      /* line 587, ../src/roman/post.scss */
      .post:last-child .post__footer__divider .footer-arrow {
        display: none; }

/* Show only one image on landing pages for mobile */
/* line 597, ../src/roman/post.scss */
.home .post__title-image--hide-on-mobile,
.archive .post__title-image--hide-on-mobile {
  display: none; }
@media (min-width: 50em) {
  /* line 601, ../src/roman/post.scss */
  .home .post__title-image--hide-on-mobile,
  .archive .post__title-image--hide-on-mobile {
    display: block; } }

/* READ POST link */
/* line 608, ../src/roman/post.scss */
.post__footer__read {
  text-align: center;
  margin-top: 1em; }
  /* line 612, ../src/roman/post.scss */
  .post__footer__read a {
    color: #ff7300;
    font-family: jaf-facitweb;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none; }

/* Search and Tag Landing pages */
@media (min-width: 30em) {
  /* line 624, ../src/roman/post.scss */
  .search-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

@media (min-width: 30em) {
  /* line 631, ../src/roman/post.scss */
  .post__search {
    width: 50%; } }
@media (min-width: 50em) {
  /* line 631, ../src/roman/post.scss */
  .post__search {
    width: 33.3333%; } }
@media (min-width: 62.5em) {
  /* line 631, ../src/roman/post.scss */
  .post__search {
    width: 25%; } }
@media (min-width: 93.75em) {
  /* line 631, ../src/roman/post.scss */
  .post__search {
    width: 20%; } }
/* line 647, ../src/roman/post.scss */
.post__search__image {
  margin-top: 1em;
  margin-bottom: -1em; }
  /* line 652, ../src/roman/post.scss */
  .post__search__image img {
    max-height: 125px;
    width: auto; }
/* line 657, ../src/roman/post.scss */
.post__search .post__date {
  margin-bottom: .25em; }
/* line 661, ../src/roman/post.scss */
.post__search .post__title {
  font-size: 2em; }
/* line 664, ../src/roman/post.scss */
.post__search .post__search__image_link {
  text-decoration: none;
  display: block; }