/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
body {font-family: 'Roboto', sans-serif;font-weight:400;font-size:0.9rem;margin-top:36px}
h1,h2,h3,h4 {font-weight:900}
h3 {background-color: #ffc107;color:#212529;font-size:1rem;margin:0rem -0.75rem 0.25rem -0.75rem;padding: 0.25rem 1rem}
h4 {background-color: var(--bs-body-color);color:var(--bs-body-bg);font-size:0.9rem;margin:0.25rem -0.75rem 0 -0.75rem;padding: 0.25rem 1rem}
h3.sticky-top {z-index:1050!important}
h3.page-title {margin-top:0;margin-bottom:0;height:28px}
h4.timeline-header {font-size:0.8rem}
#app {position:fixed;width:100%;height:100%}
.swiper {height: 100%}
.swiper-slide {overflow-x:auto}
.now-next h4 {background-color:#6c757d;color:#FFF;margin-bottom:0}
.now-next h4.page-title, .day-timeline h4.page-title {background-color: #566b7c;color:#FFF}
.navbar {background-color:var(--bs-dark);padding-bottom:0;z-index:-1}
.navbar-nav {font-weight:900;font-size:1rem}
.navbar-expand-md .navbar-nav .nav-link {padding:0.2rem 0.5rem!important}
.nav-link {color:rgba(255,255,255,0.65)}
.nav-link:focus, .nav-link:hover {color:rgba(255,255,255,0.8)}
.nav-link.active {background-color:#ffc107;color:#212529!important;}
.list-group {padding-right:0}
.list-group-item {background-color:var(--bs-secondary-bg)}
.list-group-item.warning {background: var(--bs-danger-bg-subtle);border-bottom: solid 2px var(--bs-danger);border-right: solid 12px var(--bs-danger)}
.act-time {line-height:1.1;width:100px}
.act-day {width:70px}
.act-details {color:var(--bs-secondary-color)}
.fave-time {width:120px;margin-left:0.5rem}
.now-hilite, .stage-list>.list-group-item.on-now {background-color:var(--bs-dark-bg-subtle)}
.now-hilite .act-time {line-height:var(--bs-body-line-height)}
.now-hilite .act-name {font-weight:900}
.next-hilite {background-color:var(--bs-secondary-bg);color:var(--bs-body-color)}
.icon-star-empty,.icon-star-filled {width:30px;height:30px;background-size:contain;background-repeat:no-repeat}
.icon-star-empty {background-image:url('../assets/faves-off.svg')}
.icon-star-filled {background-image:url('../assets/faves-on.svg')}
.icon-star-filled.favestar {width:16px;height:16px}
.icon-list, .icon-timeline, .icon-dark-mode, .icon-light-mode {display:block;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;cursor:pointer}
.icon-list {background-image:url('../assets/list.svg')}
.icon-timeline {background-image:url('../assets/timeline.svg')}
.icon-dark-mode {background-image:url('../assets/dark-mode.svg');margin-left: 0.5rem}
.icon-light-mode {background-image:url('../assets/light-mode.svg');margin-left: 0.5rem}
.on-now>.icon-star-empty {background-image:url('../assets/faves-off-white.svg')}
.icon-expand {width:18px;height:18px;background-size:contain;background-repeat:no-repeat;display:inline-block;color:#808080}
.icon-expand.expand {background-image:url('../assets/expand.svg')}
.icon-expand.contract {background-image:url('../assets/contract.svg')}
.clickable {cursor:pointer}
#btn-reset-faves {margin-top:0.5rem}
#faves-switch {margin-top:0.3rem;margin-bottom:0.3rem}
.badge.on-stage,.badge.on-next {background-color:#dc3545;display:initial!important;vertical-align:middle!important}
.day-timeline {width:100%}
.timeline-wrapper {height:2100px;position:relative}
.timeline-header {background:var(--bs-body-bg);margin-bottom:0.25rem;top:28px;z-index:20}
.times-wrapper,.stage-wrapper {height:100%}
.times-header,.times-wrapper {width:33%;max-width:50px}
.stage-header,.stage-wrapper {margin-right:2px;width:33%;position:relative;display:none!important}
.stage-bg {background-color:var(--bs-secondary-bg);position:absolute;top:0;left:0;bottom:0;right:0;z-index:-10}
.time-grid {width:100%;position:absolute;top:0;left:0;bottom:150px;right:0;z-index:-1}
.gridline {height:1px;background-color:var(--bs-body-color);opacity:0.5;margin-left:40px;z-index:-2}
.times-wrapper {font-size:14px;z-index:100}
.times-wrapper h6, .stage-wrapper h6 {font-size:0.9rem;font-weight:900;padding:0.25rem}
.timeline-entry {font-size:1rem;text-align: center;background:transparent;color:#2c3136;padding: 0 0.25rem}
.timeline-entry.performance {background-color:#2551ca;color:#FFF;border-radius:5px;border: solid 1px var(--bs-body-bg);z-index:15}
.timeline-entry.fave {border-left: solid 12px #FFC107!important}
.timeline-entry.elapsed {background-color:var(--bs-tertiary-bg);color:var(--bs-gray-500);border:none!important;border-radius:0}
/* .timeline-entry.fave:not(.elapsed) {background-image:url('../assets/star-filled.svg');background-size:16px 16px;background-position-x:95%;background-position-y:5%;background-repeat:no-repeat} */
.timeline-entry-time {font-size:0.7rem!important;font-weight:400!important}
#timeline-now-marker {height:4px;background-color:var(--bs-teal);opacity:1;position:absolute;top:0;left:40px;right:-8px;z-index:10}
.times {margin-top:-9px;height:1968px}
.p-entry {font-weight:900;line-height:normal;overflow:hidden;text-overflow:ellipsis}
#qr {margin-top:3rem;padding-left:3rem;padding-right:3rem}
#qr img {width:100%;height:auto}
.faves-d.sticky-top {top:28px}
.favourites,.day,.now-next,.a-z {margin-bottom:3rem}
.blank-link {cursor:pointer}
.stage-wrapper:nth-child(-n+2),.stage-header:nth-child(-n+3) {display:flex!important}
.stage-list>.list-group-item.elapsed>*,.faves-list>.list-group-item.elapsed>* {opacity:0.5}
.text-smaller {font-size:0.7rem}
.badge.force-none {display: none!important}

/* Stage colours */
.hcol-0 h4 {background-color:#ea5066;color:#FFF;margin-top:0}
.hcol-0 h6 {font-size:1rem;font-weight:900;border-bottom: solid 2px #ea5066;padding-top:0.5rem}
.hcol-0 .act-stage {color:#ea5066}
.hcol-0 .badge.on-stage {background-color:#ea5066;color:#FFF}
.hcol-0 .timeline-entry.performance {background-color:#ea5066}
.hcol-1 h4 {background-color:#42b3e6;color:#FFF}
.hcol-1 h6 {font-size:1rem;font-weight:900;border-bottom: solid 2px #42b3e6;padding-top:0.5rem}
.hcol-1 .act-stage {color:#42b3e6}
/* .hcol-1 .now-hilite, .hcol-1 .stage-list>.list-group-item.on-now {background-color:#6edff6} */
.hcol-1 .badge.on-stage {background-color:#42b3e6;color:#FFF}
.hcol-1 .timeline-entry.performance {background-color:#42b3e6;color:#FFF}
.hcol-2 h4 {background-color:#ef7235;color:#FFF}
.hcol-2 h6 {font-size:1rem;font-weight:900;border-bottom: solid 2px #ef7235;padding-top:0.5rem}
.hcol-2 .act-stage {color:#ef7235}
/* .hcol-2 .now-hilite, .hcol-2 .stage-list>.list-group-item.on-now {background-color:#eaab86} */
.hcol-2 .badge.on-stage {background-color:#ef7235;color:#FFF}
.hcol-2 .timeline-entry.performance {background-color:#ef7235}
.hcol-3 h4 {background-color:#7eb047;color:#FFF}
.hcol-3 h6 {font-size:1rem;font-weight:900;border-bottom: solid 2px #7eb047;padding-top:0.5rem}
.hcol-3 .act-stage {color:#7eb047}
/* .hcol-3 .now-hilite, .hcol-3 .stage-list>.list-group-item.on-now {background-color:#a5c590} */
.hcol-3 .badge.on-stage {background-color:#7eb047;color:#FFF}
.hcol-3 .timeline-entry.performance {background-color:#7eb047}
.hcol-4 h4 {background-color:#9e6ce8;color:#FFF}
.hcol-4 h6 {font-size:1rem;font-weight:900;border-bottom: solid 2px #9e6ce8;padding-top:0.5rem}
.hcol-4 .act-stage {color:#9e6ce8}
/* .hcol-4 .now-hilite, .hcol-4 .stage-list>.list-group-item.on-now {background-color:#bd9bdd} */
.hcol-4 .badge.on-stage {background-color:#9e6ce8;color:#FFF}
.hcol-4 .timeline-entry.performance {background-color:#9e6ce8}
.hcol-5 h4 {background-color:#a79d8e;color:#FFF}
.hcol-5 h6 {font-size:1rem;font-weight:900;border-bottom: solid 2px #a79d8e;padding-top:0.5rem}
.hcol-5 .act-stage {color:#a79d8e}
/* .hcol-5 .now-hilite, .hcol-5 .stage-list>.list-group-item.on-now {background-color:#c0bcb6} */
.hcol-5 .badge.on-stage {background-color:#a79d8e;color:#FFF}
.hcol-5 .timeline-entry.performance {background-color:#a79d8e}

@media only screen and (min-width: 430px) {
  .stage-wrapper:nth-child(-n+3),.stage-header:nth-child(-n+4) {
    display: flex!important;
  }
}
@media only screen and (min-width: 576px) {
  .stage-wrapper:nth-child(-n+4),.stage-header:nth-child(-n+5) {
    display: flex!important;
  }
}
@media only screen and (min-width: 768px) {
  .stage-wrapper,.stage-header {
    display: flex!important;
  }
}