/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --color-ak-shades-100: #f5f5f5;
  --color-ak-shades-300: #e0e0e0;
  --color-ak-shades-500: #9e9e9e;
  --radius-ak-card: 0.125rem;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.table {
  display: table;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.oh-card {
  .card-content {
    .card-text {
      .ak-costs, .location {
        margin-bottom: calc(var(--spacing) * 2);
        display: flex;
        align-items: baseline;
        gap: calc(var(--spacing) * 2);
      }
    }
  }
  .card-dates {
    padding: calc(var(--spacing) * 4);
  }
}
.agenda-card {
  .card-content {
    min-height: calc(var(--spacing) * 72);
    flex-direction: column-reverse;
    @media (width >= 40rem) {
      min-height: calc(var(--spacing) * 44);
    }
    @media (width >= 40rem) {
      flex-direction: row-reverse;
    }
    .card-dates {
      position: relative;
      padding-bottom: calc(var(--spacing) * 16);
      @media (width >= 40rem) {
        width: calc(1/4 * 100%);
      }
      .show-dates {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
      .show-times {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
      .oh-ics-link {
        input[type="submit"] {
          position: absolute;
          right: calc(var(--spacing) * 0);
          bottom: calc(var(--spacing) * 0);
          left: calc(var(--spacing) * 0);
          z-index: 10;
          border-style: var(--tw-border-style);
          border-width: 0px;
          background-color: var(--color-ak-shades-500);
          padding: calc(var(--spacing) * 4);
          text-align: center;
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
          color: var(--color-white);
        }
      }
    }
    .card-text {
      display: flex;
      flex-direction: column;
      @media (width >= 40rem) {
        width: calc(2/4 * 100%);
      }
      .card-info {
        flex-grow: 1;
      }
    }
    .oh-media-image {
      height: calc(var(--spacing) * 48);
      @media (width >= 40rem) {
        height: auto;
      }
      @media (width >= 40rem) {
        min-height: calc(var(--spacing) * 44);
      }
      @media (width >= 40rem) {
        width: calc(1/4 * 100%);
      }
    }
  }
  .card-dates {
    padding: calc(var(--spacing) * 4);
  }
}
.simple-card {
  .card-content {
    .card-text {
      .location {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
  }
}
.agenda-results {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
}
.ak-address {
  #oh-map-container {
    height: calc(var(--spacing) * 96);
  }
  .postal-code-city {
    display: block;
  }
  .address-type .label {
    display: block;
  }
}
.ak-agenda {
  .layout {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 16);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    .oh-filter-panel {
      display: flex;
      flex-wrap: wrap;
      @media (width >= 48rem) {
        flex-direction: column;
      }
    }
    .first {
      @media (width >= 48rem) {
        width: calc(1/3 * 100%);
      }
      @media (width >= 64rem) {
        width: calc(1/4 * 100%);
      }
    }
    .second {
      @media (width >= 48rem) {
        width: calc(2/3 * 100%);
      }
      @media (width >= 64rem) {
        width: calc(3/4 * 100%);
      }
    }
    .oh-btn-toggle {
      @media (width >= 48rem) {
        width: 100%;
      }
      i {
        flex-grow: 1;
        text-align: right;
      }
    }
  }
  .oh-mobile-filter-options {
    @media (width >= 48rem) {
      display: none;
    }
    .oh-mobile-filter-overlay {
      position: fixed;
      inset: calc(var(--spacing) * 0);
      z-index: 100;
      display: none;
      max-height: 100vh;
      overflow-y: scroll;
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 6);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
}
.ak-assistance-card {
  .organisation-link {
    position: relative;
    z-index: 5;
  }
  .card-dates {
    background-color: var(--color-ak-shades-100);
  }
}
.ak-contact-info {
  .info-fields {
    margin-block: calc(var(--spacing) * 4);
    border-radius: var(--radius-ak-card);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-ak-shades-300);
    background-color: var(--color-ak-shades-100);
    padding: calc(var(--spacing) * 4);
    .oh-info-field {
      margin-bottom: calc(var(--spacing) * 0);
      .property-list {
        margin: calc(var(--spacing) * 0);
        margin-bottom: calc(var(--spacing) * 2);
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        padding: calc(var(--spacing) * 0);
      }
    }
  }
}
.ak-content-tags {
  .ak-content-tags-list {
    margin-left: calc(var(--spacing) * 0);
    list-style-type: none;
    padding: calc(var(--spacing) * 0);
    .item {
      margin-bottom: calc(var(--spacing) * 2);
      display: inline-block;
      .link {
        background-color: var(--color-ak-shades-100);
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 1);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--color-black);
        text-decoration-line: none;
      }
    }
  }
  .ak-content-tags-toggle {
    position: relative;
    summary {
      display: flex;
      cursor: pointer;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 2);
      i {
        rotate: calc(90deg * -1);
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 100ms;
        transition-duration: 100ms;
      }
    }
    .answer {
      padding-inline-start: calc(var(--spacing) * 6);
    }
    &::details-content {
      height: calc(var(--spacing) * 0);
      overflow: hidden;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      transition-behavior: allow-discrete;
      --tw-duration: 300ms;
      transition-duration: 300ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .ak-content-tags-toggle[open] {
    > summary {
      i {
        rotate: 0deg;
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 100ms;
        transition-duration: 100ms;
      }
    }
    &::details-content {
      height: auto;
    }
  }
}
.ak-event-card {
  .card-text {
    display: flex;
    flex-direction: column;
  }
  .organisation-link {
    position: relative;
    z-index: 5;
  }
  .card-dates {
    background-color: var(--color-ak-shades-100);
  }
  .event-date {
    position: absolute;
    top: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 2);
    display: flex;
    flex-direction: column;
    background-color: var(--color-white);
    text-align: center;
    .event-day {
      display: flex;
      height: calc(2/3 * 100%);
      align-items: center;
      justify-content: center;
    }
    .event-month {
      display: flex;
      height: calc(1/3 * 100%);
      align-items: center;
      justify-content: center;
      background-color: var(--color-ak-shades-300);
    }
  }
  &.agenda-card {
    .event-date {
      height: calc(var(--spacing) * 16);
      width: calc(var(--spacing) * 16);
      .event-day {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
      .event-month {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
      }
    }
  }
  &.grid-card {
    .event-date {
      height: calc(var(--spacing) * 16);
      width: calc(var(--spacing) * 16);
      .event-day {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
      .event-month {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
      }
    }
  }
}
.ak-locations {
  details {
    margin-block: calc(var(--spacing) * 2);
    &>summary>i {
      &:is([open], :popover-open, :open) {
        rotate: 90deg;
      }
    }
    summary {
      display: flex;
      cursor: pointer;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      padding: calc(var(--spacing) * 2);
      i {
        rotate: 0deg;
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 100ms;
        transition-duration: 100ms;
      }
    }
    .ak-main-location {
      margin-bottom: calc(var(--spacing) * 6);
    }
    .ak-locations__child-list {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 4);
    }
    article {
      &.active {
        .card-content {
          background-color: var(--color-ak-shades-100);
        }
      }
    }
  }
}
.ak-person-card {
  .card-content {
    .card-text {
      .ak-specialism-tags {
        margin-bottom: calc(var(--spacing) * 4);
      }
    }
  }
  &.simple-card {
    .card-content {
      .card-text {
        .ak-specialism-tags {
          margin-bottom: calc(var(--spacing) * 0);
        }
      }
    }
  }
}
.ak-recurrence {
  &.list-view {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
  }
}
.ak-specialism-tags {
  margin-bottom: calc(var(--spacing) * 4);
  ul {
    margin: calc(var(--spacing) * 0);
    display: inline-block;
    list-style-type: none;
    padding: calc(var(--spacing) * 0);
    .item {
      margin-bottom: calc(var(--spacing) * 2);
      display: inline-block;
      span {
        background-color: var(--color-ak-shades-100);
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 1);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--color-black);
        text-decoration-line: none;
      }
    }
  }
}
.ak-tabbed-relations {
  width: 100%;
}
.ak-theme-tags {
  margin-bottom: calc(var(--spacing) * 4);
  ul {
    margin: calc(var(--spacing) * 0);
    display: inline-block;
    list-style-type: none;
    padding: calc(var(--spacing) * 0);
    .item {
      margin-bottom: calc(var(--spacing) * 2);
      display: inline-block;
      a {
        background-color: var(--color-ak-shades-100);
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 1);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--color-black);
        text-decoration-line: none;
      }
    }
  }
}
.ak-upcoming-activities {
  .agenda-results {
    margin-bottom: calc(var(--spacing) * 4);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}