.open_hours_popup {
  position: fixed;
  right: 1rem;
  bottom: 3rem;
  background: #000;
  color: #fff;
  width: 16rem;
  max-width: calc(100% - 2rem);
  box-sizing: border-box;
  padding: 2rem;
  z-index: 4;
}


.open_hours_popup_close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 29px;
  height: 28px;
  background: url("/static/www/images/close_fill.svg") center/20px no-repeat;
  cursor: pointer;
}


.worldpride_banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  background: url("/static/www/images/pride_colours.png") center/contain;
  z-index: 3;
  cursor: pointer;
}


.worldpride_banner .banner_link {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #000;
  color: #fff;
  padding: 0.43rem 2rem 0.43rem 1rem;
  box-sizing: border-box;
  user-select: none;
  text-decoration: none;
}

.worldpride_banner .banner_link:after {
  content: " ";
  background: url('./images/navigate_right.svg') center/0.4rem no-repeat;
  display: block;
  width: 0.65rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0.6rem;
}

.worldpride_banner:hover .banner_link {
  filter: invert(1);
}


@media (max-width: 768px) {
  .worldpride_banner .banner_link {
    height: 2rem;
    width: 2rem;
    padding: 0;
  }
}


@media (max-width: 768px) {
  .worldpride_banner .banner_link_text {
    display: none;
  }
}



/*
 * home header
 */

.home_header {
  /*background: url('https://www.mca.com.au/files/original_images/143_MCA_Collection_credit_Anna_Kucera.jpg') center/cover;*/
  overflow: hidden;
  position: relative;
  height: 100vh;
}

.home_header .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.ack_active .home_header .video {
  opacity: 0;
}

/*
 * after slider
 */


@media (max-width: 1024px) {
  .home_header {
    height: calc(var(--1svh, 1vh) * 100);
    height: 100svh;
  }
}

.home_header .lines_cont {
  margin-top: 1rem;
  height: calc(100% - 6rem);
  overflow: hidden;
  position: relative;
}

.home_header .line {
  position: absolute;
  left: 2rem;
  opacity: 0;
}

@media (max-width: 768px) {
  .home_header .line {
    left: 1.111rem;
  }
}

.home_header .line_0 {
  top: 0;
}

.home_header .line_1 {
  top: calc(50% - 0.5em);
}

.home_header .line_2 {
  top: calc(100% - 1em);
}

/* 4 line section */
.home_header .line_1_b {
  top: calc(33.333% - 0.333em);
}

.home_header .line_2_b {
  top: calc(66.666% - 0.666em);
}



@keyframes line_animation_a {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes line_animation_b {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.home_header .line_a.line_0 { animation: 1500ms steps(1, jump-end) 0ms    1 forwards line_animation_a; }
.home_header .line_a.line_1 { animation: 1500ms steps(1, jump-end) 300ms  1 forwards line_animation_a; }
.home_header .line_a.line_2 { animation: 1500ms steps(1, jump-end) 600ms  1 forwards line_animation_a; }
.home_header .line_b.line_0 { animation: 5500ms steps(1, jump-end) 3100ms 1 forwards line_animation_b; }
.home_header .line_b.line_1_b { animation: 5500ms steps(1, jump-end) 3400ms 1 forwards line_animation_b; }
.home_header .line_b.line_2_b { animation: 5500ms steps(1, jump-end) 3700ms 1 forwards line_animation_b; }
.home_header .line_b.line_2 { animation: 5500ms steps(1, jump-end) 4000ms 1 forwards line_animation_b; }


body.ack_active .home_header .line {
  animation: none;
}



.today_cont {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  width: 100%;
}

.today_inner {
  padding: 1.3rem 0;
}

.home_header .today_col {
  float: left;
  margin-left: 2rem;
}

@media (max-width: 768px) {
  .home_header .today_col {
    margin-left: 1rem;
  }
}

@media (max-width: 400px) {
  .home_header .today_col {
    font-size: 14px;
  }
}

body.ack_active .today_cont {
  transition: transform 1500ms 400ms cubic-bezier(0.76, 0, 0.24, 1);
  transform: translateY(100%);
}

body.ack_animating .today_cont {
  transform: translateY(0%);
}