/*!
Theme Name: Scienteens Lab / rebranding
Theme URI: http://marcwilmes.com
Author: Attila Simon
Description: 
Version: 1.5
License: marcwilmes.com
Text Domain: 
Tags: - 
*/
/*
@import url('https://fonts.marcwilmesdesign.lu/?family=Open-Sans,italic,600,600italic,700,700italic');
*/
/* === Fonts === */
/*# Italic 400 */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/barlow-v13-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*# Medium 500 normal */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/barlow-v13-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*# Bold 700 */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/barlow-v13-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --primary-blue-100: #1E3446;
  --primary-blue-90: #344958;
  --primary-blue-80: #4B5D6B;
  --primary-blue-70: #61717d;
  --primary-blue-60: #788590;
  --primary-blue-40: #A5AEB5;
  --primary-blue-30: #BBC2C7;
  --primary-blue-20: #D2D6DA;
  --primary-blue-5: #F4F5F6;
  --primary-orange-100: #E13C2E;
  --primary-white: #ffffff;
  --brand-primary: var(--primary-white);
  --brand-danger: var(--primary-orange-100);
  --text-primary: #ffffff;
  --surface-subtle: var(--primary-blue-40);
  --surface-background-color: var(--primary-blue-100);
  --text-muted: var(--primary-blue-40);
  --accent-sky: var(--surface-subtle);
  --accent-link: var(--brand-danger);
  --status-warning: #F5C219;
  --status-success: #98F5A6;
  --status-danger: #E1140B;
  --status-booked: #c7c7c7;
  --page-background-color: var(--primary-blue-100);
  --button-background-color: var(--brand-danger);
  --button-text-color: #FFFFFF;
  --footer-background-color: var(--primary-blue-80);
  --footer-button-background-color: var(--primary-blue-80);
  --footer-button-text-color: #FFFFFF;
  --footer-copyright-text-color: var(--text-muted);
  --border-radius: 7px;
  --border-size: 3px;
  --main-title-h1-font-size: 30px;
  --main-title-h3-font-size: 26px;
  --main-font-text-size: 15px;
  --main-select-input-font-size: 20px;
  --main-button-text-font-size: 20px;
  --main-input-field-background-color: var(--primary-blue-100);
  --main-input-field-border-color: var(--primary-orange-100);
  --main-border-size: 1px;
  --calendar-font-size: 15px;
  --calendar-day-font-size: 16px;
  --calendar-month-font-size: 20px;
  --nav-content-font-size: 20px;
  --header-user-toolbar-font-size: 20px;
  --footer-font-size: 15px;
  --footer-copyright-font-size: 9px;
  --space-0h: 15px;
  --space-1h: 20px;
  --space-2h: 45px;
  --space-3h: 70px;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-transparent: transparent;
  --shadow-soft: #00000029;
  --accent-muted: #96c1ab;
  --header-language-color: var(--primary-orange-100);
  --status-success-ghost: #33cc0033;
  --page-background-light: #fafafa;
  --page-background-soft: #faf9f9;
  --schedule-main-color: var(--accent-link);
  --schedule-gray-color: var(--text-primary);
  --schedule-weekend-color: var(--primary-blue-90);
  --schedule-border-color: var(--primary-blue-70);
  --schedule-day-past-color: var(--primary-blue-80);
  --schedule-vacancy-background: var(--primary-blue-80);
  --modal-background: var(--primary-blue-90);
  --modal-background-window: var(--primary-blue-100);
  --modal-border-color: var(--primary-orange-100);
  --modal-title-color: var(--brand-primary);
  --modal-shadow-color: var(--shadow-soft);
  --body-font: "Barlow";
  --title-font: var(--body-font);
  --hover-fx: 0.7;
}
/* === Cursor === */
.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}
.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: var(--brand-primary);
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 1.5px solid var(--brand-primary);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  -webkit-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}
.cursor-hover-outer {
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-color: var(--brand-danger);
  border: 1.5px solid var(--brand-primary);
  background-color: var(--color-white);
}
.cursor-hover-inner {
  margin-left: -5px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background-color: var(--brand-danger);
}
/* RESPONSIVE */
@media (min-width: 992px) {
  .mouse-cursor {
    visibility: visible;
  }
}
.modal-cursor-outer {
  border: 1.5px solid var(--color-white);
}
.modal-cursor-outer.cursor-hover-outer {
  border-color: var(--color-white);
  background-color: rgba(255, 255, 255, 0.2);
}
.modal-cursor-inner {
  background-color: var(--color-white);
}
.modal-cursor-inner.cursor-hover-inner {
  background-color: var(--brand-danger);
}
/*
.frontpage {
    .cursor-hover-outer{
  margin-left:-6px;
  margin-top:-6px;
  width:12px;
  height:12px;
  border-color:var(--brand-danger);
  border: 1.5px solid var(--brand-primary);
  background-color: var(--color-white);
}

.cursor-hover-inner {
  margin-left:-5px;
  margin-top:-5px;
  width:10px;
  height:10px;
  background-color: var(--brand-primary);
}
}
*/
/* === UI Kit Overrides === */
.scl-tooltip {
  background-color: var(--modal-background);
  border: 1px solid var(--modal-border-color);
  color: var(--text-primary);
  padding: 20px;
  border-radius: var(--border-radius);
}
.uk-modal {
  background: var(--modal-background);
}
.uk-modal-close-outside {
  background: var(--color-transparent);
  border: none;
  width: 52px;
  height: 52px;
}
.uk-modal-close-outside:hover {
  cursor: pointer;
}
.uk-dropdown {
  background: var(--color-transparent);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0;
  min-width: 150px;
}
.scl-modal {
  border-radius: var(--border-radius);
  border: 1px solid var(--modal-border-color);
  background-color: var(--modal-background-window);
  padding: 45px;
  width: 500px;
}
.scl-modal h4 {
  padding: 0;
  margin: 0;
  color: var(--modal-title-color);
  font-size: var(--main-title-h1-font-size);
  font-weight: 700;
  letter-spacing: 0.3px;
  font-style: italic;
}
.scl-modal input:not(type=checkbox),
.scl-modal textarea,
.scl-modal button {
  border-radius: var(--border-radius);
}
.scl-modal .scl-button {
  font-size: var(--main-button-text-font-size);
}
@media screen and (max-width: 639px) {
  #modal-userlogin .scl-modal,
  #modal-teacherRegister .scl-modal {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.uk-input,
.uk-select,
.uk-textarea {
  border: 1px solid var(--primary-blue-80) !important;
  font-weight: 400;
  letter-spacing: 1px;
  color: var(--text-primary);
  border-radius: var(--border-radius);
  background-color: var(--primary-blue-100);
}
.uk-input::-webkit-input-placeholder, .uk-select::-webkit-input-placeholder, .uk-textarea::-webkit-input-placeholder {
  color: var(--text-primary);
}
.uk-input::-moz-placeholder, .uk-select::-moz-placeholder, .uk-textarea::-moz-placeholder {
  color: var(--text-primary);
}
.uk-input:-ms-input-placeholder, .uk-select:-ms-input-placeholder, .uk-textarea:-ms-input-placeholder {
  color: var(--text-primary);
}
.uk-input::-ms-input-placeholder, .uk-select::-ms-input-placeholder, .uk-textarea::-ms-input-placeholder {
  color: var(--text-primary);
}
.uk-input::placeholder,
.uk-select::placeholder,
.uk-textarea::placeholder {
  color: var(--text-primary);
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  border-color: var(--surface-subtle) !important;
}
.uk-checkbox,
.uk-radio {
  width: 10px;
  height: 10px;
  border-radius: var(--border-radius);
}
.uk-checkbox:checked {
  background-image: unset;
  background-color: var(--brand-primary) !important;
}
.uk-input,
.uk-textarea {
  border: 1px solid var(--primary-blue-100);
}
.uk-dotnav a {
  color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.uk-dotnav a:hover,
.uk-dotnav a:active {
  background: var(--brand-primary) !important;
}
.uk-dotnav .uk-active a {
  background: var(--brand-primary) !important;
}
.uk-dotnav > * {
  padding-left: 15px;
}
.uk-modal-dialog {
  background: var(--modal-background-window);
}
/* === Buttons === */
.scl-button {
  padding: 5px 10px 8px 10px;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border: 0;
  border-radius: var(--border-radius);
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-style: italic;
  min-width: 170px;
  -webkit-box-shadow: 0px 3px 6px var(--shadow-soft);
          box-shadow: 0px 3px 6px var(--shadow-soft);
  text-decoration: none;
  text-align: center;
}
.scl-button:hover {
  cursor: pointer;
  color: var(--button-text-color);
  text-decoration: none;
  opacity: var(--hover-fx);
}
/* wrodpress button overwrite */
.button {
  padding: 5px 10px 8px 10px;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border: 0;
  border-radius: var(--border-radius);
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-style: italic;
  min-width: 170px;
  -webkit-box-shadow: 0px 3px 6px var(--shadow-soft);
          box-shadow: 0px 3px 6px var(--shadow-soft);
  text-decoration: none;
  text-align: center;
}
.button:hover {
  cursor: pointer;
  color: var(--button-text-color);
  text-decoration: none;
  opacity: var(--hover-fx);
}
.workshopdetailbutton {
  width: 325px;
  max-width: 100%;
}
/* === Header === */
header {
  z-index: 1;
}
header .headerlogo {
  width: 120px;
  height: 120px;
}
header .userbutton {
  border: none;
  background: var(--color-transparent);
  margin: 0;
  padding: 0;
}
header .userbutton:hover {
  cursor: pointer;
}
header .languages button,
header .languages a {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  color: var(--header-language-color);
  margin: 0;
  padding: 0;
  border: solid 1px var(--header-language-color);
  border-radius: 100%;
  text-transform: uppercase;
  width: 44px;
  height: 44px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .languages a:not(:last-child) {
  margin-bottom: 9px;
}
@media screen and (min-width: 960px) {
  header .uk-navbar {
    margin-top: 38px;
  }
}
@media screen and (max-width: 959px) {
  header .headerlogo {
    width: 100px;
    height: 100px;
  }
  header .uk-navbar-center {
    top: calc(50% + 36px) !important;
  }
  header .scl-user-navbar svg {
    width: 40px;
    height: 40px;
  }
  header .languages button,
  header .languages a {
    width: 40px;
    height: 40px;
  }
  header .scl-user-navbar .item {
    padding-left: 8px;
  }
}
@media screen and (max-width: 510px) {
  header .uk-dropdown .uk-nav {
    font-size: 16px;
  }
}
@media screen and (max-width: 450px) {
  header .uk-dropdown .uk-nav {
    font-size: 14px;
  }
}
@media screen and (max-width: 410px) {
  header .userbutton {
    margin: 0;
    padding: 0;
  }
  header .uk-navbar-toggle {
    padding-left: 8px;
  }
  header .uk-dropdown .uk-nav {
    font-size: 13px;
  }
  header .headerlogo {
    height: 100px;
    width: 100px;
  }
  header .uk-navbar-center {
    top: calc(50% + 26px) !important;
  }
}
@media screen and (max-width: 356px) {
  header .headerlogo {
    height: 80px;
    width: 80px;
  }
  header .uk-navbar-center {
    top: calc(50% + 16px) !important;
  }
  header .uk-navbar-right svg {
    width: 37px;
    height: 38px;
  }
}
#modal-nav {
  background: var(--primary-blue-100);
  display: none;
}
@media screen and (min-width: 640px) {
  #modal-nav .uk-navbar {
    margin-top: 38px;
  }
  #modal-nav .navcontent {
    margin-top: 95px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 639px) {
  #modal-nav .navcontent {
    margin-bottom: 40px;
  }
  #modal-nav .navcontent ul.uk-nav {
    margin: 0 30px;
  }
}
#modal-nav .uk-navbar-item {
  padding: 0;
}
#modal-nav .uk-modal-close-full {
  position: unset;
  background: var(--color-transparent);
  border: none;
  cursor: pointer;
}
#modal-nav .navcontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#modal-nav .navcontent a,
#modal-nav .navcontent .inactive,
#modal-nav .navcontent button {
  color: var(--color-white);
  font-size: var(--nav-content-font-size);
  font-style: italic;
  font-weight: 700;
  padding: 4px 0;
  letter-spacing: 0.05em;
}
#modal-nav .navcontent button {
  border: none;
  background: var(--color-transparent);
}
#modal-nav .navcontent button:hover {
  cursor: pointer;
}
#modal-nav .navcontent h3 {
  display: inline-block;
  margin-top: 45px;
  margin-bottom: 0;
  line-height: 29px;
  color: var(--color-white);
  font-size: var(--nav-content-font-size);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
}
#modal-nav .navcontent li:not(.language):not(.links) a,
#modal-nav .navcontent li:not(.language):not(.links) .inactive,
#modal-nav .navcontent li:not(.language):not(.links) button {
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
}
#modal-nav .navcontent li:not(.language):not(.links) .inactive {
  opacity: 0.5;
  cursor: pointer;
}
#modal-nav .navcontent li.uk-active a,
#modal-nav .navcontent li a.uk-active {
  opacity: 0.5;
}
#modal-nav .navcontent li:hover {
  opacity: var(--hover-fx);
}
#modal-nav .navcontent .language {
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#modal-nav .navcontent .language a {
  text-decoration: none;
  color: var(--accent-sky);
  color: var(--color-white);
  opacity: 1;
}
#modal-nav .navcontent .language a:not(:last-child) {
  margin-right: 35px;
}
#modal-nav .navcontent .language a.active {
  color: var(--color-white);
  opacity: 0.5;
}
#modal-nav .navcontent .links h3 {
  padding-bottom: 10px;
}
#modal-nav .navcontent .links a {
  text-decoration: none;
  display: inline-block;
}
#modal-nav .navcontent .links a:not(:last-child) {
  margin-right: 42px;
}
#modal-nav .navcontent .links a img {
  max-height: 60px;
}
.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  padding-left: 0;
}
.scl-user-navbar {
  font-size: var(--header-user-toolbar-font-size);
  font-style: italic;
  font-weight: 700;
}
.scl-user-navbar .item {
  padding-left: 15px;
}
.scl-user-navbar .uk-nav li a {
  color: var(--brand-primary);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
  padding: 0;
}
/* === Frontpage === */
.scl_customer .disciplineslisting {
  height: calc(100vh - 178px);
}
.disciplineslisting {
  position: relative;
  height: calc(100vh - 193px);
}
.disciplineslisting .logocircle {
  position: absolute;
  height: 310px;
  width: 310px;
  top: calc(40% - 121px);
  left: calc(50% - 155px);
}
.disciplineslisting .item-0 {
  position: absolute;
  top: 16%;
  left: 10%;
  width: 226px !important;
  height: 226px !important;
}
.disciplineslisting .item-1 {
  position: absolute;
  top: 22%;
  right: 10%;
  width: 226px !important;
  height: 226px !important;
}
.disciplineslisting .item-2 {
  position: absolute;
  top: 53%;
  left: 17%;
  width: 226px !important;
  height: 226px !important;
}
.disciplineslisting .item-3 {
  position: absolute;
  top: 58%;
  right: 24%;
  width: 226px !important;
  height: 226px !important;
}
.disciplineslisting .inactive {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.disciplineslisting .discipline lottie-player {
  z-index: 1;
}
.disciplineslisting .discipline.points lottie-player {
  z-index: 2;
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .disciplineslisting .item-0 {
    left: 4%;
  }
  .disciplineslisting .item-1 {
    right: 5%;
  }
  .disciplineslisting .item-2 {
    left: 12%;
  }
  .disciplineslisting .item-3 {
    right: 17%;
  }
}
@media screen and (min-width: 960px) and (max-height: 940px) {
  .disciplineslisting .logocircle {
    top: calc(29% - 121px);
    height: 274px !important;
    width: 274px !important;
  }
  .disciplineslisting .item-0 {
    top: 5%;
    width: 190px !important;
    height: 190px !important;
  }
  .disciplineslisting .item-1 {
    top: 10%;
    width: 190px !important;
    height: 190px !important;
  }
  .disciplineslisting .item-2 {
    top: 41%;
    width: 190px !important;
    height: 190px !important;
  }
  .disciplineslisting .item-3 {
    top: 46%;
    width: 190px !important;
    height: 190px !important;
  }
}
@-webkit-keyframes hovering {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  50% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px);
  }
  70% {
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
  }
  80% {
    -webkit-transform: translate(7px, -5px);
            transform: translate(7px, -5px);
  }
  to {
    -webkit-transform: translate(0px, -1px);
            transform: translate(0px, -1px);
  }
}
@keyframes hovering {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  50% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px);
  }
  70% {
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
  }
  80% {
    -webkit-transform: translate(7px, -5px);
            transform: translate(7px, -5px);
  }
  to {
    -webkit-transform: translate(0px, -1px);
            transform: translate(0px, -1px);
  }
}
/* === Workshop Listing === */
.workshoplisting {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .workshoplisting {
    margin-top: 6px;
  }
}
.workshoplisting .scl-button {
  padding: 6px 10px;
  min-width: unset;
  text-decoration: none;
}
.workshoplisting .workshop_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.workshoplisting button {
  background: var(--color-transparent);
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: left;
  padding: 0;
  margin: 0;
  color: var(--text-primary);
}
.workshoplisting button:hover {
  cursor: pointer;
}
.workshoplisting button img {
  min-height: 170px;
  min-width: 170px;
}
.workshoplisting button .info .title {
  font-size: var(--main-title-h3-font-size);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.4px;
  line-height: 30px;
  color: var(--brand-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.workshoplisting button .info .time {
  margin: 12px 0 15px 0;
}
@media screen and (min-width: 830px) {
  .workshoplisting .workshop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .workshoplisting .scl-button {
    margin-left: 28px;
  }
  .workshoplisting .info {
    margin-left: 28px;
  }
}
.workshoplisting .imageButton {
  width: 30%;
  min-width: 170px;
}
@media screen and (max-width: 459px) {
  .workshoplisting .imageButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
@media screen and (min-width: 460px) and (max-width: 639px) {
  .workshoplisting .workshop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .workshoplisting .scl-button {
    margin-left: 20px;
  }
  .workshoplisting .info {
    margin-left: 20px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .workshoplisting img {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 959px) {
  .workshoplisting .info {
    margin-top: 15px;
  }
  .workshoplisting .schedule {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .workshoplisting button img {
    min-width: 140px;
    min-height: 140px;
  }
}
@media screen and (max-width: 420px) {
  .workshoplisting .info {
    margin-top: 15px;
  }
  .workshoplisting .workshop_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .workshoplisting .schedule {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .workshoplisting button img {
    min-width: 110px;
    min-height: 110px;
  }
}
div[id^="workshopmodal_"] {
  background: var(--modal-background);
  display: none;
  padding: 0;
}
div[id^="workshopmodal_"] .uk-modal-body {
  min-height: 100vh;
  background: var(--modal-background-window);
}
div[id^="workshopmodal_"] .uk-container {
  height: 100%;
}
div[id^="workshopmodal_"] .uk-navbar {
  margin-top: 38px;
}
@media screen and (max-width: 959px) {
  div[id^="workshopmodal_"] .uk-navbar {
    margin-top: 10px;
  }
}
div[id^="workshopmodal_"] .uk-navbar-item {
  padding: 0;
}
div[id^="workshopmodal_"] .modalheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
div[id^="workshopmodal_"] .modalheader .uk-modal-close-full {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 0;
}
div[id^="workshopmodal_"] .uk-modal-close-full {
  position: unset;
  background: var(--color-transparent);
  border: none;
  cursor: pointer;
}
div[id^="workshopmodal_"] .workshopimage {
  width: 200px;
  position: absolute;
  right: calc(50% + 60px);
  top: -40px;
}
div[id^="workshopmodal_"] .content {
  margin-top: 220px;
}
@media screen and (max-width: 640px) {
  div[id^="workshopmodal_"] .workshopimage {
    display: none;
  }
  div[id^="workshopmodal_"] .content {
    margin-top: 60px;
  }
}
/* === Footer === */
.footerlink {
  color: var(--footer-button-text-color);
  background-color: var(--footer-button-background-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  font-size: var(--footer-font-size);
  font-weight: 600;
  font-style: italic;
  width: 124px;
  line-height: 1.4em;
  margin-left: 30px;
}
.footerlink.active {
  height: 75px;
  -webkit-box-shadow: inset 0px 3px 6px var(--shadow-soft);
          box-shadow: inset 0px 3px 6px var(--shadow-soft);
}
.footerlink:hover {
  color: var(--footer-button-text-color);
}
.footerlink.inactive {
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}
.footerlink.inactive:hover {
  height: 75px;
}
/*
	.unilink{
		background-color: var(--color-white);
		padding: 10px;
		border-top-left-radius: var(--border-radius);
			border-top-right-radius: var(--border-radius);
		.footerimguni{
			height: 40px;
		}
	}
	*/
.inner {
  background-color: var(--footer-background-color);
}
.bottom-container {
  position: relative;
  z-index: 999;
}
.bottom-container .bottom-height {
  height: 75px;
}
.footer-copyright {
  width: 100%;
  margin: 0 auto;
  font-size: var(--footer-copyright-font-size);
  position: relative;
  z-index: 1;
  line-height: 1.5em;
  background-color: var(--primary-blue-90);
  padding: 16px 0;
  color: var(--footer-copyright-text-color);
  text-transform: uppercase;
  text-align: center;
}
.footer-copyright a {
  color: var(--footer-copyright-text-color);
}
.footer-copyright a:hover {
  color: var(--footer-copyright-text-color);
  text-decoration: underline;
}
.footer-copyright span.divider {
  padding: 0px 15px;
}
@media only screen and (min-width: 335px) {
  .footer-copyright .legal {
    display: inline-block;
  }
}
@media only screen and (min-width: 611px) {
  .footer-copyright .cookieandlink {
    display: inline-block;
  }
}
@media only screen and (max-width: 610px) {
  .footer-copyright .cookieandlink .desktopbreak:after {
    content: '|';
  }
}
@media only screen and (max-width: 334px) {
  .footer-copyright .cookieandlink .mwd {
    display: block;
  }
}
.footer-copyright .mwd-manage-my-cookies:hover {
  color: var(--text-primary);
  text-decoration: none;
}
@media (max-width: 640px) {
  .footerlink {
    margin-left: 10px;
  }
  .footer-copyright span.divider {
    display: none;
  }
  .footer-copyright .copyright {
    display: block;
  }
  .footer-copyright .legal {
    display: block;
  }
  .footer-copyright .legal a {
    display: block;
  }
  .footer-copyright .cookieandlink a {
    display: block;
  }
}
@media (max-width: 960px) {
  .footer-container {
    padding-left: 70px;
  }
  .footer-container .logo {
    width: 95px;
  }
  .footer-container .col {
    margin-bottom: 35px;
  }
  .footer-copyright {
    padding: 20px 0;
  }
  .footer-copyright .legal {
    margin-top: 10px;
  }
  .footer-copyright .main-divider {
    display: block;
  }
  .footer-copyright .cookieandlink {
    display: inline-block;
  }
}
@media (min-width: 960px) and (max-width: 1200px) {
  footer .footericon {
    width: 35px;
    margin-right: 10px;
  }
}
/* === Global === */
body {
  font-style: normal;
  color: var(--text-primary);
  font-family: var(--body-font);
  font-weight: 400;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: var(--main-font-text-size);
  background-color: var(--page-background-color);
}
body.background-blue {
  background-color: var(--surface-background-color);
}
body:not(.frontpage):not(.page_496 ):not(.scl_customer) main {
  min-height: calc(100vh - 245px);
}
@media screen and (max-width: 410px) {
  body:not(.frontpage):not(.page_496 ):not(.scl_customer) main {
    min-height: calc(100vh - 215px);
  }
}
@media screen and (max-width: 356px) {
  body:not(.frontpage):not(.page_496 ):not(.scl_customer) main {
    min-height: calc(100vh - 195px);
  }
}
body:not(.frontpage):not(.page_496 ) header {
  height: 170px;
}
@media screen and (max-width: 410px) {
  body:not(.frontpage):not(.page_496 ) header {
    height: 140px;
  }
}
@media screen and (max-width: 356px) {
  body:not(.frontpage):not(.page_496 ) header {
    height: 120px;
  }
}
body:not(.frontpage):not(.page_496 ) main {
  min-height: calc(100vh - 230px);
}
@media screen and (max-width: 410px) {
  body:not(.frontpage):not(.page_496 ) main {
    min-height: calc(100vh - 200px);
  }
}
@media screen and (max-width: 356px) {
  body:not(.frontpage):not(.page_496 ) main {
    min-height: calc(100vh - 180px);
  }
}
a {
  color: var(--text-primary);
}
a:hover {
  color: var(--text-primary);
  text-decoration: none;
}
a:hover,
button:hover,
.link:hover {
  cursor: pointer;
  opacity: var(--hover-fx);
}
/* disipline animation icons */
.points:hover {
  cursor: pointer;
  opacity: 1;
}
.main-container .coltext a {
  color: var(--brand-primary);
  text-decoration: underline;
  opacity: var(--hover-fx);
}
.uk-lightbox-toolbar {
  background: var(--color-transparent);
}
#map,
.map {
  width: 100%;
  height: 360px;
}
@media only screen and (min-width: 960px) {
  #map,
  .map {
    height: 300px;
  }
}
#modal-nav {
  display: none;
}
.scl-back-button,
.scl-back-to-calendar,
.scl-back-to-form {
  border: none !important;
  background-color: var(--color-transparent) !important;
  padding: 15px;
  margin-left: -15px;
}
.backlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.backlink img {
  width: 20px;
  height: 19px;
}
.pdflink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.loading-animation {
  z-index: 1;
  border: 5px solid var(--surface-subtle);
  border-radius: 50%;
  border-top: 5px solid var(--brand-primary);
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}
/* === Typography === */
/* -----  1.3 General Typography  ------------------------------------------- */
*:focus {
  outline: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
select,
input,
button,
textarea {
  font-family: var(--title-font);
}
h2,
h3 {
  padding: 0;
  margin: 0;
  color: var(--brand-primary);
  font-size: var(--main-title-h1-font-size);
  font-weight: 400;
  font-style: italic;
  letter-spacing: 3px;
  line-height: 29px;
  text-transform: uppercase;
  text-decoration: none;
}
p:last-child {
  margin-bottom: 0 !important;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0;
}
table td {
  padding-top: 6px;
  padding-bottom: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.center {
  text-align: center;
}
.uppercase {
  text-transform: uppercase;
}
/* === Spacing === */
.main-space {
  display: block;
  width: 50px;
}
.main-space.x0 {
  height: var(--space-0h);
}
@media only screen and (max-width: 639px) {
  .main-space.x0 {
    height: 12px;
  }
}
.main-space.x1 {
  height: var(--space-1h);
}
@media only screen and (max-width: 639px) {
  .main-space.x1 {
    height: 16px;
  }
}
.main-space.x2 {
  height: var(--space-2h);
}
@media only screen and (max-width: 639px) {
  .main-space.x2 {
    height: 23px;
  }
}
.main-space.x3 {
  height: var(--space-3h);
}
@media only screen and (max-width: 639px) {
  .main-space.x3 {
    height: 35px;
  }
}
/* DEBUG MAIN SPACE*/
/* === Schedule === */
:root {
  --main-color: var(--schedule-main-color);
  --main-gray-color: var(--schedule-gray-color);
  --main-font-size: var(--calendar-font-size);
  --weekend-color: var(--schedule-weekend-color);
  --border: var(--schedule-border-color);
  --day-color: var(--main-gray-color);
  --day-past-color: var(--schedule-day-past-color);
  --day-font-size: var(--calendar-day-font-size);
  --month-font-size: var(--calendar-month-font-size);
}
.scl-booking-calendar,
.scl-booking-form,
.scl-booking-confirm,
.scl-select-workshop-container,
.calendar-legend {
  display: none;
}
/* registration modal */
.page_620 .modal-student,
.page_620 .student_not_available,
.page_620 .modal-teacher,
.page_620 .teacher_not_available {
  display: none;
}
.page_620.calendar-teacher .modal-teacher {
  display: block;
}
.page_620.calendar-teacher .student_not_available {
  display: block;
}
.page_620.calendar-student .modal-student {
  display: block;
}
.page_620.calendar-student .teacher_not_available {
  display: block;
}
/* STEP 1 CALENDAR */
.calendar .month {
  /*border: 1px solid var(--color-black);*/
}
.calendar .month .month-name {
  font-size: var(--month-font-size);
  color: var(--brand-primary);
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
}
.calendar .month .day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid var(--border);
  padding: 2px;
  color: var(--day-color);
  min-height: 22px;
  line-height: 20px;
  padding-left: 10px;
  vertical-align: top;
}
.calendar .month .day .day-number {
  display: inline-block;
  width: 25px;
  color: var(--main-gray-color);
  font-size: var(--day-font-size);
}
.calendar .month .day .day-name {
  display: inline-block;
  width: 35px;
  text-transform: uppercase;
  color: var(--main-gray-color);
  font-size: var(--day-font-size);
}
.calendar .month .day .day-container {
  display: inline-block;
  width: 80%;
}
.calendar .month .day.today {
  border-left: 5px solid var(--primary-blue-60);
}
.calendar .month .day.past {
  opacity: 0.2;
}
/* EVENTS */
.calendar .month .day .scl-workshop-active {
  color: var(--primary-orange-100);
  font-weight: normal;
  text-transform: capitalize;
}
.calendar .month .day .scl-workshop-active:not(:last-child) {
  padding-right: 20px;
}
.calendar .month .day .scl-workshop-booked {
  font-weight: normal;
  text-transform: capitalize;
}
.calendar .month .day .scl-workshop-booked:not(:last-child) {
  padding-right: 20px;
}
.calendar .month-col {
  border-bottom: 1px solid var(--border);
  padding-bottom: 10px;
}
/* WORKSHOP TITLE */
.scl-schedule-subtitle {
  display: none;
}
.scl-schedule-next-workshop {
  width: 370px;
  font-style: italic;
  font-size: 15px !important;
}
/* PREV, NEXT BUTTONS */
.calendar .next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* DAY OFFs */
.calendar .scl-dayoff {
  position: relative;
}
.calendar .scl-dayoff:after {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  border-top: 1px solid var(--brand-danger);
  width: 100%;
  height: 2px;
  opacity: 0.3;
}
.calendar .scl-dayoff-day {
  height: 15px;
  width: 100%;
  color: var(--brand-danger);
}
/*
.calendar .month .inner .day.past .day-name, 
.calendar .month .inner .day.past .day-number, 
{
  color: var(--day-past-color);
  border-bottom: 1px solid var(--border);
}
*/
.calendar .month .day.weekend {
  background: var(--weekend-color);
}
.calendar .month .adjacent-month {
  display: none;
}
/*.calendar .month .inner .adjacent-month {
  display: none;
}
.calendar .month .inner .event-desc {
  margin-left: 25px;
  display: block;
}
.calendar .month .inner .event-desc .event-title {
  padding: 5px;
  border-radius: 5px;
  margin: 5px;
  display: block;
}*/
/*.calendar .month .inner .eventname .bar {
  display: block;
  height: 26px;
  width: 10px;
  position: absolute;
  left: 0;
  top: -2px;
}
.calendar .month .inner .eventname.start .bar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.calendar .month .inner .eventname.end .bar {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.calendar .month .inner .eventname.start.end .bar {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin-top: 7px;
}
*/
.vacancy {
  background: var(--schedule-vacancy-background);
}
/* STEP 2 BOOKING FORM */
.scl-schedule-container label,
.scl-schedule-container input,
.scl-schedule-container textarea,
.scl-schedule-container button,
.scl-schedule-container select {
  font-size: var(--main-select-input-font-size);
}
.scl-form-lang-select {
  height: 40px;
}
.scl-checkbox label {
  display: block;
}
.scl-checkbox input {
  margin-right: 5px;
}
.scl-form-lang-select label {
  text-transform: uppercase;
  margin-right: 20px;
}
.other-class,
.other-school {
  display: none;
}
.form-required {
  color: var(--brand-danger);
}
.error-label {
  color: var(--brand-danger) !important;
}
.error {
  border: 1px solid var(--brand-danger) !important;
  color: var(--brand-danger) !important;
}
.error:focus {
  border-color: var(--brand-danger) !important;
}
.error::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--brand-danger);
  opacity: 1;
  /* Firefox */
}
.error::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--brand-danger);
  opacity: 1;
  /* Firefox */
}
.error:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--brand-danger);
  opacity: 1;
  /* Firefox */
}
.error::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--brand-danger);
  opacity: 1;
  /* Firefox */
}
.error::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--brand-danger);
  opacity: 1;
  /* Firefox */
}
.error:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--brand-danger);
}
.error::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--brand-danger);
}
/* STEP 3 CONFIRM */
.scl-booking-confirm-content {
  background-color: var(--primary-blue-100);
  border: var(--main-border-size) solid var(--modal-border-color);
  padding: 45px;
}
.scl-booking-confirm .loader-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scl-booking-confirm .loader-container .loader {
  display: none;
  z-index: 1;
  border: 5px solid var(--surface-subtle);
  border-radius: 50%;
  border-top: 5px solid var(--brand-primary);
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}
.scl-booking-confirm .success_message {
  display: none;
  color: var(--brand-primary);
}
.scl-booking-confirm .submit_booking_button:disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  cursor: auto;
}
/* LOADER */
.scl-calendar-loader {
  position: fixed;
  left: 0;
  top: calc(50vh - 25px);
  left: calc(50vw - 25px);
  z-index: 1;
  border: 5px solid var(--surface-subtle);
  border-radius: 50%;
  border-top: 5px solid var(--brand-primary);
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* === Calendar === */
.calendar-legend {
  margin: var(--space-1h) 0;
}
.legendItem:not(:last-child) {
  margin-right: 22px;
}
.available {
  color: var(--accent-link);
  font-weight: 200;
}
.unavailable {
  font-weight: 400;
}
@media screen and (max-width: 959px) {
  .legendItem {
    display: inline-block;
    width: 50%;
  }
}
/* === Login === */
#modal-userlogin .underline {
  text-decoration: underline;
  text-underline-offset: 1px;
}
#modal-userlogin .small {
  font-size: 10px;
}
#modal-userlogin input {
  letter-spacing: 0px;
}
#modal-userlogin .teacherlink,
#modal-userlogin .studentlink,
#modal-userlogin .student_teacher_choice {
  font-style: italic;
}
.sign-in .uk-input:focus {
  border-color: var(--brand-primary) !important;
}
.sign-in .error:focus {
  border-color: var(--brand-danger) !important;
}
.login {
  background: var(--surface-subtle) !important;
  font-family: "Open Sans" !important;
  font-weight: "regular";
  display: block;
}
.login h1 a,
.login h1 a {
  background-image: url('/_res/themes/scienteenslab/_res/img/logo-circle.svg');
  padding: 0;
  height: 180px;
  width: 180px;
  background-size: cover;
  /*margin: 0 auto;*/
}
.login form {
  margin-top: 20px !important;
  margin-left: 0 !important;
  padding: 26px 24px 34px !important;
  font-weight: 400 !important;
  border: 1px solid var(--brand-primary) !important;
  border-radius: 7px !important;
}
/* WORDPRESS LOGIN ACTION */
.login-action-rp #nav,
.login-action-rp #backtoblog,
.login-action-resetpass .reset-pass,
.login-action-lostpassword #nav {
  display: none;
}
/* === Register === */
#modal-teacherRegister .checkboxlabel,
#modal-studentRegister .checkboxlabel,
#modal-organizationRegister .checkboxlabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 10px;
}
#modal-teacherRegister .checkboxtext,
#modal-studentRegister .checkboxtext,
#modal-organizationRegister .checkboxtext {
  width: calc(100% - 40px);
  margin-left: 10px;
}
#modal-teacherRegister .register_loader_container,
#modal-studentRegister .register_loader_container,
#modal-organizationRegister .register_loader_container,
#modal-teacherRegister .successmessage,
#modal-studentRegister .successmessage,
#modal-organizationRegister .successmessage {
  display: none;
}
#modal-teacherRegister .register_loader_container,
#modal-studentRegister .register_loader_container,
#modal-organizationRegister .register_loader_container {
  padding-top: 20px;
}
#modal-teacherRegister .scl-register-loader,
#modal-studentRegister .scl-register-loader,
#modal-organizationRegister .scl-register-loader {
  z-index: 1;
  border: 5px solid var(--surface-subtle);
  border-radius: 50%;
  border-top: 5px solid var(--brand-primary);
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  top: calc(50vh - 25px);
  left: calc(50vw - 25px);
}
#modal-teacherRegister input,
#modal-studentRegister input,
#modal-organizationRegister input {
  letter-spacing: 0px;
}
/* === User Dashboard === */
.timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.timeline:before {
  content: '';
  position: absolute;
  bottom: 7px;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: var(--brand-primary);
  z-index: 0;
}
.timeline .text {
  color: var(--brand-primary);
  font-weight: 600;
  margin-bottom: 10px;
}
.timeline .circlecontainer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.timeline .circle {
  display: block;
  height: 14px;
  width: 14px;
  border-radius: 100%;
  z-index: 1;
  border: solid 1px var(--brand-primary);
}
.timeline .circle.green {
  background-color: var(--status-success);
}
.timeline .circle.red {
  background-color: var(--status-danger);
}
.timeline .circle.orange {
  background-color: var(--status-warning);
}
.timeline .circle.white {
  background-color: var(--color-white);
}
.userdashboard h3 {
  margin-bottom: var(--space-1h);
}
.userdashboard .message,
.userdashboard .globalNotification {
  padding: 45px;
  border: var(--main-border-size) solid var(--modal-border-color);
  /*
        @media screen and (max-width: 960px){
            border: solid 1px var(--brand-primary);
        }
        */
}
.userdashboard .bookingmessages .message:not(:last-child) {
  margin-bottom: var(--space-1h);
}
.userdashboard .title {
  color: var(--accent-link);
  margin-bottom: var(--space-1h);
  font-weight: 600;
}
.userdashboard .text {
  margin-bottom: var(--space-1h);
}
.userdashboard .cancelbutton {
  border: none;
  background: var(--color-transparent);
}
.userdashboard .cancelbutton:hover {
  cursor: pointer;
}
.userdashboard table a {
  display: block;
}
/* View Booking Template */
.tpl_view_booking .uk-accordion-title {
  font-size: var(--main-title-h1-font-size);
  font-weight: 700;
  font-style: italic;
  color: white;
}
.tpl_view_booking .uk-accordion-title:before {
  display: none;
}
.tpl_view_booking .uk-flex {
  padding-top: 10px;
}
.tpl_view_booking .uk-flex:not(:last-child) {
  border-bottom: solid 1px var(--text-primary);
}
.tpl_view_booking .date {
  margin-bottom: 10px;
  width: 200px;
}
.tpl_view_booking .title {
  color: var(--accent-link);
  margin-bottom: 10px;
}
.tpl_view_booking .message {
  margin-bottom: 10px;
  width: calc(100% - 200px);
}
.tpl_view_booking .message p:last-child {
  margin-bottom: 0;
}
.tpl_view_booking .acf-label {
  margin: 0 !important;
}
.tpl_view_booking .acf-field.acf-field-repeater {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.tpl_view_booking .registration-form table th[data-name="photo"],
.tpl_view_booking .registration-form table td[data-name="photo"] {
  display: none;
}
.tpl_view_booking .photo-form table th[data-name="first_name"],
.tpl_view_booking .photo-form table td[data-name="first_name"],
.tpl_view_booking .photo-form table th[data-name="last_name"],
.tpl_view_booking .photo-form table td[data-name="last_name"] {
  display: none;
}
.tpl_view_booking #scl-form-registration th[data-name="photo_autorisation_upload"],
.tpl_view_booking #scl-form-registration td[data-name="photo_autorisation_upload"],
.tpl_view_booking #scl-form-registration th[data-name="safety_rules"],
.tpl_view_booking #scl-form-registration td[data-name="safety_rules"] {
  display: none !important;
}
.tpl_view_booking #scl-form-photoAutorisationUpload th[data-name="first_name"],
.tpl_view_booking #scl-form-photoAutorisationUpload td[data-name="first_name"],
.tpl_view_booking #scl-form-photoAutorisationUpload th[data-name="last_name"],
.tpl_view_booking #scl-form-photoAutorisationUpload td[data-name="last_name"],
.tpl_view_booking #scl-form-photoAutorisationUpload th[data-name="safety_rules"],
.tpl_view_booking #scl-form-photoAutorisationUpload td[data-name="safety_rules"] {
  display: none !important;
}
.tpl_view_booking #scl-form-safetyRules th[data-name="first_name"],
.tpl_view_booking #scl-form-safetyRules td[data-name="first_name"],
.tpl_view_booking #scl-form-safetyRules th[data-name="last_name"],
.tpl_view_booking #scl-form-safetyRules td[data-name="last_name"],
.tpl_view_booking #scl-form-safetyRules th[data-name="photo_autorisation_upload"],
.tpl_view_booking #scl-form-safetyRules td[data-name="photo_autorisation_upload"] {
  display: none !important;
}
.scl-excel-paste {
  border: 1px dashed var(--accent-link);
}
/* === User Profile === */
#usereditmodal .uk-modal-dialog {
  border: solid 1px var(--modal-border-color);
  border-radius: var(--border-radius);
}
#usereditmodal .useritem {
  margin-bottom: 20px;
}
#usereditmodal .scl-button {
  margin-top: 10px;
}
#usereditmodal label {
  display: block;
  margin-bottom: 10px;
}
#usereditmodal input[type=text],
#usereditmodal input[type=email],
#usereditmodal input[type=phone],
#usereditmodal textarea {
  width: 100%;
}
/* === Bookings Table === */
.bookingtable {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.bookingtable thead th {
  color: var(--accent-link);
  font-weight: 700;
}
.bookingtable thead th:not(.center) {
  text-align: left;
}
.bookingtable thead th.date {
  min-width: 70px;
}
.bookingtable thead th.workshop {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 200px;
}
.bookingtable thead th.status {
  width: 160px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bookingtable thead th.view {
  width: 80px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bookingtable thead th.documents {
  width: 110px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bookingtable thead th.cancel {
  width: 80px;
}
.bookingtable tbody tr {
  border-top: solid 1px var(--text-muted);
}
.bookingtable tbody .workshop {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bookingtable tbody .circle {
  display: inline-block;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.bookingtable tbody .circle.pending {
  background-color: var(--status-warning);
}
.bookingtable tbody .circle.approved {
  background-color: var(--status-success);
}
.bookingtable tbody .circle.canceled,
.bookingtable tbody .circle.rejected {
  background-color: var(--status-danger);
}
.bookingtable tbody .cancelbutton {
  background: var(--color-transparent);
  border: none;
}
/* === Cancel Modal === */
[id^=cancelbookingmodal_] .uk-modal-dialog {
  border: solid 1px var(--modal-border-color);
  border-radius: var(--border-radius);
}
/* === ACF Form === */
.acf-input .acf-repeater .acf-table {
  background: var(--color-transparent);
  border: none;
  margin-bottom: 15px;
}
.acf-input .acf-repeater .acf-table th,
.acf-input .acf-repeater .acf-table td {
  background: var(--color-transparent);
  border-left: none;
  border-right: none;
  border-color: var(--text-muted);
  padding-left: 0;
}
.acf-input .acf-repeater .acf-table .acf-fields.-left > .acf-field:before {
  background: var(--color-transparent);
}
.acf-input .acf-repeater .acf-table .message,
.acf-input .acf-repeater .acf-table #message {
  display: none;
}
.acf-actions a {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  border: none;
  color: var(--accent-link);
}
.acf-actions a:hover {
  color: var(--accent-link);
}
.acf-form-submit {
  margin-top: 14px;
}
.acf-form-submit input {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: var(--main-button-text-font-size);
}
.acf-field-62a05bd0a76b4 {
  padding: 0 !important;
}
.acf-input .acf-repeater .acf-table .acf-fields.-left > .acf-field:before {
  border: none;
}
/* === Form === */
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=tel],
textarea,
select {
  -webkit-box-shadow: 0px 3px 6px var(--shadow-soft);
          box-shadow: 0px 3px 6px var(--shadow-soft);
  background-color: var(--main-input-field-background-color);
  border: var(--main-border-size) solid var(--modal-border-color);
  color: var(--text-muted);
  padding: 4px 8px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 1.4;
  font-family: var(--body-font);
}
textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 150px;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
  -webkit-box-shadow: none !important;
  -webkit-text-fill-color: var(--text-muted) !important;
}
.wpcf7 .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 25px;
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='tel'],
.wpcf7 input[type='date'],
.wpcf7 input[type='number'],
.wpcf7 input[type='datetime-local'],
.wpcf7 textarea {
  font-family: var(--body-font);
  width: 100%;
  color: var(--brand-primary);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 16px;
  border: 3px solid var(--brand-primary);
  border-radius: 0;
  margin-bottom: 5px;
  padding: 13px 20px 13px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wpcf7 input[type='text']::-webkit-input-placeholder, .wpcf7 input[type='email']::-webkit-input-placeholder, .wpcf7 input[type='tel']::-webkit-input-placeholder, .wpcf7 input[type='date']::-webkit-input-placeholder, .wpcf7 input[type='number']::-webkit-input-placeholder, .wpcf7 input[type='datetime-local']::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--text-primary);
  opacity: 1;
  /* Firefox */
}
.wpcf7 input[type='text']::-moz-placeholder, .wpcf7 input[type='email']::-moz-placeholder, .wpcf7 input[type='tel']::-moz-placeholder, .wpcf7 input[type='date']::-moz-placeholder, .wpcf7 input[type='number']::-moz-placeholder, .wpcf7 input[type='datetime-local']::-moz-placeholder, .wpcf7 textarea::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--text-primary);
  opacity: 1;
  /* Firefox */
}
.wpcf7 input[type='text']:-ms-input-placeholder, .wpcf7 input[type='email']:-ms-input-placeholder, .wpcf7 input[type='tel']:-ms-input-placeholder, .wpcf7 input[type='date']:-ms-input-placeholder, .wpcf7 input[type='number']:-ms-input-placeholder, .wpcf7 input[type='datetime-local']:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--text-primary);
  opacity: 1;
  /* Firefox */
}
.wpcf7 input[type='text']::-ms-input-placeholder, .wpcf7 input[type='email']::-ms-input-placeholder, .wpcf7 input[type='tel']::-ms-input-placeholder, .wpcf7 input[type='date']::-ms-input-placeholder, .wpcf7 input[type='number']::-ms-input-placeholder, .wpcf7 input[type='datetime-local']::-ms-input-placeholder, .wpcf7 textarea::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--text-primary);
  opacity: 1;
  /* Firefox */
}
.wpcf7 input[type='text']::placeholder,
.wpcf7 input[type='email']::placeholder,
.wpcf7 input[type='tel']::placeholder,
.wpcf7 input[type='date']::placeholder,
.wpcf7 input[type='number']::placeholder,
.wpcf7 input[type='datetime-local']::placeholder,
.wpcf7 textarea::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--text-primary);
  opacity: 1;
  /* Firefox */
}
.wpcf7 input[type='text']:-ms-input-placeholder,
.wpcf7 input[type='email']:-ms-input-placeholder,
.wpcf7 input[type='tel']:-ms-input-placeholder,
.wpcf7 input[type='date']:-ms-input-placeholder,
.wpcf7 input[type='number']:-ms-input-placeholder,
.wpcf7 input[type='datetime-local']:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--text-primary);
}
.wpcf7 input[type='text']::-ms-input-placeholder,
.wpcf7 input[type='email']::-ms-input-placeholder,
.wpcf7 input[type='tel']::-ms-input-placeholder,
.wpcf7 input[type='date']::-ms-input-placeholder,
.wpcf7 input[type='number']::-ms-input-placeholder,
.wpcf7 input[type='datetime-local']::-ms-input-placeholder,
.wpcf7 textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--text-primary);
}
.wpcf7 select {
  height: auto;
  width: 100%;
  margin: 0 0 6px 0;
  font-size: 16px;
  border: 3px solid var(--brand-primary);
  border-radius: 0;
  font-family: var(--body-font);
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 13px 34px 13px 20px;
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 20px;
}
.wpcf7 textarea {
  height: 170px;
  max-height: 500px;
  max-width: 100%;
}
.wpcf7 .imprintlink {
  display: block;
  margin: 30px 0;
}
.wpcf7 button[type="submit"],
.wpcf7 input[type="submit"] {
  font-family: var(--body-font);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  position: relative;
  color: var(--text-primary);
  border: solid 3px var(--brand-primary);
  background-repeat: no-repeat;
  background-position: 92% 50%;
  background-size: 20px;
  padding: 5px 50px 5px 10px;
  border-radius: 0;
  font-size: 16px;
  cursor: pointer;
}
.wpcf7 button[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover {
  color: var(--brand-primary);
}
.wpcf7-validation-errors,
.wpcf7-validation-errors,
.wpcf7-acceptance-missing,
.wpcf7-not-valid-tip {
  color: red !important;
  border: 0 !important;
  margin: 0 !important;
  display: block;
  font-size: 14px;
}
.uk-form-label {
  color: white;
}
.captcha-image {
  border: none !important;
  background-color: var(--status-success-ghost);
  margin-bottom: 5px;
}
.wpcf7-response-output {
  margin-top: 5px;
}
.wpcf7-acceptance .wpcf7-list-item {
  margin: 0 !important;
}
.wpcf7-acceptance .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.wpcf7-acceptance .wpcf7-list-item label input {
  margin-top: 5px;
  margin-right: 15px;
}
.screen-reader-response {
  display: none;
}
/* === SVG === */
.st8,
.st0,
.st4 {
  fill: var(--color-transparent) !important;
}