.uk-tab>*>a {
  color: rgba(255, 255, 255, .7) !important;
}
.uk-tab>.uk-active>a {
  color: rgba(255, 255, 255, 1) !important;
}

/* To make $start_hour ($start_hour_css) display correctly when filtering */
.start-hour-01:not([style*="display: none;"]) ~ .start-hour-01 .timeslot,
.start-hour-02:not([style*="display: none;"]) ~ .start-hour-02 .timeslot,
.start-hour-03:not([style*="display: none;"]) ~ .start-hour-03 .timeslot,
.start-hour-04:not([style*="display: none;"]) ~ .start-hour-04 .timeslot,
.start-hour-05:not([style*="display: none;"]) ~ .start-hour-05 .timeslot,
.start-hour-06:not([style*="display: none;"]) ~ .start-hour-06 .timeslot,
.start-hour-07:not([style*="display: none;"]) ~ .start-hour-07 .timeslot,
.start-hour-08:not([style*="display: none;"]) ~ .start-hour-08 .timeslot,
.start-hour-09:not([style*="display: none;"]) ~ .start-hour-09 .timeslot,
.start-hour-10:not([style*="display: none;"]) ~ .start-hour-10 .timeslot,
.start-hour-11:not([style*="display: none;"]) ~ .start-hour-11 .timeslot,
.start-hour-12:not([style*="display: none;"]) ~ .start-hour-12 .timeslot,
.start-hour-13:not([style*="display: none;"]) ~ .start-hour-13 .timeslot,
.start-hour-14:not([style*="display: none;"]) ~ .start-hour-14 .timeslot,
.start-hour-15:not([style*="display: none;"]) ~ .start-hour-15 .timeslot,
.start-hour-16:not([style*="display: none;"]) ~ .start-hour-16 .timeslot,
.start-hour-17:not([style*="display: none;"]) ~ .start-hour-17 .timeslot,
.start-hour-18:not([style*="display: none;"]) ~ .start-hour-18 .timeslot,
.start-hour-19:not([style*="display: none;"]) ~ .start-hour-19 .timeslot,
.start-hour-20:not([style*="display: none;"]) ~ .start-hour-20 .timeslot,
.start-hour-21:not([style*="display: none;"]) ~ .start-hour-21 .timeslot,
.start-hour-22:not([style*="display: none;"]) ~ .start-hour-22 .timeslot,
.start-hour-23:not([style*="display: none;"]) ~ .start-hour-23 .timeslot,
.start-hour-24:not([style*="display: none;"]) ~ .start-hour-24 .timeslot {
  border-top: 1px solid #00fad07b;
}

.start-hour-01:not([style*="display: none;"]) ~ .start-hour-01 .time,
.start-hour-02:not([style*="display: none;"]) ~ .start-hour-02 .time,
.start-hour-03:not([style*="display: none;"]) ~ .start-hour-03 .time,
.start-hour-04:not([style*="display: none;"]) ~ .start-hour-04 .time,
.start-hour-05:not([style*="display: none;"]) ~ .start-hour-05 .time,
.start-hour-06:not([style*="display: none;"]) ~ .start-hour-06 .time,
.start-hour-07:not([style*="display: none;"]) ~ .start-hour-07 .time,
.start-hour-08:not([style*="display: none;"]) ~ .start-hour-08 .time,
.start-hour-09:not([style*="display: none;"]) ~ .start-hour-09 .time,
.start-hour-10:not([style*="display: none;"]) ~ .start-hour-10 .time,
.start-hour-11:not([style*="display: none;"]) ~ .start-hour-11 .time,
.start-hour-12:not([style*="display: none;"]) ~ .start-hour-12 .time,
.start-hour-13:not([style*="display: none;"]) ~ .start-hour-13 .time,
.start-hour-14:not([style*="display: none;"]) ~ .start-hour-14 .time,
.start-hour-15:not([style*="display: none;"]) ~ .start-hour-15 .time,
.start-hour-16:not([style*="display: none;"]) ~ .start-hour-16 .time,
.start-hour-17:not([style*="display: none;"]) ~ .start-hour-17 .time,
.start-hour-18:not([style*="display: none;"]) ~ .start-hour-18 .time,
.start-hour-19:not([style*="display: none;"]) ~ .start-hour-19 .time,
.start-hour-20:not([style*="display: none;"]) ~ .start-hour-20 .time,
.start-hour-21:not([style*="display: none;"]) ~ .start-hour-21 .time,
.start-hour-22:not([style*="display: none;"]) ~ .start-hour-22 .time,
.start-hour-23:not([style*="display: none;"]) ~ .start-hour-23 .time,
.start-hour-24:not([style*="display: none;"]) ~ .start-hour-24 .time {
  display: none;
}

[class*="start-hour-"]:last-child {
  border-bottom: 2px solid #00fad2;
}

.event-toggle-session-timeslots-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  gap: 5px;
}

@media screen and (min-width: 800px) {
  .event-toggle-session-timeslots-button {
    flex-direction: column;
    gap: 0px;
  }
}

.event-toggle-session-timeslots-button svg {
  transition: transform 0.2s ease-in-out;
  transform: rotate(0deg);
  width: 32px;
  height: 32px;
}

.event-toggle-session-timeslots-button.is-open svg {
  transform: rotate(180deg);
}

.session-timeslots {
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
  max-height: 0;
}

.session-timeslots.is-visible {
  max-height: 2000px; /* Large enough value to accommodate content */
}

.has-session-timeslots {
  background: #00fad214;
}

/** PROGRAM STYLES **/

.uk-offcanvas-bar .uk-grid {
  margin-left: unset !important;
}

.uk-offcanvas-bar .uk-subnav {
  margin-left: unset !important;
  flex-direction: column;
  flex-wrap: unset !important;
}

.day-switcher {
  width: fit-content;
  margin-inline: auto;
  margin-left: auto !important;
}
.day-switcher::before {
  left: 0 !important;
  bottom: -15px !important;
  border-radius: 5px !important;
  border-bottom: 10px solid white !important;
}
.day-switcher-button {
  padding-left: unset !important;
}
.day-switcher-button .uk-text-large {
  font-size: 1.5625rem;
}
.day-switcher-button a {
  display: grid !important;
}
.day-switcher-button.uk-active::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  border-radius: 5px;
  border-bottom: 10px solid #00fad2;
}
.day-switcher-button.uk-active a {
  border: none;
}
.day-main-event-filter {
  display: grid;
  gap: 15px;
  margin-left: 0;
}

.margin-xlarge-top {
  margin-top: 50px;
}

ul.day-main-event-filter {
  align-items: flex-start;
}

.day-main-event-filter li {
  padding-left: 45px;
  position: relative;
}
.day-main-event-filter li a {
  text-decoration: none;
  color: white;
}
.day-main-event-filter li a::before {
  content: "";
  width: 30px;
  height: 15px;
  position: absolute;
  left: 0;
  border: 1px solid #00fad2;
  border-radius: 14px;
}
.day-main-event-filter li a::after {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  left: 5px;
  border-radius: 50%;
  background-color: #00fad2;
}
.day-main-event-filter li.uk-active a {
  color: white;
}
.day-main-event-filter li.uk-active a::before {
  background-color: #00fad2;
}
.day-main-event-filter li.uk-active a::after {
  left: 15px;
  background-color: white;
}
.main-event {
  background-color: #1a1720;
  display: grid;
  padding: 0;
  margin-top: 4rem;
}
.timeslot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
  row-gap: 15px;
  padding-inline: 15px;
  border-top: 2px solid #00fad2;
  padding-block: 24px 30px;
}
.timeslot.is-session-timeslot {
  border-top: 1px solid #00fad07b;
}
.timeslot .time {
  grid-row: 1;
  grid-column: 1 / 2;
  font-size: 1.25rem;
  color: white;
  margin: 0;
  line-height: 1.1;
}
.timeslot.is-session-timeslot .time {
  font-size: 1.25rem;
  line-height: 1.5;
}
.timeslot .event {
  grid-column: 1 / 3;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1.5rem;
}
.timeslot .event:last-of-type {
  margin-bottom: 0;
}
.timeslot .event-title {
  grid-column: 1 / 2;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.timeslot .event-title .event-title-location {
  font-weight: 400;
  font-size: 1.2rem;
  color: #fff;
}
.timeslot .event-title-time {
  font-weight: 400;
  font-size: 1.2rem;
  color: #fff;
}
.timeslot .event-location {
  margin-block: 0 auto;
  grid-column: 1 / 2;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  justify-content: start;
}
.timeslot .event-location h3 {
  font-size: 16px;
}
.timeslot .event-speaker {
  grid-column: 1 / 2;
  margin: 0;
  font-size: 1rem;
  color: white;
  display: flex;
  gap: 20px;
  row-gap: 10px;
  column-gap: 20px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.timeslot .event-speaker-link {
  display: flex;
  align-items: center;
  gap: 10px;
}
.timeslot .event-speaker-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  background: #494852;
}
.timeslot .event-text {
  grid-column: 1 / 2;
  margin: 0;
  color: #dadada;
  margin-top: 10px;
  font-size: 0.875rem;
  display: block !important;
}
.timeslot .see-more {
  grid-row: 1;
  grid-column: 2 / 3;
  width: 120px;
  height: fit-content;
  margin-inline: auto 0;
  background: none;
  color: #00fad2;
  font-size: 1rem;
  font-weight: 500;
  border: 2px solid #00fad2;
  padding: 10px 20px;
  border-radius: 40px;
  cursor: pointer;
  display: none;
}
@media screen and (min-width: 800px) {
  .day-switcher-button {
    padding: 0 30px !important;
  }
  .day-main-event-filter {
    gap: 20px;
    display: flex;
    flex-direction: column;
  }
  .timeslot {
    grid-template-columns: 120px auto 150px;
    column-gap: 3rem;
    row-gap: 0;
    padding-block: 30px;
  }
  .timeslot .time {
    font-size: 2.5rem;
    font-weight: 600;
  }
  .timeslot .event {
    grid-column: 2 / 4;
    display: grid;
    grid-template-columns: 75% 22%;
    margin-bottom: 40px;
  }
  .timeslot .event-title {
    font-size: 1.5625rem;
  }
  .timeslot .event-location {
    grid-column: 2 / 3;
    justify-content: end;
  }
  .timeslot .event-location h3 {
    font-size: 1.375rem;
    font-weight: 400;
  }
  .timeslot .event-speaker {
    font-size: 1.125rem;
  }
  .timeslot .event-text {
    font-size: 1rem;
    display: block !important;
  }
  .timeslot .see-more {
    grid-column: 3 / 4;
    font-size: 1.25rem;
  }
}

/* DAY TWO PROGRAMME BUTTON */

.programme-day-two-button {
  display: block;
  width: 20%;
  text-align: center;
  margin: auto;
  padding: 1rem;
  margin-bottom: 3rem;
  border-radius: 40px;
  background: none;
  color: #fff;
  border: 2px solid #00fad2;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}

.programme-day-two-button:hover {
  background: #00fad2;
  color: #000;
}

@media (max-width: 800px) {
  .programme-day-two-button {
    width: 50%;
  }
}

/* END DAY TWO PROGRAMME BUTTON */

/* DROPDOWN BUTTONS */

.add-to-calendar-button {
  display: block;
}

.timeslot .event-location .add-to-calendar-button::after {
  --icon-size: 1.8rem;

  content: "";
  display: inline-block;
  width: var(--icon-size);
  height: var(--icon-size);
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_928_8018)'%3E%3Cpath d='M19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 19C19 19.55 18.55 20 18 20H6C5.45 20 5 19.55 5 19V9H19V19ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11Z' fill='%23323232'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_928_8018'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  mask-size: var(--icon-size) var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  
  vertical-align: middle;
}

.dropdown-container {
  position: relative;
  display: inline-block;
  margin-left: 0rem;
}

.dropbtn {
  padding: 0;
  border: none;
  cursor: pointer;
  border-radius: 10px;
}

.dropdown-content {
  display: block;
  display: none;
  position: absolute;
  left: 50%;
  translate: -50%;
  background-color: #393347;
  z-index: 1;
  border-radius: 0 0 8px 8px;
  margin-top: 0.2rem;
}

.dropdown-content a {
  color: #000;
  padding: 13px 10px;
  text-decoration: none;
  text-align: center;
  display: block;
  font-size: var(--wp--preset--font-size--small);
}

.dropdown-content a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-content.show {
  display: block;
}

.outlook-logo::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Efile_type_outlook%3C/title%3E%3Cpath d='M19.484,7.937v5.477L21.4,14.619a.489.489,0,0,0,.21,0l8.238-5.554a1.174,1.174,0,0,0-.959-1.128Z' style='fill:%230072c6'/%3E%3Cpath d='M19.484,15.457l1.747,1.2a.522.522,0,0,0,.543,0c-.3.181,8.073-5.378,8.073-5.378V21.345a1.408,1.408,0,0,1-1.49,1.555H19.483V15.457Z' style='fill:%230072c6'/%3E%3Cpath d='M10.44,12.932a1.609,1.609,0,0,0-1.42.838,4.131,4.131,0,0,0-.526,2.218A4.05,4.05,0,0,0,9.02,18.2a1.6,1.6,0,0,0,2.771.022,4.014,4.014,0,0,0,.515-2.2,4.369,4.369,0,0,0-.5-2.281A1.536,1.536,0,0,0,10.44,12.932Z' style='fill:%230072c6'/%3E%3Cpath d='M2.153,5.155V26.582L18.453,30V2ZM13.061,19.491a3.231,3.231,0,0,1-2.7,1.361,3.19,3.19,0,0,1-2.64-1.318A5.459,5.459,0,0,1,6.706,16.1a5.868,5.868,0,0,1,1.036-3.616A3.267,3.267,0,0,1,10.486,11.1a3.116,3.116,0,0,1,2.61,1.321,5.639,5.639,0,0,1,1,3.484A5.763,5.763,0,0,1,13.061,19.491Z' style='fill:%230072c6'/%3E%3C/svg%3E");
  font-size: 1rem;
  right: 0;
  vertical-align: bottom;
}
.apple-logo::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: white;
  mask-size: 1.5rem 1.5rem;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='-1.5 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eapple %5B%23173%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-102.000000, -7439.000000)' fill='%23000000'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M57.5708873,7282.19296 C58.2999598,7281.34797 58.7914012,7280.17098 58.6569121,7279 C57.6062792,7279.04 56.3352055,7279.67099 55.5818643,7280.51498 C54.905374,7281.26397 54.3148354,7282.46095 54.4735932,7283.60894 C55.6455696,7283.69593 56.8418148,7283.03894 57.5708873,7282.19296 M60.1989864,7289.62485 C60.2283111,7292.65181 62.9696641,7293.65879 63,7293.67179 C62.9777537,7293.74279 62.562152,7295.10677 61.5560117,7296.51675 C60.6853718,7297.73474 59.7823735,7298.94772 58.3596204,7298.97372 C56.9621472,7298.99872 56.5121648,7298.17973 54.9134635,7298.17973 C53.3157735,7298.17973 52.8162425,7298.94772 51.4935978,7298.99872 C50.1203933,7299.04772 49.0738052,7297.68074 48.197098,7296.46676 C46.4032359,7293.98379 45.0330649,7289.44985 46.8734421,7286.3899 C47.7875635,7284.87092 49.4206455,7283.90793 51.1942837,7283.88393 C52.5422083,7283.85893 53.8153044,7284.75292 54.6394294,7284.75292 C55.4635543,7284.75292 57.0106846,7283.67793 58.6366882,7283.83593 C59.3172232,7283.86293 61.2283842,7284.09893 62.4549652,7285.8199 C62.355868,7285.8789 60.1747177,7287.09489 60.1989864,7289.62485' id='apple-%5B%23173%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  font-size: 1rem;
  vertical-align: middle;
}