@charset "UTF-8";
.grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .grid .col-1 {
    width: 10%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid .col-1 {
        width: 100%; } }
    .grid .col-1.square {
      height: 8.25vw; }
  .grid .col-2 {
    width: 20%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid .col-2 {
        width: 100%; } }
    .grid .col-2.square {
      height: 16.5vw; }
  .grid .col-3 {
    width: 30%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid .col-3 {
        width: 100%; } }
    .grid .col-3.square {
      height: 24.75vw; }
  .grid .col-4 {
    width: 40%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid .col-4 {
        width: 100%; } }
    .grid .col-4.square {
      height: 33vw; }
  .grid .col-5 {
    width: 50%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid .col-5 {
        width: 100%; } }
    .grid .col-5.square {
      height: 41.25vw; }
  .grid .col-6 {
    width: 60%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid .col-6 {
        width: 100%; } }
    .grid .col-6.square {
      height: 49.5vw; }
  .grid .col-7 {
    width: 70%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid .col-7 {
        width: 100%; } }
    .grid .col-7.square {
      height: 57.75vw; }
  .grid .col-8 {
    width: 80%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid .col-8 {
        width: 100%; } }
    .grid .col-8.square {
      height: 66vw; }
  .grid .col-9 {
    width: 90%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid .col-9 {
        width: 100%; } }
    .grid .col-9.square {
      height: 74.25vw; }
  .grid .col-10 {
    width: 100%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid .col-10 {
        width: 100%; } }
    .grid .col-10.square {
      height: 82.5vw; }

.grid-12 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .grid-12 .col-1 {
    width: 8.33333%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-1 {
        width: 100%; } }
    .grid-12 .col-1.square {
      height: 6.875vw; }
  .grid-12 .col-2 {
    width: 16.66667%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-2 {
        width: 100%; } }
    .grid-12 .col-2.square {
      height: 13.75vw; }
  .grid-12 .col-3 {
    width: 25%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-3 {
        width: 100%; } }
    .grid-12 .col-3.square {
      height: 20.625vw; }
  .grid-12 .col-4 {
    width: 33.33333%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-4 {
        width: 100%; } }
    .grid-12 .col-4.square {
      height: 27.5vw; }
  .grid-12 .col-5 {
    width: 41.66667%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-5 {
        width: 100%; } }
    .grid-12 .col-5.square {
      height: 34.375vw; }
  .grid-12 .col-6 {
    width: 50%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-6 {
        width: 100%; } }
    .grid-12 .col-6.square {
      height: 41.25vw; }
  .grid-12 .col-7 {
    width: 58.33333%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-7 {
        width: 100%; } }
    .grid-12 .col-7.square {
      height: 48.125vw; }
  .grid-12 .col-8 {
    width: 66.66667%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-8 {
        width: 100%; } }
    .grid-12 .col-8.square {
      height: 55vw; }
  .grid-12 .col-9 {
    width: 75%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-9 {
        width: 100%; } }
    .grid-12 .col-9.square {
      height: 61.875vw; }
  .grid-12 .col-10 {
    width: 83.33333%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-10 {
        width: 100%; } }
    .grid-12 .col-10.square {
      height: 68.75vw; }
  .grid-12 .col-11 {
    width: 91.66667%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-11 {
        width: 100%; } }
    .grid-12 .col-11.square {
      height: 75.625vw; }
  .grid-12 .col-12 {
    width: 100%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .grid-12 .col-12 {
        width: 100%; } }
    .grid-12 .col-12.square {
      height: 82.5vw; }

@font-face {
  font-family: 'saintecolombe';
  src: url("../fonts/saintecolombeweb-light.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/saintecolombeweb-light.eot?#iefix") format("embedded-opentype"), url("../fonts/saintecolombeweb-light.woff") format("woff"); }

@font-face {
  font-family: 'saintecolombe-italic';
  src: url("../fonts/saintecolombeweb-lightitalic.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/saintecolombeweb-lightitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/saintecolombeweb-lightitalic.woff") format("woff"); }

@font-face {
  font-family: 'proto';
  src: url("../fonts/protogroteskweb-light.eot");
  src: url("../fonts/protogroteskweb-light.eot?#iefix") format("embedded-opentype"), url("../fonts/protogroteskweb-light.woff") format("woff"); }

h1, h2, h3 {
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0em !important;
  -webkit-margin-after: 0em !important;
  -webkit-margin-start: 0px !important;
  -webkit-margin-end: 0px !important;
  font-weight: normal; }

body {
  font-family: 'saintecolombe',times, serif;
  font-size: 1.35rem;
  line-height: 1.75rem;
  color: black; }

a:link, a:visited, a:hover {
  color: black;
  text-decoration: none; }

textarea:focus, input:focus {
  outline: none; }

*:focus {
  outline: none; }

header {
  padding: 1rem 0 0 0;
  width: 100%;
  height: 4.9rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  transition: all 1s ease-in-out; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    header {
      height: 4.5rem; } }
  header.fold-out-left {
    height: 11rem; }
  header.fold-out-right {
    height: 5rem; }

#logo {
  width: 15.5rem;
  height: 4rem;
  position: absolute;
  left: 50%;
  top: 0.2rem; }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    #logo {
      transform: translateX(-46%); } }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #logo {
      left: 1rem;
      margin-left: 0; } }
  #logo svg {
    width: 100%;
    height: auto; }
  #logo #star {
    transition: all 0.1s ease-out;
    transform-origin: right top; }
  #logo:hover #star {
    transform: scale(1.2) translateX(1rem) translateY(-1rem); }

#toolbar {
  position: fixed;
  top: 1rem;
  right: 3rem;
  z-index: 14; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #toolbar {
      right: 1rem; } }
  #toolbar .toolbar-icon {
    display: inline-block;
    padding-left: 1rem;
    cursor: pointer;
    position: relative;
    vertical-align: top;
    height: 2.6rem; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      #toolbar .toolbar-icon {
        padding-left: 0.2rem; } }
    #toolbar .toolbar-icon svg {
      width: 2rem;
      margin-top: 0.3rem; }
  #toolbar .menu-icon {
    margin-top: 0.2rem; }
  #toolbar .search-icon {
    margin-top: 0.2rem;
    height: 2rem; }
    #toolbar .search-icon:hover {
      transform: scale(1.04); }
    #toolbar .search-icon .woocommerce-product-search {
      position: absolute;
      top: 0.45rem;
      right: 0.3rem; }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #toolbar .search-icon .woocommerce-product-search {
          right: 0.4rem; } }
      #toolbar .search-icon .woocommerce-product-search .screen-reader-text {
        display: none; }
      #toolbar .search-icon .woocommerce-product-search button {
        display: none; }
      #toolbar .search-icon .woocommerce-product-search input[type=search] {
        /* Remove First */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /* Then Style */
        position: relative;
        left: 0.1rem;
        transform: scale(1);
        width: 1.4rem;
        height: 1.4rem;
        border: 1px black solid;
        border-radius: 10rem;
        transition: all 0.3s ease;
        background-color: transparent;
        padding: 0rem; }
        @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
          #toolbar .search-icon .woocommerce-product-search input[type=search] {
            top: -0.2rem; } }
        @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
          #toolbar .search-icon .woocommerce-product-search input[type=search] {
            top: -0rem; } }
        #toolbar .search-icon .woocommerce-product-search input[type=search]::-moz-placeholder {
          opacity: 0; }
        #toolbar .search-icon .woocommerce-product-search input[type=search]::-webkit-input-placeholder {
          opacity: 0; }
        #toolbar .search-icon .woocommerce-product-search input[type=search]:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: transparent; }
        #toolbar .search-icon .woocommerce-product-search input[type=search]:focus {
          width: 20rem !important;
          height: 3rem !important;
          padding: 0.1rem 1rem;
          border-radius: 1rem;
          background-color: white;
          top: -0.1rem;
          left: 0.1rem;
          transform: scale(1.04); }
          #toolbar .search-icon .woocommerce-product-search input[type=search]:focus::-moz-placeholder {
            opacity: 1; }
          #toolbar .search-icon .woocommerce-product-search input[type=search]:focus::-webkit-input-placeholder {
            opacity: 1; }
          @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
            #toolbar .search-icon .woocommerce-product-search input[type=search]:focus {
              width: 14rem !important; } }
  #toolbar .cart-icon {
    position: relative; }
    #toolbar .cart-icon .handle {
      transition: all 0.2s ease; }
    #toolbar .cart-icon:hover .handle {
      transform: translateY(-1.5rem); }
    #toolbar .cart-icon .cart-items-amount {
      position: absolute;
      left: 2rem;
      transform: translateX(-50%);
      top: 1.3rem;
      text-align: center;
      font-size: 1.1rem;
      width: 1.6rem;
      font-family: 'proto';
      font-size: 0.8rem;
      line-height: 1.2;
      letter-spacing: 0.06rem; }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #toolbar .cart-icon .cart-items-amount {
          left: 56%; } }
  #toolbar .menu-icon {
    width: 2rem;
    height: 2rem;
    margin-top: 0.5rem;
    margin-left: 0.7rem; }
    #toolbar .menu-icon:hover .line-1 {
      transform: translateY(-0.6rem) rotate(0deg); }
    #toolbar .menu-icon:hover .line-2 {
      transform: translateY(0.6rem) rotate(0deg); }
    #toolbar .menu-icon .line-1, #toolbar .menu-icon .line-2 {
      transition: all 0.3s ease;
      transform-origin: 50% 50%;
      position: absolute;
      top: 50%;
      left: 0;
      border-top: 1px black solid;
      width: 100%; }
    #toolbar .menu-icon .line-1 {
      transform: translateY(-0.5rem) rotate(0deg); }
    #toolbar .menu-icon .line-2 {
      transform: translateY(0.5rem) rotate(0deg); }
    #toolbar .menu-icon.active .line-1 {
      transform: translateY(0rem) rotate(45deg); }
    #toolbar .menu-icon.active .line-2 {
      transform: translateY(0rem) rotate(-45deg); }

#books-menu, #main-filter, .main-menu {
  margin: 0;
  padding: 0;
  font-size: 2rem;
  line-height: 3.1rem; }
  #books-menu ul, #main-filter ul, .main-menu ul {
    display: inline;
    margin: 0;
    padding: 0; }
  #books-menu li, #main-filter li, .main-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block; }
  #books-menu .filter-item::before, #main-filter .filter-item::before, .main-menu .filter-item::before {
    content: "·";
    color: #333; }
  #books-menu .filter-item:hover::before, #main-filter .filter-item:hover::before, .main-menu .filter-item:hover::before {
    color: black; }
  #books-menu .filter-item a, #main-filter .filter-item a, .main-menu .filter-item a {
    color: #333; }
    #books-menu .filter-item a:hover, #main-filter .filter-item a:hover, .main-menu .filter-item a:hover {
      color: black; }
  #books-menu a, #main-filter a, .main-menu a {
    margin: 0 0.6rem 0 0rem;
    display: inline-block;
    border-bottom: 2px transparent solid; }

#books-menu {
  position: absolute;
  left: 2rem;
  top: 1.15rem;
  width: 10%; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #books-menu {
      display: none; } }
  #books-menu .colon {
    display: none; }
  #books-menu .sub-menu li {
    display: none; }
    #books-menu .sub-menu li:hover {
      opacity: 0.5 !important; }
  #books-menu svg {
    width: 2rem;
    height: 2rem;
    top: 0.4rem;
    position: relative;
    transition: all 0.2s ease; }
  #books-menu:hover svg {
    transform: translateX(10%); }

.fold-out-left #books-menu {
  width: 95%; }

#main-filter {
  margin-top: 0rem; }
  #main-filter li {
    display: none; }
  #main-filter span {
    display: inline-block;
    margin-right: 0.7rem; }

.main-menu {
  display: none;
  position: fixed;
  top: 1.3rem;
  left: 1rem;
  width: 90vw; }
  .main-menu ul {
    margin: 0;
    text-align: left;
    display: inline-block; }
    .main-menu ul li {
      margin: 0;
      padding: 0 0 0 1rem;
      list-style: none;
      display: none;
      white-space: nowrap; }

#mobile-menu {
  display: none;
  width: 100%;
  height: 100vh;
  top: 5rem;
  position: fixed;
  z-index: 1000000;
  padding: 0 1rem 0 1rem;
  background-color: #ddd !important; }
  #mobile-menu ul {
    margin: 0;
    padding: 0; }
    #mobile-menu ul li {
      margin: 0;
      padding: 0;
      list-style: none; }
  #mobile-menu #mobile-books-menu {
    border-top: 1px solid black;
    margin-top: 1rem;
    padding-top: 1rem;
    text-align: center; }
    #mobile-menu #mobile-books-menu .all-books-link {
      text-align: center;
      font-family: 'proto';
      font-size: 1rem;
      line-height: 1.35;
      letter-spacing: 0.08rem;
      text-transform: uppercase; }
    #mobile-menu #mobile-books-menu svg {
      display: none; }
    #mobile-menu #mobile-books-menu .sub-menu {
      font-family: 'saintecolombe',times, serif;
      font-size: 1.7rem;
      line-height: 2rem;
      color: black;
      text-align: center; }
    #mobile-menu #mobile-books-menu #mobile-main-filter {
      border-top: 1px solid black;
      padding-top: 1rem;
      font-family: 'saintecolombe',times, serif;
      font-size: 1.7rem;
      line-height: 2rem;
      color: black;
      text-align: left;
      margin-top: 1rem; }
      #mobile-menu #mobile-books-menu #mobile-main-filter ul {
        display: inline; }
        #mobile-menu #mobile-books-menu #mobile-main-filter ul li {
          font-family: 'saintecolombe',times, serif;
          font-size: 1.35rem;
          line-height: 1.75rem;
          color: black;
          display: inline;
          text-indent: 0;
          padding-left: 0.3rem;
          white-space: nowrap; }
          #mobile-menu #mobile-books-menu #mobile-main-filter ul li:before {
            content: "•"; }
  #mobile-menu #mobile-main-menu {
    font-family: 'saintecolombe',times, serif;
    font-size: 1.7rem;
    line-height: 2rem;
    color: black;
    text-align: center; }

.single-book .cover-wrapper {
  background-color: grey; }

.single-book .cover-wrapper:after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  content: "";
  display: block;
  height: 97%;
  right: 90%;
  position: absolute;
  top: 1%;
  transform: rotateY(10deg);
  transform-origin: center right;
  width: 24%;
  filter: blur(3px);
  z-index: 0; }

@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
  #white-void {
    height: 6rem; } }

@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #white-void {
    height: 5rem; } }

#main {
  margin-top: 0 !important; }

footer {
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
  position: relative;
  font-family: 'proto';
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.06rem;
  z-index: 10; }
  footer #address {
    padding: 0 0 0 2rem; }
  footer .col-2 {
    padding-left: 1rem; }
  footer a:hover {
    opacity: 0.5; }

#footer-nav {
  width: 44%; }
  #footer-nav ul {
    margin: 0;
    padding: 0 1rem 0 0;
    text-align: left; }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      #footer-nav ul {
        margin-left: 6rem;
        width: 100%; } }
    #footer-nav ul li {
      margin: 0;
      padding: 0 0 0 1rem;
      list-style: none;
      display: inline-block; }
  #footer-nav h2.footer-head {
    font-family: 'proto';
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1rem; }
  #footer-nav #newsletter-subscription {
    display: none;
    margin-top: 3rem;
    text-align: center; }
    #footer-nav #newsletter-subscription input {
      border: 1px solid black;
      border-radius: 0.8rem; }
    #footer-nav #newsletter-subscription .group-body {
      margin-top: 1rem; }
    #footer-nav #newsletter-subscription .submit {
      background-color: black;
      color: white;
      text-transform: uppercase;
      padding: 0.3rem 0.2rem 0.1rem 0.2rem; }

#social {
  text-align: right;
  padding: 0 2rem 0 0;
  width: 16%; }
  #social .social-media-item {
    padding: 0 0 0 1rem;
    display: inline-block; }
  #social svg {
    width: 1.5rem; }

@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  footer {
    position: relative; }
    footer #address-1, footer #address-2 {
      margin-bottom: 1rem; }
    footer #social {
      position: absolute;
      right: 0.5rem;
      top: 2rem; }
    footer #footer-nav {
      width: 100%; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./../img/ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 24rem;
  width: 6rem;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(20%, -50%);
  transform-origin: 50% 50%;
  padding: 0;
  border: 0px transparent solid;
  outline: none;
  fill: transparent;
  stroke: black;
  stroke-width: 0.6px;
  z-index: 200; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .slick-prev,
    .slick-next {
      transform: translate(20%, -50%);
      transform-origin: 50% 50%;
      width: 4rem; } }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before {
  content: "←"; }

.slick-next {
  right: 1rem;
  transform: rotate(180deg) translate(0%, 50%); }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .slick-next {
      right: 0.5rem; } }
  .slick-next:before {
    content: "→"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slick-list, .slick-track {
  padding: 0 !important; }

.gallery-wrapper {
  cursor: pointer; }
  .gallery-wrapper .gallery-item {
    text-align: center;
    height: 100%;
    padding: 7vh; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .gallery-wrapper .gallery-item {
        padding: 0rem 1rem 0rem 1rem; } }
  .gallery-wrapper .figure-wrapper {
    display: inline-block;
    position: relative; }
    .gallery-wrapper .figure-wrapper:before {
      background-image: url(../img/book-shadow.png);
      background-size: contain;
      background-position: right;
      background-repeat: no-repeat;
      content: " ";
      display: block;
      height: 100%;
      right: 99%;
      position: absolute;
      top: 0;
      transform-origin: center right;
      width: 100%;
      z-index: 0;
      pointer-events: none; }
    .gallery-wrapper .figure-wrapper:before {
      top: 1%;
      height: 97%;
      opacity: 0.8; }
  .gallery-wrapper .single-image {
    display: relative;
    /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      .gallery-wrapper .single-image {
        -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
        -moz-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
        -ms-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
        -o-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
        filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2)); } }
  .gallery-wrapper img {
    width: auto !important;
    display: inline-block;
    margin: 0; }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      .gallery-wrapper img {
        height: 80vh; } }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .gallery-wrapper .cover img {
      height: 40vh;
      width: auto; } }

.template-single-book #single-book-images figure {
  background: linear-gradient(to right, #ddd 0%, #fff 40%, #ddd 49.96%, #bbb 50%, #ccc 50.04%, #eee 60%, #fff 100%);
  /* W3C */
  display: inline-block;
  mask-image: url(../img/bookmask.png);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-image: url(../img/bookmask.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .template-single-book #single-book-images figure {
      box-shadow: -0.5rem 0 1rem 0rem rgba(0, 0, 0, 0.3) !important; } }
  .template-single-book #single-book-images figure img {
    border-radius: 1px;
    max-width: 100%;
    max-height: 100%;
    max-height: 80vh;
    width: auto;
    margin: 0 !important;
    display: block;
    mix-blend-mode: multiply; }
  .template-single-book #single-book-images figure img.first {
    mask: none;
    -webkit-mask: none;
    width: auto !important;
    margin: 0 !important;
    height: 60vh !important; }

.template-single-book #single-book-images .cover-wrapper {
  width: auto !important;
  margin: 0; }

.template-single-book #single-book-images .single-book {
  padding-top: 1rem !important; }
  .template-single-book #single-book-images .single-book .cover-wrapper {
    box-shadow: -0.5rem 0 1rem 0rem rgba(0, 0, 0, 0.3) !important; }
    .template-single-book #single-book-images .single-book .cover-wrapper:after {
      opacity: 0.2 !important; }
    .template-single-book #single-book-images .single-book .cover-wrapper .cover:after {
      opacity: 0.2 !important; }
  .template-single-book #single-book-images .single-book:hover .cover-wrapper {
    transform: scale(1) !important;
    z-index: 10000; }

/*Authors*/
.template-authors {
  background-color: white;
  background-image: url(../img/sternberg-about-background.jpg);
  background-size: 100% 1200px, cover; }
  .template-authors .author-wrapper {
    display: none; }
  .template-authors #main #filter-wrapper {
    text-align: center;
    margin: 0 0 2rem; }
    .template-authors #main #filter-wrapper #livefilter-input {
      border: 1px black solid;
      padding: 0.3rem 0.5rem;
      border-radius: 0.4rem; }
      @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
        .template-authors #main #filter-wrapper #livefilter-input {
          width: 30rem; } }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .template-authors #main #filter-wrapper #livefilter-input {
          width: 80%;
          margin-top: 2rem; } }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    .template-authors #main #authors {
      padding: 0 2rem 3rem 2rem; } }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .template-authors #main #authors {
      padding: 0 1rem 3rem 1rem; } }
  .template-authors #main .authors--list {
    display: none; }
  .template-authors #main .new-authors--list {
    margin: 0;
    padding: 0;
    width: 100%; }
  .template-authors #main .letter-section {
    margin-bottom: 1rem; }
  .template-authors #main ul {
    margin: 0;
    padding: 0;
    display: inline-block; }
    .template-authors #main ul li {
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      font-size: 0.9rem;
      vertical-align: baseline;
      list-style: none;
      position: relative; }
  .template-authors #main .letter-wrapper {
    overflow: hidden;
    vertical-align: top;
    margin-bottom: 0rem;
    overflow: hidden;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
    margin-bottom: -1px;
    position: relative; }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      .template-authors #main .letter-wrapper {
        height: 2rem;
        width: 100%; } }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .template-authors #main .letter-wrapper {
        height: 6.5rem; } }
    .template-authors #main .letter-wrapper.open {
      height: auto; }
    .template-authors #main .letter-wrapper .letter {
      width: 5%;
      display: inline-block;
      padding-top: 0.05rem; }
    .template-authors #main .letter-wrapper ul {
      width: 95%;
      display: inline-block;
      vertical-align: top; }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .template-authors #main .letter-wrapper ul {
          width: 94%; } }
      .template-authors #main .letter-wrapper ul li {
        padding: 0 0 0 0;
        display: inline-block;
        font-family: 'proto';
        font-size: 1rem;
        line-height: 1.35;
        letter-spacing: 0.08rem;
        text-transform: uppercase;
        margin-top: 0rem;
        margin-bottom: -0.4rem;
        white-space: nowrap;
        margin-right: 0.5%;
        overflow: hidden;
        letter-spacing: 0.03rem; }
        @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
          .template-authors #main .letter-wrapper ul li {
            width: 19.5%; } }
        @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
          .template-authors #main .letter-wrapper ul li {
            width: 90%; } }
        .template-authors #main .letter-wrapper ul li::before {
          color: #888; }
        .template-authors #main .letter-wrapper ul li a:hover {
          opacity: 0.5; }
    .template-authors #main .letter-wrapper .foldout {
      position: absolute;
      right: 0rem;
      top: 0.3rem;
      border: 1px black solid;
      border-radius: 2rem;
      height: 1.4rem;
      width: 1.4rem;
      text-align: center;
      line-height: 1.4rem;
      color: black;
      cursor: pointer;
      font-family: "Times New Roman", Times, serif;
      z-index: 2; }
      .template-authors #main .letter-wrapper .foldout:hover {
        font-weight: bold; }

#check-for-mobile {
  display: none; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #check-for-mobile {
      background-color: blue; } }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    #check-for-mobile {
      background-color: red; } }

*,
*:before,
*:after {
  box-sizing: border-box; }

html {
  box-sizing: border-box;
  font-size: 1vw; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
      font-size: 4vw; } }

html.js {
  margin-top: 0 !important; }

body {
  margin: 0;
  padding: 0;
  width: 100vw;
  transition: background-color 0.5s ease;
  background-color: #dddddd;
  overflow-x: hidden !important; }

body.header-shadow {
  background-color: #dddddd; }
  body.header-shadow header {
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0 0 0.8rem 0.8rem #dddddd;
    background-color: #dddddd; }
  body.header-shadow .panel-label-big .panel-label-inner, body.header-shadow #white-void, body.header-shadow footer {
    background-color: #dddddd; }

::selection {
  background: red;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: red;
  /* Gecko Browsers */ }

p {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin: 0; }

mark {
  background-color: transparent; }

figure {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0; }

button {
  border-radius: 2rem;
  border: 0px transparent solid;
  background-color: black;
  color: white;
  padding: 0.25rem 0.7rem 0.4rem;
  font-family: proto, sans-serif;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: center;
  text-decoration: none !important; }

#main {
  position: relative;
  z-index: 1;
  margin-top: 7rem;
  min-height: 90vh;
  min-height: calc(100vh - 4.9rem - 10rem); }
  #main header {
    position: relative;
    padding: inherit;
    width: 100%;
    height: inherit;
    top: inherit;
    left: inherit;
    background: none;
    z-index: 10; }

.grid {
  align-items: stretch; }

.overview.grid {
  background-image: linear-gradient(90deg, #db4460 20%, #3f8f3c 20%, #3f8f3c 40%, #223d85 40%, #223d85 60%, #733370 60%, #733370 80%, #c7ac14 80%, #c7ac14 100%);
  background-image: linear-gradient(90deg, #777 20%, #999 20%, #999 40%, #555 40%, #555 60%, #444 60%, #444 80%, #666 80%, #666 100%);
  background-size: 100% 100%; }

.panel-label {
  width: 100%;
  overflow: hidden;
  height: 3rem;
  margin-bottom: -3rem; }
  .panel-label .panel-label-inner {
    position: relative;
    z-index: 10;
    text-align: center;
    padding: 1rem;
    font-family: 'saintecolombe',times, serif;
    font-size: 1.7rem;
    line-height: 2rem;
    color: black;
    transition: transform 0.5s ease; }
    .panel-label .panel-label-inner.hide-me {
      transform: translateY(-17rem); }

.panel-label-big {
  width: 100%; }
  .panel-label-big .panel-label-inner {
    text-align: center;
    padding: 1rem 2rem 0rem 2rem;
    font-family: 'saintecolombe',times, serif;
    font-size: 1.7rem;
    line-height: 2rem;
    color: black;
    background-color: white; }

/*BOOKS OVERVIEW*/
.single-book-wrapper .cover-wrapper {
  box-shadow: -0.5rem 0 3rem 0rem rgba(0, 0, 0, 0.3);
  display: inline-block;
  perspective: 300px;
  position: relative;
  vertical-align: bottom;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-top: 4rem;
  margin-bottom: 2rem;
  z-index: 10;
  width: 60%;
  left: 20%; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .single-book-wrapper .cover-wrapper {
      min-height: 9rem; } }
  .single-book-wrapper .cover-wrapper.slim-book {
    width: 40%;
    left: 30%; }
  .single-book-wrapper .cover-wrapper.square-image {
    width: 70%;
    margin-left: 15%; }
  .single-book-wrapper .cover-wrapper:after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%);
    content: " ";
    display: block;
    height: 98%;
    right: 98%;
    position: absolute;
    top: 2%;
    transform: rotateY(10deg);
    transform-origin: center right;
    width: 17%;
    filter: blur(1%);
    z-index: -3;
    opacity: 0.5;
    display: none; }
  .single-book-wrapper .cover-wrapper:before {
    background-image: url(../img/book-shadow.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 100%;
    right: 99%;
    position: absolute;
    top: 0;
    transform-origin: center right;
    width: 100%;
    z-index: 0;
    pointer-events: none; }

.single-book-wrapper .cover {
  display: inline-block;
  width: 100%;
  perspective: 300px;
  position: relative;
  vertical-align: bottom;
  z-index: 20; }
  .single-book-wrapper .cover:before {
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 90%);
    box-shadow: 1px 0 rgba(0, 0, 0, 0.1), 2px 0 0px rgba(255, 255, 255, 0.1);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 5px;
    z-index: 2;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  .single-book-wrapper .cover img {
    display: block;
    width: 100%;
    z-index: 1;
    position: relative;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }

.single-book {
  padding: 1rem 1rem 1rem 1rem;
  position: relative; }
  .single-book .cover-outer-wrapper {
    position: relative;
    top: 0rem;
    left: 0;
    width: 100%;
    min-height: 17rem;
    opacity: 0; }
  .single-book.loaded .cover-outer-wrapper {
    opacity: 1; }
  .single-book a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 10rem; }
  .single-book .cover-wrapper {
    box-shadow: -0.5rem 0 3rem 0rem rgba(0, 0, 0, 0.3);
    display: inline-block;
    perspective: 300px;
    position: relative;
    vertical-align: bottom;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-top: 4rem;
    margin-bottom: 2rem;
    z-index: 10;
    width: 60%;
    left: 20%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .single-book .cover-wrapper {
        min-height: 9rem; } }
    .single-book .cover-wrapper.slim-book {
      width: 40%;
      left: 30%; }
    .single-book .cover-wrapper.square-image {
      width: 70%;
      margin-left: 15%; }
    .single-book .cover-wrapper:after {
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%);
      content: " ";
      display: block;
      height: 98%;
      right: 98%;
      position: absolute;
      top: 2%;
      transform: rotateY(10deg);
      transform-origin: center right;
      width: 17%;
      filter: blur(1%);
      z-index: -3;
      opacity: 0.5;
      display: none; }
    .single-book .cover-wrapper:before {
      background-image: url(../img/book-shadow.png);
      background-size: contain;
      background-position: right;
      background-repeat: no-repeat;
      content: " ";
      display: block;
      height: 100%;
      right: 99%;
      position: absolute;
      top: 0;
      transform-origin: center right;
      width: 100%;
      z-index: 0;
      pointer-events: none; }
  .single-book .cover {
    display: inline-block;
    width: 100%;
    perspective: 300px;
    position: relative;
    vertical-align: bottom;
    z-index: 20; }
    .single-book .cover:before {
      background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 90%);
      box-shadow: 1px 0 rgba(0, 0, 0, 0.1), 2px 0 0px rgba(255, 255, 255, 0.1);
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      width: 5px;
      z-index: 2;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px; }
    .single-book .cover img {
      display: block;
      width: 100%;
      z-index: 1;
      position: relative;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px; }
  .single-book.done {
    overflow: hidden !important; }
    .single-book.done .description-price-wrapper {
      min-height: 20rem; }
    .single-book.done .book-description {
      display: block;
      max-height: 15.7rem;
      overflow: hidden; }
  .single-book.hover .cover-outer-wrapper,
  .single-book.hover .cover-wrapper,
  .single-book.hover .title-author-wrapper,
  .single-book.hover .description-price-wrapper {
    transition: transform 0.4s ease-out !important; }
  .single-book.hover-out .cover-outer-wrapper,
  .single-book.hover-out .cover-wrapper,
  .single-book.hover-out .title-author-wrapper,
  .single-book.hover-out .description-price-wrapper {
    transition: transform 0.4s ease !important; }
  .single-book.hover-out {
    overflow: hidden !important; }
  .single-book.hover {
    overflow: hidden !important; }
    .single-book.hover .description-price-wrapper {
      min-height: 20rem; }
    .single-book.hover .book-description {
      display: block;
      max-height: 15.7rem;
      overflow: hidden; }
    .single-book.hover .cover-outer-wrapper {
      transform: translateY(-85%); }
    .single-book.hover .cover-wrapper {
      transform: scale(1) !important; }
    .single-book.hover .title-author-wrapper,
    .single-book.hover .description-price-wrapper {
      transform: translateY(-19rem); }
  .single-book .title-author-wrapper {
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    padding: 0 0rem 0.1rem 0rem; }
  .single-book .book-author {
    font-family: 'proto';
    font-size: 1rem;
    line-height: 1.35;
    letter-spacing: 0.08rem;
    text-transform: uppercase; }
  .single-book .cover img {
    width: 100%;
    height: auto; }
  .single-book .book-title {
    font-family: 'saintecolombe',times, serif;
    font-size: 1.7rem;
    line-height: 2rem;
    color: black;
    word-wrap: break-word;
    margin-bottom: 0.2rem; }
  .single-book .subtitle {
    font-family: 'saintecolombe',times, serif;
    font-size: 1rem;
    line-height: 1.2; }
  .single-book .description-price-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 1rem;
    z-index: 1;
    font-family: 'saintecolombe',times, serif;
    font-size: 1rem;
    line-height: 1.2; }
  .single-book .price {
    font-family: 'saintecolombe-italic',times, serif;
    font-size: 1.7rem;
    line-height: 2rem;
    color: black;
    position: absolute;
    right: 1rem;
    bottom: 1.5rem;
    text-align: right; }
  .single-book .price-former {
    right: 6.1rem;
    text-decoration: line-through;
    font-size: 0.9rem;
    line-height: 1.4rem; }

/*horizontal books slider */
.horizontal-book-slider {
  align-items: stretch;
  background-color: white; }
  .horizontal-book-slider .slick-track {
    display: flex; }
    .horizontal-book-slider .slick-track .slick-slide {
      flex: 1;
      height: auto;
      border-right: 1px solid black; }
  .horizontal-book-slider .slick-list {
    width: 90%;
    margin: 0 5% 0 5%;
    border-left: 1px solid black;
    border-right: 1px solid black; }
  .horizontal-book-slider .single-book {
    position: relative;
    flex: 1; }

body.template-front.closed-3d {
  background-color: #dddddd; }
  body.template-front.closed-3d header {
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0 0 0.8rem 0.8rem #dddddd;
    background-color: #dddddd; }
  body.template-front.closed-3d .panel-label-big .panel-label-inner, body.template-front.closed-3d #white-void, body.template-front.closed-3d footer {
    background-color: #dddddd; }

@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.template-front {
    background-color: #dddddd; }
    body.template-front header {
      /* offset-x | offset-y | blur-radius | spread-radius | color */
      box-shadow: 0 0 0.8rem 0.8rem #dddddd;
      background-color: #dddddd; }
    body.template-front .panel-label-big .panel-label-inner, body.template-front #white-void, body.template-front footer {
      background-color: #dddddd; } }

body.template-front.start-three #logo {
  top: 45vh;
  width: 30rem; }

body.template-front #curation3d {
  height: 100vh;
  padding-top: 100vh;
  background-color: #dddddd;
  overflow: hidden; }
  body.template-front #curation3d .single-book {
    display: none; }

body.template-front #badge {
  padding-top: 0.5rem;
  height: 3rem;
  background-color: yellow;
  color: black;
  text-transform: uppercase;
  overflow: hidden;
  font-family: 'saintecolombe',times, serif;
  font-size: 1.7rem;
  line-height: 2rem;
  color: black;
  letter-spacing: 0.1rem; }
  body.template-front #badge a {
    color: blue; }
  body.template-front #badge p {
    margin: 0; }

body.template-front.close-3d {
  overflow: hidden; }
  body.template-front.close-3d #intro {
    top: -100vh;
    transition: all 0.7s ease; }
  body.template-front.close-3d #white-void {
    background-color: #dddddd !important; }

body.template-front.closed-3d {
  overflow: scroll;
  overflow-x: scroll;
  background-color: #dddddd; }
  body.template-front.closed-3d header {
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0 0 0.8rem 0.8rem #dddddd;
    background-color: #dddddd; }
  body.template-front.closed-3d .panel-label-big .panel-label-inner, body.template-front.closed-3d #white-void, body.template-front.closed-3d footer {
    background-color: #dddddd; }

body.template-front #intro {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  z-index: 5;
  background-color: #dddddd;
  transition: background-color 0.6s ease, top 0.6s ease;
  box-shadow: 0 0 2rem black; }

body.template-front.active-3d {
  height: 200vh; }
  body.template-front.active-3d #wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw; }
  body.template-front.active-3d footer {
    display: none; }
  body.template-front.active-3d #toolbar {
    display: none; }
  body.template-front.active-3d #close {
    position: fixed;
    right: 1rem;
    top: 1rem;
    height: 2rem;
    width: 2rem;
    z-index: 20;
    cursor: pointer;
    font-size: 4rem; }
  body.template-front.active-3d #info-box {
    position: fixed;
    bottom: 0;
    right: 0;
    transform: translateY(150%);
    width: 20rem;
    z-index: 14;
    transition: all 0.5s ease-out;
    box-shadow: -0.5rem 0 3rem 0rem rgba(0, 0, 0, 0.3); }
    body.template-front.active-3d #info-box.active {
      transform: translateY(70%);
      display: block; }
    body.template-front.active-3d #info-box.active:hover {
      transform: translateY(0%);
      display: block; }
      body.template-front.active-3d #info-box.active:hover .cover-wrapper {
        transform: scale(1) translateY(0rem) !important; }
    body.template-front.active-3d #info-box .single-book.done {
      overflow: visible !important; }

body.template-front #white-void, body.template-front footer {
  background-color: #dddddd; }

#featured .slick-track, #featured .single-book {
  height: 85vh;
  height: calc(100vh - 4.9rem - 5rem); }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #featured .slick-track, #featured .single-book {
      height: 75vh !important; } }

#featured .slick-arrow {
  height: calc(100vh - 4.9rem - 18rem); }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #featured .slick-arrow {
      height: 75vh !important; } }

#featured .slick-prev {
  left: 0;
  transform: translate(0%, -50%);
  padding-left: 1rem; }

#featured .slick-next {
  right: 0;
  padding-left: 1rem; }

#featured .cover-outer-wrapper {
  text-align: center; }
  #featured .cover-outer-wrapper .cover-wrapper {
    width: auto !important;
    display: inline-block;
    left: 0; }
    #featured .cover-outer-wrapper .cover-wrapper img {
      height: 60vh !important;
      width: auto !important; }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #featured .cover-outer-wrapper .cover-wrapper img {
          height: 40vh !important; } }

@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
  #featured .book-author {
    width: 33%; } }

#featured figcaption {
  text-align: left; }
  #featured figcaption .figcaption-inner-titlewrapper {
    width: 70%;
    margin-left: 15%;
    display: inline-block;
    padding: 0 0 2rem 0;
    text-align: center; }
    #featured figcaption .figcaption-inner-titlewrapper .book-author {
      font-family: 'proto';
      font-size: 0.8rem;
      line-height: 1.2;
      letter-spacing: 0.06rem;
      text-transform: uppercase; }
    #featured figcaption .figcaption-inner-titlewrapper .book-title {
      font-family: 'saintecolombe',times, serif;
      font-size: 1.7rem;
      line-height: 2rem;
      color: black; }

@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #featured .book-title {
    width: 78%; } }

#featured .description-price-wrapper {
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0; }
  #featured .description-price-wrapper .book-description {
    display: none; }
  #featured .description-price-wrapper .price {
    bottom: 1rem; }

body.marquee-active #featured .slick-track, body.marquee-active #featured .single-book {
  height: 85vh;
  height: calc(100vh - 4.9rem - 7.8rem); }

#news {
  background-color: #f2f2f2;
  padding: 2rem 0 2rem 0; }
  #news img {
    filter: grayscale(100%) contrast(100%); }
  #news .news-wrapper {
    align-items: stretch; }
  #news .panel-label {
    margin-top: -2rem;
    margin-bottom: 0; }
  #news .news-wrapper .slick-track {
    display: flex; }
    #news .news-wrapper .slick-track .slick-slide {
      flex: 1;
      height: auto;
      margin: 2rem;
      background-color: white;
      box-shadow: 0px 0px 1rem 1rem white;
      border-radius: 1rem; }
  #news .slick-list {
    width: 94%;
    margin: 0 3% 0 3%; }
  #news .single-news {
    padding: 1rem 0.5rem;
    position: relative;
    flex: 1; }
    #news .single-news .news-image {
      margin-bottom: 1.2rem;
      padding: 0.6rem;
      height: 14.2rem;
      background-color: #e5e5e5;
      text-align: center; }
      #news .single-news .news-image img {
        width: auto;
        height: 13rem;
        display: inline; }
    #news .single-news .news-lable {
      font-family: 'proto';
      font-size: 0.8rem;
      line-height: 1.2;
      letter-spacing: 0.06rem;
      text-transform: uppercase; }
    #news .single-news h2.news-title {
      padding-top: 0.2rem;
      left: -0.1rem;
      position: relative;
      font-family: 'proto';
      font-size: 1.8rem;
      line-height: 2rem;
      color: black; }
    #news .single-news h3.news-sub-title {
      font-family: 'proto';
      font-size: 1.8rem;
      line-height: 2rem;
      color: black;
      color: #666; }
    #news .single-news .news-text {
      margin: 1.08rem 0 1.2rem 0; }
      #news .single-news .news-text p, #news .single-news .news-text h4, #news .single-news .news-text h5, #news .single-news .news-text h6 {
        font-family: 'proto';
        font-size: 1rem;
        line-height: 1.2rem;
        letter-spacing: 0.06rem;
        margin: 0rem 0 1.2rem 0;
        hyphens: auto;
        font-weight: normal; }
    #news .single-news .news-meta {
      font-family: 'proto';
      font-size: 0.8rem;
      line-height: 1.2;
      letter-spacing: 0.06rem; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #news .col-4 {
      border-bottom: 1px solid black; }
    #news .panel-label {
      margin-bottom: -1rem; }
    #news .single-news {
      padding: 2rem 1rem 2rem 1rem; } }

/*SINGLE BOOK*/
.buy-button {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  font-family: 'saintecolombe-italic',times, serif;
  font-size: 1.35rem;
  line-height: 1.3;
  z-index: 3;
  border: 1px solid black;
  border-radius: 1.4rem;
  padding: 0.5rem 0.8rem 0.6rem 0.8rem;
  transition: all 0.5s ease;
  display: none; }
  .buy-button:hover {
    opacity: 0.5; }

#price {
  position: fixed;
  right: 2.2rem;
  top: 7.3rem;
  min-width: 10.9vw;
  font-family: 'saintecolombe-italic',times, serif;
  font-size: 1.35rem;
  line-height: 1.3;
  z-index: 1000; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #price {
      width: 50%;
      right: 1rem;
      bottom: 1rem;
      top: auto; } }
  #price::before {
    font-family: 'proto';
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 0.06rem;
    text-transform: uppercase; }
  #price .price-item {
    margin-right: 0rem;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    height: 4rem;
    border: 1px solid black;
    border-radius: 1.4rem;
    display: block;
    padding: 0.7rem 0.4rem 0.6rem 2.5rem;
    transition: all 0.5s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden; }
    #price .price-item::before {
      content: "+";
      font-family: 'saintecolombe',times, serif;
      font-size: 1.35rem;
      line-height: 1.75rem;
      color: black;
      font-size: 2rem;
      position: absolute;
      left: 0;
      top: 0;
      padding-left: 0.3rem;
      padding-top: 0.9rem;
      border-right: 1px black solid;
      height: 4rem;
      height: calc(4rem - 1px);
      width: 1.9rem; }
    #price .price-item .price-item-price-former {
      text-decoration: line-through;
      font-size: 0.9rem;
      float: left;
      margin-right: 0.2rem; }
  #price a.price-item:hover {
    opacity: 0.5; }
  #price .out-of-stock.price-item {
    opacity: 0.5; }
    #price .out-of-stock.price-item:hover {
      cursor: not-allowed; }
    #price .out-of-stock.price-item::before {
      content: "×"; }
  #price .price-item-label {
    font-family: 'proto';
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
    white-space: nowrap; }

#related-books {
  z-index: 10;
  position: relative; }
  #related-books .panel-label {
    border-top: 0px solid transparent; }

#single-book .single-book-main-wrapper {
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 6rem; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #single-book .single-book-main-wrapper {
      margin-bottom: 1rem; } }

#single-book .col-left {
  padding: 0 1rem 0 0; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #single-book .col-left {
      width: 100%;
      padding: 0; } }

#single-book .col-right {
  padding: 0 0 0 1rem; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #single-book .col-right {
      width: 100%;
      padding: 0; } }

#single-book .special-width {
  width: 22%; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #single-book .special-width {
      width: 100%;
      padding: 0 1rem 0 1rem; }
      #single-book .special-width .cover-outer-wrapper {
        padding: 0 6rem 0 6rem; } }

#single-book #single-book-head {
  margin-top: 0.15rem;
  margin-bottom: 1.5rem; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #single-book #single-book-head {
      width: 100%;
      padding: 0 1rem 0 1rem; } }
  #single-book #single-book-head #single-book-author {
    font-family: 'proto';
    font-size: 1rem;
    line-height: 1.35;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    margin-bottom: 0.2rem; }
  #single-book #single-book-head h2#single-book-title {
    font-family: 'saintecolombe',times, serif;
    font-size: 2.5rem;
    line-height: 2.7rem;
    color: black;
    padding-bottom: 0.25rem; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #single-book #single-book-head h3#single-book-sub-title {
      padding: 0;
      margin-bottom: 2rem; } }
  #single-book #single-book-head .contributions {
    padding-top: 3.5rem;
    padding-bottom: 2.2rem;
    font-family: 'proto';
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0.08rem; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      #single-book #single-book-head .contributions {
        width: 100%;
        padding: 1.5rem 0 0 0; } }
    #single-book #single-book-head .contributions div span {
      font-family: 'proto';
      font-size: 1rem;
      line-height: 1.35;
      letter-spacing: 0.08rem;
      text-transform: uppercase; }
      #single-book #single-book-head .contributions div span.shorten-toggle {
        text-decoration: underline;
        cursor: pointer;
        text-transform: none; }
        #single-book #single-book-head .contributions div span.shorten-toggle:hover {
          text-decoration: none; }
      #single-book #single-book-head .contributions div span .and {
        text-transform: none; }

@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #single-book #single-book-body-text {
    padding: 0 1rem 0 1rem; } }

#single-book #single-book-body-text a {
  text-decoration: underline; }

#single-book #single-book-body-text p {
  text-indent: 2rem; }

#single-book #single-book-body-text p:first-child, #single-book #single-book-body-text h1 + p, #single-book #single-book-body-text h2 + p, #single-book #single-book-body-text hr + p {
  text-indent: 0; }

#single-book #single-book-body-text hr {
  margin-block-start: 0;
  margin-block-end: 0;
  height: 0;
  margin-top: 1.75rem;
  opacity: 0; }

#single-book .single-book-cover img {
  width: 100%;
  height: auto; }

#single-book #single-book-text-panel.grid-12 {
  justify-content: center;
  padding-bottom: 5rem; }

#single-book #single-book-images {
  min-height: 100vh; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #single-book #single-book-images {
      height: 60vh !important;
      min-height: 1px !important; } }
  #single-book #single-book-images.less-than-square {
    min-height: 40rem; }
    #single-book #single-book-images.less-than-square figure img {
      max-height: 30rem;
      width: auto !important; }

#single-book #single-book-authors,
#single-book #single-book-meta {
  font-family: 'proto';
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.06rem;
  padding: 0 0 0 1rem; }
  #single-book #single-book-authors .single-book-meta-item,
  #single-book #single-book-meta .single-book-meta-item {
    margin-bottom: 0.5rem; }
  #single-book #single-book-authors .single-book-meta-item-label,
  #single-book #single-book-meta .single-book-meta-item-label {
    font-family: 'proto';
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 0.06rem;
    text-transform: uppercase; }

#single-book #single-book-meta {
  padding: 0 0 0 0rem;
  margin-top: 1rem; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #single-book #single-book-meta {
      text-align: center;
      margin-bottom: 2rem;
      margin-top: 3rem; } }

#single-book #single-book-reception-panel {
  justify-content: center;
  padding-bottom: 5rem; }
  #single-book #single-book-reception-panel .single-book-reception-item {
    padding: 1rem; }
    #single-book #single-book-reception-panel .single-book-reception-item .single-book-reception-item-text p {
      font-family: 'saintecolombe',times, serif;
      font-size: 1.35rem;
      line-height: 1.75rem;
      color: black; }
    #single-book #single-book-reception-panel .single-book-reception-item .single-book-reception-item-credits {
      font-family: 'proto';
      font-size: 1rem;
      line-height: 1.2rem;
      letter-spacing: 0.06rem;
      margin-top: 0.5rem; }

.series-overview {
  justify-content: center !important; }
  .series-overview .col-4 {
    width: 33.333%; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .series-overview .col-4 {
        width: 100%; } }
  .series-overview .single-book {
    height: 30rem;
    padding: 5rem 5rem 3rem 5rem; }
    .series-overview .single-book a {
      display: block; }
    .series-overview .single-book .book-title, .series-overview .single-book .book-description {
      transition: transform 0.5s ease; }
    .series-overview .single-book.hover .cover-outer-wrapper, .series-overview .single-book.hover .book-title {
      transform: translateY(-17rem); }
    .series-overview .single-book.hover .book-description {
      transform: translateY(-17rem); }
    .series-overview .single-book .covers-wrapper {
      position: absolute;
      left: 14%;
      top: 0rem;
      width: 80%; }
      .series-overview .single-book .covers-wrapper .cover-outer-wrapper {
        margin-right: -25%;
        margin-left: -10%;
        width: 60%;
        float: left;
        min-height: 16rem;
        max-height: 16rem;
        position: relative; }
      .series-overview .single-book .covers-wrapper.covers-wrapper--1 .cover-1 {
        margin-left: 18%; }
      .series-overview .single-book .covers-wrapper.covers-wrapper--2 .cover-1 {
        margin-left: 10%; }
      .series-overview .single-book .covers-wrapper.covers-wrapper--2 .cover-2 {
        margin-left: 26%;
        padding-top: 0rem;
        padding-top: 2.5rem; }
    .series-overview .single-book .book-description {
      font-family: 'saintecolombe',times, serif;
      font-size: 1rem;
      line-height: 1.2;
      padding: 0 3rem;
      width: 90%;
      margin-left: 5%;
      position: absolute;
      top: 100%;
      left: 0; }
  .series-overview:hover .book-title {
    opacity: 1 !important; }
  .series-overview .slick-track {
    display: flex;
    height: 30rem; }
    .series-overview .slick-track .slick-slide {
      flex: 1;
      height: auto; }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .series-overview .slick-track .slick-slide {
          width: 100% !important; } }
  .series-overview .cover-1 {
    padding-top: 2.5rem; }
  .series-overview .cover-2 {
    padding-top: 0rem; }
  .series-overview .cover-3 {
    padding-top: 2.5rem; }
  .series-overview .book-title {
    width: 80%;
    left: 50%;
    margin-left: -40%;
    bottom: 3rem;
    text-align: center;
    position: absolute; }

/*SINGLE BOOK*/
.template-single-author #single-author #single-author-head {
  text-align: center;
  width: 100%;
  padding-bottom: 3rem; }
  .template-single-author #single-author #single-author-head h2 {
    font-family: 'saintecolombe',times, serif;
    font-size: 1.7rem;
    line-height: 2rem;
    color: black; }

.template-single-author #related-books {
  width: 100%;
  background-color: #87b0bc; }
  .template-single-author #related-books .overview {
    justify-content: center; }

.template-single-author.left-align-books #related-books .overview {
  justify-content: inherit; }

/*Static Pages*/
.template-static-page {
  background-image: url(../img/sternberg-about-background.jpg);
  background-size: 100% 1200px, cover; }
  .template-static-page .page-header {
    justify-content: center; }
    .template-static-page .page-header h2 {
      text-align: center;
      font-family: 'saintecolombe',times, serif;
      font-size: 1.7rem;
      line-height: 2rem;
      color: black; }
  .template-static-page #static-page-images {
    margin-bottom: 3rem;
    text-align: center; }
    .template-static-page #static-page-images img {
      width: 50%;
      height: auto; }
  .template-static-page .page-content {
    justify-content: center; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .template-static-page .page-content {
        padding: 0 1rem 0 1rem; } }
    .template-static-page .page-content h2 {
      font-family: 'proto';
      font-size: 1rem;
      line-height: 1.35;
      letter-spacing: 0.08rem;
      text-transform: uppercase;
      text-align: left;
      margin-bottom: 1rem; }
    .template-static-page .page-content h3 {
      font-family: 'proto';
      font-size: 1rem;
      line-height: 1.35;
      letter-spacing: 0.08rem;
      text-transform: uppercase;
      padding-top: 2rem; }
    .template-static-page .page-content h4 {
      font-family: 'proto';
      font-size: 1rem;
      line-height: 1.35;
      letter-spacing: 0.08rem;
      text-transform: uppercase;
      font-size: 1rem;
      margin: 0; }
  .template-static-page .first-row.first-col {
    background-color: #eee;
    height: 7rem; }
  .template-static-page .first-row.middle-col {
    background-color: #f5f5f5;
    height: 7rem; }
  .template-static-page .first-row.last-col {
    background-color: #eee;
    height: 7rem; }
  .template-static-page .first-col {
    background-color: #dfdfdf;
    height: 33rem; }
  .template-static-page .middle-col {
    background-color: #eee;
    padding: 3rem;
    height: 33rem; }
  .template-static-page .last-col {
    background-color: #dfdfdf;
    height: 33rem; }
  .template-static-page .last-row.first-col {
    background-color: #eee;
    height: 7rem; }
  .template-static-page .last-row.middle-col {
    background-color: #f5f5f5;
    height: 7rem; }
  .template-static-page .last-row.last-col {
    background-color: #eee;
    height: 7rem; }
  .template-static-page h2.page-title {
    padding-bottom: 2rem;
    font-family: 'saintecolombe',times, serif;
    font-size: 2.5rem;
    line-height: 2.7rem;
    color: black; }
  .template-static-page .address {
    padding: 1rem; }
  .template-static-page .wp-block-columns {
    margin-top: 2rem;
    margin-bottom: 2rem; }
    .template-static-page .wp-block-columns::after {
      content: " ";
      clear: both;
      display: table; }
    .template-static-page .wp-block-columns.has-2-columns {
      width: 80%;
      margin-left: 10%; }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .template-static-page .wp-block-columns.has-2-columns {
          width: 100%;
          margin: 0; } }
      .template-static-page .wp-block-columns.has-2-columns .wp-block-column {
        width: 50%;
        float: left; }
        @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
          .template-static-page .wp-block-columns.has-2-columns .wp-block-column {
            width: 100%;
            margin: 0; } }
      .template-static-page .wp-block-columns.has-2-columns.fullwidth .wp-block-column {
        width: 100%; }
    .template-static-page .wp-block-columns.has-3-columns {
      width: 160%; }
      @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
        .template-static-page .wp-block-columns.has-3-columns {
          margin-left: -20%; } }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .template-static-page .wp-block-columns.has-3-columns {
          width: 100%;
          margin: 0; } }
      .template-static-page .wp-block-columns.has-3-columns .wp-block-column {
        width: 28%;
        margin-right: 5%;
        float: left; }
        @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
          .template-static-page .wp-block-columns.has-3-columns .wp-block-column {
            width: 100%;
            margin: 0; } }
  .template-static-page footer {
    margin-top: 2rem;
    background: none !important; }
  .template-static-page.page-id-6189 h4 {
    margin-top: 2rem; }
  .template-static-page.page-id-6189 h2 {
    font-family: 'saintecolombe',times, serif;
    font-size: 1.7rem;
    line-height: 2rem;
    color: black;
    font-size: 1.5rem;
    line-height: 1.7rem; }
  .template-static-page.page-id-6189 p {
    font-family: 'proto';
    font-size: 1.3rem;
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    color: black;
    font-size: 1rem;
    line-height: 1.2rem; }

@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
  body.page-id-3620 #address-1 {
    display: none; }
  body.page-id-3620 #address-2 {
    display: none; }
  body.page-id-3620 #footer-nav {
    margin-left: 1.5%;
    width: 65%; }
  body.page-id-3620 .page-content {
    min-height: 65.5vh; }
  body.page-id-3620 #footer-nav {
    width: 82%; }
    body.page-id-3620 #footer-nav ul {
      margin-left: 0; } }

@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
  body.page-id-3620 .wp-block-columns.has-2-columns {
    margin-right: 0;
    margin-left: 12%; } }

body.page-id-3620 .small-print {
  font-family: 'proto';
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.06rem; }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    body.page-id-3620 .small-print {
      width: 81%;
      margin-left: 12%; } }

body.page-id-3620 .website-by {
  margin-top: 12rem;
  text-align: center;
  font-family: 'proto';
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.06rem; }

body.page-id-3620 #main a:hover {
  opacity: 0.5; }

body.page-id-6992.template-static-page {
  /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
  body.page-id-6992.template-static-page .grid-12 .col-6 {
    width: 95%; }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    body.page-id-6992.template-static-page #address-1 {
      display: none; }
    body.page-id-6992.template-static-page #address-2 {
      display: none; }
    body.page-id-6992.template-static-page #footer-nav {
      margin-left: 1.5%;
      width: 65%; }
    body.page-id-6992.template-static-page .page-content {
      min-height: 65.5vh; }
    body.page-id-6992.template-static-page #footer-nav {
      width: 82%; }
      body.page-id-6992.template-static-page #footer-nav ul {
        margin-left: 0; } }
  body.page-id-6992.template-static-page .wp-block-column {
    margin-bottom: 0; }
  body.page-id-6992.template-static-page .wp-block-columns.has-3-columns {
    margin-bottom: 0.4rem; }
  body.page-id-6992.template-static-page .sternberg-address.wp-block-columns.has-2-columns {
    margin-left: 0 !important;
    float: left;
    display: block; }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      body.page-id-6992.template-static-page .sternberg-address.wp-block-columns.has-2-columns {
        width: 20%; } }
    body.page-id-6992.template-static-page .sternberg-address.wp-block-columns.has-2-columns .wp-block-column {
      width: 100%;
      flex-wrap: inherit;
      display: block;
      margin-bottom: 2rem; }
    body.page-id-6992.template-static-page .sternberg-address.wp-block-columns.has-2-columns .wp-block-column:not(:first-child) {
      margin-left: 0; }
    body.page-id-6992.template-static-page .sternberg-address.wp-block-columns.has-2-columns .wp-block-column:nth-child(1) p {
      /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
      @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        body.page-id-6992.template-static-page .sternberg-address.wp-block-columns.has-2-columns .wp-block-column:nth-child(1) p {
          background-image: radial-gradient(farthest-corner at 100% 100%, #de1623, #de1623, #6e1531, #3d0718);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; } }
    body.page-id-6992.template-static-page .sternberg-address.wp-block-columns.has-2-columns .wp-block-column:nth-child(2) p {
      /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
      @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        body.page-id-6992.template-static-page .sternberg-address.wp-block-columns.has-2-columns .wp-block-column:nth-child(2) p {
          background-image: radial-gradient(farthest-corner at 100% 100%, #1f2909, #1e4a4d, #de1623, #3d0718);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; } }
  body.page-id-6992.template-static-page .wp-block-columns a {
    text-decoration: underline; }
  body.page-id-6992.template-static-page .wp-block-columns.has-4-columns {
    float: right;
    margin-left: 0;
    /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      body.page-id-6992.template-static-page .wp-block-columns.has-4-columns {
        width: 70%; } }
    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      body.page-id-6992.template-static-page .wp-block-columns.has-4-columns {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
        body.page-id-6992.template-static-page .wp-block-columns.has-4-columns:nth-child(2) {
          background-image: radial-gradient(farthest-corner at 100% 100%, #6e1531, #3d0718, #de1623); }
        body.page-id-6992.template-static-page .wp-block-columns.has-4-columns:nth-child(3) {
          background-image: radial-gradient(farthest-corner at 100% 100%, darkgreen, #798249, #377bb3, #1e4a4d, #1f2909, #de1623); }
        body.page-id-6992.template-static-page .wp-block-columns.has-4-columns:nth-child(4) {
          background-image: radial-gradient(farthest-corner at 100% 100%, darkgreen, darkgreen, #1f2909); }
        body.page-id-6992.template-static-page .wp-block-columns.has-4-columns:nth-child(5) {
          background-image: radial-gradient(farthest-corner at 100% 100%, darkgreen, darkgreen, #1f2909); } }
  body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions {
    float: right;
    margin-left: 0;
    /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions {
        width: 70%; } }
    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions .wp-block-column {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions .wp-block-column:nth-child(1) {
        background-image: radial-gradient(farthest-corner at 100% 100%, darkgreen, #377bb3); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (orientation: landscape) {
    body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions .wp-block-column:nth-child(1) {
      width: 33.33%;
      flex-basis: calc(60%); } }
    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions .wp-block-column:nth-child(2),
      body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions .wp-block-column:nth-child(3) {
        background-image: radial-gradient(farthest-corner at 100% 100%, darkblue, #377bb3); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (orientation: landscape) {
    body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions .wp-block-column:nth-child(2),
    body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions .wp-block-column:nth-child(3) {
      width: 50%;
      flex-basis: calc(60%); } }
    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions .wp-block-column:nth-child(2) p.submissions-guidelines,
        body.page-id-6992.template-static-page .wp-block-columns.has-2-columns.order-submissions .wp-block-column:nth-child(3) p.submissions-guidelines {
          margin-top: 0.3rem;
          font-family: 'saintecolombe',times, serif;
          font-size: 1rem;
          line-height: 1.2; } }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    body.page-id-6992.template-static-page h3 {
      padding-top: 0; } }
  body.page-id-6992.template-static-page a {
    white-space: nowrap; }
  body.page-id-6992.template-static-page p a {
    white-space: nowrap; }
  body.page-id-6992.template-static-page .small-text {
    font-family: 'saintecolombe',times, serif;
    font-size: 1rem;
    line-height: 1.2; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    body.page-id-6992.template-static-page .page-title {
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-image: radial-gradient(farthest-corner at 100% 100%, #6e1531, #de1623); } }
  body.page-id-6992.template-static-page .submission-guidelines {
    font-family: 'proto';
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: 0.06rem;
    padding-top: 0.4rem;
    text-decoration: underline; }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    body.page-id-6992.template-static-page .order-submissions-text {
      width: 45%;
      margin-right: 25%;
      float: right;
      display: block; } }
  body.page-id-6992.template-static-page .order-submissions-text h2, body.page-id-6992.template-static-page .order-submissions-text p {
    color: darkblue !important; }
  body.page-id-6992.template-static-page .order-submissions-text h2 {
    font-family: 'saintecolombe',times, serif;
    font-size: 1.7rem;
    line-height: 2rem;
    color: black;
    text-transform: none;
    padding-bottom: 1rem; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      body.page-id-6992.template-static-page .order-submissions-text h2 {
        padding-top: 2rem; } }
  body.page-id-6992.template-static-page .order-submissions-text p + p {
    text-indent: 2rem; }

body.page-id-3606.template-static-page {
  /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    body.page-id-3606.template-static-page h2.page-title {
      background-image: radial-gradient(farthest-corner at 100% 100%, #1c6787, #2d383d, #de1623, #de1623);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; } }
  body.page-id-3606.template-static-page .has-2-columns {
    margin-left: 6.4vw;
    margin-right: 0;
    width: 37vw;
    /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      body.page-id-3606.template-static-page .has-2-columns {
        background-image: radial-gradient(farthest-corner at 100% 100%, #de1623, #de1623, #6e1531, #3d0718);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; } }
    body.page-id-3606.template-static-page .has-2-columns:nth-child(4) {
      /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
      @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        body.page-id-3606.template-static-page .has-2-columns:nth-child(4) {
          background-image: radial-gradient(farthest-corner at 100% 100%, #1c6787, #2d383d, #0b520d, #021b3d); } }
  body.page-id-3606.template-static-page .has-4-columns {
    margin-left: -13vw;
    margin-right: -8vw;
    width: 76vw;
    /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      body.page-id-3606.template-static-page .has-4-columns {
        background-image: radial-gradient(farthest-corner at 100% 100%, #de1623, #de1623, #6e1531, #3d0718);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
        body.page-id-3606.template-static-page .has-4-columns:nth-child(2) {
          background-image: radial-gradient(farthest-corner at 100% 100%, #798249, #377bb3, #1e4a4d, #1f2909); } }
  body.page-id-3606.template-static-page .has-6-columns {
    margin-left: -20vw;
    margin-right: -20vw;
    width: 90vw;
    /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      body.page-id-3606.template-static-page .has-6-columns {
        background-image: radial-gradient(farthest-corner at 100% 100%, #de1623, #de1623, #6e1531, #3d0718);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; } }
  body.page-id-3606.template-static-page a {
    white-space: nowrap; }

body.page-id-4426.template-static-page h2.page-title {
  padding-bottom: 4rem; }

body.page-id-4426.template-static-page .grid-12 .col-6 {
  width: 80%;
  margin-left: 5%;
  column-count: 2; }

body.page-id-4426.template-static-page .wp-block-columns.has-2-columns {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 6rem;
  margin-right: 0;
  width: 100%;
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */ }
  body.page-id-4426.template-static-page .wp-block-columns.has-2-columns .wp-block-column {
    width: 65%; }
  body.page-id-4426.template-static-page .wp-block-columns.has-2-columns p + h2 {
    padding-top: 1rem; }

body.page-id-4426.template-static-page .wp-block-column {
  flex-grow: inherit;
  margin-bottom: 0;
  flex-basis: inherit;
  min-width: inherit; }

body.page-id-4426.template-static-page .wp-block-column:first-child {
  width: 30% !important; }

body.page-id-4426.template-static-page #main {
  /*
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        @content;
    }

    //iPhone X in portrait & landscape

    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        @content;
    }
    */ }
  body.page-id-4426.template-static-page #main h2.page-title {
    font-family: 'saintecolombe',times, serif;
    font-size: 2.5rem;
    line-height: 2.7rem;
    color: black; }
  body.page-id-4426.template-static-page #main h2 {
    font-family: 'saintecolombe',times, serif;
    font-size: 1.7rem;
    line-height: 2rem;
    color: black;
    text-transform: none; }
  body.page-id-4426.template-static-page #main h3 {
    font-family: 'proto';
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0.06rem;
    padding-top: 0.3rem; }
  body.page-id-4426.template-static-page #main p {
    font-family: 'proto';
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0.06rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    body.page-id-4426.template-static-page #main p, body.page-id-4426.template-static-page #main h2, body.page-id-4426.template-static-page #main h3 {
      background-image: radial-gradient(farthest-corner at 100% 100%, #de1623, #de1623, #6e1531, #3d0718);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(2) p, body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(2) h2, body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(2) h3 {
      background-image: radial-gradient(farthest-corner at 100% 100%, #798249, #377bb3, #1e4a4d, #1f2909); }
    body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(3) p, body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(3) h2, body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(3) h3 {
      background-image: radial-gradient(farthest-corner at 100% 100%, #40182e, #5c2316, #7d3b01, #a31030); }
    body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(4) p, body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(4) h2, body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(4) h3 {
      background-image: radial-gradient(farthest-corner at 100% 100%, #99710b, #08125e, #821904, #4d1102); }
    body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(5) p, body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(5) h2, body.page-id-4426.template-static-page #main .wp-block-columns:nth-child(5) h3 {
      background-image: radial-gradient(farthest-corner at 100% 100%, #1c6787, #2d383d, #0b520d, #021b3d); } }

body.page-id-11296 #main h2 {
  padding-top: 1.75rem; }

body.page-id-11296 #main p + p {
  text-indent: 2rem; }

body.page-id-3 #main h2 {
  padding-top: 1.75rem; }

body.page-id-3 #main p {
  margin-bottom: 1.75rem; }

@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-id-4426.template-static-page .grid-12 .col-6 {
    width: 100%;
    margin: 0;
    column-count: 1; }
  body.page-id-4426.template-static-page .wp-block-columns.has-2-columns {
    width: 100%;
    margin: 0 0 3rem 0; }
  body.page-id-4426.template-static-page .wp-block-columns.has-2-columns .wp-block-column {
    width: 100%;
    margin: 0; }
  body.page-id-4426.template-static-page .wp-block-column:first-child {
    width: 100% !important;
    margin: 0; } }

/*Cart*/
#cart {
  background-color: #f4f4f4;
  padding: 2rem;
  padding-top: 7rem;
  position: fixed;
  top: 0;
  right: 0;
  width: 38%;
  z-index: 11;
  height: 100vh; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #cart {
      width: 100%;
      padding: 1rem 1rem 1rem 1rem; } }
  #cart .entry-content {
    overflow-x: hidden;
    overflow-y: scroll; }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      #cart .entry-content {
        height: 71vh;
        height: calc(100vh - 13rem); } }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      #cart .entry-content {
        height: calc(100vh - 6rem); } }
  #cart h2.entry-title {
    font-family: 'saintecolombe',times, serif;
    font-size: 2.5rem;
    line-height: 2.7rem;
    color: black;
    padding-bottom: 1rem; }
  #cart .woocommerce-cart-form__contents {
    font-family: 'saintecolombe',times, serif;
    font-size: 1rem;
    line-height: 1.2; }
    #cart .woocommerce-cart-form__contents th {
      font-family: 'proto';
      font-size: 0.8rem;
      line-height: 1.2;
      letter-spacing: 0.06rem;
      text-transform: uppercase;
      text-align: left;
      border-bottom: 1px solid black;
      border-top: 1px solid black;
      padding: 0.5rem 0.25rem 0.25rem 0; }
    #cart .woocommerce-cart-form__contents td {
      vertical-align: top;
      padding: 0.25rem 0.25rem 0.25rem 0; }
      #cart .woocommerce-cart-form__contents td.actions {
        padding-right: 0; }
    #cart .woocommerce-cart-form__contents .cart_item {
      border-bottom: 1px solid black; }
    #cart .woocommerce-cart-form__contents .product-thumbnail img {
      width: 3rem;
      height: auto; }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #cart .woocommerce-cart-form__contents .product-thumbnail img {
          width: 1rem; } }
    #cart .woocommerce-cart-form__contents input {
      border: 0px solid transparent;
      padding: 0.25rem;
      border-radius: 0.2rem;
      font-family: 'proto';
      font-size: 1rem;
      line-height: 1.2rem;
      letter-spacing: 0.06rem; }
      @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
        #cart .woocommerce-cart-form__contents input {
          width: 3rem; } }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #cart .woocommerce-cart-form__contents input {
          width: 2rem; } }
    #cart .woocommerce-cart-form__contents label {
      font-family: 'proto';
      font-size: 0.8rem;
      line-height: 1.2;
      letter-spacing: 0.06rem;
      text-transform: uppercase;
      display: none; }
    #cart .woocommerce-cart-form__contents .product-remove {
      font-size: 1.4rem;
      line-height: 0.8rem; }
    #cart .woocommerce-cart-form__contents .product-name,
    #cart .woocommerce-cart-form__contents .product-price,
    #cart .woocommerce-cart-form__contents .product-quantity,
    #cart .woocommerce-cart-form__contents .product-subtotal {
      padding: 0.25rem 0.5rem 0.25rem 0.5rem; }
    #cart .woocommerce-cart-form__contents .product-quantity {
      white-space: nowrap; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      #cart .woocommerce-cart-form__contents .product-name {
        hyphens: auto; }
      #cart .woocommerce-cart-form__contents .product-quantity {
        width: 4rem;
        word-break: break-all;
        height: 2rem;
        overflow: hidden; } }
    #cart .woocommerce-cart-form__contents .product-subtotal, #cart .woocommerce-cart-form__contents .product-price {
      text-align: right; }
    #cart .woocommerce-cart-form__contents .product-subtotal {
      padding-right: 0; }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #cart .woocommerce-cart-form__contents .product-subtotal {
          padding-left: 0; } }
    #cart .woocommerce-cart-form__contents .amount {
      font-family: 'saintecolombe',times, serif;
      font-size: 1rem;
      line-height: 1.2; }
    #cart .woocommerce-cart-form__contents .tax_label {
      font-family: 'proto';
      font-size: 0.8rem;
      line-height: 1.2;
      letter-spacing: 0.06rem; }
  #cart .amount, #cart .tax_label {
    white-space: nowrap;
    display: inline-block; }
  #cart button {
    border-radius: 2rem;
    border: 0px transparent solid;
    background-color: #555;
    color: white;
    padding: 0.25rem 0.4rem 0.3rem 0.4rem;
    font-family: proto, sans-serif;
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none !important; }
  #cart .coupon {
    border-bottom: 1px solid black;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    height: 2rem; }
    #cart .coupon #coupon_code {
      width: 79%;
      float: left; }
      @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #cart .coupon #coupon_code {
          width: 70%; } }
  #cart .cart-collaterals {
    margin-top: 2rem;
    font-family: 'saintecolombe',times, serif;
    font-size: 1rem;
    line-height: 1.2; }
    #cart .cart-collaterals h2 {
      padding-bottom: 1rem;
      font-family: 'saintecolombe',times, serif;
      font-size: 1.7rem;
      line-height: 2rem;
      color: black; }
    #cart .cart-collaterals table {
      width: 100%;
      border-top: 1px solid black; }
    #cart .cart-collaterals td {
      border-bottom: 1px solid black;
      vertical-align: top;
      padding: 0.25rem 0 0.25rem 0.25rem;
      text-align: right; }
    #cart .cart-collaterals th {
      font-family: 'proto';
      font-size: 0.8rem;
      line-height: 1.2;
      letter-spacing: 0.06rem;
      text-transform: uppercase;
      border-bottom: 1px solid black;
      vertical-align: top;
      padding: 0.5rem 0.25rem 0.25rem 0rem;
      text-align: left; }
    #cart .cart-collaterals .order-total td .amount {
      white-space: nowrap;
      display: inline-block;
      font-family: 'saintecolombe-italic',times, serif;
      font-size: 1rem;
      line-height: 1.2;
      font-weight: normal; }
  #cart .actions {
    text-align: right;
    padding-top: 0.5rem !important; }
  #cart .wc-proceed-to-checkout {
    margin-top: 3rem;
    margin-bottom: 0rem;
    font-family: 'proto';
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: 0.06rem;
    color: white;
    text-align: right; }
    #cart .wc-proceed-to-checkout a:link,
    #cart .wc-proceed-to-checkout a:visited {
      border-radius: 2rem;
      border: 0px transparent solid;
      background-color: black;
      color: white;
      padding: 0.25rem 0.7rem 0.4rem;
      font-family: proto, sans-serif;
      font-size: 1rem;
      line-height: 1.2rem;
      text-align: center;
      text-decoration: none !important; }
    #cart .wc-proceed-to-checkout a:hover {
      opacity: 0.5; }
  #cart:after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
    content: "";
    display: block;
    height: 100%;
    right: 100%;
    position: absolute;
    top: 0%;
    transform: rotateY(-15deg);
    transform-origin: center right;
    width: 1rem; }
  #cart .wcppec-checkout-buttons__separator {
    display: none; }
  #cart #wc-stripe-payment-request-wrapper {
    padding-top: 0 !important; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #cart .checkout-button {
      margin-bottom: 8rem;
      display: inline-block; } }
  #cart #wc-stripe-payment-request-wrapper, #cart #wc-stripe-payment-request-button-separator {
    display: none !important; }

.woocommerce-message, .woocommerce-info {
  font-family: 'proto';
  font-size: 1.3rem;
  line-height: 1.5rem;
  letter-spacing: 0.01rem;
  color: black;
  color: red; }
  .woocommerce-message a, .woocommerce-info a {
    text-decoration: underline; }
    .woocommerce-message a:hover, .woocommerce-info a:hover {
      text-decoration: none; }
  .woocommerce-message a[href*='cart/'].button.wc-forward, .woocommerce-info a[href*='cart/'].button.wc-forward {
    display: none; }
  .woocommerce-message .restore-item, .woocommerce-info .restore-item {
    display: inline-block; }

.woocommerce-info {
  color: black; }

@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
  .woocommerce-MyAccount-navigation {
    position: fixed;
    right: 2rem;
    top: 7.5rem; } }

.woocommerce-MyAccount-navigation ul {
  margin: 0 0 3rem 0;
  padding: 0; }
  .woocommerce-MyAccount-navigation ul li {
    font-family: 'proto';
    font-size: 1.3rem;
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    color: black; }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .woocommerce-MyAccount-navigation ul li {
        display: inline-block;
        margin-right: 0rem;
        width: 48%;
        padding: 0.5rem 0; } }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      .woocommerce-MyAccount-navigation ul li {
        list-style: none; } }
    @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .woocommerce-MyAccount-navigation ul li.is-active a {
        border-bottom: 1px solid black; } }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      .woocommerce-MyAccount-navigation ul li.is-active {
        list-style: circle; } }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      .woocommerce-MyAccount-navigation ul li:hover {
        list-style: circle; } }

body.woocommerce-downloads .woocommerce-Message--info {
  font-family: 'saintecolombe',times, serif;
  font-size: 1.7rem;
  line-height: 2rem;
  color: black;
  text-align: center; }

.template-single-book .series-overview {
  background-color: #efeff0;
  z-index: 1;
  position: relative; }

.template-single-book #white-void {
  background-color: transparent; }

.template-single-book .single-book-wrapper .cover-wrapper {
  width: 100%;
  margin-top: 0.4rem;
  margin-bottom: 1rem;
  left: 0; }

.template-single-book .single-book-wrapper #single-book-author {
  margin-top: 0.3rem; }

.template-single-book .single-book-wrapper:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px; }

.template-all-books {
  background-color: #dddddd;
  /*
    #show-all-wrapper {
        text-align: center;
        padding: 4rem;

        #show-all {
            @include extraBigButton;
        }
    }
    */ }
  .template-all-books header {
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0 0 0.8rem 0.8rem #dddddd;
    background-color: #dddddd; }
  .template-all-books .panel-label-big .panel-label-inner, .template-all-books #white-void, .template-all-books footer {
    background-color: #dddddd; }
  .template-all-books .single-book:nth-child(1), .template-all-books .single-book:nth-child(2), .template-all-books .single-book:nth-child(3), .template-all-books .single-book:nth-child(4), .template-all-books .single-book:nth-child(5) {
    padding-top: 1rem; }
  .template-all-books .grid-12 .col-6 {
    margin: 2rem auto; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .template-all-books .grid-12 {
      padding: 0 1rem 0 1rem; } }

.template-series .panel-label, .template-series .panel-label-big, .template-all-books .panel-label, .template-all-books .panel-label-big {
  border-top: 0px transparent solid !important;
  pointer-events: none; }
  .template-series .panel-label .panel-label-inner, .template-series .panel-label-big .panel-label-inner, .template-all-books .panel-label .panel-label-inner, .template-all-books .panel-label-big .panel-label-inner {
    font-family: 'saintecolombe',times, serif;
    font-size: 2.5rem;
    line-height: 2.7rem;
    color: black;
    padding-bottom: 1rem; }

.template-series .grid-12 .col-6, .template-all-books .grid-12 .col-6 {
  margin: 0rem auto; }

.template-series .overview, .template-series .series-overview, .template-all-books .overview, .template-all-books .series-overview {
  margin-top: 2rem; }

.template-series #main, .template-series .panel-label-big .panel-label-inner, .template-all-books #main, .template-all-books .panel-label-big .panel-label-inner {
  background-color: #eee; }

.template-series #white-void, .template-all-books #white-void {
  height: 4rem; }

.template-series .panel-label-big .panel-label-inner, .template-all-books .panel-label-big .panel-label-inner {
  padding-top: 3rem; }

/*Series*/
#series-nav {
  font-family: 'saintecolombe',times, serif;
  font-size: 1.7rem;
  line-height: 2rem;
  color: black;
  background-color: white;
  padding: 0 2rem 1rem 2rem; }
  #series-nav ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    #series-nav ul li {
      margin: 0 0.5rem 1rem 0.5rem;
      padding: 0;
      cursor: pointer;
      display: inline-block; }

body.checkout-page .page-content, body.checkout-page .page-header {
  justify-content: left; }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    body.checkout-page .page-content, body.checkout-page .page-header {
      margin-left: 2rem; } }
  body.checkout-page .page-content h2, body.checkout-page .page-header h2 {
    text-align: left; }

@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.checkout-page .col-6.page-content-item {
    width: 100%; }
  body.checkout-page #wrapper .col-1, body.checkout-page #wrapper .col-2 {
    width: 100%; } }

.woocommerce-form-coupon .form-row-first {
  width: 75%;
  display: inline-block; }

.woocommerce-form-coupon .form-row-last {
  width: 14%;
  display: inline-block; }

.woocommerce-checkout #wrapper .col-1, .woocommerce-checkout #wrapper .col-2 {
  width: 49%;
  float: left; }

.woocommerce-checkout #wrapper .col-2 {
  float: right; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .woocommerce-checkout #wrapper .col-2 {
      margin-top: 1rem; } }

.woocommerce-checkout .col-6.page-content-item {
  width: 58%; }

.woocommerce-checkout #cart {
  transition: none; }

.woocommerce-checkout #close-cart {
  display: none; }

.woocommerce-checkout .woocommerce-error {
  color: red;
  padding-bottom: 2rem; }

@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .woocommerce-checkout h2 {
    padding: 0.9rem; } }

body.page-id-8 .woocommerce-error {
  margin: 0;
  padding: 0; }
  body.page-id-8 .woocommerce-error li {
    list-style: none;
    color: red;
    padding-bottom: 2rem; }

body.woocommerce-lost-password .page-title.col-5 {
  display: none; }

body.woocommerce-lost-password .woocommerce-message {
  font-family: 'saintecolombe',times, serif;
  font-size: 2.5rem;
  line-height: 2.7rem;
  color: black;
  color: black !important;
  padding-top: 2rem;
  padding-bottom: 2rem; }

#cart {
  transform: translateX(105%);
  transition: all 1s ease; }
  #cart .woocommerce-Price-amount, #cart .cart-collaterals .order-total td .woocommerce-Price-amount {
    font-family: 'saintecolombe',times, serif;
    font-size: 1rem;
    line-height: 1.2; }

body.cart-open #cart {
  transform: translateX(0%); }

#close-cart {
  position: absolute;
  right: 2rem;
  top: 7rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #close-cart {
      top: 1.3rem;
      right: auto;
      left: 6.8rem; } }
  #close-cart .line-1, #close-cart .line-2 {
    transform-origin: 50% 50%; }
  #close-cart .line-1 {
    transform: translateY(0rem) rotate(45deg); }
  #close-cart .line-2 {
    transform: translateY(0rem) rotate(-45deg); }

.woocommerce-cart-form ul, #order_review ul, #cart ul, .woocommerce-checkout ul, .woocommerce-edit-address ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0; }

.woocommerce-cart-form h3, #order_review h3, #cart h3, .woocommerce-checkout h3, .woocommerce-edit-address h3 {
  padding-top: 0 !important;
  font-family: 'proto';
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.06rem; }

.woocommerce-cart-form .woocommerce-account-fields .form-row label.woocommerce-form__label-for-checkbox, #order_review .woocommerce-account-fields .form-row label.woocommerce-form__label-for-checkbox, #cart .woocommerce-account-fields .form-row label.woocommerce-form__label-for-checkbox, .woocommerce-checkout .woocommerce-account-fields .form-row label.woocommerce-form__label-for-checkbox, .woocommerce-edit-address .woocommerce-account-fields .form-row label.woocommerce-form__label-for-checkbox {
  font-family: 'proto';
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.06rem;
  color: black; }

.woocommerce-cart-form h3#order_review_heading, #order_review h3#order_review_heading, #cart h3#order_review_heading, .woocommerce-checkout h3#order_review_heading, .woocommerce-edit-address h3#order_review_heading {
  padding-top: 4rem !important; }

.woocommerce-cart-form table, #order_review table, #cart table, .woocommerce-checkout table, .woocommerce-edit-address table {
  margin-top: 1rem;
  width: 100%; }
  .woocommerce-cart-form table th, #order_review table th, #cart table th, .woocommerce-checkout table th, .woocommerce-edit-address table th {
    text-align: left;
    vertical-align: top;
    font-family: 'proto';
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem; }
    .woocommerce-cart-form table th.product-name, #order_review table th.product-name, #cart table th.product-name, .woocommerce-checkout table th.product-name, .woocommerce-edit-address table th.product-name {
      width: 60%;
      padding-left: 0; }
    .woocommerce-cart-form table th.product-total, #order_review table th.product-total, #cart table th.product-total, .woocommerce-checkout table th.product-total, .woocommerce-edit-address table th.product-total {
      width: 40%;
      padding-right: 0; }
  .woocommerce-cart-form table tr, #order_review table tr, #cart table tr, .woocommerce-checkout table tr, .woocommerce-edit-address table tr {
    border-top: black 1px solid; }
  .woocommerce-cart-form table td, #order_review table td, #cart table td, .woocommerce-checkout table td, .woocommerce-edit-address table td {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem; }
    .woocommerce-cart-form table td strong, #order_review table td strong, #cart table td strong, .woocommerce-checkout table td strong, .woocommerce-edit-address table td strong {
      font-weight: normal; }
    .woocommerce-cart-form table td .product-quantity, #order_review table td .product-quantity, #cart table td .product-quantity, .woocommerce-checkout table td .product-quantity, .woocommerce-edit-address table td .product-quantity {
      white-space: nowrap; }
  .woocommerce-cart-form table .product-total, #order_review table .product-total, #cart table .product-total, .woocommerce-checkout table .product-total, .woocommerce-edit-address table .product-total {
    text-align: right;
    vertical-align: top; }
  .woocommerce-cart-form table .cart-subtotal, #order_review table .cart-subtotal, #cart table .cart-subtotal, .woocommerce-checkout table .cart-subtotal, .woocommerce-edit-address table .cart-subtotal {
    text-align: right; }
  .woocommerce-cart-form table .cart-subtotal th, .woocommerce-cart-form table .woocommerce-shipping-totals th, .woocommerce-cart-form table .tax-rate th, .woocommerce-cart-form table .order-total th, #order_review table .cart-subtotal th, #order_review table .woocommerce-shipping-totals th, #order_review table .tax-rate th, #order_review table .order-total th, #cart table .cart-subtotal th, #cart table .woocommerce-shipping-totals th, #cart table .tax-rate th, #cart table .order-total th, .woocommerce-checkout table .cart-subtotal th, .woocommerce-checkout table .woocommerce-shipping-totals th, .woocommerce-checkout table .tax-rate th, .woocommerce-checkout table .order-total th, .woocommerce-edit-address table .cart-subtotal th, .woocommerce-edit-address table .woocommerce-shipping-totals th, .woocommerce-edit-address table .tax-rate th, .woocommerce-edit-address table .order-total th {
    font-family: 'proto';
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 0.06rem;
    font-weight: normal;
    padding-top: 0.4rem;
    padding-left: 0; }
  .woocommerce-cart-form table .tax_label, #order_review table .tax_label, #cart table .tax_label, .woocommerce-checkout table .tax_label, .woocommerce-edit-address table .tax_label {
    font-family: 'proto';
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 0.06rem; }
  .woocommerce-cart-form table .tax-rate, #order_review table .tax-rate, #cart table .tax-rate, .woocommerce-checkout table .tax-rate, .woocommerce-edit-address table .tax-rate {
    text-align: right; }
  .woocommerce-cart-form table #shipping_method, #order_review table #shipping_method, #cart table #shipping_method, .woocommerce-checkout table #shipping_method, .woocommerce-edit-address table #shipping_method {
    padding-top: 0.1rem;
    font-family: 'proto';
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 0.06rem; }
    .woocommerce-cart-form table #shipping_method li, #order_review table #shipping_method li, #cart table #shipping_method li, .woocommerce-checkout table #shipping_method li, .woocommerce-edit-address table #shipping_method li {
      list-style: none; }
      @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
        .woocommerce-cart-form table #shipping_method li, #order_review table #shipping_method li, #cart table #shipping_method li, .woocommerce-checkout table #shipping_method li, .woocommerce-edit-address table #shipping_method li {
          text-align: right; } }
      .woocommerce-cart-form table #shipping_method li input, #order_review table #shipping_method li input, #cart table #shipping_method li input, .woocommerce-checkout table #shipping_method li input, .woocommerce-edit-address table #shipping_method li input {
        margin-right: 0.3rem; }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    .woocommerce-cart-form table .woocommerce-shipping-totals td, #order_review table .woocommerce-shipping-totals td, #cart table .woocommerce-shipping-totals td, .woocommerce-checkout table .woocommerce-shipping-totals td, .woocommerce-edit-address table .woocommerce-shipping-totals td {
      white-space: nowrap; }
    .woocommerce-cart-form table .woocommerce-shipping-totals p, #order_review table .woocommerce-shipping-totals p, #cart table .woocommerce-shipping-totals p, .woocommerce-checkout table .woocommerce-shipping-totals p, .woocommerce-edit-address table .woocommerce-shipping-totals p {
      white-space: normal; } }
  .woocommerce-cart-form table .woocommerce-shipping-destination, #order_review table .woocommerce-shipping-destination, #cart table .woocommerce-shipping-destination, .woocommerce-checkout table .woocommerce-shipping-destination, .woocommerce-edit-address table .woocommerce-shipping-destination {
    font-family: proto, sans-serif;
    font-size: 0.8rem;
    width: 95%;
    display: inline-block;
    text-align: left;
    margin-left: -50%;
    padding-top: 0.2rem;
    text-align: right; }
  .woocommerce-cart-form table .shipping-calculator-button, #order_review table .shipping-calculator-button, #cart table .shipping-calculator-button, .woocommerce-checkout table .shipping-calculator-button, .woocommerce-edit-address table .shipping-calculator-button {
    border-radius: 2rem;
    border: 0px transparent solid;
    background-color: #555;
    color: white;
    padding: 0.25rem 0.4rem 0.3rem 0.4rem;
    font-family: proto, sans-serif;
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none !important;
    display: block;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    display: inline-block; }
  .woocommerce-cart-form table .order-total, #order_review table .order-total, #cart table .order-total, .woocommerce-checkout table .order-total, .woocommerce-edit-address table .order-total {
    border-top: 2px black solid;
    border-bottom: 2px black solid; }
    .woocommerce-cart-form table .order-total td, #order_review table .order-total td, #cart table .order-total td, .woocommerce-checkout table .order-total td, .woocommerce-edit-address table .order-total td {
      text-align: right; }
      .woocommerce-cart-form table .order-total td strong, #order_review table .order-total td strong, #cart table .order-total td strong, .woocommerce-checkout table .order-total td strong, .woocommerce-edit-address table .order-total td strong {
        font-weight: normal; }

.woocommerce-cart-form .select2-container, #order_review .select2-container, #cart .select2-container, .woocommerce-checkout .select2-container, .woocommerce-edit-address .select2-container {
  vertical-align: top; }
  .woocommerce-cart-form .select2-container .select2-selection--single, #order_review .select2-container .select2-selection--single, #cart .select2-container .select2-selection--single, .woocommerce-checkout .select2-container .select2-selection--single, .woocommerce-edit-address .select2-container .select2-selection--single {
    height: 2.5rem;
    border: 0px solid transparent;
    font-family: proto, sans-serif;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 1rem 0.5rem 0.5rem 0.5rem; }
    .woocommerce-cart-form .select2-container .select2-selection--single .select2-selection__rendered, #order_review .select2-container .select2-selection--single .select2-selection__rendered, #cart .select2-container .select2-selection--single .select2-selection__rendered, .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered, .woocommerce-edit-address .select2-container .select2-selection--single .select2-selection__rendered {
      padding: 0;
      line-height: inherit; }
    .woocommerce-cart-form .select2-container .select2-selection--single .select2-selection__arrow, #order_review .select2-container .select2-selection--single .select2-selection__arrow, #cart .select2-container .select2-selection--single .select2-selection__arrow, .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow, .woocommerce-edit-address .select2-container .select2-selection--single .select2-selection__arrow {
      top: 0.7rem; }
  .woocommerce-cart-form .select2-container .select2-results__option, #order_review .select2-container .select2-results__option, #cart .select2-container .select2-results__option, .woocommerce-checkout .select2-container .select2-results__option, .woocommerce-edit-address .select2-container .select2-results__option {
    font-family: proto, sans-serif;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 0.3rem; }
  .woocommerce-cart-form .select2-container .select2-dropdown, .woocommerce-cart-form .select2-container .select2-search__field, #order_review .select2-container .select2-dropdown, #order_review .select2-container .select2-search__field, #cart .select2-container .select2-dropdown, #cart .select2-container .select2-search__field, .woocommerce-checkout .select2-container .select2-dropdown, .woocommerce-checkout .select2-container .select2-search__field, .woocommerce-edit-address .select2-container .select2-dropdown, .woocommerce-edit-address .select2-container .select2-search__field {
    border-color: #dddddd; }
  .woocommerce-cart-form .select2-container .select2-search__field, #order_review .select2-container .select2-search__field, #cart .select2-container .select2-search__field, .woocommerce-checkout .select2-container .select2-search__field, .woocommerce-edit-address .select2-container .select2-search__field {
    font-family: proto, sans-serif;
    font-size: 1rem;
    line-height: 1.2rem; }
  .woocommerce-cart-form .select2-container #select2-calc_shipping_country-container, #order_review .select2-container #select2-calc_shipping_country-container, #cart .select2-container #select2-calc_shipping_country-container, .woocommerce-checkout .select2-container #select2-calc_shipping_country-container, .woocommerce-edit-address .select2-container #select2-calc_shipping_country-container {
    text-align: left; }

.woocommerce {
  position: relative; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .woocommerce {
      padding-top: 0rem; } }
  .woocommerce .woocommerce-form-coupon-toggle {
    display: none; }
  .woocommerce .woocommerce-form-coupon {
    display: none; }
  .woocommerce .woocommerce-form-login-toggle {
    font-family: proto, sans-serif;
    font-size: 1rem;
    margin-bottom: 1rem; }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      .woocommerce .woocommerce-form-login-toggle {
        position: absolute;
        right: 0;
        top: -3.5rem; } }
  .woocommerce .cart-empty {
    font-family: 'proto';
    font-size: 1.3rem;
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    color: black;
    margin-top: 2rem; }
  .woocommerce .form-row {
    margin-top: 1rem;
    padding-top: 0rem; }
    .woocommerce .form-row.woocommerce-invalid-required-field input {
      border: 1px red solid; }
    .woocommerce .form-row label {
      height: 0;
      font-family: proto, sans-serif;
      font-size: 1rem;
      line-height: 1.3rem;
      display: block;
      position: relative;
      top: 0.75rem;
      left: 0.59rem;
      width: 95%;
      color: grey;
      animation: all 0.1s linear; }
      .woocommerce .form-row label .required {
        display: none; }
      .woocommerce .form-row label strong {
        font-weight: normal; }
      .woocommerce .form-row label.woocommerce-form__label-for-checkbox {
        height: auto;
        top: 0;
        left: 0;
        display: inline;
        font-size: 0.8rem; }
    .woocommerce .form-row .input-text {
      border: 1px #dddddd solid;
      border-radius: 0.2rem;
      font-family: proto, sans-serif;
      font-size: 1rem;
      line-height: 1.2rem;
      padding: 1rem 0.5rem 0.5rem 0.5rem;
      width: 100%;
      padding: 0.5rem;
      height: 2.6rem;
      vertical-align: top; }
      .woocommerce .form-row .input-text:focus {
        border-color: blue; }
    .woocommerce .form-row select {
      max-width: 65%;
      font-family: proto, sans-serif;
      font-size: 0.8rem;
      color: grey;
      height: 2.6rem; }
    .woocommerce .form-row.not-empty label, .woocommerce .form-row#billing_country_field label, .woocommerce .form-row#shipping_country_field label {
      top: -0.1rem;
      font-size: 0.6rem;
      z-index: 10; }
    .woocommerce .form-row.not-empty input, .woocommerce .form-row#billing_country_field input, .woocommerce .form-row#shipping_country_field input {
      font-family: proto, sans-serif;
      font-size: 1rem;
      line-height: 1.2rem;
      padding: 1rem 0.5rem 0.5rem 0.5rem; }
    .woocommerce .form-row#billing_first_name_field, .woocommerce .form-row#billing_last_name_field, .woocommerce .form-row#shipping_first_name_field, .woocommerce .form-row#shipping_last_name_field {
      width: 49.5%;
      display: inline-block; }
    .woocommerce .form-row#billing_first_name_field, .woocommerce .form-row#shipping_first_name_field {
      margin-right: 1%; }
    .woocommerce .form-row#billing_country_field, .woocommerce .form-row#billing_postcode_field, .woocommerce .form-row#billing_city_field, .woocommerce .form-row#shipping_country_field, .woocommerce .form-row#shipping_postcode_field, .woocommerce .form-row#shipping_city_field {
      display: inline-block;
      vertical-align: top;
      width: 32.6666666667%;
      margin-left: 1%; }
    .woocommerce .form-row#billing_postcode_field, .woocommerce .form-row#shipping_postcode_field {
      margin-left: 0; }
    .woocommerce .form-row#billing_address_2_field {
      display: none; }
    .woocommerce .form-row#billing_country_field, .woocommerce .form-row#shipping_country_field {
      border: 1px #dddddd solid;
      border-radius: 0.2rem;
      padding-top: 0;
      height: 2.6rem;
      margin-left: 1%; }
      .woocommerce .form-row#billing_country_field select, .woocommerce .form-row#shipping_country_field select {
        margin-left: 5rem; }
    .woocommerce .form-row .description {
      font-family: proto, sans-serif;
      font-size: 0.8rem;
      color: grey; }
    .woocommerce .form-row #vat_number-description {
      display: none; }
    .woocommerce .form-row #order_comments {
      border: 1px #dddddd solid;
      border-radius: 0.2rem;
      height: 9.77rem; }
  .woocommerce .shipping-calculator-form .form-row input {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem; }
  .woocommerce .woocommerce-input-wrapper {
    display: block; }
    .woocommerce .woocommerce-input-wrapper textarea {
      width: 100%; }
  .woocommerce .woocommerce-privacy-policy-text {
    font-family: 'proto';
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 0.06rem;
    padding-top: 0.5rem; }
  .woocommerce #payment {
    margin-top: 4rem;
    font-family: 'proto';
    font-size: 0.8rem;
    line-height: 1.2;
    letter-spacing: 0.06rem; }
    .woocommerce #payment:before {
      content: "Payment";
      text-transform: uppercase;
      font-family: 'proto';
      font-size: 1rem;
      line-height: 1.2rem;
      letter-spacing: 0.06rem;
      margin-bottom: 1rem;
      top: -0.5rem;
      position: relative; }
    @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
      .woocommerce #payment {
        width: 100%; } }
    .woocommerce #payment label {
      font-family: 'proto';
      font-size: 1rem;
      line-height: 1.2rem;
      letter-spacing: 0.06rem; }
    .woocommerce #payment .form-row {
      margin-top: 0; }
      .woocommerce #payment .form-row label {
        font-family: 'proto';
        font-size: 0.8rem;
        line-height: 1.2;
        letter-spacing: 0.06rem;
        height: auto;
        top: auto;
        left: auto; }
    .woocommerce #payment .wc_payment_method {
      border-top: 1px solid black;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
      .woocommerce #payment .wc_payment_method.payment_method_stripe_sofort {
        border-bottom: 1px solid black; }
    .woocommerce #payment .payment_box {
      margin-left: 1.5rem; }
      @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
        .woocommerce #payment .payment_box {
          width: 60%; } }
    .woocommerce #payment fieldset {
      border: 0px solid #c0c0c0;
      margin: 0;
      padding: 0;
      margin-top: 0.5rem; }
      .woocommerce #payment fieldset label {
        font-family: 'proto';
        font-size: 0.8rem;
        line-height: 1.2;
        letter-spacing: 0.06rem; }
    .woocommerce #payment img {
      filter: saturate(0);
      width: auto;
      height: 0.8rem; }
    .woocommerce #payment input[type="radio"] {
      margin-right: 0.3rem;
      vertical-align: super;
      top: 0.1rem;
      position: relative; }
    .woocommerce #payment .clear {
      margin-top: -1rem; }
    .woocommerce #payment .about_paypal {
      display: none; }
    .woocommerce #payment .required {
      display: inline; }
    .woocommerce #payment .wc-stripe-sepa-mandate {
      margin-bottom: 0 !important; }
    .woocommerce #payment #wc-stripe_sepa-form label {
      margin-top: 0.5rem;
      color: black; }
    .woocommerce #payment #stripe-card-element, .woocommerce #payment #stripe-iban-element {
      border: 1px #dddddd solid;
      border-radius: 0.2rem; }
  .woocommerce .form-row.place-order {
    text-align: right; }
    .woocommerce .form-row.place-order .woocommerce-privacy-policy-text {
      text-align: left; }
    .woocommerce .form-row.place-order .woocommerce-terms-and-conditions-wrapper {
      text-align: right; }
    .woocommerce .form-row.place-order #place_order {
      border-radius: 2rem;
      border: 0px transparent solid;
      background-color: black;
      color: white;
      padding: 0.25rem 0.7rem 0.4rem;
      font-family: proto, sans-serif;
      font-size: 1rem;
      line-height: 1.2rem;
      text-align: center;
      text-decoration: none !important;
      display: block !important;
      margin-top: 1rem; }

.woocommerce-billing-fields, .woocommerce-shipping-fields {
  width: 100%; }

#customer_details,
#order_review_heading,
#order_review {
  width: 100%;
  float: none;
  clear: both; }

#order_review ::placeholder {
  opacity: 0; }

#order_review ::-moz-placeholder {
  opacity: 0; }

#order_review ::-webkit-input-placeholder {
  opacity: 0; }

#order_review ::-ms-input-placeholder {
  opacity: 0; }

#order_review table .woocommerce-shipping-totals th, #order_review table .woocommerce-shipping-totals td {
  display: block; }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    #order_review table .woocommerce-shipping-totals th, #order_review table .woocommerce-shipping-totals td {
      margin-right: -22.8rem; } }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #order_review table .woocommerce-shipping-totals th, #order_review table .woocommerce-shipping-totals td {
      margin-right: -9.2rem; } }

#order_review table .woocommerce-shipping-totals th {
  border-top: 1px black solid;
  margin-top: -1px;
  height: 0; }

#order_review table .woocommerce-shipping-totals td {
  margin-top: -0.6rem; }
  #order_review table .woocommerce-shipping-totals td input[type="radio"] {
    margin-right: 0.5rem;
    vertical-align: super;
    top: 0.3rem;
    position: relative; }

#order_review table #shipping_method {
  padding-top: 0; }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    #order_review table #shipping_method {
      font-family: 'saintecolombe',times, serif;
      font-size: 1.35rem;
      line-height: 1.75rem;
      color: black; }
      #order_review table #shipping_method .woocommerce-Price-amount {
        font-family: 'saintecolombe',times, serif;
        font-size: 1.35rem;
        line-height: 1.75rem;
        color: black; } }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #order_review table #shipping_method {
      padding-top: 1rem; } }

.woocommerce-page .woocommerce-MyAccount-content {
  font-family: 'saintecolombe',times, serif;
  font-size: 1.7rem;
  line-height: 2rem;
  color: black; }
  .woocommerce-page .woocommerce-MyAccount-content a {
    text-decoration: underline;
    /*
            border-bottom: $border;
            display: inline;
            padding-bottom: 0rem;
            */ }
    .woocommerce-page .woocommerce-MyAccount-content a:hover {
      text-decoration: none; }
  .woocommerce-page .woocommerce-MyAccount-content p {
    margin-bottom: 1rem; }

body.woocommerce-edit-account .woocommerce-Button {
  border-radius: 2rem;
  border: 0px transparent solid;
  background-color: #555;
  color: white;
  padding: 0.25rem 0.4rem 0.3rem 0.4rem;
  font-family: proto, sans-serif;
  font-size: 0.75rem;
  text-align: center;
  text-decoration: none !important; }

body.woocommerce-edit-account .woocommerce-form-row span em {
  font-family: 'proto';
  font-size: 0.8rem;
  line-height: 1.2;
  letter-spacing: 0.06rem;
  font-style: normal; }

body.woocommerce-edit-account fieldset {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  body.woocommerce-edit-account fieldset p.woocommerce-form-row {
    margin-top: 0; }
    body.woocommerce-edit-account fieldset p.woocommerce-form-row:last-child {
      margin-bottom: 0; }
  body.woocommerce-edit-account fieldset legend {
    font-family: 'proto';
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: 0.06rem; }

@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
  .woocommerce-edit-address #wrapper .col-1, .woocommerce-edit-address #wrapper .col-2 {
    width: 50%;
    float: left; } }

.woocommerce-Addresses, .woocommerce-columns--addresses {
  margin-top: 2rem; }
  .woocommerce-Addresses .woocommerce-Address-title h3, .woocommerce-Addresses .woocommerce-Address-title .edit, .woocommerce-columns--addresses .woocommerce-Address-title h3, .woocommerce-columns--addresses .woocommerce-Address-title .edit {
    vertical-align: bottom;
    display: inline-block;
    line-height: 1.2rem;
    padding: 0; }
  .woocommerce-Addresses .woocommerce-Address-title h3, .woocommerce-columns--addresses .woocommerce-Address-title h3 {
    width: 60%; }
  .woocommerce-Addresses .woocommerce-Address-title .edit, .woocommerce-columns--addresses .woocommerce-Address-title .edit {
    width: 17%;
    display: inline;
    border-radius: 2rem;
    border: 0px transparent solid;
    background-color: #555;
    color: white;
    padding: 0.25rem 0.4rem 0.3rem 0.4rem;
    font-family: proto, sans-serif;
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none !important;
    margin-bottom: 0.3rem;
    border: none; }
  .woocommerce-Addresses address, .woocommerce-columns--addresses address {
    margin-top: 1rem;
    font-family: 'proto';
    font-size: 1.8rem;
    line-height: 2rem;
    color: black;
    font-style: normal; }

.page-id-8 .woocommerce-Button, .page-id-8 .woocommerce-button {
  border-radius: 2rem;
  border: 0px transparent solid;
  background-color: #555;
  color: white;
  padding: 0.25rem 0.4rem 0.3rem 0.4rem;
  font-family: proto, sans-serif;
  font-size: 0.75rem;
  text-align: center;
  text-decoration: none !important; }

@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
  .page-id-8 #wrapper .col-1, .page-id-8 #wrapper .col-2 {
    width: 44%;
    float: left; } }

.page-id-8 #wrapper .col-1 {
  margin-right: 10%; }

@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .page-id-8 #wrapper .col-2 {
    margin-top: 3rem; } }

.page-id-8 #wrapper .woocommerce-order-details {
  margin-top: 3rem; }

.page-id-8 #wrapper .woocommerce-customer-details--email {
  white-space: nowrap; }

.page-id-8 #wrapper .woocommerce-form-login__rememberme {
  display: block !important; }

.page-id-8 #wrapper .woocommerce-LostPassword {
  font-family: 'proto';
  font-size: 0.8rem;
  line-height: 1.2;
  letter-spacing: 0.06rem;
  border-bottom: 1px solid black;
  display: inline; }
  .page-id-8 #wrapper .woocommerce-LostPassword:hover {
    border-bottom: 1px solid transparent; }

.page-id-8 #wrapper .woocommerce-form-register p {
  font-family: 'proto';
  font-size: 0.8rem;
  line-height: 1.2;
  letter-spacing: 0.06rem;
  margin-bottom: 1.2rem; }

.woocommerce-pagination .woocommerce-Button {
  border-radius: 2rem;
  border: 0px transparent solid;
  background-color: black;
  color: white;
  padding: 0.25rem 0.7rem 0.4rem;
  font-family: proto, sans-serif;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: center;
  text-decoration: none !important; }

.woocommerce-downloads .woocommerce-Button {
  display: none !important; }

.woocommerce-orders table, .woocommerce-view-order table, .woocommerce-order-downloads table {
  width: 100%;
  font-family: 'proto';
  font-size: 1.3rem;
  line-height: 1.5rem;
  letter-spacing: 0.01rem;
  color: black; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .woocommerce-orders table, .woocommerce-view-order table, .woocommerce-order-downloads table {
      font-size: 0.7rem; } }
  .woocommerce-orders table th, .woocommerce-view-order table th, .woocommerce-order-downloads table th {
    text-align: left;
    border-top: 1px solid black; }
  .woocommerce-orders table th, .woocommerce-orders table td, .woocommerce-view-order table th, .woocommerce-view-order table td, .woocommerce-order-downloads table th, .woocommerce-order-downloads table td {
    padding: 0.5rem 0; }
  .woocommerce-orders table td, .woocommerce-view-order table td, .woocommerce-order-downloads table td {
    border-top: 1px solid black;
    vertical-align: top; }

.woocommerce-order-downloads .download-file {
  padding-top: 0.2rem; }
  .woocommerce-order-downloads .download-file .woocommerce-MyAccount-downloads-file {
    border-radius: 2rem;
    border: 0px transparent solid;
    background-color: #555;
    color: white;
    padding: 0.25rem 0.4rem 0.3rem 0.4rem;
    font-family: proto, sans-serif;
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none !important; }

body.page-id-3604 {
  background-image: url(../img/sternberg-about-background.jpg);
  background-size: 100% 1200px, cover; }
  body.page-id-3604 #white-void {
    background: none !important; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    body.page-id-3604 #main h2 {
      background-image: radial-gradient(farthest-corner at 150% 100%, violet, darkblue, darkblue, darkred, red, red);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    body.page-id-3604 #main div p {
      background-image: radial-gradient(farthest-corner at 120% 100%, violet, green, green, blue, darkblue, darkblue, red, red);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    body.page-id-3604 #main h2 {
      background-image: radial-gradient(farthest-corner at 150% 100%, violet, darkblue, darkblue, darkred, red, red);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    body.page-id-3604 #main div p {
      background-image: radial-gradient(farthest-corner at 120% 100%, violet, green, green, blue, darkblue, darkblue, red, red);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; } }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    body.page-id-3604 {
      font-family: 'saintecolombe',times, serif;
      font-size: 1.7rem;
      line-height: 2rem;
      color: black; }
      body.page-id-3604 #main {
        padding-top: calc(50vh - 22rem); }
      body.page-id-3604 .grid-12 .col-6 {
        width: 46%; }
      body.page-id-3604 p {
        hyphens: none; } }

body.page-id-14806 {
  background-image: url(../img/sternberg-about-background.jpg);
  background-size: 100% 1200px, cover; }
  body.page-id-14806 #white-void {
    background: none !important; }
  body.page-id-14806 #main div p:nth-child(2) {
    text-indent: 2rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    body.page-id-14806 #main h2 {
      background-image: radial-gradient(farthest-corner at 150% 100%, darkblue, darkblue, darkred, red);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    body.page-id-14806 #main div p:nth-child(1) {
      background-image: radial-gradient(farthest-corner at 120% 100%, green, green, darkblue, darkblue, red);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    body.page-id-14806 #main div p:nth-child(2) {
      background-image: radial-gradient(farthest-corner at 120% 100%, green, green, darkblue);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    body.page-id-14806 #main h2 {
      background-image: radial-gradient(farthest-corner at 150% 100%, darkblue, darkblue, darkred, red);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    body.page-id-14806 #main div p:nth-child(1) {
      background-image: radial-gradient(farthest-corner at 120% 100%, green, green, darkblue, darkblue, red);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    body.page-id-14806 #main div p:nth-child(2) {
      background-image: radial-gradient(farthest-corner at 120% 100%, green, green, darkblue);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; } }
  @media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 668px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) {
    body.page-id-14806 {
      font-family: 'saintecolombe',times, serif;
      font-size: 1.7rem;
      line-height: 2rem;
      color: black; }
      body.page-id-14806 #main {
        padding-top: calc(50vh - 25rem); }
      body.page-id-14806 .grid-12 .col-6 {
        width: 46%; }
      body.page-id-14806 p {
        hyphens: none; } }

body.search-no-results .col-6.page-content-item, body.search-results .col-6.page-content-item {
  text-align: center;
  font-family: 'saintecolombe',times, serif;
  font-size: 1.7rem;
  line-height: 2rem;
  color: black; }

body.page-id-3622 #mc-embedded-subscribe-form {
  text-align: center; }

body.page-id-3622 #mce-EMAIL {
  border: 1px #dddddd solid;
  border-radius: 0.2rem;
  font-family: proto, sans-serif;
  font-size: 1rem;
  line-height: 1.2rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  width: 20rem; }

body.page-id-3622 #mc-embedded-subscribe {
  border-radius: 2rem;
  border: 0px transparent solid;
  background-color: black;
  color: white;
  padding: 0.25rem 0.7rem 0.4rem;
  font-family: proto, sans-serif;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: center;
  text-decoration: none !important; }

body.page-id-3622 #mce-EMAIL, body.page-id-3622 #mc-embedded-subscribe {
  font-size: 1.5rem;
  height: 2.8rem;
  vertical-align: top; }

body.page-id-3622 .clear {
  display: inline-block; }

body #wpadminbar {
  top: auto;
  bottom: 0;
  right: 0;
  left: auto;
  width: 30%;
  min-width: inherit; }
  body #wpadminbar #wp-admin-bar-wp-logo,
  body #wpadminbar #wp-admin-bar-customize,
  body #wpadminbar #wp-admin-bar-site-name,
  body #wpadminbar #wp-admin-bar-updates,
  body #wpadminbar #wp-admin-bar-new-content {
    display: none; }
  @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    body #wpadminbar {
      display: none; } }

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important; }

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }