/*----------------------------------------------*\
    PAGES
	=====
	
	@package sibylle
	
\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========
	
	@package sibylle
	
\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Widths */
/* Media Queries */
/* 480px */
/* 800px */
/* 1000px */
/* 1500px */
/* Fonts */
/* $serif: "freight-text-pro", sans-serif; */
/* 
 *
 * / Mixins
------------------------------------------------*/
/* About Page */
/* line 16, ../src/roman/pages.scss */
.about__wrapper {
  margin-bottom: 3em;
  max-width: 100em;
  margin: 0 auto; }
/* line 21, ../src/roman/pages.scss */
.about__image {
  margin-bottom: 1em; }
/* line 24, ../src/roman/pages.scss */
.about__text {
  max-width: 35em; }
@media (min-width: 40.625em) {
  /* line 14, ../src/roman/pages.scss */
  .about {
    /* 650px */ }
    /* line 29, ../src/roman/pages.scss */
    .about__wrapper {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    /* line 32, ../src/roman/pages.scss */
    .about__image {
      width: 50%; }
      /* line 35, ../src/roman/pages.scss */
      .about__image img {
        width: 90%; }
    /* line 39, ../src/roman/pages.scss */
    .about__text {
      width: 50%;
      padding-right: 2em; } }

/* Friends Page */
/* line 50, ../src/roman/pages.scss */
.friends__wrapper {
  margin-bottom: 3em;
  max-width: 70em;
  /* needs to be smaller than regular max width */
  margin: 0 auto; }
/* line 55, ../src/roman/pages.scss */
.friends__image {
  margin-bottom: 1.5em; }
/* line 58, ../src/roman/pages.scss */
.friends .friends__name {
  color: #ff10f2; }
/* line 61, ../src/roman/pages.scss */
.friends__post-links {
  font-family: "jaf-facitweb", sans-serif;
  font-size: 0.6em; }
  /* line 65, ../src/roman/pages.scss */
  .friends__post-links a:before {
    font-size: 0.7em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em; }
/* line 72, ../src/roman/pages.scss */
.friends__post-link {
  display: block; }
/* line 75, ../src/roman/pages.scss */
.friends .post__footer__divider {
  margin: 2.5em auto 6em; }
@media (min-width: 50em) {
  /* line 82, ../src/roman/pages.scss */
  .friends__wrapper:nth-of-type(even) .friends__text-wrapper {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  /* line 86, ../src/roman/pages.scss */
  .friends__inner-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  /* line 89, ../src/roman/pages.scss */
  .friends__image {
    width: 30%; }
  /* line 92, ../src/roman/pages.scss */
  .friends__text-wrapper {
    width: 70%; }
  /* line 95, ../src/roman/pages.scss */
  .friends__image {
    margin-bottom: 3em; }
  /* line 98, ../src/roman/pages.scss */
  .friends__text-wrapper {
    padding-left: 2em;
    padding-right: 2em; } }

/* Tags Landing Pages */
/* line 106, ../src/roman/pages.scss */
.tag-title {
  color: #999;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 1.5em;
  letter-spacing: 1px;
  margin-bottom: 2em;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1em; }
  /* line 118, ../src/roman/pages.scss */
  .tag-title span {
    color: #ff7300; }

/* line 122, ../src/roman/pages.scss */
.all-tags {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.5em;
  text-align: center; }
  /* line 128, ../src/roman/pages.scss */
  .all-tags__header {
    color: #414042;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 1.25em;
    letter-spacing: 1px;
    margin-bottom: 1em;
    text-transform: uppercase; }
  /* line 136, ../src/roman/pages.scss */
  .all-tags__list {
    margin: 0 auto;
    max-width: 60em; }
    /* line 141, ../src/roman/pages.scss */
    .all-tags__list li {
      display: inline-block;
      margin: 0.25em 0.5em; }
    /* line 145, ../src/roman/pages.scss */
    .all-tags__list a {
      text-decoration: none;
      font-family: "jaf-facitweb", sans-serif;
      color: #ff7300;
      opacity: .7;
      transition: opacity .3s ease; }
      /* line 152, ../src/roman/pages.scss */
      .all-tags__list a:hover {
        opacity: 1; }

/* Generic Page */
/* line 163, ../src/roman/pages.scss */
.page .page-title {
  font-family: "jaf-facitweb", sans-serif;
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 1em; }

/* 404 Error Page */
/* line 174, ../src/roman/pages.scss */
.error-404 {
  margin-top: 3em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center; }
  /* line 180, ../src/roman/pages.scss */
  .error-404 .page-title {
    font-family: "jaf-facitweb", sans-serif;
    font-weight: bold;
    font-size: 1.25em; }
  @media (min-width: 50em) {
    /* line 174, ../src/roman/pages.scss */
    .error-404 {
      margin-top: 5em;
      padding-left: 2em;
      padding-right: 2em; }
      /* line 190, ../src/roman/pages.scss */
      .error-404 .page-title {
        font-size: 1.75em; } }