/* Exposure 50 Regular */
@font-face {
  font-family: 'Exposure 50';
  src:url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8427/fonts/Exposure-50-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Neuzeit Grotesk TOT Regular */
@font-face {
  font-family: 'Neuzeit Grotesk TOT';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8427/fonts/NeuzeitGroteskTOT-Reg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Neuzeit Grotesk TOT';
  font-weight: 400;
  font-style: normal;
  color: #4D03FD;
  text-align: center;
  border-radius: 50px;
  background-color: #460BF3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
}

header, footer{
  background-color: #ffffff;
}

main {
  margin-top: 20px;
}

.purple {
  color: #460BF3;
}

.purple-bg {
  background-color: #460BF3;
}

.purple-txt {
  color: #4D03FD;
}

.logo{

width: 82px;
}

.headline{
  width: 190px;
}
 
.seeTickets{
  width: 250px;
}

.container-main{
  background-color: #460BF3 ;
  margin-top: -20px;
  max-width: 1199px;
  }
.container{
  max-width: 1200px;
}

.custom-btn {
  /* display: inline-block; */
  position: relative;
  background-color: #fff;
  color: #4D03FD;
  border-radius: 39px;
  font-size: 32px;
  text-decoration: none;
  text-transform: lowercase;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  height: 57px;
  
}

.custom-btn:hover{
    background-color: #fff;
    /* color: #4D03FD; */
    color: #2900a2;
}

.custom-btn::before {
  content: "";
  position: absolute;
  inset: 2px;
  border: 2px solid #4D03FD;
  border-radius: 39px;
  pointer-events: none;

}

  .custom-btn:hover::before {
    border-color: #2900a2; 

  }

.title,
.small-text,
.custom-btn {

  font-family: 'Exposure 50',Arial,sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.title{

  text-align: center;
  font-family: 'Exposure 50';
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;

}

.small-text {
  font-size: 11px;
  line-height: 15px;
}

.main-text {
  font-family: 'Neuzeit Grotesk TOT';
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  
}

.short-terms {
  font-family: 'Neuzeit Grotesk TOT';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0.2px;

}

.number{
  width: 69px;
}

.form-control {
border-radius: 1.8rem;
color: #4D03FD;
letter-spacing: 0.28px;
/* text-transform: lowercase; */
height: 38px !important;
}

.form-floating>label {

  padding-top: 7px;
}

.form-check-input[type=checkbox] {
  border-radius: 1.25em;
  width: 22px;
  height: 22px;
}

.invalid-feedback {

  color: #a1fcff;;
  text-align: start;
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #a1fcff;;
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #ffffff;
}

.receipt-box {
    position: relative;
      /* background: #4D03FD; */
      color: #fff;
      border: 1px solid #fff;
      border-radius: 25px;
    }




.receipt-img {
  max-width: 80px;
  height: auto;
  display: block;
}


.receipt-text {
  font-size: 13px;
  /* line-height: 1.5; */
}


.arrow-left {
font-size: 14px;
  margin-right: 4px;
  vertical-align: top;
}

.drinkware {
  max-width: 220px;

}

.drinkware-logo {
  height: 40px;
  width: auto;
}

.insta-logo {
  height: 26px;
  width: auto;
}

.footer-img {
  display: block;
  border-bottom: 8px solid #460BF3;
  max-width: 1200px;
}

.voucher {
 width: 250px;
 
}

.upload-label {
  display: block;
  /* padding: 12px 18px; */
  background: #fff;
  color: #4D03FD;
  border-radius: 1.8rem;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px #4D03FD;
  letter-spacing: 0.28px;
    height: 41px;
    text-align: start;
    padding: 9px 0px 10px 12px;
}

.too-early .faqs-table{
  display: none;
}

.age-verification .faqs-table{
  display: none;
}

li ol {
  padding-left: 1rem;
}

ul {
  padding-left: 10px;
}

ol,
ul {
  padding-left: 1rem;
}

.modal-content {
  background-color: #460BF3;
  color: #fff;
}

.btn-close {

  filter: invert(1);
}

@media (min-width: 768px) {
.logo {
  width: 128px;
}

.headline {
  width: 262px;
}

.seeTickets {
  width: 330px;
}

.short-terms {
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.4px;
}

.small-text {
  font-size: 13px;
}

.voucher {
  width: 300px;

}

.title {


  font-size: 29px;
  line-height: 37px;

}
}

/* faqs-table */
#accordionFaq {
  position: relative;
  background-color: #4D03FD;
  border-radius: 39px;
  padding: 14px;
  overflow: hidden;
}

#accordionFaq::before {
  content: "";
  position: absolute;
  inset: 10px;

  border: 2px solid #fff;
  border-radius: calc(39px - 10px);

  pointer-events: none;
  z-index: 10;

}

/* Items/Buttons */
#accordionFaq .accordion-item {
  background: transparent;
  border: 0;
}

#accordionFaq .accordion-button {
  background-color: #4D03FD;
  color: #fff;
  font-size: 16px !important;
  border-radius: 0 !important;
  box-shadow: none;
  padding: 18px 22px;
  
}

/* white lines */
#accordionFaq .accordion-item:not(:last-child) .accordion-button.collapsed {
  border-bottom: 2px solid rgba(255, 255, 255, 0.9);
}

#accordionFaq .accordion-button:not(.collapsed) {
  border-bottom: 0 !important;
}

#accordionFaq .accordion-item:not(:last-child) .accordion-collapse {
  border-bottom: 2px solid rgba(255, 255, 255, 0.9);
}


#accordionFaq .accordion-body {
  background-color: #fff;
  color: #4D03FD;
  font-size: 13px !important;
  text-align: start;
  border-radius: 0 !important;
  padding: 20px 22px;
}


.accordion-button::after {
  filter: invert(1);
}

/* Tempus Dominus styling to match project theme */
.tempus-dominus-widget {
  background-color: #460BF3 !important;
  border: 2px solid #fff !important;
  border-radius: 25px !important;
  color: #fff !important;
}

.tempus-dominus-widget :focus {
  box-shadow: none;
}

.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active {
  background-color: #2900a2 !important
}

.time-container-clock div:has(i.fa-solid):hover,
.calendar-header div:has(i.fa-solid):hover,
.time-container-clock div[data-action="showHours"]:hover,
.time-container-clock div[data-action="showMinutes"]:hover,
.time-container-hour div[data-action="selectHour"]:hover,
.time-container-minute div[data-action="selectMinute"]:hover,
.date-container-days div[data-action="selectDay"]:hover,
.date-container-months div[data-action="selectMonth"]:hover,
.date-container-years div[data-action="selectYear"]:hover,
.toolbar div:has(i.fa-solid):hover {
  background-color: #fff !important;
  color: #4D03FD !important;
  border-radius: 40px !important;
  position: relative !important;
}

.time-container-clock div:has(i.fa-solid):hover::before,
.calendar-header div:has(i.fa-solid):hover::before,
.time-container-clock div[data-action="showHours"]:hover::before,
.time-container-clock div[data-action="showMinutes"]:hover::before,
.time-container-hour div[data-action="selectHour"]:hover::before,
.time-container-minute div[data-action="selectMinute"]:hover::before,
.date-container-days div[data-action="selectDay"]:hover::before,
.date-container-months div[data-action="selectMonth"]:hover::before,
.date-container-years div[data-action="selectYear"]:hover::before,
.toolbar div:has(i.fa-solid):hover::before {
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border: 2px solid #4D03FD !important;
  border-radius: 40px !important;
  pointer-events: none !important;
}

/* Tempus Dominus v6 time picker styling */
.tempus-dominus-widget .time-container-clock {
  background-color: #460BF3 !important;
  border-radius: 40px !important;
}

.tempus-dominus-widget .time-container-hour,
.tempus-dominus-widget .time-container-minute {
  background-color: #460BF3 !important;
  border-radius: 40px !important;
}

.tempus-dominus-widget .time-container-hour div,
.tempus-dominus-widget .time-container-minute div {
  color: #fff !important;
  background-color: transparent !important;
  padding: 8px !important;
  margin: 2px !important;
  min-width: 40px !important;
  text-align: center !important;
}

.tempus-dominus-widget .time-container-hour div.selected,
.tempus-dominus-widget .time-container-minute div.selected {
  background-color: #fff !important;
  color: #460BF3 !important;
}

.tempus-dominus-widget .time-separator {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin: 0 10px !important;
}

/* Tempus Dominus v6 calendar styling */
.tempus-dominus-widget .calendar-header .previous,
.tempus-dominus-widget .calendar-header .next {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  height: 25px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px !important;
}

.tempus-dominus-widget .date-container-days {
  background-color: #460BF3 !important;
}

.tempus-dominus-widget .calendar-header .month,
.tempus-dominus-widget .calendar-header .year {
  color: #fff !important;
}

.tempus-dominus-widget .date-container-days div {
  color: #fff !important;
}

.tempus-dominus-widget .date-container-days div.selected {
  background-color: #fff !important;
  color: #460BF3 !important;
}

.tempus-dominus-widget .date-container-days div.today {
  border: 2px solid #fff !important;
}

.tempus-dominus-widget .date-container-days div.today.selected {
  background-color: #fff !important;
  color: #460BF3 !important;
}

/* Disabled dates styling */
.tempus-dominus-widget .date-container-days div.disabled {
  color: #ffffff73 !important;
  background-color: transparent !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

.tempus-dominus-widget .date-container-days div.disabled:hover {
  background-color: transparent !important;
  color: #ffffff73 !important;
}

.tempus-dominus-widget .date-container-days div.disabled:hover::before {
  display: none !important;
}