@font-face {
  font-family: "ALangeUndSoehne-Headline";
  src: url("https://cdn.eventtia.com/event_files/197191/original/ALangeundSoehneW05-Headline.woff2?1726678125") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "UniversforALSLight";
  src: url("https://cdn.eventtia.com/event_files/197192/original/UniversforALSW05-Light.woff2?1726678142") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "UniversforALSMedium";
  src: url("https://cdn.eventtia.com/event_files/197193/original/UniversforALSW05-Medium.woff2?1726678152") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ----------------------BASE CSS ---------------------- */

body {
  background-color: #fff;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover,
a:focus {
  color: unset;
  text-decoration: none;
}

.navbar {
  display: flow-root;
  margin-bottom: 20px;
  position: sticky;
  top: 0;
  z-index: 2000;

  color: #1b1b1b; /* var(--color-text-standard) */

  background-color: white; /* var(--color-background) */
  box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.05); /* var(--elevation-8) */

  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* var(--duration-standard) var(--ease-in-out) */
}

.navbar--hidden {
  /* 120% to take into account the drop shadow  */
  transform: translate3d(0, -120%, 0);
}

/* Sections */
.navbar-primary,
.navbar-secondary {
  align-items: center;
  justify-content: space-between;

  @media (min-width: 1024px) {
    /* var(--screen-lg) */
    align-items: baseline;
    position: relative;
  }
}

.navbar-primary {
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;

  font-family: ALangeUndSoehne-Headline; /* var(--font-family-title) */

  @media (min-width: 1024px) {
    /* var(--screen-lg) */
    margin-top: 0;
    margin-bottom: 1.25rem; /* var(--spacing-base) */
  }
}

.navbar-secondary {
  padding-top: 0.625rem; /* var(--spacing-sm) */
  display: none;

  font-size: 0.875rem; /* var(--font-size-sm) */

  @media (min-width: 1024px) {
    /* var(--screen-lg) */
    display: flex;
  }

  .theme-black & {
    color: #fafafa; /* var(--color-grey-300) */
  }
}

.navbar-primary__start,
.navbar-primary__end {
  flex: 0 1 50%;
}

.navbar-primary__end {
  & .navbar__items {
    justify-content: flex-end;
  }
}

.navbar-primary__center {
  flex: 0 0 auto;
}

/* Items */
.navbar__items {
  margin-left: -0.313rem; /* calc(var(--spacing-xs) * -1) */
  margin-right: -0.313rem; /* calc(var(--spacing-xs) * -1) */
  display: flex;
  gap: 0.313rem; /* var(--spacing-xs) */
}

.navbar__items--lg {
  gap: 0.625rem; /* var(--spacing-sm) */
}

.navbar__item {
  display: none;
  align-items: center;
  justify-content: center;

  &.navbar__item--mobile {
    display: flex;
  }

  @media (min-width: 1024px) {
    /* var(--screen-lg) */
    display: flex;

    &.navbar__item--menu {
      display: none;
    }
  }
}

/* Buttons */
.navbar__button {
  padding: 0.313rem; /* var(--spacing-xs) */
  display: flex;
  align-items: center;
  gap: 0.625rem; /* var(--spacing-sm) */
  justify-content: center;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* var(--duration-shorter) var(--ease-in-out) */

  &:hover:not([data-toggle="mega-menu"]) {
    color: #767676; /* var(--color-grey-450) */

    .theme-black & {
      color: #fafafa; /* var(--color-grey-300) */
    }
  }

  .navbar-secondary & {
    color: #939393; /* var(--color-text-muted) */

    &:hover {
      color: black; /* var(--color-black) */

      .theme-black & {
        color: #fff; /* var(--color-white) */
      }
    }
  }

  &[data-toggle="mega-menu"] {
    text-decoration: underline;
    text-decoration-color: #fff; /* var(--color-white) */
    text-underline-offset: 0.625rem; /* var(--spacing-sm) */

    transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1); /* var(--duration-short) var(--ease-in-out) */

    &[aria-expanded="true"],
    &:hover {
      text-decoration-color: black;
    }

    .theme-black & {
      text-decoration-color: black; /* var(--color-black) */

      &[aria-expanded="true"],
      &:hover {
        text-decoration-color: #fff; /* var(--color-white) */
      }
    }
  }
}

/* Search */
.navbar__search {
  margin-right: 0.625rem; /* var(--spacing-sm) */

  font-family: UniversforALS; /* var(--font-family-body) */
  font-size: 0.875rem; /* var(--font-size-sm) */

  & .input {
    padding-top: 8px;
    padding-inline-end: 36px;
    padding-bottom: 8px;
    padding-inline-start: 8px;
    max-width: 200px;
  }

  & .input-adornment {
    width: 36px;
  }
}

/* Variants */
.navbar--checkout {
  & .navbar-primary,
  & .navbar-secondary {
    position: unset;
  }

  & .navbar-primary {
    align-items: center;

    @media (min-width: 1024px) {
      /* var(--screen-lg) */
      margin-top: 1.25rem; /* var(--spacing-base) */
    }
  }

  & .navbar__button > :not(.icon) {
    display: none;

    @media (min-width: 768px) {
      /* var(--screen-md) */
      display: inline-block;
    }
  }
}

.navbar--no-sticky {
  position: relative;
}

/* Logo-only variant with hardcoded height */
.navbar--logo-only {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 30px; /* var(--spacing-base) */

  @media (min-width: 1024px) {
    padding: 1.875rem; /* var(--spacing-md) */
  }

  @media (min-width: 1536px) {
    padding: 3.125rem; /* var(--spacing-lg) */
  }
}

.icon {
  width: 20px;
  height: 20px;
}

.icon--sm {
  width: 16px;
  height: 16px;
}

.icon--md {
  width: 30px;
  height: 30px;
}

.icon--lg {
  width: 40px;
  height: 40px;
}

.icon--logo {
  width: 137px;
  height: 25px;
  will-change: unset;
}

@media screen and (min-width: 768px) {
  .icon--logo {
    width: 169px;
    height: 35px;
  }
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 700px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.footer-wrapper {
  padding-top: 200px;
}

.footer {
  padding-top: 30px; /* var(--spacing-lg) */
  padding-bottom: 19px; /* var(--spacing-md) */

  font-size: 14px; /* var(--font-size-sm) */
  color: #f2f2f2; /* var(--color-grey-50) */

  background-color: #4f514e; /* var(--color-grey-500) */
}

.footer__link {
  font-size: 14px; /* var(--font-size-sm) */
  background-color: transparent;
  opacity: 1;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);

  /* var(--duration-short) and var(--ease-in-out) 

  &:hover,
  &:focus {
    opacity: 0.6;
  }

  [data-whatinput='keyboard'] &:focus {
    opacity: 1;
    box-shadow: 0 0 0 4px #cacaca; /* var(--focus-outline-width) and var(--color-grey-light) */
}

.footer__link:hover,
.footer__link:focus {
  opacity: 0.6 !important;
  color: #ffffff !important;
  text-decoration: none;
}

.icon--logo {
  max-width: 100%;
}

.icon--chevron-right {
  width: 20px;
  height: 20px;
}

hr {
  border: 0px !important;
  margin: 20px 0 !important;
  width: 100%;
}

.divider--dark {
  border-top: 1px solid #797979 !important;
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.gap-sm {
  gap: 0.625rem; /* var(--spacing-sm) */
}

.glyphicon-calendar {
  font-size: 0px !important;
}

.trademark {
  color: #cacaca !important;
}

.divider-container {
  display: flex;
  margin-top: 20px;
  max-width: 630px !important;
  width: 100% !important;
  align-items: center;
  text-align: center;
}

.divider-line {
  flex-grow: 1;
  border: none !important;
  border-top: 1px solid #cacaca !important;
  margin-right: 10px;
}

.divider-text {
  white-space: nowrap;
  font-size: 14px;
  color: #555;
}

.policy-terms {
  border-bottom-width: 1px;
  border-color: currentColor;
  opacity: 1 !important;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: underline;
}

.policy-terms:hover {
  opacity: 0.6 !important;
  border-color: currentColor;
  text-decoration: underline;
}
/* ---------------------- CSS ---------------------- */

* {
  outline-color: #ffffff00 !important;
}

body {
  background-color: #ffffff !important;
}

.select-attendee {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title-select-attendee {
  font-size: 26px;
  text-align: center;
  margin-bottom: 50px;
  font-family: "ALangeUndSoehne-Headline" !important;
}

.select-attendee a {
  color: #4f514e;
  font-size: 17px;
  border: 1px solid #4f514e;
  padding: 11px 0;
  text-align: center;
  margin-bottom: 8px;
  font-family: "UniversforALSLight";
}

.select-attendee a:hover {
  background-color: #fafafa !important;
}

.new-card {
  box-shadow: none;
  border-radius: 0 !important;
}

.workshops-picker {
  border-top: 1px solid #cacaca !important;
  border-bottom: 1px solid #cacaca !important;
  padding: 20px 0 20px 0 !important;
  margin-top: 20px !important;
}

.attendees_form {
  margin-bottom: 20px !important;
}

#program {
  box-shadow: none;
  border-radius: 0 !important;
  border-bottom: none;
  margin-bottom: 10px !important;
}

.title-form,
.registration h1,
.registration h2,
.registration h3,
.registration h4,
.details-title {
  font-family: "ALangeUndSoehne-Headline" !important;
  font-weight: 400;
  color: #000000;
}

.registration span,
.registration label,
.registration p,
.registration a,
.registration input,
.details-description,
.ty-button,
.public-error-message,
.attendee-autoconfirmation *,
.sol-label-text,
.sol-inner-container input,
.sol-select-all,
.sol-inner-container input {
  font-family: "UniversforALSLight";
  font-weight: 400;
  color: #000000;
}

.registration .main-card.attendee-success-message {
  background: none;
  border: none;
}

.close,
.header-registration,
.section-title,
.summary-container {
  display: none;
}

.event-details-div {
  max-width: 630px;
  width: 100%;
  margin: auto;
  margin-bottom: 40px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title-form {
  font-size: 26px !important;
}

.details-title {
  font-size: 34px;
  text-align: center;
  margin-bottom: 50px;
  font-family: "ALangeUndSoehne-Headline" !important;
  margin-top: 24px;
}

.details-description {
  font-size: 16px;
  text-align: center;
  margin-bottom: 50px;
}

.ty-button {
  padding: 14px 36px;
  display: block;
  width: 100%;
  font-size: 18px;
  background-color: #4f514e;
  color: #ffffff !important;
  border-radius: 1px;
}

.attendee-autoconfirmation .update-attendees {
  margin-top: 48px;
  padding: 18px 36px;
  font-size: 18px;
  background-color: #4f514e;
  color: #ffffff !important;
  border-radius: 1px;
}

.ty-button:hover,
.attendee-autoconfirmation .update-attendees:hover {
  cursor: pointer;
}

.ty-button:hover,
.ty-button:active,
.ty-button:focus,
.attendee-autoconfirmation .update-attendees:hover,
.attendee-autoconfirmation .update-attendees:focus,
.attendee-autoconfirmation .update-attendees:active {
  background-color: #797979;
}

.attendee-autoconfirmation p {
  font-size: 16px;
  text-align: center;
  margin: 50px 0 50px 0;
}

.thankyou-div {
  padding: 58px 48px 48px 48px;
  border: 1px solid #cacaca;
}

.registration {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.public-registration-container,
.public-attendee-form-container {
  max-width: 630px !important;
  width: 100% !important;
}

.attendee-information {
  padding: 20px 0 !important;
}

.title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

#attendee {
  width: 100%;
}

.form-control {
  border-radius: 1px !important;
  border-color: #7b7c7a !important;
  height: 45px;
}

label.col-sm-12 {
  font-weight: 700;
}

#phone {
  padding-left: 96px !important;
}

#country_id,
#region_id,
#city_id,
#attendee_type_select {
  height: 45px;
  padding: 6px 12px !important;
}

.iti-flag {
  display: none;
}

.selected-dial-code {
  padding-left: 14px !important;
}

.workshops {
  width: 100%;
  max-width: 630px;
}

.workshops .header {
  display: block;
  width: 100%;
}

.workshop {
  box-shadow: none !important;
}

/* ---------------- Calendar & Slots ---------------- */

.workshop {
  padding: 10px 0 !important;
}

.workshop__content {
  border: none !important;
  padding: 15px 0 !important;
}

.date-form {
  margin-left: 0 !important;
}

.day.active {
  background-color: #0075ff !important;
  background-image: none !important;
  border: 2px solid #000000 !important;
  font-weight: 700 !important;
}

.row-filter {
  justify-content: flex-start !important;
}

.schedule-available {
  display: none;
}

.choose-one {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.workshop__times {
  width: 100% !important;
  flex-wrap: wrap;
}

.workshop__times-row {
  margin-left: -8px;
  width: 100% !important;
  flex-wrap: wrap;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  max-height: 200px !important;
}

.workshop__times-row::-webkit-scrollbar-thumb {
  background-clip: content-box !important;
  background-color: #000000 !important;
}

.workshop__times-row::-webkit-scrollbar {
  width: 4px !important;
}

.workshop__times-row::-webkit-scrollbar-track {
  background-color: #ccc !important;
}

.workshop__view-more {
  color: #544f54;
}

.workshop__time {
  display: block;
  justify-content: space-between;
  width: 47%;
  border-radius: 1px !important;
  border: 1px solid #aeaeae !important;
  margin: 8px;
  padding: 14px !important;
  position: relative;
}

.workshop__time:hover {
  color: #1b1b1b !important;
  border: 1px solid #1b1b1b !important;
}

.workshop__time p {
  margin-right: 88px !important;
  text-align: left;
}

.workshop__hour {
  text-align: left;
}

.workshop__date-label,
.workshop-seats {
  display: none !important;
}

.workshop__time:focus,
.workshop__time:active,
.workshop__time--selected {
  color: #1b1b1b !important;
  border: 1px solid #1b1b1b !important;
}

.workshop__time--selected .workshop__hour,
.workshop__time--selected p {
  font-weight: 700 !important;
}

.icon-div {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-100%);
}

.workshop__time .circle-o,
.workshop__time .check-circle {
  font-size: 16px !important;
  margin-top: -1px !important;
  font-family: "UniversforALSLight" !important;
}

.fa-check-circle:before {
  content: "\f111" !important;
}

.workshop__time i {
  font: normal normal normal 20px / 1 FontAwesome !important;
}

.input-group-addon {
  border-radius: 1px !important;
}

.input-group:hover {
  cursor: pointer;
}

.workshop__dates-row {
  background-color: #ffffff !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.workshop__date {
  border: 1px solid #aeaeae !important;
  border-radius: 1px !important;
}

.workshop__date--selected:hover,
.workshop__date--selected:focus,
.workshop__date--selected:active {
  border-color: #797979 !important;
}

.workshop__date:hover,
.workshop__date:focus,
.workshop__date:active {
  background: #797979 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.workshop__date p {
  color: #000000;
}

.workshop__date--selected {
  background: #4f514e !important;
  box-shadow: none !important;
  border: 1px solid #4f514e !important;
  opacity: 1;
}

.workshop__date--selected p {
  font-weight: 700 !important;
  color: #ffffff;
}

.workshop__date:hover p {
  color: #ffffff !important;
}

.workshop__date--selected .fa-check-circle {
  display: none !important;
}

.workshop__date.selected i {
  display: none !important;
}

button {
  border-radius: 1px !important;
}

.btn-search {
  color: #544f54 !important;
  border-color: #544f54 !important;
  height: 45px !important;
}
.btn-search:hover {
  background-color: #ffffff !important;
  color: #544f54 !important;
  border: 2px solid #544f54 !important;
}

.btn-reset {
  height: 45px !important;
}

.update-attendee {
  background-color: #4f514e;
  padding: 15px 30px;
  color: #ffffff !important;
}

.update-attendee:hover,
.update-attendee:focus,
.update-attendee:active {
  background-color: #797979 !important;
}

.cancel-registration {
  background-color: #ffffff !important;
  padding: 15px 30px;
  overflow: hidden;
  color: #383937;
  border: 1px solid #000000;
}

.cancel-registration:hover {
  color: #000000 !important;
}

.cancel-registration::after {
  content: "";
  background-color: #4f514e;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}

/* .cancel-registration:hover:after {
  display: block;
} */

.alert-success {
  border-radius: 1px;
  background: none;
  border-color: #cacaca;
  padding: 50px 50px 40px 50px;
  font-size: 16px !important;
  margin-top: 50px;
}

.public-error-message {
  background-color: #bc0d0d;
  color: #ffffff;
}

.workshop__header {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}

.workshop__name {
  font-weight: 700 !important;
  font-size: 14px !important;
}

.view-less {
  font-size: 14px !important;
}

.btn-scroll {
  background-color: #000000 !important;
}

.btn-scroll i {
  margin-top: 3px !important;
}

.checkbox input,
.sol-checkbox {
  accent-color: #000000 !important;
}

.checkbox a {
  text-decoration: underline !important;
}

.sol-selection:not(.sol-keyboard-navigation) .sol-option:hover,
.sol-option.keyboard-selection {
  background: #bdbdbd !important;
}

.sol-label-text:hover,
.sol-selection:not(.sol-keyboard-navigation) .sol-option:hover .sol-label-text,
.sol-option.keyboard-selection .sol-label-text {
  color: #ffffff;
}

.sol-action-buttons a:hover {
  border: none;
  opacity: 0.6;
}

.sol-input-container input[type="text"] {
  padding: 0 16px !important;
  color: #000000 !important;
  opacity: 100% !important;
}

/* Navbar language switcher */

.langSwitcher {
  position: absolute;
  right: 25%;
}

.language-selector {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 10px;
  font-family: "UniversforALSLight";
  z-index: 2001;
}

.language-selector svg,
.language-selector path {
  z-index: 2000;
  pointer-events: none;
}

.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 2001;
}

.dropdown a {
  font-family: "UniversforALSLight";
  color: #4f514e !important;
  text-decoration: none;
}
.dropdown div {
  padding: 10px;
  cursor: pointer;
}

.dropdown div:hover {
  background-color: #fafafa;
}

/* Media queries */

@media only screen and (max-width: 1130px) {
  .langSwitcher {
    right: 20%;
  }
}

@media only screen and (max-width: 1000px) {
  .langSwitcher {
    right: 15%;
  }
}

@media only screen and (max-width: 768px) {
  .langSwitcher {
    right: 20px;
  }

  .row-filter {
    align-items: flex-start !important;
  }

  .row-filter .group-btn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 16px !important;
    margin-left: 0 !important;
    justify-content: flex-start;
  }
  .event-details-div {
    padding: 0 24px;
  }

  .navbar::after,
  .navbar::before {
    display: none;
  }
}

@media only screen and (max-width: 500px) {
  .workshop__time,
  .update-attendee,
  .update-register {
    width: 100% !important;
  }

  .cancel-registration {
    margin-top: 8px;
    width: 100%;
  }

  .workshop__time {
    margin: 8px 4px 8px 8px !important;
  }

  .workshop__times {
    margin-left: 0 !important;
  }

  .public-registration-container,
  .public-attendee-form-container {
    padding: 0 24px !important;
  }

  .row-filter {
    align-content: flex-start !important;
  }

  .group-btn {
    margin-left: 0px !important;
  }

  .btn-search {
    width: 285px !important;
  }

  .btn-reset {
    width: 285px !important;
  }

  .details-title {
    font-size: 21px;
  }
}
.no-workshops {
  display: none;
  border-top: 1px solid #cacaca !important;
  border-bottom: 1px solid #cacaca !important;
  padding: 20px 0 20px 0 !important;
  margin: 20px 0px !important;
}

.no-workshops-span {
  font-weight: 400;
  color: #000000;
  font-size: 26px !important;
  font-family: "ALangeUndSoehne-Headline" !important;
  text-align: left;
}

.sol-inner-container {
  border-radius: 1px !important;
  border-color: #7b7c7a !important;
  height: 45px !important;
}

.event-add-btn button {
  padding: 14px 36px !important;
  display: block !important;
  width: 100% !important;
  font-size: 18px !important;
  background-color: #4f514e !important;
  color: #ffffff !important;
  border-radius: 1px !important;
  font-family: "UniversforALSLight" !important;
  font-weight: 400 !important;
  border: none !important;
  height: unset !important;
}

.email-wrapper:first-of-type table {
  display: none !important;
}

.email-wrapper:nth-of-type(2) .content-wrapper {
  margin-top: 32px;
}
.detail-info p {
  text-align: center;
  font-family: "UniversforALSLight" !important;
  font-size: 16px;
}

.main-content > table > tbody > tr:first-of-type {
  display: none;
}

.event-add-btn {
  padding-top: 0 !important;
}