/*------------------------------------*\
  SASS MIXINS
\*------------------------------------*/
/* Mixins for transformation & animation */
/* Background mixins */
/* Mixins for single rules */
.series-navigation-item__link:hover .series-navigation-item__title--part, .series-navigation-item__title--name {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 0;
  right: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.series-navigation-item__link:hover .series-navigation-item__title--name, .series-navigation-item__title--part {
  visibility: visible;
  position: relative;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }


.post-series-info {
  text-align: center;
  font-weight: 350;
  font-size: 0.875em !important; }
  .post-series-info__image {
    text-align: left; }

.series-info-figure__link {
  text-align: center;
  z-index: 99;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 3.75em;
  height: 3.75em;
  border-radius: 50%;
  border: 2px solid transparent;
  background-size: cover;
  background-position: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .series-info-figure__link:hover {
    border: 2px solid #68c3a3; }

.series-navigation {
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 0.9375em; }
  .series-navigation__container {
    position: relative;
    width: 100%; }
  .series-navigation__image-divider {
    display: inline-block;
    width: 15%; }
    @media only screen and (max-width: 480px) {
      .series-navigation__image-divider {
        display: none; } }
  .series-navigation__divider {
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 15%; }
    @media only screen and (max-width: 480px) {
      .series-navigation__divider {
        width: 10%; } }
  .series-navigation__direction {
    position: relative;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    vertical-align: middle;
    display: inline-block;
    width: 42%; }

.series-navigation-item {
  display: block;
  width: 100%; }
  .series-navigation-item__link {
    width: 100%; }
    .series-navigation-item__link:hover .series-navigation-item__icon--next {
      margin-right: -0.625em;
      margin-left: 0.3125em; }
    .series-navigation-item__link:hover .series-navigation-item__icon--previous {
      margin-left: -0.625em;
      margin-right: 0.3125em; }
  .series-navigation-item__title {
    font-size: 0.875em !important;
    display: inline-block;
    vertical-align: middle;
    width: 90%; }
    @media only screen and (max-width: 768px) {
      .series-navigation-item__title {
        width: 80%;
        font-size: 0.75em !important; } }
    @media only screen and (max-width: 480px) {
      .series-navigation-item__title {
        text-align: center; } }
    .series-navigation-item__title--part {
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
    .series-navigation-item__title--name {
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
  .series-navigation-item__icon {
    width: 10%;
    vertical-align: middle;
    display: inline-block;
    height: 1.875em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    @media only screen and (max-width: 768px) {
      .series-navigation-item__icon {
        width: 20%; } }
    .series-navigation-item__icon--next {
      background-image: url("../images/arrow-right.png");
      background-image: url("../images/arrow-right.svg"); }
    .series-navigation-item__icon--previous {
      background-image: url("../images/arrow-left.png");
      background-image: url("../images/arrow-left.svg"); }
  .series-navigation-item--previous {
    padding-left: 0;
    text-align: left; }
    .series-navigation-item--previous .series-navigation-item__title {
      padding-right: 0.9375em; }
  .series-navigation-item--next {
    padding-right: 0;
    text-align: right; }
    .series-navigation-item--next .series-navigation-item__title {
      padding-left: 0.9375em; }

.series-nav-divider__line {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 1px;
  height: 100%;
  background-color: #52b3d9; }
.series-nav-divider--with-image {
  display: none; }
  @media only screen and (max-width: 480px) {
    .series-nav-divider--with-image {
      display: inline-block; } }

/*# sourceMappingURL=sop.css.map */