@font-face {
  font-family: 'Baton';
  src: url('../fonts/BatonTurboBook.woff2') format('woff2'),
       url('../fonts/BatonTurboBook.woff') format('woff');
}
@font-face {
  font-family: 'Baton';
  src: url('../fonts/BatonTurboBold.woff2') format('woff2'),
       url('../fonts/BatonTurboBold.woff') format('woff');
  font-weight:bold;
}
@font-face {
  font-family: 'So_hneFett';
  src: url('../fonts/So_hneFett.woff2') format('woff2'),
       url('../fonts/So_hneFett.woff') format('woff');
}
@font-face {
  font-family: 'Caslon';
  src: url('../fonts/ParaTypeCaslonTT540BT.woff2') format('woff2'),
       url('../fonts/ParaTypeCaslonTT540BT.woff') format('woff');
}
@font-face {
  font-family: 'Caslon';
  src: url('../fonts/ParaTypeCaslonTT540BTItalic.woff2') format('woff2'),
       url('../fonts/ParaTypeCaslonTT540BTItalic.woff') format('woff');
  font-style:italic;
}
@font-face {
  font-family: 'Avara';
  src: url('../fonts/Avara-Bold.woff2') format('woff2'),
       url('../fonts/Avara-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Avara';
  src: url('../fonts/Avara-BoldItalic.woff2') format('woff2'),
       url('../fonts/Avara-BoldItalic.woff') format('woff');
  font-style:italic;
}
@font-face {
  font-family: 'Avara';
  src: url('../fonts/Avara-Bold.woff2') format('woff2'),
       url('../fonts/Avara-Black.woff') format('woff');
  font-weight:bold;
}
@font-face {
  font-family: 'Karrik';
  src: url('../fonts/Karrik-Regular.woff2') format('woff2'),
       url('../fonts/Karrik-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Karrik';
  src: url('../fonts/Karrik-Italic.woff2') format('woff2'),
       url('../fonts/Karrik-Italic.woff') format('woff');
  font-style:italic;
}
@font-face {
  font-family: 'Minipax';
  src: url('../fonts/Minipax-Regular.woff2') format('woff2'),
       url('../fonts/Minipax-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Minipax';
  src: url('../fonts/Minipax-Bold.woff2') format('woff2'),
       url('../fonts/Minipax-Bold.woff') format('woff');
  font-weight:bold;
}
@font-face {
  font-family: 'Bluunext';
  src: url('../fonts/bluunext-bold-webfont.woff2') format('woff2'),
       url('../fonts/bluunext-bold-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Bluunext';
  src: url('../fonts/bluunext-bolditalic-webfont.woff2') format('woff2'),
       url('../fonts/bluunext-bolditalic-webfont.woff') format('woff');
  font-style:italic;
}

html, body, header {
  background:#fff;
  color:#000;
  border-color:#000;
}
body, h1, h2, h3, h4, h5, h6, footer {
  font-family: 'Baton', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h3 {
  line-height:1;
}
.content_builder h3 {
  margin: 10px 0px 20px;
}
.content_builder p:last-child {
  margin-bottom:0px;
}
.sohne {
  font-family: 'So_hneFett', 'Baton', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.caslon {
  font-family: 'Caslon', 'Times New Roman', Times, serif;
  font-weight: 400;
}
.caslon_italic {
  font-family: 'Caslon', 'Times New Roman', Times, serif;
  font-weight: 400;
  font-style:italic;
}
.avara {
  font-family: 'Avara', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.avara_italic {
  font-family: 'Avara', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style:italic;
}
.avara_bold {
  font-family: 'Avara', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:bold;
}
.bluu {
  font-family: 'Bluunext', 'Baton', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.bluu_italic {
  font-family: 'Bluunext', 'Baton', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style:italic;
}
.karrik {
  font-family: 'Karrik', 'Baton', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.karrik_italic {
  font-family: 'Karrik', 'Baton', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style:italic;
}
.minipax {
  font-family: 'Minipax', 'Baton', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.minipax_bold {
  font-family: 'Minipax', 'Baton', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:bold;
}
.footnotes p {
  line-height: 1.45;
}

.absolute {
  left:0;
}

.plyr__poster {
  background-color:transparent !important;
}

.lineheight {
  line-height:0.95;
}
.issue {
  overflow:hidden;
}
.issue .hero {
  display:none;
}
.issue:first-child {
  max-width: 100%;
  flex-basis: 100%;
  min-height:90vh;
}
.issue:first-child .hero {
  display:block;
}
.issue:first-child .standard {
  display:none;
}
/* .issue .image {
  transition:transform 13s ease;
}
.issue:hover .image {
  transform:scale(1.1);
} */
.non-fiction-hero {
  width:60%;
  max-width:460px;
}
.non-fiction-hero svg > * {
  fill:white;
}

html {
  min-height:100%;
}
.fullborder {
  position: absolute;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  top: 0;
  left: 0;
  z-index: 100;
  pointer-events: none;
  opacity: 1;
  border: 1px solid;
  border-bottom
}

header {
  border:1px solid;
  left:0;
  top:0;
  position:fixed;
  width:calc(100% - 2px);
}
body {
  padding-top:45px;
}
#hover-image {
  background-size:cover;
  z-index:20;
}
#hover-image img {
  pointer-events:none;
}
.header_button, .header_input {
  height:43px;
  border:none;
  background:transparent;
  padding:0px 20px;
  border-radius: 0px;
  font-size:inherit;
  font-family:inherit;
  color:inherit;
  line-height:43px;
}
.non-fiction,
.non-fiction svg {
  width:100%;
  display:block;
  max-width:80px;
}
.social_icons {
  list-style:none;
}
.social_icons a {
  display:block;
}
.social_icons li {
  display:inline-block;
  margin:5px;
}
.social_icons li:first-child {
  margin-left:-7px;
}
.social_icons li:last-child {
  margin-right:0px;
}
.social_icons li svg {
  display:inline-block;
  width:25px;
}
.bordertop {
  border-top-style:solid;
  border-top-width:1px;
}
.borderleft {
  border-left-style:solid;
  border-left-width:1px;
}

.issue_nav {
  list-style:none;
  padding:0px;
  margin:0px;
  overflow: hidden;
}
.issue_nav li {
  width:100%;
  margin-bottom: 0px;
  height:0px;
  position:relative;
  transition:all 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}
.issue_nav li:after {
  content:'';
  border-bottom: 1px solid;
  top:0px;
  width:100%;
  height:0px;
  position:absolute;
}
.issue_nav li .padding {
  padding:15px 0px;
}
.issue_nav.active li {
  height:auto;
  cursor:pointer;
}
.issue_nav li .issue_title  {
  opacity:0;
  /* transition:opacity 0.3s ease; */
}
.issue_nav.active li .issue_title  {
  opacity:1;
}
.issue_nav li a:hover {

}
.issue_nav li.active {
  height:auto;
}
.issue_nav li.active a {
  pointer-events:none;
}
.issue_nav li.active .issue_title {
  opacity:1;
}
.issue_nav.active li.active a {
  pointer-events:all;
}
.issue_nav li .issue_title {
  display:inline-block;
  padding-left: 24px;
  position:relative;
}
.issue_nav li .issue_title span:first-child {
  width:12px;
  height:12px;
  border:1px solid;
  content:'';
  position:absolute;
  left:0px;
  top:calc(50% - 8px);
}
.issue_nav li.active .issue_title span:first-child:before,
.issue_nav li.active .issue_title span:first-child:after {
  width:1px;
  height:150%;
  border-left:1px solid;
  content:'';
  position:absolute;
  top: 0%;
}
.issue_nav li.active .issue_title span:first-child:before {
  transform-origin: top;
  transform: rotate(45deg);
  right: calc(0% - 2px);
}
.issue_nav li.active .issue_title span:first-child:after {
  transform-origin: bottom;
  transform: rotate(-45deg);
  right: calc(0% - 2px);
  bottom: 0px;
  top: unset;
}

.issue_nav li .issue_title span:last-child {
  position:relative;
}
.issue_nav li .issue_title span:last-child:after {
  content: '';
  width: 100%;
  position: absolute;
  height: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: inherit;
  left: 0;
  bottom: -4px;
  opacity: 1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.issue_nav li a:hover .issue_title span:last-child:after {
  transform:scaleX(1);
}

.inner_wrapper {
  width:100%;
  max-width:960px;
}
.flickity-viewport {
  height: 100% !important;
}
.flickity-button-icon {
  fill: inherit;
  padding: 10px;
}

.articles .article:first-child .bordertop {
  border-top-width:0px;
}
.show-active {
  position: absolute;
  top: 0%;
  opacity:0;
}
.hide-active {
  display:inline-block;
}
.menu .show-active {
  opacity:1;
}
.menu .hide-active {
  opacity:0;
}
@media all and (min-width: 769px) {
#mobilemenu {
  max-width:2000px;
}
}
@media (min-width: 1024px) {
#mobilemenu {
    max-width: 50vw;
}
}
.menubutton span, .menubutton.active#searchclose span {
  background:black;
}
#mobilemenu,
.menu #mobilemenu {
  background:white;
  color:black;
}
input.header_input {
  color:black !important;
}
#menu-non-fiction {
  list-style:none;
}
.menubutton {
  height:40px;
}
.menu-container {
  top: 41px;
  height: calc(100vh - 41px);
}
#mobilemenu {
  border-width:1px;
  border-style:solid;
  left:auto;
  left:unset;
}
.menu-container {
  z-index: 100;
}

.wrapper {
  padding:0px 20px;
  max-width:1200px;
}
@media (min-width: 661px) {
.wrapper {
    padding: 0px 30px;
}
}
@media all and (min-width:768px) {
  .header_button, .header_input {
      height:58px;
      padding:0px 35px;
      line-height:58px;
  }
  .menu-container {
    top: 59px;
    height: calc(100vh - 59px);
  }
  .menubutton {
    width: auto;
    height: auto;
  }
  body {
      padding-top:60px;
  }
  .non-fiction,
  .non-fiction svg {
      max-width:120px;
  }
  .previous_next {
    z-index:10;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: 100%;
    right: 0;
    height: 58px;
    width: auto;
    padding: 0px 30px;
  }
}
@media all and (min-width: 1024px) {
  .wrapper {
      padding: 0px 80px;
  }
}
@media all and (min-width: 1240px) {
  .wrapper {
      padding: 0px 120px;
  }
}







.fs-8vw {
  font-size:8vw;
}

.fs-7 {
  font-size:7px;
}
.fs-10 {
  font-size:10px;
}
.fs-11 {
  font-size:11px;
}
.fs-12 {
  font-size:12px;
}
.fs-13 {
  font-size:13px;
}
.fs-14 {
  font-size:14px;
}
.fs-16 {
  font-size:16px;
}
.fs-18 {
  font-size:18px;
}
.fs-20 {
  font-size:20px;
}
.fs-22 {
  font-size:22px;
}
.fs-24 {
  font-size:24px;
}
.fs-30 {
  font-size:30px;
}
.fs-34 {
  font-size:34px;
}
.fs-38 {
  font-size:38px;
}
.fs-40 {
  font-size:40px;
}
.fs-44 {
  font-size:44px;
}
.fs-48 {
  font-size:48px;
}
.fs-55 {
  font-size:55px;
}
.fs-62 {
  font-size:62px;
}
.fs-70 {
  font-size:70px;
}
.fs-110 {
  font-size:110px;
}
.fs-135 {
  font-size:135px;
}
.fs-150 {
  font-size:150px;
}

@media all and (min-width:768px) {
  .fs-sm-12 {
    font-size:12px;
  }
  .fs-sm-13 {
    font-size:13px;
  }
  .fs-sm-14 {
    font-size:14px;
  }
  .fs-sm-16 {
    font-size:16px;
  }
  .fs-sm-18 {
    font-size:18px;
  }
  .fs-sm-20 {
    font-size:23px;
  }
  .fs-sm-21 {
    font-size:23px;
  }
  .fs-sm-24 {
    font-size:24px;
  }
  .fs-sm-28 {
    font-size:28px;
  }
  .fs-sm-34 {
    font-size:34px;
  }
  .fs-sm-38 {
    font-size:38px;
  }
  .fs-sm-40 {
    font-size:40px;
  }
  .fs-sm-44 {
    font-size:44px;
  }
  .fs-sm-48 {
    font-size:48px;
  }
  .fs-sm-55 {
    font-size:55px;
  }
  .fs-sm-62 {
    font-size:62px;
  }
  .fs-sm-70 {
    font-size:70px;
  }
  .fs-sm-110 {
    font-size:110px;
  }
  .fs-sm-135 {
    font-size:135px;
  }
  .fs-sm-150 {
    font-size:150px;
  }
}

@media all and (min-width:1200px) {
  .fs-md-15 {
    font-size:15px;
  }
  .fs-md-16 {
    font-size:16px;
  }
  .fs-md-18 {
    font-size:18px;
  }
  .fs-md-20 {
    font-size:20px;
  }
  .fs-md-22 {
    font-size:22px;
  }
  .fs-md-24 {
    font-size:24px;
  }
  .fs-md-28 {
    font-size:28px;
  }
  .fs-md-34 {
    font-size:34px;
  }
  .fs-md-38 {
    font-size:38px;
  }
  .fs-md-40 {
    font-size:40px;
  }
  .fs-md-44 {
    font-size:44px;
  }
  .fs-md-50 {
    font-size:50px;
  }
  .fs-md-55 {
    font-size:55px;
  }
  .fs-md-62 {
    font-size:62px;
  }
  .fs-md-70 {
    font-size:70px;
  }
  .fs-md-110 {
    font-size:110px;
  }
  .fs-md-135 {
    font-size:135px;
  }
  .fs-md-150 {
    font-size:150px;
  }
}
@media all and (min-width:1400px) {
  .fs-lg-15 {
    font-size:15px;
  }
  .fs-lg-16 {
    font-size:16px;
  }
  .fs-lg-18 {
    font-size:18px;
  }
  .fs-lg-20 {
    font-size:20px;
  }
  .fs-lg-22 {
    font-size:22px;
  }
  .fs-lg-24 {
    font-size:24px;
  }
  .fs-lg-28 {
    font-size:28px;
  }
  .fs-lg-34 {
    font-size:34px;
  }
  .fs-lg-38 {
    font-size:38px;
  }
  .fs-lg-40 {
    font-size:40px;
  }
  .fs-lg-44 {
    font-size:44px;
  }
  .fs-lg-48 {
    font-size:48px;
  }
  .fs-lg-55 {
    font-size:55px;
  }
  .fs-lg-62 {
    font-size:62px;
  }
  .fs-lg-70 {
    font-size:70px;
  }
  .fs-lg-110 {
    font-size:110px;
  }
  .fs-lg-135 {
    font-size:135px;
  }
  .fs-lg-150 {
    font-size:150px;
  }
}




.fadeslider {
  z-index:1;
}
.fadeslider .flickity-viewport {
	overflow:hidden;
}
.vertical-sub-slider.fadeslider .flickity-viewport {
	overflow:visible;
}
.fadeslider .flickity-slider {
  transform: none !important;
}
.fadeslider .carousel-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: -1; 
}
.fadeslider .carousel-cell.is-selected {
  opacity: 1;
  z-index: 0
}