@charset "UTF-8";
/**************************************************************************************************
 Constants
/**************************************************************************************************/
/**************************************************************************************************

Fonts

/**************************************************************************************************/
@font-face {
  font-family: myFirstFont;
  src: url("../assets/fonts/gothic.ttf");
}
@font-face {
  font-family: myFirstFont;
  src: url("../assets/fonts/gothicb.ttf");
  font-weight: bold;
}
@font-face {
  font-family: 'botw-font';
  src: url("../assets/fonts/botw-font.eot");
  src: url("../assets/fonts/botw-font.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/botw-font.woff") format("woff"), url("../assets/fonts/botw-font.ttf") format("truetype"), url("../assets/fonts/botw-font.svg#botw-font") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {
  font-family: 'botw-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-before-search:before,
.icon-after-search:after {
  content: "\e601";
}

.icon-before-spotify:before,
.icon-after-spotify:after {
  content: "\e602";
}

.icon-before-facebook:before,
.icon-after-facebook:after {
  content: "\e603";
}

.icon-before-lastfm:before,
.icon-after-lastfm:after {
  content: "\e604";
}

.icon-before-instagram:before,
.icon-after-instagram:after {
  content: "\e900";
}

.icon-before-twitter:before,
.icon-after-twitter:after {
  content: "\e605";
}

.icon-before-youtube:before,
.icon-after-youtube:after {
  content: "\e612";
}

.icon-before-nexttune:before,
.icon-after-nexttune:after {
  content: "\e606";
}

.icon-before-play:before,
.icon-after-play:after {
  content: "\e607";
}

.icon-before-pause:before,
.icon-after-pause:after {
  content: "\e60b";
}

.icon-before-prevtune:before,
.icon-after-prevtune:after {
  content: "\e608";
}

.icon-before-volume:before,
.icon-after-volume:after {
  content: "\e60a";
}

.icon-before-mute:before,
.icon-after-mute:after {
  content: "\e609";
}

.icon-before-next:before,
.icon-after-next:after {
  content: "\e60c";
}

.icon-before-prev:before,
.icon-after-prev:after {
  content: "\e60d";
}

.icon-before-launch-arrow:before,
.icon-after-launch-arrow:after {
  content: "\e60e";
}

.icon-before-launch-arrow-reverse:before,
.icon-after-launch-arrow-reverse:after {
  content: "\e611";
}

.icon-before-prev-cal:before,
.icon-after-prev-cal:after {
  content: "\e60f";
}

.icon-before-next-cal:before,
.icon-after-next-cal:after {
  content: "\e610";
}

.icon-before-logo:before,
.icon-after-logo:after {
  content: "\e613";
}

@-webkit-keyframes infinite-spinning {
  0% {
    -webkit-transform: rotate(0deg);
  }
  8.33% {
    -webkit-transform: rotate(0deg);
  }
  8.34% {
    -webkit-transform: rotate(30deg);
  }
  16.66% {
    -webkit-transform: rotate(30deg);
  }
  16.67% {
    -webkit-transform: rotate(60deg);
  }
  24.99% {
    -webkit-transform: rotate(60deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  33.32% {
    -webkit-transform: rotate(90deg);
  }
  33.33% {
    -webkit-transform: rotate(120deg);
  }
  41.65% {
    -webkit-transform: rotate(120deg);
  }
  41.66% {
    -webkit-transform: rotate(150deg);
  }
  49.98% {
    -webkit-transform: rotate(150deg);
  }
  49.99% {
    -webkit-transform: rotate(180deg);
  }
  58.31% {
    -webkit-transform: rotate(180deg);
  }
  58.32% {
    -webkit-transform: rotate(210deg);
  }
  66.64% {
    -webkit-transform: rotate(210deg);
  }
  66.65% {
    -webkit-transform: rotate(240deg);
  }
  74.97% {
    -webkit-transform: rotate(240deg);
  }
  74.98% {
    -webkit-transform: rotate(270deg);
  }
  83.33% {
    -webkit-transform: rotate(270deg);
  }
  83.34% {
    -webkit-transform: rotate(300deg);
  }
  91.63% {
    -webkit-transform: rotate(300deg);
  }
  91.64% {
    -webkit-transform: rotate(330deg);
  }
  100% {
    -webkit-transform: rotate(330deg);
  }
}
.icon-before-loading:before,
.icon-after-loading:after {
  content: "\e600";
  -webkit-animation: infinite-spinning 1s infinite linear;
}

/**************************************************************************************************
 Main and shared
/**************************************************************************************************/
html {
  overflow-x: hidden;
  background: #f6f6f6;
}

html, body {
  position: relative;
  min-height: 100%;
  height: 100%;
}

body {
  letter-spacing: 0.03em;
  background: #ffffff;
  font-family: myFirstFont, Helvetica, Futura, Arial, sans-serif;
  min-width: 320px;
  max-width: 1600px;
  margin: 0 auto;
}

a:focus {
  outline: 0;
}

.tint {
  background: #bbbbbb;
}

.text-tint {
  color: #bbbbbb !important;
}

.bg-tint {
  background: #ffffff !important;
}
.bg-tint:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffff !important;
  top: 0;
  left: 0;
}

.border-tint {
  border-color: #bbbbbb;
}

.heading-font {
  font-family: myFirstFont, sans-serif;
  font-weight: bold;
}

.black-text {
  color: #222222;
}

/**************************************************************************************************
 Header bar
/**************************************************************************************************/
.header-bar {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 320px;
  max-width: 1600px;
  height: 144px;
  padding: 0;
  z-index: 1100;
  background: #ffffff;
  box-sizing: border-box;
  /**************************************************************************************************
   Navigation
  /**************************************************************************************************/
}
.header-bar .side-header {
  position: relative;
  color: #ffffff;
  z-index: 10;
}
.header-bar .botw-player {
  float: left;
  margin-left: 4%;
  text-align: center;
  opacity: 1;
  transition: opacity .2s ease-in-out;
  border: 1px solid;
  margin-top: 22px;
  padding: 0 1px;
  box-sizing: border-box;
  text-transform: uppercase;
}
.header-bar .botw-player.hidden {
  opacity: 0;
}
.header-bar .botw-player .mejs-container {
  background: transparent;
  width: auto !important;
  font-family: myFirstFont;
}
.header-bar .botw-player .mejs-container .mejs-controls {
  background: transparent;
  position: relative;
  float: left;
  width: auto;
  height: 26px;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-button button:focus {
  outline: none;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-button button:focus:after {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-play button,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-pause button,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-prevtrack button,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-nexttrack button,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-mute button,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-unmute button {
  background: none;
  text-align: center;
  margin: 4px 3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-play button:before,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-pause button:before,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-prevtrack button:before,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-nexttrack button:before,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-mute button:before,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-unmute button:before {
  position: absolute;
  width: 90%;
  height: 100%;
  top: 0;
  left: 0;
  color: #222222;
  font-family: 'botw-font';
  font-size: 19px;
  line-height: 100%;
  vertical-align: .01em;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-play button:before {
  content: '\e607';
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-pause button:before {
  content: '\e60b';
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-prevtrack button:before {
  content: '\e608';
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-nexttrack button:before {
  content: '\e606';
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-mute button:before {
  content: '\e60a';
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-unmute button:before {
  content: '\e609';
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-time {
  margin-left: 10px;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-time span {
  color: #222222;
  opacity: 1;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-time-rail span {
  height: 9px;
  border-radius: 3px;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  margin-top: 6px;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  opacity: .2;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
  top: 29px;
  height: 16px;
  width: 36px;
  color: #ffffff;
  background: #999999;
  border: none;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-current {
  margin: 3px;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-corner {
  top: -18px;
  border-color: transparent transparent #999999 transparent;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-volume-slider {
  background-color: #ffffff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  top: 100%;
  height: 60px;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-volume-slider .mejs-volume-total,
.header-bar .botw-player .mejs-container .mejs-controls .mejs-volume-slider .mejs-volume-current {
  height: 40px;
  top: 12px;
  background: #222222;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-volume-slider .mejs-volume-total {
  background: #bbbbbb;
}
.header-bar .botw-player .mejs-container .mejs-controls .mejs-volume-slider .mejs-volume-handle {
  left: 5px;
  width: 14px;
  background: #222222;
  cursor: ns-resize;
}
.header-bar .botw-player .mejs-container .mejs-layers {
  float: right;
}
.header-bar .botw-player .mejs-container .mejs-layers .mejs-playlist {
  position: relative;
  top: 0 !important;
  width: auto !important;
  max-width: 200px;
  margin: 0;
  height: auto !important;
  background: #ffffff;
  opacity: 1;
  /*width: 100% !important;
  transition: all .15s ease-out;*/
}
.header-bar .botw-player .mejs-container .mejs-layers .mejs-playlist ul {
  padding: 0;
}
.header-bar .botw-player .mejs-container .mejs-layers .mejs-playlist ul li {
  font-size: 11px;
  margin: 0;
  line-height: 28px;
  height: 0;
  width: 0;
  border-bottom: 0px solid #eeeeee;
  color: #555555;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 8px 0 5px;
  transition: all .15s ease-out;
}
.header-bar .botw-player .mejs-container .mejs-layers .mejs-playlist ul li.current {
  width: auto;
  height: 26px;
  color: #222222;
  font-weight: 400;
}
.header-bar .botw-player .mejs-container .mejs-layers .mejs-playlist ul li:last-child {
  border-bottom: none;
}
.header-bar .botw-player .mejs-container .mejs-layers .mejs-playlist.expanded {
  /*width: 250px !important;*/
}
.header-bar .botw-player .mejs-container .mejs-layers .mejs-playlist.expanded ul li {
  border-bottom: 1px solid #eeeeee;
  height: 30px;
}
.header-bar .join-mailing-list {
  margin-top: 0;
  float: right;
  margin-right: 4%;
  text-align: center;
  font-size: 11px;
  color: #808080;
  margin-top: 22px;
}
.header-bar .join-mailing-list label, .header-bar .join-mailing-list input, .header-bar .join-mailing-list button {
  display: inline-block;
  height: 100%;
  padding: 0 .9em;
  margin: 0;
  vertical-align: middle;
  line-height: 24px;
  height: 24px;
}
.header-bar .join-mailing-list input[type="text"],
.header-bar .join-mailing-list input[type="email"] {
  background: #ffffff;
  border: 1px solid;
  color: #222222;
  height: 28px;
  line-height: 28px;
  font-weight: 400;
  box-sizing: border-box;
}
.header-bar .join-mailing-list input[type="text"]::-webkit-input-placeholder,
.header-bar .join-mailing-list input[type="email"]::-webkit-input-placeholder {
  color: #222222;
}
.header-bar .join-mailing-list input[type="text"]:-moz-placeholder,
.header-bar .join-mailing-list input[type="email"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #222222;
  opacity: 1;
}
.header-bar .join-mailing-list input[type="text"]::-moz-placeholder,
.header-bar .join-mailing-list input[type="email"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #222222;
  opacity: 1;
}
.header-bar .join-mailing-list input[type="text"]:-ms-input-placeholder,
.header-bar .join-mailing-list input[type="email"]:-ms-input-placeholder {
  color: #222222;
}
.header-bar .join-mailing-list .email.error-empty {
  background-color: #ffdddd;
}
.header-bar .join-mailing-list button {
  position: relative;
  display: inline-block;
  border: 1px solid;
  color: #222222;
  text-transform: uppercase;
  font-family: 'Helvetica-Neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
  height: 28px;
  box-sizing: border-box;
  margin-left: 5px;
  width: 140px;
}
.header-bar .join-mailing-list button::before {
  display: none;
  font-size: 1.2em;
  line-height: 1em;
  vertical-align: -.1em;
}
.header-bar .join-mailing-list button:not(:active) {
  background: #ffffff !important;
}
.header-bar .join-mailing-list.loading button {
  cursor: default;
}
.header-bar .join-mailing-list.loading button .text {
  display: none;
}
.header-bar .join-mailing-list.loading button::before {
  display: inline-block;
}
.header-bar .join-mailing-list.loading button:active {
  background: #ffffff !important;
}
.header-bar .join-mailing-list .error-feedback {
  background: #dd3322;
  color: white;
  position: absolute;
  height: 80%;
  top: 10%;
  right: 114%;
  line-height: 2em;
  opacity: 0;
  padding: 0 .8em;
  white-space: nowrap;
  font-size: .95em;
  transition: all .15s ease-in-out;
}
.header-bar .join-mailing-list .error-feedback::after {
  content: "";
  position: absolute;
  right: -6px;
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: transparent;
  border-left-color: #dd3322;
  border-right: 0;
  top: 50%;
  margin-top: -6px;
}
.header-bar .join-mailing-list.invalid .error-feedback {
  right: 104%;
  opacity: 1;
}
.header-bar .join-mailing-list .joined-feedback {
  background: #00aa50;
  color: white;
  position: absolute;
  height: 100%;
  top: -90%;
  right: 0;
  left: 0;
  padding: 0 .5em;
  margin-left: -1em;
  line-height: 2.5em;
  opacity: 0;
  white-space: nowrap;
  transition: all .1s ease-in-out;
}
.header-bar .join-mailing-list.joined .joined-feedback {
  opacity: 1;
  top: 0;
}
.header-bar .join-mailing-list .refused-feedback {
  background: #dd3322;
  color: white;
  position: absolute;
  height: 100%;
  top: -90%;
  right: 0;
  left: 0;
  line-height: 2.5em;
  opacity: 0;
  transition: all .1s ease-in-out;
}
.header-bar .join-mailing-list.refused .refused-feedback {
  opacity: 1;
  top: 0;
}
.header-bar .main-header {
  display: block;
  margin-top: 55px;
  padding-top: .4em;
  z-index: 20;
  text-align: center;
}
.header-bar .main-header .logo {
  position: absolute;
  left: 50%;
  margin-left: -29px;
  margin-top: -89px;
}
.header-bar .main-header .logo a {
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
}
.header-bar .main-header .logo a .botw {
  font-size: 58px;
  color: #222222;
  display: block;
  line-height: 1em;
  transition: color .1s ease-in-out;
}
.header-bar .main-header .logo a:hover .botw {
  color: inherit;
}
.header-bar .main-header .logo a .text {
  position: absolute;
  display: inline-block;
  text-indent: -9999px;
  width: 0;
}
.header-bar .main-header .logo:after {
  display: none;
}
.header-bar .main-header .navigation {
  width: 50%;
  margin: 0 auto;
  font-size: .95em;
}
.header-bar .main-header .navigation .main-nav-toggle {
  display: none;
  text-transform: uppercase;
  font-size: 100%;
  border: none;
  background: transparent;
  color: #222222 !important;
  padding: 0;
}
.header-bar .main-header .navigation .main-nav-toggle:focus {
  outline: none;
}
.header-bar .main-header .navigation .main-nav-toggle:hover {
  color: inherit !important;
}
.header-bar .main-header .navigation .main-nav-toggle .main-nav-toggle-icon {
  font-size: 1.15em;
  margin-right: .2em;
  line-height: .8em;
}
.header-bar .main-header .navigation .main-nav li {
  display: inline-block;
  margin: 0 2.5%;
}
.header-bar .main-header .navigation .main-nav li a {
  text-decoration: none;
  color: #222222;
  text-transform: uppercase;
  transition: color .1s ease-in-out;
}
.header-bar .main-header .navigation .main-nav li.is-selected a {
  color: inherit;
}
.header-bar .main-header .navigation .main-nav li:hover a {
  color: inherit;
}
.header-bar .main-header .social {
  margin-right: 4%;
  position: absolute;
  width: 25%;
  right: 0;
  text-align: right;
  margin-top: -4px;
}
.header-bar .main-header .social .link {
  display: inline-block;
  margin: 0 .3em;
  height: 24px;
}
.header-bar .main-header .social .link:last-child {
  margin-right: 0;
}
.header-bar .main-header .social .link:before {
  display: inline-block;
  font-family: 'botw-font';
  font-size: 24px;
  color: #222222;
  transition: color .1s ease-in-out;
}
.header-bar .main-header .social .link:hover {
  color: inherit;
}
.header-bar .main-header .social .link:hover:before {
  color: inherit;
}
.header-bar .main-header .search {
  margin-left: 4%;
  position: absolute;
  width: 25%;
  text-align: left;
  margin-top: -2px;
}
.header-bar .main-header .search .searchform {
  position: absolute;
  min-width: 200px;
  max-width: 100%;
  height: 24px;
  left: 0;
  top: 100%;
  word-break: break-word;
  z-index: 100;
  top: 90%;
}
.header-bar .main-header .search .searchform label {
  display: none;
}
.header-bar .main-header .search .searchform .search-btn {
  position: relative;
  display: inline-block;
  font-size: .9em;
  background: none;
  border: none;
  height: 1.2em;
  margin: 0;
  padding: 0;
  color: #222222;
  vertical-align: -.1em;
  z-index: 101;
}
.header-bar .main-header .search .searchform .search-btn:before {
  position: relative;
  z-index: 10;
}
.header-bar .main-header .search .searchform .search-btn:hover {
  color: inherit;
}
.header-bar .main-header .search .searchform input[type="text"] {
  display: inline-block;
  border: none;
  line-height: 20px;
  width: 4.5em;
  height: 18px;
  vertical-align: middle;
  letter-spacing: 0.02em;
  font-size: .75em;
  color: #222222;
  font-weight: 400;
}
.header-bar .main-header .search .searchform input[type="text"].error-empty {
  background-color: #ffdddd;
}
.header-bar .main-header .search .searchform input[type="text"]:focus {
  width: 12em;
}
.header-bar .main-header .search .searchform input[type="text"]::-webkit-input-placeholder {
  color: #222222;
}
.header-bar .main-header .search .searchform input[type="text"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #222222;
  opacity: 1;
}
.header-bar .main-header .search .searchform input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #222222;
  opacity: 1;
}
.header-bar .main-header .search .searchform input[type="text"]:-ms-input-placeholder {
  color: #222222;
}
.header-bar .main-header .search .searchform .results {
  text-align: left;
  letter-spacing: 0;
  background: #ffffff;
  margin-top: 12px;
}
.header-bar .main-header .search .searchform .results .results-list {
  max-height: 400px;
  overflow-y: scroll;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: none;
  box-sizing: border-box;
}
.header-bar .main-header .search .searchform .results .results-list .search-results-section .title {
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 400;
  margin: .5em 1.1em 1.3em;
  padding-top: .8em;
  border-top: 1px solid;
}
.header-bar .main-header .search .searchform .results .results-list .item.is-past-event {
  opacity: .2;
}
.header-bar .main-header .search .searchform .results .results-list .item:last-child .item-link .item-wrapper {
  border: none;
}
.header-bar .main-header .search .searchform .results .results-list .item .item-link {
  display: block;
  text-decoration: none;
}
.header-bar .main-header .search .searchform .results .results-list .item .item-link:hover .item-wrapper {
  opacity: .6;
}
.header-bar .main-header .search .searchform .results .results-list .item .item-link .item-wrapper {
  display: block;
  padding: 0 0 1em;
  margin: 0 1em;
}
.header-bar .main-header .search .searchform .results .results-list .item .item-link .item-wrapper .search-item-title,
.header-bar .main-header .search .searchform .results .results-list .item .item-link .item-wrapper .search-item-content {
  display: block;
}
.header-bar .main-header .search .searchform .results .results-list .item .item-link .item-wrapper .search-item-title {
  color: #222222;
  font-size: 1em;
  text-transform: uppercase;
}
.header-bar .main-header .search .searchform .results .results-list .item .item-link .item-wrapper .search-item-title .venue,
.header-bar .main-header .search .searchform .results .results-list .item .item-link .item-wrapper .search-item-title .date {
  font-weight: normal;
  font-size: .9em;
}
.header-bar .main-header .search .searchform .results .results-list .item .item-link .item-wrapper .search-item-content {
  color: #222222;
  font-size: .8em;
  line-height: 1.5em;
}
.header-bar .main-header .search .searchform .results .nothing {
  padding: 2em 2em;
  text-align: center;
  font-size: 0.85em;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: none;
  box-sizing: border-box;
}
.header-bar .main-header .search .searchform .results .nothing .black-text {
  font-weight: bold;
}
.header-bar .main-header .search .search-btn:hover + .searchform {
  display: block;
}

/**************************************************************************************************
 Loading
/**************************************************************************************************/
.loading-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 1000;
  text-align: center;
  opacity: 0;
  display: none;
  transition: opacity .55s ease-in-out;
}
.loading-mask.display {
  opacity: .45;
}
.loading-mask::before {
  display: inline-block;
  font-size: 4em;
  top: 50%;
  position: relative;
}

/**************************************************************************************************
 Loading
/**************************************************************************************************/
.gallery-popover-mask {
  display: none;
  position: fixed;
  background: #000000;
  background: rgba(51, 51, 51, 0.8);
  z-index: 1200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.gallery-popover-mask::before {
  display: inline-block;
  font-size: 4em;
  width: 1em;
  top: 50%;
  left: 50%;
  margin-left: -.5em;
  position: absolute;
}
.gallery-popover-mask .gallery-popover {
  width: 50%;
  height: auto;
  margin: 2% auto 0 auto;
  text-align: left;
}
.gallery-popover-mask .gallery-popover .gallery {
  background: #ffffff;
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
  padding: 0;
}
.gallery-popover-mask .gallery-popover .gallery .mk-gallery {
  margin-bottom: 0;
}
.gallery-popover-mask .gallery-popover .gallery .mk-gallery .controls {
  margin-top: .5em;
}
.gallery-popover-mask .gallery-popover .gallery-shots {
  box-sizing: border-box;
}
.gallery-popover-mask .gallery-popover .video .gallery-shots {
  height: 500px;
}
.gallery-popover-mask .gallery-popover .video .gallery-shots p {
  width: 100%;
  height: 100%;
}
.gallery-popover-mask .gallery-popover .video .gallery-shots iframe {
  width: 100%;
  height: 100%;
}
.gallery-popover-mask .gallery-popover .info {
  padding: 1em 0;
  color: #222222;
}
.gallery-popover-mask .gallery-popover .info .heading,
.gallery-popover-mask .gallery-popover .info .details {
  margin: 0 60px 0 20px;
  color: #222222;
}
.gallery-popover-mask .gallery-popover .info .heading {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.1em;
  line-height: 1.4em;
}
.gallery-popover-mask .gallery-popover .info .details {
  font-size: .8em;
  font-weight: 400;
  line-height: 1.6;
}
.gallery-popover-mask .gallery-popover .info .details .excerpt p {
  display: inline-block;
}
.gallery-popover-mask .gallery-popover .info .details a {
  text-decoration: none;
}
.gallery-popover-mask .gallery-popover .info .details .location, .gallery-popover-mask .gallery-popover .info .details .photographer {
  display: block;
}
.gallery-popover-mask .gallery-popover .info .close {
  position: relative;
  display: inline-block;
  float: right;
  width: 1.6em;
  height: 1.6em;
  margin-right: 1em;
  z-index: 10;
  cursor: pointer;
}
.gallery-popover-mask .gallery-popover .info .close:before, .gallery-popover-mask .gallery-popover .info .close:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #cccccc;
  transition: background-color .1s ease-in-out;
}
.gallery-popover-mask .gallery-popover .info .close:before {
  transform: rotate(-45deg);
}
.gallery-popover-mask .gallery-popover .info .close:after {
  transform-origin: 100%, 50%;
  transform: rotate(45deg);
}
.gallery-popover-mask .gallery-popover .info .close:hover:before, .gallery-popover-mask .gallery-popover .info .close:hover:after {
  background-color: #aaaaaa;
}
.gallery-popover-mask .gallery-popover .controls .prev {
  position: absolute;
  left: 1em;
}
.gallery-popover-mask .gallery-popover .controls .next {
  position: absolute;
  left: 2em;
}

/**************************************************************************************************
 Main
/**************************************************************************************************/
.main {
  /* should be the amount the calendar generates */
  /* calculated on 30 days */
  box-sizing: border-box;
  /* TODO: can delete? used for the news page grid */
}
.main .back-layer {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 320px;
  max-width: 1600px;
  z-index: 0;
}
.main .showcase {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 144px 0 0 0;
}
.main .showcase .slideshow {
  width: 100%;
  height: 0;
  padding-bottom: 42%;
}
.main .showcase .slideshow .mk-gallery .slide .overlay {
  display: block;
  width: 100%;
  height: 80%;
  margin-left: -50%;
}
.main .showcase .slideshow .mk-gallery .hovers {
  display: none !important;
}
.main .showcase .slideshow .mk-gallery .controls {
  position: relative;
  right: 0;
  margin-top: -4em;
  text-align: center;
}
.main .showcase .slideshow .mk-gallery .controls .prev,
.main .showcase .slideshow .mk-gallery .controls .next {
  display: none;
}
.main .front {
  top: 144px;
  margin-top: 42%;
  z-index: 1;
  -webkit-transform: translateZ(0);
}
.main .front .wrapper {
  background: #ffffff;
}
.main .botw-calendar {
  display: block;
  padding-top: 20px;
  /* removed calendar strike through line for now */
}
.main .botw-calendar .anchor[name=calendar] {
  display: inline-block;
  position: absolute;
  height: 0px;
  width: 1px;
  margin-top: -120px;
}
.main .botw-calendar .botw-cal-days-wrapper {
  position: relative;
  z-index: 10;
  height: 60px;
  opacity: 1;
  transition: opacity .1s ease-in-out;
}
.main .botw-calendar .botw-cal-days-wrapper.hidden {
  opacity: 0;
  transition: opacity .1s ease-in-out;
}
.main .botw-calendar .botw-cal-days {
  width: 92%;
  height: 60px;
  margin: 0 4%;
  z-index: 10;
}
.main .botw-calendar .botw-cal-days .month {
  position: absolute;
  font-size: 12px;
  text-transform: uppercase;
  width: 3.12%;
  margin-left: -1.56%;
  text-align: center;
  letter-spacing: 0;
  top: 10px;
}
.main .botw-calendar .botw-cal-days .month.at-pos-0 {
  left: 3.12%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-0.back-visible {
  left: 4.68%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-1 {
  left: 6.24%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-1.back-visible {
  left: 7.8%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-2 {
  left: 9.36%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-2.back-visible {
  left: 10.92%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-3 {
  left: 12.48%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-3.back-visible {
  left: 14.04%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-4 {
  left: 15.6%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-4.back-visible {
  left: 17.16%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-5 {
  left: 18.72%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-5.back-visible {
  left: 20.28%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-6 {
  left: 21.84%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-6.back-visible {
  left: 23.4%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-7 {
  left: 24.96%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-7.back-visible {
  left: 26.52%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-8 {
  left: 28.08%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-8.back-visible {
  left: 29.64%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-9 {
  left: 31.2%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-9.back-visible {
  left: 32.76%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-10 {
  left: 34.32%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-10.back-visible {
  left: 35.88%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-11 {
  left: 37.44%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-11.back-visible {
  left: 39%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-12 {
  left: 40.56%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-12.back-visible {
  left: 42.12%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-13 {
  left: 43.68%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-13.back-visible {
  left: 45.24%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-14 {
  left: 46.8%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-14.back-visible {
  left: 48.36%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-15 {
  left: 49.92%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-15.back-visible {
  left: 51.48%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-16 {
  left: 53.04%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-16.back-visible {
  left: 54.6%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-17 {
  left: 56.16%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-17.back-visible {
  left: 57.72%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-18 {
  left: 59.28%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-18.back-visible {
  left: 60.84%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-19 {
  left: 62.4%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-19.back-visible {
  left: 63.96%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-20 {
  left: 65.52%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-20.back-visible {
  left: 67.08%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-21 {
  left: 68.64%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-21.back-visible {
  left: 70.2%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-22 {
  left: 71.76%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-22.back-visible {
  left: 73.32%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-23 {
  left: 74.88%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-23.back-visible {
  left: 76.44%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-24 {
  left: 78%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-24.back-visible {
  left: 79.56%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-25 {
  left: 81.12%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-25.back-visible {
  left: 82.68%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-26 {
  left: 84.24%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-26.back-visible {
  left: 85.8%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-27 {
  left: 87.36%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-27.back-visible {
  left: 88.92%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-28 {
  left: 90.48%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-28.back-visible {
  left: 92.04%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-29 {
  left: 93.6%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-29.back-visible {
  left: 95.16%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-30 {
  left: 96.72%;
}
.main .botw-calendar .botw-cal-days .month.at-pos-30.back-visible {
  left: 98.28%;
}
.main .botw-calendar .botw-cal-days .day {
  position: relative;
  display: inline-block;
  float: left;
  width: 0px;
  height: 1px;
  background: #222222;
  margin: 0 1.56%;
  margin-top: 45px;
  cursor: default;
}
.main .botw-calendar .botw-cal-days .day span {
  position: absolute;
  display: inline-block;
  width: 29px;
  height: 28px;
  margin-top: -14px;
  margin-left: -14px;
  text-align: center;
  line-height: 28px;
  overflow: hidden;
  text-indent: -9999px;
  color: #ffffff;
  font-size: 14px;
}
.main .botw-calendar .botw-cal-days .day:before {
  content: '';
  position: absolute;
  background: inherit;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  top: 0;
  left: 0;
  margin-top: -3px;
  margin-left: -3px;
}
.main .botw-calendar .botw-cal-days .day.has-events {
  cursor: pointer;
}
.main .botw-calendar .botw-cal-days .day.has-events span {
  text-indent: inherit;
  color: #222222;
  transition: opacity .1s ease-in-out;
}
.main .botw-calendar .botw-cal-days .day.has-events:before {
  width: 28px;
  height: 28px;
  margin-top: -14px;
  margin-left: -14px;
  background: #ffffff;
  box-sizing: border-box;
  border: 2px solid #222222;
  transition: border-color .05s ease-in-out;
}
.main .botw-calendar .botw-cal-days .day.has-events:hover span {
  color: inherit;
}
.main .botw-calendar .botw-cal-days .day.has-events:hover:before {
  border-color: inherit;
}
.main .botw-calendar .botw-cal-days .day.has-events.on span {
  color: #ffffff;
}
.main .botw-calendar .botw-cal-days .day.has-events.on:before {
  background: inherit;
  border: none;
}
.main .botw-calendar .botw-cal-days .prev-days.visible,
.main .botw-calendar .botw-cal-days .next-days {
  position: relative;
  display: inline-block;
  float: left;
  width: 0px;
  height: 1px;
  background: red;
  margin: 0 1.56%;
  margin-top: 45px;
}
.main .botw-calendar .botw-cal-days .prev-days.visible:before,
.main .botw-calendar .botw-cal-days .next-days:before {
  content: '';
  display: inline-block;
  position: absolute;
  background: #ffffff;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  margin-top: -14px;
  margin-left: -14px;
  box-sizing: border-box;
  border: 2px solid #222222;
  transition: border-color .05s ease-in-out;
}
.main .botw-calendar .botw-cal-days .prev-days.visible:after,
.main .botw-calendar .botw-cal-days .next-days:after {
  position: absolute;
  display: inline-block;
  width: 29px;
  height: 28px;
  margin-top: -14px;
  margin-left: -14px;
  text-align: center;
  line-height: 28px;
  overflow: hidden;
  color: #222222;
  font-size: 16px;
  transition: opacity .1s ease-in-out;
}
.main .botw-calendar .botw-cal-days .prev-days.visible:hover:after,
.main .botw-calendar .botw-cal-days .next-days:hover:after {
  color: inherit;
}
.main .botw-calendar .botw-cal-days .prev-days.visible:hover:before,
.main .botw-calendar .botw-cal-days .next-days:hover:before {
  border-color: inherit;
}
.main .botw-calendar .botw-cal-days .prev-days {
  position: relative;
  display: inline-block;
  float: left;
  width: 0px;
  height: 1px;
  margin: 0 0.78%;
}
.main .botw-calendar .botw-cal-days .prev-days:before, .main .botw-calendar .botw-cal-days .prev-days:after {
  display: none;
}
.main .events-highlight {
  padding-top: 2.3em;
  padding-bottom: 1.5em;
}
.main .events-highlight.offset-arrow .event:first-child[class^="at-day-"]:before, .main .events-highlight.offset-arrow .event:first-child[class*=" at-day-"]:before {
  /* offset here */
}
.main .blank-events,
.main .events-highlight {
  text-align: left;
}
.main .blank-events .all-events:link,
.main .blank-events .all-events:visited,
.main .blank-events .all-events:active,
.main .events-highlight .all-events:link,
.main .events-highlight .all-events:visited,
.main .events-highlight .all-events:active {
  margin-right: 4%;
  font-size: 16px;
}
.main .blank-events .all-events:link,
.main .blank-events .all-events:visited,
.main .blank-events .all-events:active,
.main .blank-events .all-events:hover,
.main .events-highlight .all-events:link,
.main .events-highlight .all-events:visited,
.main .events-highlight .all-events:active,
.main .events-highlight .all-events:hover {
  float: right;
  display: none;
}
.main .blank-events {
  display: none;
  text-align: center;
}
.main .blank-events .text-wrapper {
  width: 100%;
  padding: 3em 0 3em 0;
}
.main .blank-events .text {
  display: inline-block;
  width: 300px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: #ffffff;
  color: #222222;
  font-weight: 700;
  box-sizing: border-box;
}
.main .blank-events .loading {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../assets/images/loading-small.gif) center center no-repeat #ffffff;
  z-index: 1000;
  opacity: 0;
  z-index: 10;
}
.main .blank-events .loading.visible {
  opacity: 1;
}
.main .scroll-to-target span {
  display: block;
  height: 204px;
  margin: -204px 0 0;
}
.main .event {
  margin: 0 4% 2%;
  background: #ffffff;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: opacity .15s ease-in-out;
  -webkit-transform: translateZ(0);
}
.main .event:hover {
  opacity: .8;
}
.main .event .loading {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../assets/images/loading-small.gif) center center no-repeat #ffffff;
  z-index: 1000;
  opacity: 0;
  z-index: 10;
  transition: opacity .2s ease-in-out;
  -webkit-transform: translateZ(0);
}
.main .event .loading.visible {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}
.main .event:first-child {
  /*  creates css for positioning the arrow
  	based on the amount of days displayed
  */
}
.main .event:first-child.at-day-0 .arrow {
  left: 3.12%;
}
.main .event:first-child.at-day-0.back-visible .arrow {
  left: 4.68%;
}
.main .event:first-child.at-day-1 .arrow {
  left: 6.24%;
}
.main .event:first-child.at-day-1.back-visible .arrow {
  left: 7.8%;
}
.main .event:first-child.at-day-2 .arrow {
  left: 9.36%;
}
.main .event:first-child.at-day-2.back-visible .arrow {
  left: 10.92%;
}
.main .event:first-child.at-day-3 .arrow {
  left: 12.48%;
}
.main .event:first-child.at-day-3.back-visible .arrow {
  left: 14.04%;
}
.main .event:first-child.at-day-4 .arrow {
  left: 15.6%;
}
.main .event:first-child.at-day-4.back-visible .arrow {
  left: 17.16%;
}
.main .event:first-child.at-day-5 .arrow {
  left: 18.72%;
}
.main .event:first-child.at-day-5.back-visible .arrow {
  left: 20.28%;
}
.main .event:first-child.at-day-6 .arrow {
  left: 21.84%;
}
.main .event:first-child.at-day-6.back-visible .arrow {
  left: 23.4%;
}
.main .event:first-child.at-day-7 .arrow {
  left: 24.96%;
}
.main .event:first-child.at-day-7.back-visible .arrow {
  left: 26.52%;
}
.main .event:first-child.at-day-8 .arrow {
  left: 28.08%;
}
.main .event:first-child.at-day-8.back-visible .arrow {
  left: 29.64%;
}
.main .event:first-child.at-day-9 .arrow {
  left: 31.2%;
}
.main .event:first-child.at-day-9.back-visible .arrow {
  left: 32.76%;
}
.main .event:first-child.at-day-10 .arrow {
  left: 34.32%;
}
.main .event:first-child.at-day-10.back-visible .arrow {
  left: 35.88%;
}
.main .event:first-child.at-day-11 .arrow {
  left: 37.44%;
}
.main .event:first-child.at-day-11.back-visible .arrow {
  left: 39%;
}
.main .event:first-child.at-day-12 .arrow {
  left: 40.56%;
}
.main .event:first-child.at-day-12.back-visible .arrow {
  left: 42.12%;
}
.main .event:first-child.at-day-13 .arrow {
  left: 43.68%;
}
.main .event:first-child.at-day-13.back-visible .arrow {
  left: 45.24%;
}
.main .event:first-child.at-day-14 .arrow {
  left: 46.8%;
}
.main .event:first-child.at-day-14.back-visible .arrow {
  left: 48.36%;
}
.main .event:first-child.at-day-15 .arrow {
  left: 49.92%;
}
.main .event:first-child.at-day-15.back-visible .arrow {
  left: 51.48%;
}
.main .event:first-child.at-day-16 .arrow {
  left: 53.04%;
}
.main .event:first-child.at-day-16.back-visible .arrow {
  left: 54.6%;
}
.main .event:first-child.at-day-17 .arrow {
  left: 56.16%;
}
.main .event:first-child.at-day-17.back-visible .arrow {
  left: 57.72%;
}
.main .event:first-child.at-day-18 .arrow {
  left: 59.28%;
}
.main .event:first-child.at-day-18.back-visible .arrow {
  left: 60.84%;
}
.main .event:first-child.at-day-19 .arrow {
  left: 62.4%;
}
.main .event:first-child.at-day-19.back-visible .arrow {
  left: 63.96%;
}
.main .event:first-child.at-day-20 .arrow {
  left: 65.52%;
}
.main .event:first-child.at-day-20.back-visible .arrow {
  left: 67.08%;
}
.main .event:first-child.at-day-21 .arrow {
  left: 68.64%;
}
.main .event:first-child.at-day-21.back-visible .arrow {
  left: 70.2%;
}
.main .event:first-child.at-day-22 .arrow {
  left: 71.76%;
}
.main .event:first-child.at-day-22.back-visible .arrow {
  left: 73.32%;
}
.main .event:first-child.at-day-23 .arrow {
  left: 74.88%;
}
.main .event:first-child.at-day-23.back-visible .arrow {
  left: 76.44%;
}
.main .event:first-child.at-day-24 .arrow {
  left: 78%;
}
.main .event:first-child.at-day-24.back-visible .arrow {
  left: 79.56%;
}
.main .event:first-child.at-day-25 .arrow {
  left: 81.12%;
}
.main .event:first-child.at-day-25.back-visible .arrow {
  left: 82.68%;
}
.main .event:first-child.at-day-26 .arrow {
  left: 84.24%;
}
.main .event:first-child.at-day-26.back-visible .arrow {
  left: 85.8%;
}
.main .event:first-child.at-day-27 .arrow {
  left: 87.36%;
}
.main .event:first-child.at-day-27.back-visible .arrow {
  left: 88.92%;
}
.main .event:first-child.at-day-28 .arrow {
  left: 90.48%;
}
.main .event:first-child.at-day-28.back-visible .arrow {
  left: 92.04%;
}
.main .event:first-child.at-day-29 .arrow {
  left: 93.6%;
}
.main .event:first-child.at-day-29.back-visible .arrow {
  left: 95.16%;
}
.main .event:first-child.at-day-30 .arrow {
  left: 96.72%;
}
.main .event:first-child.at-day-30.back-visible .arrow {
  left: 98.28%;
}
.main .event:first-child[class^="at-day-"] .arrow, .main .event:first-child[class*=" at-day-"] .arrow {
  display: block;
}
.main .event:first-child .arrow {
  content: "";
  position: absolute;
  display: none;
  left: 0;
  width: 1.8em;
  height: 1.8em;
  margin-left: -.9em;
  margin-top: -.9em;
  transform: rotate(45deg);
  background: white;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transition: left .2s ease-in-out;
}
.main .event .picture {
  position: absolute;
  width: 55%;
  height: 100%;
  right: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.main .event .picture img {
  height: auto;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.main .event .info {
  margin: 0 55% 0 0;
  padding: 1.3em 0 1.5em 1.7em;
}
.main .event .info .linker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.main .event .info .heading h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.6em;
}
.main .event .info .heading h3 a:link,
.main .event .info .heading h3 a:visited,
.main .event .info .heading h3 a:active {
  color: #222222;
  text-decoration: none;
}
.main .event .info .heading h4 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.8em;
  margin-bottom: 2px;
}
.main .event .info .heading h4 a:link,
.main .event .info .heading h4 a:visited,
.main .event .info .heading h4 a:active {
  color: #222222;
  text-decoration: none;
}
.main .event .info .heading .date-wrapper {
  color: #222222;
  font-size: 1.8em;
  line-height: 1.2em;
  text-transform: uppercase;
}
.main .event .info .details {
  line-height: 1.5em;
  font-weight: 400;
  color: #222222;
  margin-top: 1.6em;
  font-size: .9em;
}
.main .event .info .details .event-text {
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.5em;
}
.main .event .info .location {
  margin-top: 1em;
  margin-right: 14em;
  line-height: 1.5em;
  font-size: .9em;
  font-weight: 400;
}
.main .event .info .location .url {
  font-style: normal;
}
.main .event .info .location .url a {
  color: #222222;
  text-decoration: none;
}
.main .event .info .location .url a:hover {
  color: inherit;
}
.main .event .info .buy-tickets {
  float: right;
  margin-top: -1.8em;
  margin-right: 4.5%;
  z-index: 2;
}
.main .event .info .buy-tickets a.is-hidden {
  display: none;
}
.main .event .info .sharers {
  margin: 1.5em 0 0;
  height: 20px;
}
.main .event .info .sharers .fb-share,
.main .event .info .sharers .twitter-share,
.main .event .info .sharers .add-to-calendar {
  float: left;
  margin-right: 1em;
}
.main .event .info .sharers .add-to-calendar {
  font-size: .65em;
  font-weight: bold;
  font-family: myFirstFont, Helvetica, Futura, Arial, sans-serif;
  padding: 0;
  height: 20px;
  line-height: 20px !important;
  padding: 0 .6em 0 2.1em;
  box-sizing: border-box;
  border: none;
  color: #ffffff !important;
}
.main .event .info .sharers .add-to-calendar em.copyx {
  display: none;
}
.main .event .info .sharers .add-to-calendar .addeventatc_icon {
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
  top: 5px;
  left: 6px;
  color: #ffffff !important;
  background-image: url("../assets/images/icon-calendar.svg");
}
.main .event .info .sharers .add-to-calendar .addeventatc_dropdown {
  padding: .2em 0;
  width: auto;
}
.main .event .info .sharers .add-to-calendar .addeventatc_dropdown span[role="menuitem"] {
  font-size: 1em;
  background-size: 12px 100%;
  background-position: 8px 50%;
  line-height: 20px;
  padding: 0 .6em 0 2.6em;
  height: 20px;
  white-space: nowrap;
}
.main .event .info .sharers .add-to-calendar .addeventatc_dropdown span[role="menuitem"].ateappleical {
  background-image: url("../assets/images/icon-apple.svg");
}
.main .event .info .sharers .add-to-calendar .addeventatc_dropdown span[role="menuitem"].ategoogle {
  background-image: url("../assets/images/icon-google.svg");
}
.main .event .info .sharers .add-to-calendar .addeventatc_dropdown span[role="menuitem"].ateyahoo {
  background-image: url("../assets/images/icon-yahoo.svg");
}
.main .featured {
  padding: 2em 0;
  margin: 0 4%;
}
.main .featured .featured-item {
  width: 32%;
  float: left;
  margin-right: 2%;
  transition: opacity .15s ease-in-out;
  -webkit-transform: translateZ(0);
}
.main .featured .featured-item:hover {
  opacity: .8;
}
.main .featured .featured-item:last-child {
  margin-right: 0;
}
.main .featured .featured-item .media {
  height: 0;
  padding-bottom: 70.5%;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.main .featured .featured-item .heading {
  margin-top: .8em;
}
.main .featured .featured-item .title {
  text-transform: uppercase;
  font-size: 1.4em;
  cursor: pointer;
}
.main .featured .featured-item .title:not(:hover) {
  color: #222222 !important;
}
.main .featured .featured-item .title a {
  text-decoration: none;
  color: inherit;
}
.main .featured .featured-item .body {
  margin-top: .8em;
  font-size: .8em;
  font-weight: 400;
  line-height: 1.6em;
}
.main .featured .featured-item .read-all {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1.6em;
  cursor: pointer;
}
.main .featured .featured-item .read-all:not(:hover) {
  color: #222222 !important;
}
.main .featured .featured-item:not(.gallery-item) .media img {
  width: 100%;
  height: auto;
}
.main .featured .featured-item.artwork-item .heading, .main .featured .featured-item.artwork-item .body {
  text-align: left;
}
.main .featured .featured-item.artwork-item .artist {
  font-weight: 400;
  font-size: .8em;
  margin-top: .8em;
}
.main .featured .featured-item.artwork-item .artist a {
  text-decoration: none;
}
.main .featured .featured-item.artwork-item .hovers .left,
.main .featured .featured-item.artwork-item .hovers .right {
  display: none;
}
.main .featured .featured-item.artwork-item .controls {
  /* Positioning controls, but hiding for the moment */
  margin-top: .7em;
  left: 0;
  right: 0;
  text-align: center;
}
.main .featured .featured-item.artwork-item .controls .dots {
  display: none;
}
.main .featured .featured-item.artwork-item .controls .prev, .main .featured .featured-item.artwork-item .controls .next {
  display: none;
}
.main .featured .featured-item.gallery-item .media {
  overflow: visible;
  cursor: pointer;
}
.main .featured .featured-item.gallery-item .media.video img {
  width: 100%;
  height: auto;
}
.main .featured .featured-item.gallery-item .media.video .overlay {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  color: #ffffff;
  font-size: 3em;
  border: 2px solid #ffffff;
  line-height: 1.5em;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -.75em;
  margin-top: -.75em;
  z-index: 2;
  opacity: .75;
  -webkit-transform: translateZ(0);
  transition: opacity .15s ease-in-out;
}
.main .featured .featured-item.gallery-item .media.video .overlay:after {
  margin-left: .12em;
  vertical-align: -.05em;
}
.main .featured .featured-item.gallery-item .media.video:hover .overlay {
  opacity: 1;
}
.main .featured .featured-item.gallery-item .mk-gallery {
  padding-bottom: 70.5% !important;
}
.main .featured .featured-item.gallery-item .heading, .main .featured .featured-item.gallery-item .body {
  text-align: left;
}
.main .featured .featured-item.gallery-item .subtitle {
  font-weight: 400;
  font-size: .8em;
  margin-top: .8em;
  line-height: 1.6em;
}
.main .featured .featured-item.gallery-item .subtitle a {
  text-decoration: none;
}
.main .featured .featured-item.gallery-item .subtitle .location, .main .featured .featured-item.gallery-item .subtitle .photographer {
  display: block;
}
.main .featured .featured-item.gallery-item .hovers .left,
.main .featured .featured-item.gallery-item .hovers .right {
  display: none;
}
.main .featured .featured-item.gallery-item .controls {
  /* Positioning controls, but hiding for the moment */
  margin-top: .7em;
  left: 0;
  right: 0;
  text-align: center;
}
.main .featured .featured-item.gallery-item .controls .dots {
  display: none;
}
.main .featured .featured-item.gallery-item .controls .prev, .main .featured .featured-item.gallery-item .controls .next {
  display: none;
}
.main .galleries-wrapper .galleries-grid {
  text-align: left;
  margin: 0 2.9%;
}
.main .galleries-wrapper .galleries-grid .gallery {
  display: inline-block;
  overflow: hidden;
  float: left;
  width: 31.3%;
  margin: 1em 1%;
  cursor: pointer;
  clear: none;
  transition: opacity .15s ease-out;
  -webkit-transform: translateZ(0);
}
.main .galleries-wrapper .galleries-grid .gallery:hover {
  opacity: .8;
  transition: opacity .15s ease-out;
}
.main .galleries-wrapper .galleries-grid .gallery .info {
  width: 100%;
  padding: 1em 0 0;
  background: #ffffff;
  border-top: none;
  box-sizing: border-box;
  height: 100px;
}
.main .galleries-wrapper .galleries-grid .gallery .info .heading,
.main .galleries-wrapper .galleries-grid .gallery .info .details {
  white-space: nowrap;
}
.main .galleries-wrapper .galleries-grid .gallery .info .heading .title {
  color: #222222;
  font-size: 1.2em;
  text-transform: uppercase;
  overflow: hidden;
}
.main .galleries-wrapper .galleries-grid .gallery .info .heading .title a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  text-overflow: ellipsis;
}
.main .galleries-wrapper .galleries-grid .gallery .info .heading .subtitle {
  font-weight: 400;
  margin-top: .4em;
  font-size: .75em;
  line-height: 1.6em;
}
.main .galleries-wrapper .galleries-grid .gallery .info .heading .subtitle a {
  text-decoration: none;
}
.main .galleries-wrapper .galleries-grid .gallery .info .heading .subtitle .location, .main .galleries-wrapper .galleries-grid .gallery .info .heading .subtitle .photographer {
  display: block;
}
.main .galleries-wrapper .galleries-grid .gallery .info .details {
  font-size: .85em;
  font-weight: 400;
  color: #222222;
  width: 100%;
}
.main .galleries-wrapper .galleries-grid .gallery .info .details .excerpt {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: .4em;
  font-size: .95em;
}
.main .galleries-wrapper .galleries-grid .gallery .info .details a {
  text-decoration: none;
}
.main .galleries-wrapper .galleries-grid .gallery .picture {
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.main .galleries-wrapper .galleries-grid .gallery .picture img {
  display: inline-block;
  visibility: hidden;
  width: 100%;
  height: auto;
}
.main .galleries-wrapper .galleries-grid .gallery .picture img.visible {
  visibility: visible;
}
.main .galleries-wrapper .galleries-grid .gallery .picture img.heightLead {
  width: auto;
  height: 100%;
}
.main .galleries-wrapper .galleries-grid .gallery .picture.video .overlay {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  color: #ffffff;
  font-size: 3em;
  border: 2px solid #ffffff;
  line-height: 1.5em;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -.75em;
  margin-top: -.75em;
  z-index: 2;
  opacity: .75;
  -webkit-transform: translateZ(0);
  transition: opacity .15s ease-in-out;
  text-align: center;
}
.main .galleries-wrapper .galleries-grid .gallery .picture.video .overlay:after {
  margin-left: .12em;
  vertical-align: -.05em;
}
.main .galleries-wrapper .galleries-grid .gallery .picture.video:hover .overlay {
  opacity: 1;
}
.main .artworks-wrapper {
  text-align: center;
}
.main .artworks-wrapper .artworks-list {
  text-align: left;
  margin: 1.5em 0;
}
.main .artworks-wrapper .artworks-list .artwork {
  display: inline-block;
  float: left;
  width: 20%;
  cursor: pointer;
  transition: opacity .15s ease-out;
  -webkit-transform: translateZ(0);
}
.main .artworks-wrapper .artworks-list .artwork:hover {
  opacity: .8;
}
.main .artworks-wrapper .artworks-list .artwork .picture {
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
}
.main .artworks-wrapper .artworks-list .artwork .picture img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.main .artworks-wrapper .artworks-list .artwork .picture img.visible {
  visibility: visible;
}
.main .artworks-wrapper .artworks-list .artwork .picture img.heightLead {
  width: auto;
  height: 100%;
}
.main .posters-wrapper .posters-list {
  text-align: left;
  margin: 1em 0;
}
.main .posters-wrapper .posters-list .poster {
  display: inline-block;
  float: left;
  width: 12.5%;
  cursor: pointer;
  transition: opacity .15s ease-out;
  -webkit-transform: translateZ(0);
}
.main .posters-wrapper .posters-list .poster:hover {
  opacity: .8;
}
.main .posters-wrapper .posters-list .poster .picture {
  width: 100%;
  height: 0;
  padding-bottom: 145%;
  overflow: hidden;
}
.main .posters-wrapper .posters-list .poster .picture img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.main .posters-wrapper .posters-list .poster .picture img.visible {
  visibility: visible;
}
.main .posters-wrapper .posters-list .poster .picture img.heightLead {
  width: auto;
  height: 100%;
}
.main .links-lists.links-lists-grid {
  padding: 0 4%;
}
.main .links-lists.links-lists-grid .links-list {
  display: inline-block;
  float: left;
  width: 33.3%;
  margin: 3.5em 0 1% 0;
  padding: 0 0 1% 0;
}
.main .links-lists.links-lists-grid .links-list.no-border {
  border-bottom: none;
}
.main .links-lists.links-lists-grid .links-list .content .title {
  text-transform: uppercase;
  font-size: 1.4em;
}
.main .links-lists.links-lists-grid .links-list .content p {
  margin-top: .8em;
  color: #222222;
  font-size: .8em;
  line-height: 1.6em;
}
.main .links-lists.links-lists-grid .links-list .content p a {
  color: inherit;
  text-decoration: none;
}
.main .links-lists.links-lists-grid .links-list .content p a:not(:hover) {
  color: #222222 !important;
}
.main .links-lists.links-lists-grid .links-list .date {
  font-size: 13px;
  margin-top: 0.1em;
}
.main footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 20px 0 20px 0;
  margin: 50px 0 0;
}
.main footer a {
  display: inline-block;
  font-weight: 400;
  line-height: 1.4em;
  text-decoration: none;
  font-size: .75em;
}
.main footer a:not(:hover) {
  color: #222222 !important;
}
.main .picture-big {
  position: fixed;
  top: 144px;
  bottom: 0;
  width: 100%;
  min-width: 320px;
  max-width: 1600px;
  overflow: hidden;
}
.main .picture-big img {
  display: inline-block;
  visibility: hidden;
  width: 100%;
  height: auto;
}
.main .picture-big img.visible {
  visibility: visible;
}
.main .picture-big img.heightLead {
  height: 100%;
  width: auto;
}
.main .picture-big .info {
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, 0);
  color: #ffffff;
  text-align: center;
  line-height: 2.6em;
  vertical-align: middle;
  opacity: 0;
  transition: opacity .4s ease-in-out;
}
.main .picture-big .info.dark-overlay {
  color: #222222;
}
.main .picture-big .info.displayed {
  opacity: 1;
  transition: opacity .2s ease-in-out;
}
.main .picture-big .info .title {
  font-size: 34px;
  text-transform: uppercase;
}
.main .picture-big .info .date-wrapper {
  font-weight: 400;
  font-size: 28px;
  text-transform: uppercase;
}
.main .picture-big .info .venue {
  margin-top: .3em;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.7em;
}
.main .pagination-nav {
  position: relative;
  display: inline-block;
  text-align: center;
}
.main .pagination-nav.pagination-nav--fixed {
  position: fixed;
  width: 100%;
  max-width: 1600px;
  top: 144px;
  z-index: 10;
  background: #ffffff;
  margin: 0;
  padding-top: .5em;
  height: 44px;
  box-sizing: border-box;
}
.main .pagination-nav.pagination-nav--fixed .pagination-nav-content {
  display: inline-block;
}
.main .pagination-nav:not(.pagination-nav--fixed).top {
  margin: .5em 0 .5em;
}
.main .pagination-nav:not(.pagination-nav--fixed).bottom {
  margin: 1em 0 0;
}
.main .pagination-nav:after {
  display: none;
}
.main .pagination-nav .separator {
  position: relative;
  display: inline-block;
  float: left;
  height: 20px;
  line-height: 20px;
  color: #222222;
  font-weight: normal;
  top: -2px;
}
.main .pagination-nav .page-numbers {
  position: relative;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  color: #222222;
  text-align: center;
  margin: 0 12px;
  text-decoration: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: none;
}
.main .pagination-nav .page-numbers.prev, .main .pagination-nav .page-numbers.next {
  margin: 0;
}
.main .pagination-nav .page-numbers.prev:before, .main .pagination-nav .page-numbers.next:before {
  display: none;
}
.main .pagination-nav .page-numbers:last-child {
  margin-right: 0;
}
.main .pagination-nav .page-numbers:hover {
  color: inherit !important;
  transition: color .15s ease-out;
}
.main .pagination-nav .page-numbers.current, .main .pagination-nav .page-numbers:active {
  color: inherit !important;
}
.main .pagination-nav .page-numbers .icon-before-prev-cal,
.main .pagination-nav .page-numbers .icon-before-next-cal {
  display: inline-block;
  vertical-align: middle;
}
.main .months-nav {
  position: relative;
  display: inline-block;
  text-align: center;
}
.main .months-nav.months-nav--fixed {
  position: fixed;
  width: 100%;
  max-width: 1600px;
  top: 144px;
  z-index: 10;
  background: #ffffff;
  margin: 0;
  padding-top: .5em;
  height: 44px;
  box-sizing: border-box;
}
.main .months-nav.months-nav--fixed .months-nav-content {
  display: inline-block;
}
.main .months-nav:not(.months-nav--fixed).top {
  margin: .5em 0 .5em;
}
.main .months-nav:not(.months-nav--fixed).bottom {
  margin: 1em 0 0;
}
.main .months-nav .separator {
  position: relative;
  display: inline-block;
  float: left;
  height: 20px;
  line-height: 20px;
  color: #222222;
  font-weight: normal;
  top: -2px;
}
.main .months-nav .separator.off {
  opacity: .1;
}
.main .months-nav .month {
  position: relative;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  color: #222222;
  text-align: center;
  text-transform: uppercase;
  margin: 0 12px;
  text-decoration: none;
  height: 20px;
  line-height: 20px;
  border: none;
}
.main .months-nav .month:hover {
  color: inherit !important;
  transition: color .15s ease-out;
}
.main .months-nav .month.current, .main .months-nav .month:active {
  color: inherit !important;
}
.main .months-nav .month.off {
  opacity: .1;
}
.main .buy-tickets {
  display: inline-block;
}
.main .buy-tickets .sold-out {
  display: inline-block;
  padding: .4em .9em .4em .9em;
  color: #dd0000;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Helvetica-Neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.main .buy-tickets .sold-out.isHidden {
  display: none;
}
.main .buy-tickets .postponed {
  display: inline-block;
  padding: .4em .9em .4em .9em;
  color: #dd0000;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Helvetica-Neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.main .buy-tickets .postponed.isHidden {
  display: none;
}
.main .buy-tickets .cancelled {
  display: inline-block;
  padding: .4em .9em .4em .9em;
  color: #dd0000;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Helvetica-Neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.main .buy-tickets .cancelled.isHidden {
  display: none;
}
.main .buy-tickets a:link,
.main .buy-tickets a:visited {
  display: inline-block;
  font-weight: bold;
  font-family: 'Helvetica-Neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: .4em;
  padding: .4em .9em .4em .9em;
  font-size: 15px;
}
.main .buy-tickets a:link::after,
.main .buy-tickets a:visited::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border-radius: inherit;
  transition: background .1s ease-in-out;
}
.main .buy-tickets a:link span,
.main .buy-tickets a:visited span {
  vertical-align: -.2em;
  line-height: .5em;
  margin-left: .3em;
}
.main .buy-tickets a:link span:after,
.main .buy-tickets a:visited span:after {
  font-size: 1.2em;
  display: inline-block;
}
.main .buy-tickets a:hover::after {
  background: rgba(255, 255, 255, 0.2);
}
.main .all-events::after,
.main .all-media::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border-radius: inherit;
  transition: background .1s ease-in-out;
}
.main .all-events:link, .main .all-events:visited,
.main .all-media:link,
.main .all-media:visited {
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: 'Helvetica-Neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: .4em;
  padding: .4em .9em .4em .9em;
}
.main .all-events:link span, .main .all-events:visited span,
.main .all-media:link span,
.main .all-media:visited span {
  vertical-align: -.2em;
  line-height: .5em;
}
.main .all-events:link span:after, .main .all-events:visited span:after,
.main .all-media:link span:after,
.main .all-media:visited span:after {
  padding-left: .3em;
  font-size: 1.2em;
  display: inline-block;
}
.main .all-events:link span:before, .main .all-events:visited span:before,
.main .all-media:link span:before,
.main .all-media:visited span:before {
  padding-right: .3em;
  font-size: 1.2em;
  display: inline-block;
}
.main .all-events:hover::after,
.main .all-media:hover::after {
  background: rgba(255, 255, 255, 0.2);
}
.main .all-events:active::after,
.main .all-media:active::after {
  background: rgba(0, 0, 0, 0.1);
  transition: background 0s ease-in-out;
}
.main .all-news::after,
.main .single-nav .prev::after,
.main .single-nav .next::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border-radius: inherit;
  transition: background .1s ease-in-out;
}
.main .all-news:link, .main .all-news:visited,
.main .single-nav .prev:link,
.main .single-nav .prev:visited,
.main .single-nav .next:link,
.main .single-nav .next:visited {
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: 'Helvetica-Neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: .4em;
  padding: .4em .9em .4em .9em;
}
.main .all-news:link span, .main .all-news:visited span,
.main .single-nav .prev:link span,
.main .single-nav .prev:visited span,
.main .single-nav .next:link span,
.main .single-nav .next:visited span {
  vertical-align: -.2em;
  line-height: .5em;
}
.main .all-news:link span:after, .main .all-news:visited span:after,
.main .single-nav .prev:link span:after,
.main .single-nav .prev:visited span:after,
.main .single-nav .next:link span:after,
.main .single-nav .next:visited span:after {
  font-weight: bold;
  font-size: 1.9em;
  display: inline-block;
  line-height: .5em;
}
.main .all-news:hover::after,
.main .single-nav .prev:hover::after,
.main .single-nav .next:hover::after {
  background: rgba(255, 255, 255, 0.2);
}
.main .all-news:active::after,
.main .single-nav .prev:active::after,
.main .single-nav .next:active::after {
  background: rgba(0, 0, 0, 0.1);
  transition: background 0s ease-in-out;
}
.main .all-news:link span, .main .all-news:visited span, .main .all-news:active span, .main .all-news:hover span {
  margin-right: .5em;
}
.main .all-news:link span:after, .main .all-news:visited span:after, .main .all-news:active span:after, .main .all-news:hover span:after {
  content: '«';
}
.main .single-nav .prev:link, .main .single-nav .prev:visited, .main .single-nav .prev:active, .main .single-nav .prev:hover {
  background: #ffffff;
  color: #222222;
}
.main .single-nav .prev:link span, .main .single-nav .prev:visited span, .main .single-nav .prev:active span, .main .single-nav .prev:hover span {
  margin-right: .5em;
}
.main .single-nav .prev:link span:after, .main .single-nav .prev:visited span:after, .main .single-nav .prev:active span:after, .main .single-nav .prev:hover span:after {
  content: '‹';
}
.main .single-nav .next:link, .main .single-nav .next:visited, .main .single-nav .next:active, .main .single-nav .next:hover {
  background: #ffffff;
  color: #222222;
}
.main .single-nav .next:link span, .main .single-nav .next:visited span, .main .single-nav .next:active span, .main .single-nav .next:hover span {
  margin-left: .5em;
}
.main .single-nav .next:link span:after, .main .single-nav .next:visited span:after, .main .single-nav .next:active span:after, .main .single-nav .next:hover span:after {
  content: '›';
}

/* TODO: can delete? used for previous news style */
.single .header-bar {
  border-bottom: none;
}
.single .main {
  height: 100%;
  padding-top: 144px;
}
.single .front {
  margin: 0;
  top: 100%;
  background: rgba(255, 255, 255, 0.9);
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.85)), color-stop(70%, #ffffff));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, #ffffff 70%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, #ffffff 70%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, #ffffff 70%);
}
.single .single-generic {
  position: relative;
  margin: 0;
  border: 0;
  background: none;
}
.single .single-generic:before {
  display: none;
}
.single .single-generic .info {
  padding: 0;
  margin: 2em 4%;
}
.single .single-generic .info .heading {
  font-size: 2.3em;
  text-transform: uppercase;
}
.single .single-generic .info .details {
  margin-top: 1.6em;
}
.single .single-generic .info .details .text {
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5em;
}
.single .single-generic .info .details .text a {
  font-weight: 700;
  text-decoration: none;
  color: #222222;
}
.single .single-nav {
  position: relative;
  margin-left: 4%;
  margin-right: 4%;
  padding: 1em 0;
  top: -80px;
}
.single .single-nav .buy-tickets {
  float: right;
}
.single .single-nav .buy-tickets a {
  font-size: 14px;
}
.single .single-nav .all-events {
  font-size: 14px;
}

.single.gallery {
  overflow: auto;
  height: auto;
}
.single.gallery .main {
  padding-top: 160px;
}
.single.gallery .gallery-shots {
  margin: 0 auto;
}
.single.gallery .gallery-shots .mk-gallery {
  margin-bottom: 0;
}
.single.gallery .gallery-shots p {
  width: 100%;
  height: 100%;
}
.single.gallery .info {
  padding: 1em 0;
  color: #222222;
}
.single.gallery .info .heading,
.single.gallery .info .details {
  color: #222222;
}
.single.gallery .info .heading {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.1em;
  line-height: 1.4em;
}
.single.gallery .info .details {
  font-size: .8em;
  font-weight: 400;
  line-height: 1.6;
}
.single.gallery .info .details .excerpt p {
  display: inline-block;
}
.single.gallery .info .details a {
  text-decoration: none;
}
.single.gallery .info .details .location, .single.gallery .info .details .photographer {
  display: block;
}
.single.gallery .info .sharers {
  margin: 1.5em 0 0;
  height: 20px;
  overflow: hidden;
}
.single.gallery .info .sharers .fb-share,
.single.gallery .info .sharers .twitter-share {
  float: left;
  margin-right: 1em;
}
.single.gallery .big-gallery iframe {
  width: 100%;
  height: 100%;
}

.single.single-events .header-bar {
  border-bottom: none;
}
.single.single-events .main {
  padding-top: 144px;
}
.single.single-events .front {
  margin: 0;
  top: 100%;
  background: rgba(255, 255, 255, 0.9);
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.85)), color-stop(70%, #ffffff));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, #ffffff 70%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, #ffffff 70%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, #ffffff 70%);
}
.single.single-events .event {
  position: relative;
  margin: 0;
  border: 0;
  background: none;
}
.single.single-events .event:before {
  display: none;
}
.single.single-events .event .info {
  padding: 0;
  margin: 2em 4%;
}
.single.single-events .event .info .heading {
  font-size: .9em;
}
.single.single-events .event .info .details .event-text {
  font-size: 1.1em;
}
.single.single-events .event .info .details .event-text p:not(first-child) {
  margin-top: 1em;
}
.single.single-events .event .info .details .event-text a {
  font-weight: 700;
  text-decoration: none;
  color: #222222;
}
.single.single-events .single-nav {
  position: relative;
  margin-left: 4%;
  margin-right: 4%;
  padding: 1em 0;
  top: -80px;
}
.single.single-events .single-nav .buy-tickets {
  float: right;
}
.single.single-events .single-nav .buy-tickets a {
  font-size: 14px;
}
.single.single-events .single-nav .all-events {
  font-size: 14px;
}

/* TODO: can delete? used for previous news style */
.page.home {
  height: auto;
  min-height: 100%;
}
.page.home .header-bar .navigation .tickets a {
  color: inherit;
}

.page.events {
  height: auto;
  min-height: 100%;
}
.page.events .header-bar .navigation .events a {
  color: inherit;
}
.page.events .main {
  height: auto;
  min-height: 100%;
  padding-top: 194px;
}
.page.events .main .events-highlight {
  padding-top: 1.5em;
  padding-bottom: 0;
}
.page.events .main .events-highlight .event {
  margin-left: 4%;
  margin-right: 4%;
}
.page.events .main .events-highlight .event .arrow {
  display: none;
}

.page.galleries,
.page.art,
.page.archive {
  height: auto;
  min-height: 100%;
}
.page.galleries .header-bar,
.page.art .header-bar,
.page.archive .header-bar {
  border-bottom: none;
}
.page.galleries .main,
.page.art .main,
.page.archive .main {
  height: auto;
  min-height: 100%;
  padding-top: 194px;
}
.page.galleries .main .galleries-grid.no-nav,
.page.galleries .main .posters-list.no-nav,
.page.galleries .main .artworks-list.no-nav,
.page.art .main .galleries-grid.no-nav,
.page.art .main .posters-list.no-nav,
.page.art .main .artworks-list.no-nav,
.page.archive .main .galleries-grid.no-nav,
.page.archive .main .posters-list.no-nav,
.page.archive .main .artworks-list.no-nav {
  margin-top: -34px;
}
.page.galleries footer,
.page.art footer,
.page.archive footer {
  margin-top: 1.8em;
}
.page.galleries footer,
.page.art footer,
.page.archive footer {
  border-top: 0;
}

.page.galleries .header-bar .navigation .media a {
  color: inherit;
}

.page.art .header-bar .navigation .art a {
  color: inherit;
}

.page.archive .header-bar .navigation .archive a {
  color: inherit;
}

.page.links {
  height: auto;
  min-height: 100%;
}
.page.links .header-bar .navigation .links a {
  color: inherit;
}
.page.links .main {
  height: auto;
  min-height: 100%;
  padding-top: 144px;
}

.no-js .main .picture-big img {
  visibility: visible;
}
.no-js .main .galleries-grid .gallery .picture img {
  visibility: visible;
}