/*------------------------------------*\
	Shortcodes
\*------------------------------------*/

.festival-map {
  background-image: url(https://armchairadventurefestival.com/wp-content/uploads/sites/2/2020/11/repeating-pattern-bk-scaled.jpg);
  background-size: auto;
  background-position: center center;
  background-repeat: repeat;
  min-height: 2100px;
}

.festival-map > ol {
  display: flex;
  flex-direction: row;
  list-style: none;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.stall a {
  box-shadow: none !important;
}

.stall a:hover {
  background: none !important;
  opacity: 0.8;
}

@supports (mix-blend-mode: color) {
  .stall a:hover {
    mix-blend-mode: multiply;
  }
}

@media screen and (min-width: 1024px) {

  .festival-map {
    margin: 2rem -20rem;
  }

  .festival-map > ol {
    position: relative;
  }

  .stall {
    position: absolute;
    max-width: 40%;
  }

  li.stall:nth-of-type(1) {
    top: 0;
    right: 0;
  }

  li.stall:nth-of-type(2) {
    top: 16rem;
    left: 33rem;
  }

  li.stall:nth-of-type(3) {
    top: 54rem;
    left: 0;
  }

  li.stall:nth-of-type(4) {
    top: 58rem;
    right: 0;
  }

  li.stall:nth-of-type(5) {
    top: 79rem;
    right: 8rem;
  }

  li.stall:nth-of-type(6) {
    top: 75rem;
    left: 15%;
  }

  li.stall:nth-of-type(7) {
    top: 101rem;
    left: 0;
  }

  li.stall:nth-of-type(8) {
    top: 113rem;
    right: 0;
  }

  li.stall:nth-of-type(9) {
    top: 0;
    left: 0;
  }

  li.stall:nth-of-type(10) {
    top: 125rem;
    left: 28%;
  }

  li.stall:nth-of-type(11) {
    top: 165rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: none;
  }
}