@font-face {
    font-family: "Geist Regular";
    src: url(/SiteElements/Fonts/Geist-Regular.woff2) format("woff2"),url(/SiteElements/Fonts/Geist-Regular.woff) format("woff");
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Geist Bold";
    src: url(/SiteElements/Fonts/Geist-Bold.woff2) format("woff2"),url(/SiteElements/Fonts/Geist-Bold.woff) format("woff");
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Geist Light";
    src: url(/SiteElements/Fonts/Geist-Light.woff2) format("woff2"),url(/SiteElements/Fonts/Geist-Light.woff) format("woff");
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Geist Thin";
    src: url(/SiteElements/Fonts/Geist-Thin.woff2) format("woff2"),url(/SiteElements/Fonts/Geist-Thin.woff) format("woff");
    font-style: normal;
    font-display: swap
}

:root {
  --main-colour: #8d5e97;
}

body {
  font-family: "Geist Regular", sans-serif !important;
  font-size: unset;
  font-style: normal;
  font-weight: normal;
  color: unset;
  background: #fff;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Geist Regular", sans-serif;
  padding-top: 1em;
  font-weight: 700;
  text-wrap: pretty;
}

h1 {
  font-size: 2em;
  font-weight: unset;
}

h2 {
  font-size: 1.7em;
  font-weight: unset;
}

h3 {
  font-size: 1.2em;
}

.header {
  background-color: var(--main-colour);
  color: white;
  padding: 1em 2em 0.5em 2em;
}



.logo {
  width: 140px; /* Adjust as necessary */
  height: auto;
  backdrop-filter: none !important;
  padding: 0 !important;
}


.container {
  max-width: 1280px;
  margin: 0 auto;
  color: #222;
  min-height: calc(100dvh - 120px);
  margin-bottom: 80px;
}

.wifi {
  background: #efefef;
  margin: 0 -1em;
  margin-top: -1em;
}
.wifi__content {
  padding: 1em 2em;
  text-align: center;
}
.wifi__content h3 {
  padding-top: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

table {
  color: #333;
  background: white;
  border: 1px solid grey;
  font-size: 12pt;
  border-collapse: collapse;
  width: 100%;
}

table thead th,
table tfoot th {
  color: #fff;
  background: var(--main-colour);
}

table caption {
  padding: 0.5em;
}

table th,
table td {
  padding: 0.5em;
  border: 1px solid lightgrey;
}

.button-container {
  margin: 1em;
}

#qrGenerator {
  width: 100%;
  margin: 0;
}

button {
  padding: 1em;
  background-color: #fff;
  border-radius: 10px;
  border-color: var(--main-colour);
  outline: 0;
  border-style: solid;
  margin: 0.5em;
  cursor: pointer;
  color: #444;
  font-weight: 700;
  transition: all 350ms;
  line-height: 1.5;
  font-size: 1em;
  font-family: "Geist Regular", sans-serif;
}
button:hover {
  background-color: var(--main-colour);
  color: #fff;
  border-color: var(--main-colour);
}

.added {
  background-color: #218c26;
  border-radius: 10px;
  border-color: #218c26;
  color: #fff;
}

.clusterButton.button-active:hover i.fa-x {
  display: inline-block; /* Show the 'X' when hovering */
  opacity: 1;
}

.clusterButton.button-active:hover i.fa-check {
  opacity: 0; /* Show the 'X' when hovering */
}

.clusterButton:hover i.fa-check {
  opacity: 0; /* Hide the check mark on hover */
}
.clusterButton:not(.button-active):hover i.fa-check {
  display: inline-block;
  opacity: 1;
      position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1px #fff;
    color: #fff;
}

.clusterButton-container {
  display: flex;
  flex-wrap: wrap;
}

.clusterButton {
  position: relative;
  text-wrap: pretty;
  padding-right: 2em; /* Make space for icons */
  width: 30%;
}

.clusterButton i.fa-check {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    color: var(--main-colour);
}

.clusterButton.button-active i.fa-check {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    opacity: 1;
    color: var(--main-colour);
    color: #fff;
}
.clusterButton i.fa-x  {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    color: #fff;
}

.clusterButton.button-active {
    background-color: var(--main-colour);
    color: #fff;
}


.courseButton.button-active:hover i.fa-x {
  display: inline-block; /* Show the 'X' when hovering */
  opacity: 1;
}

.courseButton.button-active:hover i.fa-check {
  opacity: 0; /* Show the 'X' when hovering */
}

.courseButton:hover i.fa-check {
  opacity: 0; /* Hide the check mark on hover */
}
.courseButton:not(.button-active):hover i.fa-check {
  display: inline-block;
  opacity: 1;
      position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1px #fff;
    color: #fff;
}


.courseButton {
  position: relative;
  text-wrap: pretty;
  padding-right: 2em; /* Make space for icons */
}

.courseButton i.fa-check {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    color: var(--main-colour);
}

.courseButton.button-active i.fa-check {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    opacity: 1;
    color: var(--main-colour);
    color: #fff;
}
.courseButton i.fa-x  {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    color: #fff;
}

.courseButton.button-active {
    background-color: var(--main-colour);
    color: #fff;
}
.filters {
  display: block;
}

@media (min-width: 1081px) {
  .header {
    padding: 1em;
  }
  .headerImage {
    background-image: url("/study/open-day-guide/images/activity-images/20221018-open-day-9489.jpg?w=1280&f=webp");
    height: 50dvh;
    width: 100%;
    margin-bottom: -100px;
    background-position-x: center;
    background-position-y: 20%;
}
}
.accordion__details {
  margin: 1em 0;
}
.accordion__details[open] > .accordion__summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion__details[open] > .accordion__summary::before {
  transform: rotate(90deg);
}
.accordion__details p {
  line-height: 1.5;
  padding: 0em 1em 1em 1em;
  margin: 0;
}
.accordion__details a:hover, .accordion__details a:focus {
  text-decoration: underline;
}
.accordion__details .content {
  border: 1px solid #efefef;
  padding: 1em;
}
.accordion__summary {
  background-color: #efefef;
  padding: 1.5em;
  color: #222;
  font-weight: 600;
  position: relative;
  border-radius: 10px;
  padding-left: 2.2rem;
  font-size: 1em;
}
.accordion__summary h4 {
  padding-top: 0;
}
.accordion__summary::before {
  content: "";
  border-width: 0.4rem;
  border-style: solid;
  border-color: transparent transparent transparent #222;
  position: absolute;
  top: 45%;
  left: 1rem;
  transform: rotate(0);
  transform-origin: 0.2rem 50%;
  transition: 0.25s transform ease;
}
.accordion__summary::-webkit-details-marker, .accordion__summary::marker {
  display: none;
  content: "";
}
.accordion__summary:hover, .accordion__summary:focus {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.5em;
}

.activities {
  margin: 0;
  padding: 0 1em;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

#allActivities {
  display: none;
}

.activity {
  background-color: #fbfbfb;
  width: 100%;
  margin: 0 auto;
  margin-top: 1em;
  border-radius: 1em;
  list-style-type: none;
  box-shadow: 1px 1px 3px rgba(51, 51, 51, 0.3882352941);
  display: flex;
  justify-content: space-between;
}
.activity--your-day {
  display: block;
}
.activity-button--remove {
  background-color: #227f7f;
  color: #fff;
  padding: 1em;
}
.activity-button--remove::before {
    font-family: 'FontAwesome';
    content: "\f068"; /* Unicode for FontAwesome minus icon */
    font-weight: bold;
    color: #fff; /* You can change the color if needed */
    margin-right: 5px;
    border: 3px solid #fff; /* Circle color */
    border-radius: 50%;
    padding: 5px;
}
.activity-actions {
  margin: 1em;
  min-width: 120px;
  margin-left: auto;
}
.activity-actions button {
  margin-right: 0.5em;
  padding: 1em;
  text-wrap:balance;
}

i.fa-solid.fa-qrcode.share {
    padding: 0.5em;
}
.activity-add:not(.added)::before {
    font-family: 'FontAwesome';
    content: "\f067"; /* Unicode for FontAwesome plus icon */
    font-weight: bold;
    color: var(--main-colour);
    margin-right: 5px;
    border: 1px solid var(--main-colour);
    border-radius: 50%;
    padding: 5px;
    transition: all 350ms;
}
.activity-add:not(.added):hover::before {
    color: #fff;
    border: 1px solid #fff;
}
.activity-info {
    display: flex;
    gap: 1em;
    flex-direction: row;
    justify-content: flex-start;
}
.activity-info {
  display: flex;
  gap: 1em;
  flex-direction: row;
  justify-content: space-between;
}
.activity-details {
  padding: 1em;
  width: 50%;
}
.activity span {
  border-right: 2px solid #444;
  padding-right: 0.5em;
  padding-left: 0.5em;
  font-size: 0.8em;
}
.activity span:first-child {
  padding-left: 0;
}
.activity span:last-child {
  border-right: none;
}

.activity-location {
    font-weight: bold;
    border-top: 1px solid #cdcdcd;
    padding-top: 1em;
    color: #4f4f4f;
}

.activity--your-day p:last-of-type {
    font-weight: bold;
    border-top: 1px solid #cdcdcd;
    padding-top: 1em;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 1em;
    color: #4f4f4f;
}
.activity-all-day {
    font-weight: bold;
    border-top: 1px solid #cdcdcd;
    padding-top: 1em;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 1em;
    color: #4f4f4f;
}

.activity-duration {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 1em;
    font-weight: bold;
    border-top: 1px solid #cdcdcd;
    padding-top: 1em;
    color: #4f4f4f;
}

.activity-duration:empty {
    display: none;
}

.activity-description {
    text-wrap: balance;
    font-size: 1.05em;
    max-width: 70ch;
}
.activity span {
  border-right: 2px solid #444;
  padding-right: 0.5em;
  padding-left: 0.5em;
  font-size: 0.8em;
}
.activity span:first-child {
  padding-left: 0;
}
.activity span:last-child {
  border-right: none;
}

.activity-image img {
  width: 300px;
  height: 100%;
  border-radius: 5px 0px 0px 5px;
  object-fit: cover;
}

.activity-courses {
  display: flex;
  flex-wrap: wrap;
}

.activity-courses__item {
  font-size: 0.8em;
  background: #efefef;
  padding: .5em !important;
  margin: .5em;
  border: none !important;
  margin-left: 0 !important;
}
.steps__container {
  padding: 0 1em;
}

.activity {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.activity-image {
  width: 50%;
}
.activity-image img {
  display: block;
  width: 100%;
  border-radius: 0 1em 0 0;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.activity-actions {
  align-self: center;
  max-width: unset;
  min-width: unset;
  width: 100%;
  margin: 0;
}
.activity-actions button {
  margin: 0;
  width: 100%;
  border-radius: 0 0 5px 5px;
}
.activity-details h3 {
  padding: 0;
}
.activity-info {
  display: flex;
  gap: 0;
  flex-direction: row-reverse;
  flex-grow: 1;
  width: 100%;
}

.activity--over {
    background: #efefef;
    order: 2;
}

.activity--over .activity-image {
    display: none;
}
.activity--over .activity-details {
    width: 100%;
    color: #6C6A6A;
}

.activity--over .activity-duration {
    display: none;
}

.activity--over .activity-actions button {
    display: none;
}

.tabs__list {
  display: flex;
  background-color: var(--main-colour);
  min-height: 80px;
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  justify-content: space-evenly;
  align-items: center;
  margin: 0;
  padding: 0;
  z-index: 999;
}
.tabs__list-item {
  background-color: var(--main-colour);
  color: white;
  width: 100%;
  text-decoration: none;
  display: block;
  cursor: pointer;
  border: none;
}
.tabs__list-item i {
  font-size: 3em;
  color: white;
}
.tabs__list-item:hover, .tabs__list-item:focus, .tabs__list-item:focus-within {
  background-color: #643f6c;
}
.tabs__list-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: white;
  padding: 1em 0;
}
.tabs__list-link p {
  display: none;
}
.tabs__heading {
  font-size: 3em;
  color: white;
  margin: 0;
  padding: 1rem 2rem;
  background: var(--main-colour);
}
.tabs__description {
  padding: 1em 2em;
  background: var(--main-colour);
  color: white;
}
.tabs__description p {
  margin-top: 0;
}
.tabs__content {
    padding: 1em;
}

@media (min-width: 1081px) {
  .tabs {
    padding: 0;
  }
  .tabs__list {
    padding: 0;
    margin: 0;
    display: flex;
    background-color: unset;
    min-height: unset;
    position: unset;
    width: 100%;
    justify-content: unset;
    align-items: unset;
    z-index: unset;
  }
  .tabs__list-item {
    display: inline-block;
    background-color: #f6f3ef;
    color: #222;
    padding: 0;
    width: 100%;
    margin-left: 1em;
    text-align: center;
    cursor: pointer;
    height: unset;
    border: unset;
    border-radius: 10px 10px 0 0;
  }
  .tabs__list-item:last-child, .tabs__list-item:last-child a {
    border-radius: 10px 10px 0 0px;
  }
  .tabs__list-item:first-child, .tabs__list-item:first-child a {
    border-radius: 10px 10px 0 0;
  }

  .tabs__list-item:first-child {
    margin-left: 2em;
  }

  .tabs__list-item:last-child {
    margin-right: 2em;
  }
  .tabs__list-item:hover, .tabs__list-item:focus, .tabs__list-item:focus-within {
    background: #e3e3e3;
  }
  .tabs__list-link {
    color: #222;
    font-size: 1.2em;
    text-decoration: none;
    padding: 1em 0;
    display: inline-block;
    width: inherit;
    height: unset;
  }
  .tabs__list-link i {
    display: none;
    font-size: unset;
  }
  .tabs__list-link p {
    display: block;
    padding: 0;
    margin: 0;
  }
  .tabs__list-link[aria-selected] {
    border-bottom: 5px solid var(--main-colour);
    background: var(--main-colour);
    color: #fff;
    position: relative;
    border-radius: 10px 10px 0 0;
  }
  .tabs__tab {
    border-left: 5px solid var(--main-colour);
  }
  .tabs__unselected {
    border-bottom: 0px solid var(--main-colour);
  }
  .tabs__heading {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .tabs__description {
    min-height: 50px;
  }
  .tabs__description p {
    padding: 0;
    margin: 0;
  }
  .tabs__content {
    padding: 1em;
  }
}
.scheduleContainer {
  display: grid;
  grid-gap: 0.2rem;
  grid-auto-rows: 1em;
  grid-template-columns: 1fr [time0900] 1fr [time0905] 1fr [time0910] 1fr [time0915] 1fr [time0920] 1fr [time0925] 1fr [time0930] 1fr [time0935] 1fr [time0940] 1fr [time0945] 1fr [time0950] 1fr [time0955] 1fr [time1000] 1fr [time1005] 1fr [time1010] 1fr [time1015] 1fr [time1020] 1fr [time1025] 1fr [time1030] 1fr [time1035] 1fr [time1040] 1fr [time1045] 1fr [time1050] 1fr [time1055] 1fr [time1100] 1fr [time1105] 1fr [time1110] 1fr [time1115] 1fr [time1120] 1fr [time1125] 1fr [time1130] 1fr [time1135] 1fr [time1140] 1fr [time1145] 1fr [time1150] 1fr [time1155] 1fr [time1200] 1fr [time1205] 1fr [time1210] 1fr [time1215] 1fr [time1220] 1fr [time1225] 1fr [time1230] 1fr [time1235] 1fr [time1240] 1fr [time1245] 1fr [time1250] 1fr [time1255] 1fr [time1300] 1fr [time1305] 1fr [time1310] 1fr [time1315] 1fr [time1320] 1fr [time1325] 1fr [time1330] 1fr [time1335] 1fr [time1340] 1fr [time1345] 1fr [time1350] 1fr [time1355] 1fr [time1400] 1fr [time1405] 1fr [time1410] 1fr [time1415] 1fr [time1420] 1fr [time1425] 1fr [time1430] 1fr [time1435] 1fr [time1440] 1fr [time1445] 1fr [time1450] 1fr [time1455] 1fr [time1500];
}
.scheduleContainer--event-block {
  grid-gap: 0;
}
.scheduleContainer--times {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 1em;
    /* padding: 0 1em; */
}
.scheduleContainer--times .time[class*="15"]:not(.start-1500), .scheduleContainer--times .time[class*="30"]:not(.start-1300), .scheduleContainer--times .time[class*="45"] {
  opacity: 0;
}

/**
 * Time
 */
.time {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-left: thin dotted #ccc;
  height: 100%;
}
.time--event-block {
  padding: 0;
  opacity: 0;
}
.time.start-0900 {
  grid-column-start: time0900;
}
.time.start-0905 {
  grid-column-start: time0905;
}
.time.start-0910 {
  grid-column-start: time0910;
}
.time.start-0915 {
  grid-column-start: time0915;
}
.time.start-0920 {
  grid-column-start: time0920;
}
.time.start-0925 {
  grid-column-start: time0925;
}
.time.start-0930 {
  grid-column-start: time0930;
}
.time.start-0935 {
  grid-column-start: time0935;
}
.time.start-0940 {
  grid-column-start: time0940;
}
.time.start-0945 {
  grid-column-start: time0945;
}
.time.start-0950 {
  grid-column-start: time0950;
}
.time.start-0955 {
  grid-column-start: time0955;
}
.time.start-1000 {
  grid-column-start: time1000;
}
.time.start-1005 {
  grid-column-start: time1005;
}
.time.start-1010 {
  grid-column-start: time1010;
}
.time.start-1015 {
  grid-column-start: time1015;
}
.time.start-1020 {
  grid-column-start: time1020;
}
.time.start-1025 {
  grid-column-start: time1025;
}
.time.start-1030 {
  grid-column-start: time1030;
}
.time.start-1035 {
  grid-column-start: time1035;
}
.time.start-1040 {
  grid-column-start: time1040;
}
.time.start-1045 {
  grid-column-start: time1045;
}
.time.start-1050 {
  grid-column-start: time1050;
}
.time.start-1055 {
  grid-column-start: time1055;
}
.time.start-1100 {
  grid-column-start: time1100;
}
.time.start-1105 {
  grid-column-start: time1105;
}
.time.start-1110 {
  grid-column-start: time1110;
}
.time.start-1115 {
  grid-column-start: time1115;
}
.time.start-1120 {
  grid-column-start: time1120;
}
.time.start-1125 {
  grid-column-start: time1125;
}
.time.start-1130 {
  grid-column-start: time1130;
}
.time.start-1135 {
  grid-column-start: time1135;
}
.time.start-1140 {
  grid-column-start: time1140;
}
.time.start-1145 {
  grid-column-start: time1145;
}
.time.start-1150 {
  grid-column-start: time1150;
}
.time.start-1155 {
  grid-column-start: time1155;
}
.time.start-1200 {
  grid-column-start: time1200;
}
.time.start-1205 {
  grid-column-start: time1205;
}
.time.start-1210 {
  grid-column-start: time1210;
}
.time.start-1215 {
  grid-column-start: time1215;
}
.time.start-1220 {
  grid-column-start: time1220;
}
.time.start-1225 {
  grid-column-start: time1225;
}
.time.start-1230 {
  grid-column-start: time1230;
}
.time.start-1235 {
  grid-column-start: time1235;
}
.time.start-1240 {
  grid-column-start: time1240;
}
.time.start-1245 {
  grid-column-start: time1245;
}
.time.start-1250 {
  grid-column-start: time1250;
}
.time.start-1255 {
  grid-column-start: time1255;
}
.time.start-1300 {
  grid-column-start: time1300;
}
.time.start-1305 {
  grid-column-start: time1305;
}
.time.start-1310 {
  grid-column-start: time1310;
}
.time.start-1315 {
  grid-column-start: time1315;
}
.time.start-1320 {
  grid-column-start: time1320;
}
.time.start-1325 {
  grid-column-start: time1325;
}
.time.start-1330 {
  grid-column-start: time1330;
}
.time.start-1335 {
  grid-column-start: time1335;
}
.time.start-1340 {
  grid-column-start: time1340;
}
.time.start-1345 {
  grid-column-start: time1345;
}
.time.start-1350 {
  grid-column-start: time1350;
}
.time.start-1355 {
  grid-column-start: time1355;
}
.time.start-1400 {
  grid-column-start: time1400;
}
.time.start-1405 {
  grid-column-start: time1405;
}
.time.start-1410 {
  grid-column-start: time1410;
}
.time.start-1415 {
  grid-column-start: time1415;
}
.time.start-1420 {
  grid-column-start: time1420;
}
.time.start-1425 {
  grid-column-start: time1425;
}
.time.start-1430 {
  grid-column-start: time1430;
}
.time.start-1435 {
  grid-column-start: time1435;
}
.time.start-1440 {
  grid-column-start: time1440;
}
.time.start-1445 {
  grid-column-start: time1445;
}
.time.start-1450 {
  grid-column-start: time1450;
}
.time.start-1455 {
  grid-column-start: time1455;
}
.time.start-1500 {
  grid-column-start: time1500;
}
.time.start-0900 {
  grid-column-start: 1;
  padding: 0 0.5em;
}
.time.start-1500 {
  border-left: 0;
  border-right: thin dotted #ccc;
  padding: 0 0.5em;
}
.time[class*="15"]:not(.start-1500), .time[class*="30"]:not(.start-1300), .time[class*="45"] {
  color: #ccc;
}

.scheduleContainer {
    display: none; //hiding whilst broken
}

/**
 * Event
 */
.event {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0.5rem 1rem;
  background-color: var(--main-colour);
  border-radius: 0.2rem;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.4;
  grid-row-end: span 1;
}
.event.start-0900 {
  grid-column-start: time0900;
}
.event.end-0900 {
  grid-column-end: time0900;
}
.event.start-0905 {
  grid-column-start: time0905;
}
.event.end-0905 {
  grid-column-end: time0905;
}
.event.start-0910 {
  grid-column-start: time0910;
}
.event.end-0910 {
  grid-column-end: time0910;
}
.event.start-0915 {
  grid-column-start: time0915;
}
.event.end-0915 {
  grid-column-end: time0915;
}
.event.start-0920 {
  grid-column-start: time0920;
}
.event.end-0920 {
  grid-column-end: time0920;
}
.event.start-0925 {
  grid-column-start: time0925;
}
.event.end-0925 {
  grid-column-end: time0925;
}
.event.start-0930 {
  grid-column-start: time0930;
}
.event.end-0930 {
  grid-column-end: time0930;
}
.event.start-0935 {
  grid-column-start: time0935;
}
.event.end-0935 {
  grid-column-end: time0935;
}
.event.start-0940 {
  grid-column-start: time0940;
}
.event.end-0940 {
  grid-column-end: time0940;
}
.event.start-0945 {
  grid-column-start: time0945;
}
.event.end-0945 {
  grid-column-end: time0945;
}
.event.start-0950 {
  grid-column-start: time0950;
}
.event.end-0950 {
  grid-column-end: time0950;
}
.event.start-0955 {
  grid-column-start: time0955;
}
.event.end-0955 {
  grid-column-end: time0955;
}
.event.start-1000 {
  grid-column-start: time1000;
}
.event.end-1000 {
  grid-column-end: time1000;
}
.event.start-1005 {
  grid-column-start: time1005;
}
.event.end-1005 {
  grid-column-end: time1005;
}
.event.start-1010 {
  grid-column-start: time1010;
}
.event.end-1010 {
  grid-column-end: time1010;
}
.event.start-1015 {
  grid-column-start: time1015;
}
.event.end-1015 {
  grid-column-end: time1015;
}
.event.start-1020 {
  grid-column-start: time1020;
}
.event.end-1020 {
  grid-column-end: time1020;
}
.event.start-1025 {
  grid-column-start: time1025;
}
.event.end-1025 {
  grid-column-end: time1025;
}
.event.start-1030 {
  grid-column-start: time1030;
}
.event.end-1030 {
  grid-column-end: time1030;
}
.event.start-1035 {
  grid-column-start: time1035;
}
.event.end-1035 {
  grid-column-end: time1035;
}
.event.start-1040 {
  grid-column-start: time1040;
}
.event.end-1040 {
  grid-column-end: time1040;
}
.event.start-1045 {
  grid-column-start: time1045;
}
.event.end-1045 {
  grid-column-end: time1045;
}
.event.start-1050 {
  grid-column-start: time1050;
}
.event.end-1050 {
  grid-column-end: time1050;
}
.event.start-1055 {
  grid-column-start: time1055;
}
.event.end-1055 {
  grid-column-end: time1055;
}
.event.start-1100 {
  grid-column-start: time1100;
}
.event.end-1100 {
  grid-column-end: time1100;
}
.event.start-1105 {
  grid-column-start: time1105;
}
.event.end-1105 {
  grid-column-end: time1105;
}
.event.start-1110 {
  grid-column-start: time1110;
}
.event.end-1110 {
  grid-column-end: time1110;
}
.event.start-1115 {
  grid-column-start: time1115;
}
.event.end-1115 {
  grid-column-end: time1115;
}
.event.start-1120 {
  grid-column-start: time1120;
}
.event.end-1120 {
  grid-column-end: time1120;
}
.event.start-1125 {
  grid-column-start: time1125;
}
.event.end-1125 {
  grid-column-end: time1125;
}
.event.start-1130 {
  grid-column-start: time1130;
}
.event.end-1130 {
  grid-column-end: time1130;
}
.event.start-1135 {
  grid-column-start: time1135;
}
.event.end-1135 {
  grid-column-end: time1135;
}
.event.start-1140 {
  grid-column-start: time1140;
}
.event.end-1140 {
  grid-column-end: time1140;
}
.event.start-1145 {
  grid-column-start: time1145;
}
.event.end-1145 {
  grid-column-end: time1145;
}
.event.start-1150 {
  grid-column-start: time1150;
}
.event.end-1150 {
  grid-column-end: time1150;
}
.event.start-1155 {
  grid-column-start: time1155;
}
.event.end-1155 {
  grid-column-end: time1155;
}
.event.start-1200 {
  grid-column-start: time1200;
}
.event.end-1200 {
  grid-column-end: time1200;
}
.event.start-1205 {
  grid-column-start: time1205;
}
.event.end-1205 {
  grid-column-end: time1205;
}
.event.start-1210 {
  grid-column-start: time1210;
}
.event.end-1210 {
  grid-column-end: time1210;
}
.event.start-1215 {
  grid-column-start: time1215;
}
.event.end-1215 {
  grid-column-end: time1215;
}
.event.start-1220 {
  grid-column-start: time1220;
}
.event.end-1220 {
  grid-column-end: time1220;
}
.event.start-1225 {
  grid-column-start: time1225;
}
.event.end-1225 {
  grid-column-end: time1225;
}
.event.start-1230 {
  grid-column-start: time1230;
}
.event.end-1230 {
  grid-column-end: time1230;
}
.event.start-1235 {
  grid-column-start: time1235;
}
.event.end-1235 {
  grid-column-end: time1235;
}
.event.start-1240 {
  grid-column-start: time1240;
}
.event.end-1240 {
  grid-column-end: time1240;
}
.event.start-1245 {
  grid-column-start: time1245;
}
.event.end-1245 {
  grid-column-end: time1245;
}
.event.start-1250 {
  grid-column-start: time1250;
}
.event.end-1250 {
  grid-column-end: time1250;
}
.event.start-1255 {
  grid-column-start: time1255;
}
.event.end-1255 {
  grid-column-end: time1255;
}
.event.start-1300 {
  grid-column-start: time1300;
}
.event.end-1300 {
  grid-column-end: time1300;
}
.event.start-1305 {
  grid-column-start: time1305;
}
.event.end-1305 {
  grid-column-end: time1305;
}
.event.start-1310 {
  grid-column-start: time1310;
}
.event.end-1310 {
  grid-column-end: time1310;
}
.event.start-1315 {
  grid-column-start: time1315;
}
.event.end-1315 {
  grid-column-end: time1315;
}
.event.start-1320 {
  grid-column-start: time1320;
}
.event.end-1320 {
  grid-column-end: time1320;
}
.event.start-1325 {
  grid-column-start: time1325;
}
.event.end-1325 {
  grid-column-end: time1325;
}
.event.start-1330 {
  grid-column-start: time1330;
}
.event.end-1330 {
  grid-column-end: time1330;
}
.event.start-1335 {
  grid-column-start: time1335;
}
.event.end-1335 {
  grid-column-end: time1335;
}
.event.start-1340 {
  grid-column-start: time1340;
}
.event.end-1340 {
  grid-column-end: time1340;
}
.event.start-1345 {
  grid-column-start: time1345;
}
.event.end-1345 {
  grid-column-end: time1345;
}
.event.start-1350 {
  grid-column-start: time1350;
}
.event.end-1350 {
  grid-column-end: time1350;
}
.event.start-1355 {
  grid-column-start: time1355;
}
.event.end-1355 {
  grid-column-end: time1355;
}
.event.start-1400 {
  grid-column-start: time1400;
}
.event.end-1400 {
  grid-column-end: time1400;
}
.event.start-1405 {
  grid-column-start: time1405;
}
.event.end-1405 {
  grid-column-end: time1405;
}
.event.start-1410 {
  grid-column-start: time1410;
}
.event.end-1410 {
  grid-column-end: time1410;
}
.event.start-1415 {
  grid-column-start: time1415;
}
.event.end-1415 {
  grid-column-end: time1415;
}
.event.start-1420 {
  grid-column-start: time1420;
}
.event.end-1420 {
  grid-column-end: time1420;
}
.event.start-1425 {
  grid-column-start: time1425;
}
.event.end-1425 {
  grid-column-end: time1425;
}
.event.start-1430 {
  grid-column-start: time1430;
}
.event.end-1430 {
  grid-column-end: time1430;
}
.event.start-1435 {
  grid-column-start: time1435;
}
.event.end-1435 {
  grid-column-end: time1435;
}
.event.start-1440 {
  grid-column-start: time1440;
}
.event.end-1440 {
  grid-column-end: time1440;
}
.event.start-1445 {
  grid-column-start: time1445;
}
.event.end-1445 {
  grid-column-end: time1445;
}
.event.start-1450 {
  grid-column-start: time1450;
}
.event.end-1450 {
  grid-column-end: time1450;
}
.event.start-1455 {
  grid-column-start: time1455;
}
.event.end-1455 {
  grid-column-end: time1455;
}
.event.start-1500 {
  grid-column-start: time1500;
}
.event.end-1500 {
  grid-column-end: time1500;
}
.event.start-0900 {
  grid-column-start: 1;
}

.no-content {
    text-align: center;
    font-size: 2em;
}

.no-content .fa {
    font-size: 5em;
}

@media (max-width: 768px) {
  .clusterButton {
    width: 100%;
  }

  .activity-info {
    flex-direction: column;
  }
  
  .activity-image {
    width: 100%;
  }

  .activity-details {
    width: 90%;
  }

  .activity-image img {
    border-radius: 5px 5px 0 0;
  }
}
/*# sourceMappingURL=main.css.map */

#qrcode canvas {
    max-width: 80dvw;
}

@media (max-width: 762px){
  .map-header {
    display: none;
  }
  .hidden {
    display: none;
  }
}

.kioskOnly {
  display: none;
}

.notKiosk {
  display: block;
}