/* benjamin added 2024 */



/* profile */
.olc > .container {
    max-width: unset!important;
}

.header-md {
    font-family: "Libre Franklin";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: black;
}

.header-xs {
    font-family: "Libre Franklin";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
}

#events .active-event h1, #events .active-event h3, #events .active-event span, #events .active-event a {
    color: white !important;
    text-decoration: none;
}

#events .event-card span:not(:first-child) {
    margin-top: 9px;
}

/* /profile */



.personal-information-btn {
  display: table;
  clear: inline-start;
  background: white;
  color: black !important;
  text-decoration: none !important;
  padding: 4px;
  border-radius: 9px;
  margin-top: 10px;
  width: 150px;
  text-align: center !important;
  font-size: 18px;
}

.selectize-input {
  display: block !important;
  width: 250px !important;
  /* Set your desired constant width */
}

.selectize-input .item {
  display: inline-block !important;
}

.selectize-input.items.has-options.full.has-items > .item {
  background: none;
}
.evemt-filters-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.filter-padding {
  margin-left: 20px;
}
.radius-15{
  border-radius: 15px!important;
}
.checkbox-margin {
  margin: 10px;
}
.main form a.btn {
  padding-bottom: 10px;
  box-shadow: none;
}

/* END */

/* logreg HACK */

#logWrap:target,
#logWrap.show {
  display: block;
}

/* MODAL */
/* demo only */
.flex {
  display: flex;
}

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

.align-start {
  justify-content: start;
}

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

/* end demo */

.modal {
  display: none;
}

.modal--show,
.modal--hide {
  display: flex;
}

/* classes fired by js for animation control */
.modal-trigger {
  cursor: pointer;
}

/* This is on the wrapper for the whole modal */
.modal--align {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.modal__container {
  position: relative;
  width: 100%;
  max-width: 480px;
  max-height: 1050px;
  padding: 40px;
  margin: 12px;
  background: #fff;
}

.modal__container input {
  width: 100%;
}

.modal__container #autoenroll-choice-wrap {
  margin-top: 14px;
}

.modal__container h1 {
  margin-bottom: 11px;
}

.modal__container .modal-row {
  margin-top: 14px;
}

.modal__container .modal-row span {
  padding-left: 4px;
}

.modal__container .modal-row span.error {
  margin-bottom: 0px;
}

.olc p.error + p.error,
.olc span.error + span.error {
  display: none;
}

/* The .modal__close class is used in js but is modified '--x' here */
.modal__close--x {
  font-size: 30px;
  /* this is only because we use unicode for the X in this case */
  position: absolute;
  top: 40px;
  right: 40px;
  color: #d0d0d0;
}
.gallery .overlay {
	transition: 0.2s background-color;
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, .05) 50% 50%;
	width: 100%;
	height: 100%;
	}

/* As there is no href to avoid the hash being added to the URL when clicked we add a pointer */
/* This 'x' is hidden from screen readers as there is an accessible close button in the modal */
.modal__close--x:hover {
  cursor: pointer;
}

/* Animations */
/* Open */
.modal.modal--show {
  animation: modal-open 0.3s;
}

@keyframes modal-open {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* Close */
.modal.modal--hide {
  animation: modal-close 0.3s;
}

@keyframes modal-close {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* END MODAL */

.g-recaptcha {
  margin-top: 14px;
  height: 78px;
}

.modal p a {
  box-shadow: 0 -2px #00a6b4 inset;
  padding-bottom: 1px;
}
.modal .password-toggle-icon {
  font-size: 26px;
  cursor: pointer;
  position: fixed;
  padding-top: 16px;
  padding-left: 6px;
}