/* JEAN LOUIS */
/* http://minifycode.com/css-minifier/ */

/*
‘
’
“
”
*/

@import url("fonts.css");
@import url("reset.css");
@import url("mediaelementplayer.css");


/* contains word */

body[data-state*="1970s"] #background {}


/* dev */

.site-logo a {
  display: none !important;
}

.landing .masthead,
.landing .site-logo {
  display: none;
}








/* ==========================================================================
	00. video holder
========================================================================== */

/* https://webkit.org/blog/6784/new-video-policies-for-ios/ */

#either-gif-or-video video {}

@media (-webkit-video-playable-inline) {
#either-gif-or-video img {
  display: none;
}

#either-gif-or-video video {
  display: initial;
}
}

.video-holder {
  position: relative;
  background-color: rgba(110, 110, 110, 0.1);
}

.video-holder .video {
  display: block;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out 0ms;
  transition: opacity 500ms ease-in-out 0ms;
}

.loaded .video-holder .video {
  opacity: 1;
}

.video-holder .video:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0px solid rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.video-holder video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}








/* ==========================================================================
	00. READY
========================================================================== */

html * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height: 100%;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 62.5%;
}

html.touchevents {
  overflow-y: auto;
}

body {
  height: 100%;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-highlight: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: "aktiv-regular", Helvetica, sans-serif;
  font-size: 1.4rem;
  background-color: #000;
  color: #fff;
  transition: background-color 250ms ease-in-out;
}

body.loading {
  cursor: wait !important;
}

#background {
  pointer-events: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transition: all 250ms ease-in-out;
}

#background.contain {
  background-size: contain;
}

#background.lazyload {
  opacity: 0;
}

.black-background {
  background-color: black;
  color: white;
}

.blue-background {
  background-color: blue;
}

.dark-background {
  background-color: #0f0f0f;
  color: white;
}

.green-background,
.green-background #event {
  background-color: #1aa686;
}

.orange-background {
  background-color: #fd8225;
}

.pink-background,
.pink-background #event {
  background-color: #e783a9;
}

.red-background {
  background-color: red;
}

.white-background {
  background-color: white;
}

/* force */

.force-blue {
  color: #37b4ee !important;
}

.force-blue .img-holder {
  background-color: #37b4ee !important;
}

.force-red {
  color: #fb0d1b !important;
}

.force-red .img-holder {
  background-color: #fb0d1b !important;
}





























b:last-of-type, i:last-of-type {
  white-space: nowrap;
}

p i,
h3 i,
h4 i,
h5 i {
  font-family: "aktiv-regular-italic", Times, serif;
}

h6 i {
  font-family: "aktiv-regular-italic", Helvetica, sans-serif;
}

.text-italic {
  font-family: "aktiv-regular-italic", Helvetica, sans-serif;
}


.font-bold {
  font-family: "aktiv-bold", Helvetica, sans-serif;
}

/* ==========================================================================
	00. fonts
========================================================================== */

p,
h1,
h2,
h3,
h4,
h5 {
  font-family: "aktiv-regular", Times, serif;
  letter-spacing: 0;
}

/* p */

p {
  font-size: 3.2rem;
  line-height: 40px;
  line-height: 1.25;
}

/* h3 */

h3, .h3 {
  font-family: "Modernoir-DemiBold", Helvetica, sans-serif;
  font-family: "Modernoir-Medium", Helvetica, sans-serif;
  font-size: 6rem;
  line-height: 1;
  letter-spacing: 0;
}

.section--mega nav ul li {
  font-family: "Modernoir-Medium", Helvetica, sans-serif;
  font-size: 5rem;
  line-height: 1;
  letter-spacing: 0;

  color: #D9A24A;

  background: linear-gradient(
    90deg,
    #B87416 0%,
    #E09A22 18%,
    #F4C75A 36%,
    #FFF19A 50%,
    #E7B13B 64%,
    #D88A18 82%,
    #F0A12A 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section--mega nav ul li.current {
  background: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (max-width: 1199px) {
h3, .h3 {
  font-size: 5rem;
}
}

@media (max-width: 767px) {
h3, .h3 {
  font-size: 4rem;
}
}

/* h4 */

h4, .h4 {
  font-family: "aktiv-regular", Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 20px;
  letter-spacing: 0.05em;
}

/* h5 */

h5, .h5 {
  font-family: "aktiv-regular", Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 20px;
  letter-spacing: 0.05em;
}

/* h6 */

h6, .h6 {
  font-size: 1.4rem;
  line-height: 20px;
  letter-spacing: 0.05em;
}

@media (min-width: 768px) {
.text--medium h6,
.header__sub h6,
.caption--description h6,
.event__section figcaption h6 {
  font-family: "neue-haas-grotesk-text-55-roman", Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.3;
  letter-spacing: 0.025em;
}
}

/* nav */

#menu nav li {
  font-size: 1.4rem;
  line-height: 20px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family: "aktiv-regular", Helvetica, sans-serif;
  font-family: "aktiv-medium", Helvetica, sans-serif;
}












/* ==========================================================================
	00. assets
========================================================================== */

.img-holder,
.video-holder {
  display: block;
  background-color: rgba(0, 0, 0, 0.99);
  background-color: gold;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.gold-1  { background:#A86B12; }
.gold-2  { background:#B37216; }
.gold-3  { background:#BC7D1C; }
.gold-4  { background:#C58924; }
.gold-5  { background:#CF942D; }
.gold-6  { background:#D8A23A; }
.gold-7  { background:#DEAB46; }
.gold-8  { background:#E5B652; }
.gold-9  { background:#ECC15E; }
.gold-10 { background:#F2CC6B; }

.gold-11 {
  background:linear-gradient(
    135deg,
    #A86B12 0%,
    #D8A23A 50%,
    #FFE89A 100%
  );
}

.---gold-12 {
  background:linear-gradient(
    135deg,
    #BC7D1C 0%,
    #ECC15E 50%,
    #A86B12 100%
  );
}

.---gold-13 {
  background:linear-gradient(
    45deg,
    #CF942D 0%,
    #FFE89A 50%,
    #B37216 100%
  );
}

.gold-14 {
  background:linear-gradient(
    180deg,
    #A86B12 0%,
    #D8A23A 100%
  );
}

.gold-15 {
  background:linear-gradient(
    90deg,
    #BC7D1C 0%,
    #F2CC6B 100%
  );
}

.gold-16 {
  background:radial-gradient(
    circle at 30% 30%,
    #FFE89A 0%,
    #E5B652 40%,
    #A86B12 100%
  );
}

.---gold-17 {
  background:radial-gradient(
    circle at center,
    #F2CC6B 0%,
    #D8A23A 55%,
    #8F5A0E 100%
  );
}

.---gold-18 {
  background:linear-gradient(
    135deg,
    #8F5A0E 0%,
    #CF942D 35%,
    #FFE89A 65%,
    #BC7D1C 100%
  );
}

.gold-19 {
  background:linear-gradient(
    225deg,
    #FFE89A 0%,
    #D8A23A 40%,
    #A86B12 100%
  );
}

.---gold-20 {
  background:linear-gradient(
    135deg,
    #C58924 0%,
    #F2CC6B 25%,
    #D8A23A 50%,
    #FFE89A 75%,
    #A86B12 100%
  );
}

.gold-12,
.gold-13,
.gold-18,
.gold-17,
.gold-20 {
  background:radial-gradient(
    circle at 30% 30%,
    #FFE89A 0%,
    #E5B652 40%,
    #A86B12 100%
  );
}

.img,
.video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.img-holder img,
.video-holder video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
}

.img-holder img,
.video-holder video {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transform: none;
  transform: none;
}

.carousel__item:not(.loaded) figcaption,
.img-holder img:not(.img-loaded),
.img.img--bg,
.video-holder video:not(.video-loaded) {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s;
}

/* loaded */

.carousel__item.loaded figcaption,
.loaded .img,
.loaded .img.img--bg,
.img--bg.loaded,
.img-holder .img-loaded,
.video-holder .video-loaded {
  opacity: 1;
  visibility: visible;
  transition: opacity 375ms ease-in-out 500ms;
}

.loaded-delay .img-holder,
.loaded-delay .video-holder {
  background-color: transparent !important;
  transition: background 300ms ease-in-out 450ms;
}

.lazyloaded {
  opacity: 1 !important;
}

/* article */

article {
  transition: color 375ms ease-in-out 500ms, opacity 375ms ease-in-out 500ms;
}

.section--issues article:not(.loaded),
.post__section article:not(.loaded),
.section--related article:not(.loaded) {
  opacity: 0;
}



















#overlay-module {
  background-color: black;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: -1;
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}

/* ==========================================================================
	00. main
========================================================================== */

#main {
  text-align: center;
}

.html--intro #main a {
  pointer-events: none !important;
}

#---main {
  position: relative;
  text-align: center;
  min-height: 100%;
}

.in-transit #main.back-button-clicked {
  opacity: 0;
}

.main__container {}

.---container:not(:first-of-type) {
  height: 0;
  display: none;
  overflow: hidden;
}

#---page {
  position: absolute;
  position: static;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100%;
}

#page {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100%;
}

#page.fixed {
  position: fixed;
}

#content {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 875ms ease-out;
  transition: transform 875ms ease-out;
}

#content {
  -webkit-transform: none;
  transform: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}

#content.fixed {
  position: fixed;
  width: 100%;
}

#content + #content {
  display: none;
}

.no-touchevents #content:not(:first-of-type) {
  display: none;
  height: 0;
  overflow: hidden;
  clear: both;
}

.no-touchevents body:not(.site-ready) #content {
  position: fixed;
}

html.no-touchevents.barba-enabled body:not(.site-ready) #content {
  position: static;
}

/* layout */

.layout {
  left: 0;
  width: 100%;
  padding: 110px 0;
  margin: 0 auto;
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 250ms;
}

.site-ready .layout {
  opacity: 1;
}

@media (max-width: 767px) {
.layout {
  padding: 110px 0;
}
}

.layout.bleed {
  margin: 0;
  padding: 0;
}



















/* ==========================================================================
	00. menu
========================================================================== */

.masthead {}

.header--menu {}

@media (max-width: 1024px) {
.header--menu {
  display: none;
}
}

#menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 101;
  height: auto;
  text-align: center;
}

.menu__wrap {
  position: relative;
  width: 100%;
  max-width: 9991700px;
  margin: 0 auto;
  padding: 0;
}

.menu__wrap:before,
.menu__wrap:after {
  display: table;
  content: "";
  line-height: 0;
}

.menu__wrap:after {
  clear: both;
}

#menu nav {
  margin: auto;
  display: inline-block;
  position: absolute;
  pointer-events: none;
  top: 20px;
}

@media (min-width: 1025px) {
#---menu .nav--main {
  top: 30px;
  right: 20px;
}
}

@media (min-width: 1025px) {
#---menu .nav--main {
  top: 30px;
  left: auto;
  right: 0;
  width: 50%;
}

#menu .nav--main {
  top: 30px;
  left: 20px;
  right: auto;
}

#---menu .nav--main {
  top: 30px;
  left: auto;
  right: 20px;
}

#menu .nav--purchase,
#menu .nav--right,
#menu .nav--social {
  top: 30px;
  left: auto;
  right: 20px;
}
}

.menu__list {
  pointer-events: auto;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 20px;
}

.menu__list li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
}

.menu__list li:not(:last-of-type) {
  margin-right: 20px;
}

.---menu__list .nav__item--events {
  margin-right: 0 !important;
}

.---menu__list .nav__item--info {
  display: none;
}

.menu__list li a {
  display: inline-block;
}

.menu__list li.current a {
  pointer-events: none;
}

.menu__list li span {
  border-bottom: 1px solid transparent;
  transition: all 0ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
}

.menu__list li.current span,
.menu__list li.active span {
  border-color: inherit;
}

.---body:not(.site-ready) .menu__list li span,
.html--intro .menu__list li span {
  color: #000 !important;
  border-color: transparent !important;
}

/* active */
/*
@media (min-width: 1025px) {
body.about .nav__item--about span,
body.issues .nav__item--issues span,
body.contributors .nav__item--contributors span,
body.events .nav__item--events span,
body.info .nav__item--info span,
body.purchase .nav__item--purchase span {
  border-color: #ec249e;
  color: #ec249e;
}
}
*/

/* icon on menu */

.nav--social ul li,
.social__item {
  width: 20px;
  height: 20px;
  text-indent: -999em;
}

.nav--social ul li a,
.social__item a {
  display: block !important;
}

.nav--social ul li a span,
.social__item span {
  display: block;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

























/* ==========================================================================
	00. global
========================================================================== */

section:after {
  content: "";
  display: table;
  clear: both;
}

article:not(.loaded) .article__link {
  display: none !important;
}

article .article__heading,
article .item__heading {
  position: relative;
}

article:not(.loaded) figure {
  cursor: progress !important;
}

article figure,
article figcaption {
  position: relative;
}

.caption {
  position: relative;
}

.fig-wrap {
  position: relative;
}

.assets,
.asset {
  position: relative;
}

.group,
.section__group,
.text-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

/* tc */

.template-container {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
}

@media (min-width: 768px) {
.template-container {
  padding: 0 40px;
}
}

.template-wrap {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

/* is offset - 1075 */

@media (min-width: 1200px) {
.template-container.is-offset {
  margin-right: 0;
  padding-right: 70px;
}

.template-container.is-offset .template-wrap {
  margin-right: 0;
  width: auto;
  max-width: none;
  max-width: 1200px;
  margin-left: calc(0px + (1 * (100% - 960px) / 2));
}
}

/* header */

.header {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
  overflow: hidden;
}

.header .header__container {
  padding: 0 20px;
}

@media (min-width: 768px) {
.header .header__container {
  padding: 0 40px;
}
}

.-header__container::before {
  content: "";
  position: absolute;
  left: 0;
  right: 50%;
  bottom: 0;
  height: 1px;
  background: #111;
}

.header h3 {
  position: relative;
  display: inline-block;
  margin: 0;
}

.header__line {
  position: relative;
  display: inline-block;
}

.header__line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #fff;
  width: 100vw;
  left: 0;
}

/* comma list */

.list--comma {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.list--comma:after {
  content: "";
  display: block;
  clear: both;
}

.list--comma li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

@media (max-width: 767px) {
.list--comma li {
  display: block;
  margin: 0 0px;
}
}

.list--comma li h5::after {
  content: ",";
  display: inline-block;
  vertical-align: top;
  width: 0px;
  text-align: left;
}

.list--comma li:last-child h5::after {
  content: "";
}































/* ==========================================================================
	00. hamburger
========================================================================== */

.burger {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 103;
  pointer-events: none;
}

@media (min-width: 1025px) {
.burger {
  display: none;
}
}

.burger__wrap {
  position: relative;
  cursor: pointer;
  pointer-events: auto;
}

.burger.no-point .burger__wrap {
  pointer-events: none !important;
}

.burger__icon {
  display: block;
  position: absolute;
  top: 20px;
  left: 30px;
  width: 40px;
  height: 40px;
  z-index: 104;
  border-radius: 40px;
  background-color: black;
}

@media (max-width: 767px) {
.burger__icon {
  top: 10px;
  left: 10px;
}
}

.mega-open .burger__icon {
  -webkit-transition: background-color 250ms ease-in-out 250ms;
  transition: background-color 250ms ease-in-out 250ms;
  background-color: #d9a24a;
  background: radial-gradient(
  circle at 30% 25%,
  #FFF8C5 0%,
  #F5D66F 20%,
  #E5B343 45%,
  #D2962B 70%,
  #B87318 100% );
  background: radial-gradient(
  circle at 85% 30%,
  #FFF4A6 0%,
  #F2C85C 28%,
  #D9A24A 55%,
  #C78822 82%,
  #A86A12 100% );
}

.burger__icon span {
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 10px;
}

.burger__icon .line1 {
  top: 12px;
}

.burger__icon .line2 {
  top: 19px;
}

.burger__icon .line3 {
  top: 26px;
}

.burger__icon .line4 {
  display: none;
}

.mega-open .burger__icon .line2 {
  background: #111;
}

.mega-open .burger__icon .line1,
.mega-open .burger__icon .line3 {
  opacity: 0;
}

.burger__text {
  position: absolute;
  top: 30px;
  left: 70px;
  padding: 0 10px;
  -webkit-transition: all 250ms ease-in-out 0ms;
  transition: all 250ms ease-in-out 0ms;
  display: none;
}

@media (min-width: 1025px) {
.mega-open .burger__text {
  color: inherit;
  -webkit-transition: all 0ms ease-in-out 250ms;
  transition: all 0ms ease-in-out 250ms;
}
}

@media (max-width: 767px) {
.burger__text {
  top: 20px;
  left: 50px;
}
}

/*
body.issues .burger__text h6:before {
  content: 'Issues';
}

body.issues .burger__text h6 span {
  display: none;
}
*/















/* ==========================================================================
	00. mega
========================================================================== */

.mega-open .mega,
.mega-open #mega-background,
.section--mega nav {
  -webkit-transition: opacity 250ms ease-in-out 0ms;
  transition: opacity 250ms ease-in-out 0ms;
}

@media (max-width: 1024px) {
.---mega-open-delay-250 {
  background-color: #f34d8f;
}

.mega-open #menu,
.mega-open .site-logo,
.mega-open #content,
.mega-open-delay #content {
  opacity: 0;
  -webkit-transition: opacity 250ms ease-in-out 0ms;
  transition: opacity 250ms ease-in-out 0ms;
}
}

.mega-open #menu,
.mega-open #content,
.mega-open-delay #menu,
.mega-open-delay #content {
  pointer-events: none;
}

/* fuck safari */

@media (min-width: 1025px) {
.safari .mega-open #content,
.safari .mega-open-delay #content {
  opacity: 0;
  -webkit-transition: opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1) 125ms;
  transition: opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1) 125ms;
}

.safari .mega-open #content {
  transition: -webkit-transform 0ms ease-out;
  transition: transform 0ms ease-out;
}
}

/* ==========================================================================
	00. section mega
========================================================================== */

.section--mega {
  display: none;
}

.section--mega.ready {
  display: block;
}

#mega-background {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.0);
  background-size: cover;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-image: url('');
}

.mega-open #mega-background {
  opacity: 1;
  z-index: 99;
}

@media (min-width: 1025px) {
#mega-background {
  display: none;
}

.mega-open #mega-background {
  pointer-events: auto;
  background-color: transparent;
  display: block;
  z-index: 1;
}
}

.section--mega .section__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* mega */

.mega {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  margin: 0 auto;
  z-index: 101;
  overflow: hidden;
  text-align: center;
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 1025px) {
.---mega {
  width: -webkit-calc((50% + 0px));
  width: -moz-calc((50% + 0px));
  width: calc((50% + 0px));
  max-width: 640px;
  min-width: 480px;
}
}

.mega-open .mega {
  height: 100%;
  overflow: visible;
  pointer-events: auto;
  opacity: 1;
}

/* mega container */

.mega__container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #f34d8f;
  background-color: #000;
  transition: all 250ms ease-in-out 250ms;
}

.---mega-open .mega__container {
  background-color: rgba(0, 0, 0, 0.99);
  color: white;
}

@media (max-width: 1024px) {
.---mega-open .mega__container {
  background-color: #000;
  color: #fff;
}
}

@media (min-width: 25px) {
.mega__container {
  display: table;
  vertical-align: middle;
}
}

@media (max-width: 1024px) {
.---mega__container {
  min-height: 100vh;
}
}

/* mega wrapper */

.mega__wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px;
}

@media (min-width: 25px) {
.mega__wrapper {
  display: table-cell;
  vertical-align: middle;
}
}

@media (max-width: 1024px) {
.---mega__wrapper {
  overflow: hidden;
  min-height: 100vh;
}
}

/* ==========================================================================
	00. nav main
========================================================================== */

.mega__nav {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}

.mega__nav .nav__container {}

.mega__nav ul {
  position: relative;
  margin: 0 auto;
  max-width: 640px;
}

.mega__nav ul li {
  position: relative;
}

.mega__nav ul li.active h3,
.mega__nav ul li.current h3 {
  color: #ec249e;
}

.---mega__nav ul li.active span,
.---mega__nav ul li.current span {
  text-decoration: underline;
}

/* ==========================================================================
	00. footer mega
========================================================================== */

.mega__footer {
  position: relative;
  margin: 0 auto;
  display: none;
}

.mega__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  width: 100%;
  height: auto;
  z-index: 2;
  min-height: 20px;
  margin: 0;
}

.mega__footer .footer__container {
  max-width: 680px;
  padding: 30px 40px;
}

@media (max-width: 767px) {
.mega__footer .footer__container {
  padding: 20px;
}
}

.mega__footer .footer__block {
  position: relative;
  margin: 0 auto;
  width: 100%;
}













/* ==========================================================================
	00. blend mode
========================================================================== */

@media (min-width: 9991025px) {
html, body {
  width: 100%;
  height: 100%;
  background-color: black;
}

#main {
  text-align: center;
  position: relative;
  z-index: 1;
}

.blend-mode:not(.html--intro) #menu {
  color: white;
  mix-blend-mode: difference;
}

.blend-mode .menu__list li.current span,
.blend-mode .menu__list li.active span {
  border-color: #13db61;
  color: #13db61;
  transition: all 0ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
}

#content {
  background-color: white;
  min-height: 100%;
}

#content:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: -1;
  pointer-events: none;
}

.html--intro #content:before {
  display: none;
}

body.landing,
#content[data-namespace="page-landing"],
#content[data-namespace="page-landing"]:before {
  background-color: black;
}
}























/* ==========================================================================
	00. colors
========================================================================== */

@media (min-width: 768px) {}

/* mao mag 1 */

.article--issue[data-issue="1"],
.issue-1 #post,
.issue__section--1,
.event__section--1 {
  color: #00a6ae;
}

.issue__section--1 article .img-holder,
.event__section--1 article .img-holder {
  background-color: #00a6ae;
}

.maomag1 .site-logo .logo__letter--og {
  fill: #00a6ae;
}

/* mao mag 2 */

.article--issue[data-issue="2"],
.issue-2 #post,
.issue__section--2,
.event__section--2 {
  color: hotpink;
}

.issue__section--2 article .img-holder,
.event__section--2 article .img-holder {
  background-color: hotpink;
}

.maomag2 .site-logo .logo__letter--og {
  fill: hotpink;
}

/* mao mag 3 */

.article--issue[data-issue="3"],
.issue-3 #post,
.issue__section--3,
.event__section--3 {
  color: #027aae;
}

.issue__section--3 article .img-holder,
.event__section--3 article .img-holder {
  background-color: #027aae;
}

.maomag3 .site-logo .logo__letter--og {
  fill: #f34d8f;
}

/* mao mag 4 */

.article--issue[data-issue="4"],
.issue-4 #post,
.issue__section--4,
.event__section--4 {
  color: #eb2f24;
}

.issue__section--4 article .img-holder,
.event__section--4 article .img-holder {
  background-color: #eb2f24;
}

.maomag4 .site-logo .logo__letter--og {
  fill: #eb2f24;
}

/* mao mag 5 */

.article--issue[data-issue="5"],
.issue-5 #post,
.issue__section--5,
.event__section--5 {
  color: #179973;
}

.issue__section--5 article .img-holder,
.event__section--5 article .img-holder {
  background-color: #179973;
}

.maomag5 .site-logo .logo__letter--og {
  fill: #fb0d1b;
}

/* mao mag 6 */

.article--issue[data-issue="6"],
.issue-6 #post,
.issue__section--6,
.event__section--6 {
  color: #28b04c;
}

.issue__section--6 article .img-holder,
.event__section--6 article .img-holder {
  background-color: #28b04c;
}

.maomag6 .site-logo .logo__letter--og {
  fill: #d9ce37;
}

/* mao mag 7 */

.article--issue[data-issue="7"],
.issue-7 #post,
.issue__section--7,
.event__section--7 {
  color: #ef638a;
}

.issue__section--7 article .img-holder,
.event__section--7 article .img-holder {
  background-color: #ef638a;
}

.maomag7 .site-logo .logo__letter--og {
  fill: #ef638a;
}

/* mao mag 8 */

.article--issue[data-issue="8"],
.issue-8 #post,
.issue__section--8,
.event__section--8 {
  color: #ff7904;
}

.issue__section--8 article .img-holder,
.event__section--8 article .img-holder {
  background-color: #ff7904;
}

.maomag8 .site-logo .logo__letter--og {
  fill: #f7bd13;
}

/* mao mag 9 */

.article--issue[data-issue="9"],
.issue-9 #post,
.issue__section--9,
.event__section--9 {
  color: #0395eb;
}

.issue__section--9 article .img-holder,
.event__section--9 article .img-holder {
  background-color: #0395eb;
}

.maomag9 .site-logo .logo__letter--og {
  fill: #e3d93a;
  fill: #ebdb09;
  stroke: #111;
  stroke-width: 0;
}

/* else */

.related h4 {
  color: #111;
}

@media (max-width: 1024px) {
#post {
  color: #111 !important;
}
}











/* ==========================================================================
	00. watermark
========================================================================== */

#watermark {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #000;
  z-index: 9999;
}

#watermark.visible {
  display: block;
}

#watermark.loaded {}

#watermark .text {
  margin: auto;
  max-width: 800px;
  padding: 20px;
  color: #fff;
  display: none;
}

#watermark img.img-fit {
  z-index: -1;
}

#watermark__logo span {
  display: block;
  top: 30px;
  left: 40px;
  right: 40px;
  bottom: 30px;
  position: absolute;
}

#watermark.cover #watermark__logo span {
  display: block;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
}

#watermark.cover img {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transform: none;
  transform: none;
  width: 100%;
  height: 100%;
}












/* Print */

@media print {
* {
  background: transparent !important;
  color: #000 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  display: none !important;
}
}