/*
semiq_fe_style.css - 26.06.2025 10:29:43 daZZen

SemiQ Event Verwaltung

YOU ARE NOT AUTHORISED TO CREATE ILLEGAL COPIES OF THIS
FILE AND/OR TO REMOVE THIS INFORMATION

SIE SIND NICHT BERECHTIGT, UNRECHTMÄSSIGE KOPIEN DIESER
DATEI ZU ERSTELLEN UND/ODER DIESE INFORMATIONEN ZU ENTFERNEN

This file is no freeware! For further
information please contact us via email:

Diese Datei ist keine Freeware! Für weitere
Informationen kontaktieren Sie uns per E-Mail:

Name       : semiq-events
Author     : David Jacob <jacob@smartvertical.com>
Version    : 1.1.4
Copyright  : 2023 - 2025
License    : UNLICENSED
*/

h1, h2, h3 {
  padding: 0;
  margin: 0;
  color: #005081;
  overflow: hidden;
}

h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3em;
}

h2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
}

#semiq-events-form, #semiq-events-form-detail, #semiq-events-booking-form {
  /*padding: 0 1em;*/
  width:100%;
  /*max-width:1140px;*/
  margin:0 auto;

  font-family: "Montserrat", Sans-serif;
  font-size: 16px;
  font-weight: 400;
}

#semiq-events-form input,
#semiq-events-form select,
#semiq-events-booking-form input,
#semiq-events-booking-form select{
  padding: 12px 24px;
  width: 100%;
}

#semiq-events-form input[type="checkbox"],
#semiq-events-form input[type="radio"],
#semiq-events-booking-form input[type="checkbox"],
#semiq-events-booking-form input[type="radio"] {
  width: 1rem;
  height: 1rem;
}

#semiq-events-booking-form textarea {
  min-height: 10rem;
}

#semiq-events-booking-form .long {
  width: 100%;
}

#semiq-events-booking-form .medium {
  width: 49%;
}

#semiq-events-booking-form .small {
  width: 23.5%;
}

#semiq-events-booking-form h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 5px;
  color: #000;
}

button, .btn {
  color: #fff;
  border-radius: 3px;
  font-size: 15px;
  text-align: center;
  padding: 12px 24px;
  transition: all .3s;
  display:inline-block;
  background-color: #97C11F;
  line-height: 1;
  font-weight: 600;
  border: 0;
  box-shadow: none;
  text-decoration: none;
}

.semiq-events-search-bar {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  margin-bottom: 1.5rem;
}

.semiq-events-search-bar > div {
  width:50%;
}

.semiq-events-search-bar div:last-child {
  text-align: right;
}

.semiq-events-search-bar input {
  max-width: calc(100% - 7rem);
}

.semiq-events-result-container {
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.semiq-sidebar {
  width: 25vw;
  display:flex;
  flex-direction: column;
  padding: .5rem;
  background-color: #005081;
  color: #fff;
}

.semiq-sidebar input {
  width: calc(100% - 1rem);
}

.semiq-sidebar select{
  width: 100%;
}

.semiq-sidebar div {
  padding: .5rem 0;
}

.semiq-sidebar label {
  display:block;
  width:100%;
}

.semiq-sidebar h2 {
  margin-bottom: 1rem;
  font-size:1rem;
}

.flex-col {
  display:flex;
  flex-direction: column;
}

.flex-row {
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.flex-row .items-center {
  justify-items: center;
}

.flex-row .items-start {
  justify-items: flex-start;
}

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

.flex-start input {
  margin-right: .5rem
}

#semiq-events-booking-form .flex-row{
  align-items: center;
  margin-bottom: 1rem;
  padding: .5rem 0;
}

#semiq-events-booking-form .flex-col {
  margin-bottom: 1rem;
}

#semiq-events-booking-form label a {
  color:#c36;
}

#semiq-events-booking-form input.alert {
  border: 1px solid #cf2e2e;
}

#semiq-events-booking-form label.alert {
  color: #cf2e2e;
}

#semiq-events-booking-form div.alert {
  margin: 1.5rem 0;
  padding: .5rem;
  font-weight: 600;
  color: #cf2e2e;
  border: 1px solid #cf2e2e;
  font-size: 1rem;
}

.semiq-result {
  width: 70vw;
  padding: 0 1rem 1rem 1rem;
  background-color: #fff;
}

.semiq-result h2,.semiq-result h3,.semiq-result h4{font-size:1.5rem;font-weight: 600;margin-top:0}

.detail-row {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-items: start;
  justify-content: flex-start;
  border-bottom: 1px solid silver;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
}

.detail-row .flex-col {
  width:100%;
}

.detail-row .date {
  width: 60px;
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  color: #005081;
}

.detail-row .date span {
  font-size: .85rem;
  color:#005081;;
  font-weight: 600;
}

.detail-row .details {
  display: flex;
  flex-direction: column;
  width: calc(100% - 150px);
  padding: 0 .5rem;
}

.detail-row .details h3 {
  font-size: 2rem;
  margin: 0 0 .2rem 0;
  color: rgb(216, 231, 128);
}

.detail-row .details .info {
  font-size: .8rem;
}

.detail-row .more {
  margin-top: .5rem;
  padding: 0 .5rem;
}

.detail-row .flex-col .flex-col {
  max-width: 8rem;
}

.detail-row .flex-col .btn {
  margin-bottom: .5rem;
  width: 100%;
}

.detail-row .content .desc {
  padding: .5rem 0;
  margin-bottom: .5rem;
}

#semiq-events-form #filter {
  padding: 1rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}

#semiq-events-form #filter #sorting,
#semiq-events-form #filter #paging {
  width: 50%;
  display: flex;
  flex-direction: row;
}

#semiq-events-form #filter #sorting {
  flex-wrap: wrap;
}

#semiq-events-form #filter #paging {
  flex-wrap: nowrap;
}

#semiq-events-form #filter #sorting {
  justify-content: flex-start;
}

#semiq-events-form #filter #sorting label {
  width:100%;
}

#semiq-events-form #filter #sorting select {
  width:auto;
}

#semiq-events-form #filter #paging {
  justify-content: flex-end;
}


#semiq-events-form #paging .page,
#semiq-events-form #paging .next,
#semiq-events-form #paging .prev,
#semiq-events-form #paging .first,
#semiq-events-form #paging .last{
  border: 1px solid #005081;
  padding: .25rem .5rem;
  margin-left: .25rem;
  background-color: #fff;
  color: #005081;
  cursor: pointer;
}

#semiq-events-form #paging .page.active {
  background-color:  #005081;
  color: #fff;
}

#semiq-events-form-detail .detail-row {
  align-items: stretch;
  border-bottom: none;
}

#semiq-events-form-detail .detail-row .circle{
  border: 1px solid #005081;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  margin-right: .3rem;
  background-color: #fff;
}

#semiq-events-form-detail .detail-row .circle.red {
  background-color: #cf2e2e;
}

#semiq-events-form-detail .detail-row .circle.yellow {
 background-color: #fcb900;
}

#semiq-events-form-detail .detail-row .circle.green {
  background-color: #97C11F;
}

#semiq-events-form-detail .detail-row .circle:last-child {
  margin-right: 0;
}


#semiq-events-form-detail .content {
  width: 66%;
  padding-right: .5rem;
}

#semiq-events-form-detail .details {
  width: 33%;
  border:1px solid #005081;
  color: #005081;
  padding: .5rem;
}

#semiq-events-form-detail .details > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: .5rem 0;
}

#semiq-events-form-detail .details .tiny {
  font-size: .7rem
}

#semiq-events-form-detail .link {
  width:100%;
}

#semiq-events-form-detail .link a {
  width: 100%;
  color: #fff;
  font-weight: 600;
}

.mandantory::before {
  display: inline-block;
  content: '*';
  margin-right: 5px;
}

.p-0 {
  padding:0!important;
}

.mb-0 {
  margin-bottom: 0!important;
}

.mb-3 {
  margin-bottom: 1.5rem!important;
}

.mb-1 {
  margin-bottom: .5rem!important;
}