/* ####################################################### open spaces ####################################################### */
body.event.openspaces,
body.event.openspaces .page--cover, body.event.section-open-spaces .page--cover,
body.event.openspaces .event--heading, body.event.section-open-spaces .event--heading,
body.event.openspaces main, body.event.section-open-spaces main,
body.event.openspaces .glider-contain, body.event.section-open-spaces .glider-contain  {
  background-color: var(--black)!important;
  color: var(--white)!important;
}

body.event.openspaces section.flat--heading h1 span.heading, body.event.section-open-spaces section.flat--heading h1 span.heading,
body.event.openspaces section.event--heading h1 span.heading, body.event.section-open-spaces section.event--heading h1 span.heading {color: var(--white);}

body.event.openspaces .event--artist .artist--intro, body.event.section-open-spaces .event--artist .artist--intro,
body.event.openspaces .event--artist .artist--location, body.event.section-open-spaces .event--artist .artist--location {color: var(--white--50);}

body.event.openspaces .glider-dot, body.event.section-open-spaces .glider-dot {color: var(--white--25);background: var(--white--25);}

body.event.openspaces .glider-dot:hover,
body.event.openspaces .glider-dot:focus,
body.event.openspaces .glider-dot.active {background: var(--white);}

/* ####################################################### open spaces end ####################################################### */

/* ####################################################### young art ####################################################### */
body.event.youngart .event--artist a.hulk, body.event.sektion-young-art .event--artist a.hulk {background: transparent!important;}
body.event.youngart .brut--inner, body.event.sektion-young-art .brut--inner {background: var(--black);}
body.event.youngart .brut--inner nav.breadcrumb ul, body.event.sektion-young-art .brut--inner nav.breadcrumb ul {color: var(--white--75);}

/* ####################################################### young art end ####################################################### */





.event--artist .artist--intro, .event--artist .artist--location {
  color: var(--black--50);
}
body.event .page--cover {
  position: unset;
  margin-top: 0;
  background: var(--white);
  padding-bottom: calc(var(--gap) * 2);
}

body.event .hardfacts {
  margin-bottom: calc(var(--gap) * 2);
}


body.event main.default {
    position: unset;
    background: var(--white);
}
.event--header--content {
  padding: calc(var(--gap) * 2) 0;
}


body.event section.event--heading {
  position: relative;
  margin-top: calc(145px + 42px); /* spacing nav */
  height: auto;
}

.image--wrapper {
  margin-top: 0;
}

.glider figure.image {background: var(--black);}
.glider-contain {background: var(--white); padding-bottom: calc(var(--gap) * 2);}

.glider-dots {
  padding-top: calc(var(--gap) * .5);
}

.glider-dot {
  color: var(--black--25);
  border-radius: 999px;
  background: var(--black--25);
  width: var(--mainsize);
  height: var(--mainsize);
  margin: 7px;
}


.glider-dot:hover, .glider-dot:focus, .glider-dot.active {background: var(--black);}


@media (min-width: 768px) {
  body.event section.event--heading {
    position: fixed;
    left:0;
    right: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0; /* spacing nav */
    top: calc(145px + 42px);
    padding: 0;
    padding-top: 0;
    height: 40vh;
    display: flex;
    align-items: center;
    z-index: -1;
  }

  .image--wrapper {
    margin-top: calc(40vh + 154px);
  }
}


@media (min-width: 922px) {
  body.event section.event--heading {height: 45vh;}
  .image--wrapper {margin-top: calc(45vh + 154px);}

  .glider figure.image:first-of-type {margin-left: 60px;}
  .glider figure.image {margin: 0 7.5px;}
  .glider figure.image:last-of-type {margin-right: 15px;}
}

@media (min-width: 1200px) {

  body.event section.event--heading {height: 50vh;}
  .image--wrapper {margin-top: calc(50vh + 145px);}


  .glider figure.image:first-of-type {margin-left: 70px;}
  .glider figure.image {margin: 0 10px;}
  .glider figure.image:last-of-type {margin-right: 20px;}
}

@media (min-width: 1400px) {
  body.event section.event--heading {height: 55vh;}
  .image--wrapper {margin-top: calc(55vh + 154px);}

  .glider figure.image:first-of-type {margin-left: calc(((100vw - 1320px) * .5) + 15px);}
}

@media (min-width: 1500px) {
  body.event section.event--heading {height: 60vh;}
  .image--wrapper {margin-top: calc(60vh + 154px);}
}


section.event--artists {
  margin-top: calc(var(--gap) * 2);
}

section.event--artists .event--artist:not(:last-of-type) {
  margin-bottom: calc(var(--gap) * 2);
}

section.event--artists .event--artist figure.image picture img {
  -webkit-transition: all 1.5s cubic-bezier(0.25, 0.1, 0.25, 1)!important;
  transition: all 1.5s cubic-bezier(0.25, 0.1, 0.25, 1)!important;
  filter: grayscale(1);
  scale: 1;
}

section.event--artists .event--artist:hover figure.image picture img {
  filter: grayscale(0);
  scale: 1.025;
}

section.event--heading header p.section span.youngart::after {
  content: ' \F287';
  font-family: "bootstrap-icons";
  font-size: 66%;
  color: var(--black);
  padding-left: .35rem;
  font-style: normal;
}

section.event--heading header p.section span.openspaces::after {
  content: ' \F28A';
  font-family: "bootstrap-icons";
  font-size: 66%;
  color: var(--white);
  padding-left: .35rem;
  font-style: normal;
}

.back--btn.next::before, .back--btn.prev::before {
  content: unset;
  font-family: unset;
  font-size: unset;
}

.back--btn.next::after, .back--btn.prev::after {
  content: ' \F231';
  font-family: "bootstrap-icons";
  font-size: 66%;
}

@media (min-width: 768px) {
.back--btn.prev::after {
    content: unset;
    font-family: unset;
    font-size: unset;
  }

  .back--btn.prev::before {
    content: '\F22D';
    font-family: "bootstrap-icons";
    font-size: 66%;
  }
}