/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import "../libs/airdatepicker/air-datepicker.css";
@import "../libs/tinyslider/tns.css";


* {
  box-sizing: border-box;
}

button {
  border: none;
}

:root {
  --button-height: 48px;
}

.opabutton {
  height: var(--button-height);
  padding: 0 16px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-size: 16px;
}
.opabutton svg {
  width: 24px;
  height: 24px;
  fill: black;
  margin: 0 4px;
}
.opabutton.primary {
  background-color: #4d1eb2;
  color: white;
}
.opabutton.primary svg {
  fill: white!important;
}
.opabutton.primary.selected {
  background-color: #461ba2;
  color: white;
}
.opabutton.primary.selected svg {
  fill: white!important;
}
.opabutton.secondary {
  background-color: #E5E5E5;
  color: #4d1eb2;
}
.opabutton.secondary svg {
  fill: #461ba2!important;
}
.opabutton.secondary.selected {
  background-color: #461ba2;
  color: white;
}
.opabutton.secondary.selected svg {
  fill: white!important;
}
.opabutton.fill {
  width: 100%;
}

.opabutton-group {
  display: flex;
}
.opabutton-group > * {
  margin-right: 8px;
}
.opabutton-group > :last-child {
  margin-right: 0;
}
.opabutton-group.sticky > * {
  margin-right: 0px;
}
.opabutton-group.fill > * {
  flex: 1;
}
.opabutton-group.fill .opabutton {
  width: 100%;
}
.opabutton-group.slider {
  white-space: nowrap;
  overflow-x: auto;
}
.opabutton-group.vertical {
  flex-direction: column;
}
.opabutton-group.vertical > * {
  margin-right: 0px;
  margin-bottom: 8px;
}

.opabutton-group--vertical {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.opabutton-group--vertical > * {
  margin-bottom: 8px;
}
.opabutton-group--vertical > :last-child {
  margin-right: 0;
}

.button .opa-droptrigger--trail svg {
  transition: transform 0.1s ease-in-out;
  fill: black;
}

.button.active .opa-droptrigger--trail svg {
  transform: rotate(180deg);
}

.opalist {
  font-size: 14px;
  line-height: 120%;
  background-color: #ffffff;
  color: var(--wp--preset--color--dark-0);
}
.opalist > * {
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  cursor: pointer;
  color: #4d1eb2;
}
.opalist > *:hover {
  background-color: #f5f5f5;
}
.opalist > *.selected, .opalist > *.active {
  background-color: #f5f5f5;
}
.opalist .disable-list {
  color: red;
}

.tooltip-pop {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.slideIn-right {
  transition: 0.3s transform ease-in-out;
  transform: translateX(100%);
}
.slideIn-right.active, .slideIn-right.open {
  transform: none;
}

.slideIn-left {
  transition: 0.3s transform ease-in-out;
  transform: translateX(-100%);
}
.slideIn-left.active, .slideIn-left.open {
  transform: none;
}

.slideIn-bottom {
  transition: 0.3s transform ease-in-out;
  transform: translateY(100%);
}
.slideIn-bottom.active, .slideIn-bottom.open {
  transform: none;
}

.popIn {
  transition: 0.3s transform ease-in-out;
  transform: scale(0);
}

.popIn.active, .popIn.open {
  transform: scale(1);
}

.eventpage-content__description ul {
  list-style-type: circle;
  list-style-position: inside;
} 

.eventpage-content__description em {
  font-style: italic;
}