/*__GENERATED_FROM_LIBRARY__*/
/*PREFERENCES STYLE*/
.form-all {
  font-family: "Inter", sans-serif;
}
.form-all {
  max-width: 920px;
  width: 100%;
}
.form-label.form-label-auto {
  display: block;
  float: none;
  text-align: left;
  width: 100%;
}
.form-label.form-label-left,
.form-label.form-label-right,
.form-label.form-label-left.form-label-auto,
.form-label.form-label-right.form-label-auto {
  width: 230px;
}
.form-all {
  font-size: 15px;
}
.form-textbox,
.form-textarea,
.form-dropdown,
.form-radio-other-input,
.form-checkbox-other-input,
.form-captcha input,
.form-spinner input {
  background-color: #ffffff;
}
.form-line {
  margin-top: 16px;
  margin-bottom: 16px;
}
.supernova .form-all,
.form-all {
  background-color: #FFFFFF;
}
.supernova {
  background: #f3f3fe;
}
.supernova body {
  background-color: transparent;
}

    .form-all {
      --clrText: #2c3345;
      color: #2c3345;
    }
    .form-label-top,
    .form-label-left,
    .form-label-right,
    .form-html,
    .form-checkbox-item label,
    .form-radio-item label,
    span.FITB .qb-checkbox-label,
    span.FITB .qb-radiobox-label,
    span.FITB .form-radio label,
    span.FITB .form-checkbox label,
    [data-blotid][data-type=checkbox] [data-labelid],
    [data-blotid][data-type=radiobox] [data-labelid],
    span.FITB-inptCont[data-type=checkbox] label,
    span.FITB-inptCont[data-type=radiobox] label {
      color: #2c3345;
    }
    .form-sub-label {
      color: #464d5f;
    }
  /*PREFERENCES STYLE*/
.form-radio-item,
.form-checkbox-item {
  padding-bottom: 0px;
}
.form-radio-item:last-child,
.form-checkbox-item:last-child {
  padding-bottom: 0;
}
.form-checkbox-item .form-checkbox + label,
.form-checkbox-item .form-checkbox + span {
  padding-left: 30px;
}
.form-radio-item .form-radio + label,
.form-radio-item .form-radio + span {
  padding-left: 30px;
}
.form-single-column .form-checkbox-item,
.form-single-column .form-radio-item {
  width: 100%;
}
.form-checkbox-item .editor-container div,
.form-radio-item .editor-container div {
  position: relative;
}
.form-checkbox-item .editor-container div:before,
.form-radio-item .editor-container div:before {
  display: inline-block;
  vertical-align: middle;
  left: 0;
  width: 20px;
  height: 20px;
}
.form-checkbox-item,
.form-radio-item input {
  margin-top: 2px;
}
.form-line .form-checkbox:checked + label:before,
.form-line .form-checkbox:checked + span:before {
  background-color: #2c3345;
  border-color: #2c3345;
}
.form-line .form-radio:checked + label:before,
.form-line .form-radio:checked + span:before {
  border-color: #2c3345;
}
.form-line .form-radio:checked + label:after,
.form-line .form-radio:checked + span:after {
  background-color: #2c3345;
}
.form-line .form-checkbox:hover + label:before,
.form-line .form-checkbox:hover + span:before,
.form-line .form-radio:hover + label:before,
.form-line .form-radio:hover + span:before {
  border-color: rgba(44,51,69,0.5);
  box-shadow: 0 0 0 2px rgba(44,51,69,0.25);
}
.form-line .form-checkbox:focus + label:before,
.form-line .form-checkbox:focus + span:before,
.form-line .form-radio:focus + label:before,
.form-line .form-radio:focus + span:before {
  border-color: rgba(44,51,69,1);
  box-shadow: 0 0 0 3px rgba(44,51,69,0.25);
}
.submit-button {
  font-size: 15px;
  font-weight: normal;
  font-family: inherit;
}
.submit-button {
  min-width: 180px;
}
.form-all .form-pagebreak-back,
.form-all .form-pagebreak-next {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: normal;
}
.form-all .form-pagebreak-back,
.form-all .form-pagebreak-next {
  min-width: 128px;
}
.supernova {
  background: url("https://www.jotform.com/uploads/VrystaatArtsFestival/form_files/Meerkats%20-%2030%20July%202026%20at%2010.45.14-4%20(1)-6a914909130869.89650857.png") fixed no-repeat center top;
}
.supernova {
    background-size: cover;

}
.form-line-error {
  background-color: #ffd6d6;
}
.supernova .form-all,
.form-all {
  background-color: #FFFFFF;
}

/*FORM LAYOUT PRESETS*/
.supernova.transparent-form .form-all {
  background-color: rgba(255,255,255,0.25);
  background-image: none;
  box-shadow: none;
}
.supernova.transparent-form .form-header-group {
  border-bottom: none;
}
.supernova.transparent-form .form-buttons-wrapper, .supernova.transparent-form .form-submit-clear-wrapper, .supernova.transparent-form .form-pagebreak {
  border-top: none;
}
.supernova.overlay-form .form-all {
  background-color: rgba(255,255,255,0);
  background-image: none;
  box-shadow: none;
}
.supernova.overlay-form .form-header-group {
  border-bottom: none;
}
.supernova.overlay-form .form-buttons-wrapper, .supernova.overlay-form .form-submit-clear-wrapper, .supernova.overlay-form .form-pagebreak {
  border-top: none;
}
.supernova.stacked-form .form-all {
  background: transparent;
  box-shadow: none;
  border-radius: 8px;
}
.supernova.stacked-form .form-line,
.supernova.stacked-form li:has(.form-pagebreak) {
  background-color: #FFFFFF;
  padding: 20px 32px;
  margin: 20px 0 !important;
  border-radius: 8px;
}
.supernova.stacked-form li[data-type=control_head] {
  background-color: #FFFFFF;
  padding: 0;
  margin: 20px 0 !important;
  border-radius: 8px;
}
.supernova.stacked-form [data-type="control_text"] {
  padding: 20px 32px 0;
}
.supernova.stacked-form li:first-child .form-header-group {
  border-radius: 8px;
}
.supernova.stacked-form .form-header-group {
  border-bottom: none;
  margin: 0 !important;
  padding: 24px 32px;
}
.supernova.stacked-form div.form-header-group.header-large,
.supernova.stacked-form div.form-header-group.hasImage {
  padding: 48px 32px;
}
.supernova.stacked-form .form-buttons-wrapper,
.supernova.stacked-form .form-submit-clear-wrapper,
.supernova.stacked-form .form-pagebreak {
  border-top: none;
  margin: 0;
  padding: 0;
}
.supernova.stacked-form .form-textbox,
.supernova.stacked-form .form-textarea,
.supernova.stacked-form .form-dropdown {
  border-radius: 8px;
}

@media (min-width: 768px) {
  .supernova.floating-right-form .form-all {
    margin-left: auto !important;
    margin-right: 100px !important;
    margin-top: 0 !important;
  }
  .supernova.floating-right-form .form-page-cover-image-wrapper {
    margin: 0 100px 0 auto !important;
  }
}
@media (min-width: 768px) {
  .supernova.floating-left-form .form-all {
    margin-left: 100px !important;
    margin-right: auto !important;
    margin-top: 0 !important;
  }
  .supernova.floating-left-form .form-page-cover-image-wrapper {
    margin: 0 auto 0 100px !important;
  }
}
@media (min-width: 768px) {
  html.split-left-form {
    height: 100%;
  }
  .supernova.split-left-form .form-all {
    max-width: 1100px;
    width: 100%;
    
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: calc(50% + 209px);
    left: 50%;
    transform: translate(-50%, calc(-50% - (209px / 2)));
    margin-top: 0 !important;
    border-radius: 12px;
  }
  .supernova.split-left-form .form-page-cover-image-wrapper {
    max-width: 1100px !important;
    max-height: 250px;
    overflow: hidden;
  }
  .supernova.split-left-form .form-section {
    width: 55%;
    margin-left: auto !important;
    height: 600px;
    overflow-y: auto !important;
    background-color: #FFFFFF;
    border-radius: 0 12px 12px 0;
  }
}
@media (min-width: 768px) {
  html:has(.split-right-form) {
    height: 100%;
  }
  .supernova.split-right-form .form-all {
    max-width: 1100px;
    width: 100%;
    
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: calc(50% + 209px);
    left: 50%;
    transform: translate(-50%, calc(-50% - (209px / 2)));
    margin-top: 0 !important;
    border-radius: 12px;
  }
  .supernova.split-right-form .form-page-cover-image-wrapper {
    max-width: 1100px !important;
    max-height: 250px;
    overflow: hidden;
  }
  .supernova.split-right-form .form-section {
    width: 55%;
    margin-right: auto !important;
    height: 600px;
    overflow-y: auto !important;
    background-color: #FFFFFF;
    border-radius: 12px 0 0 12px;
  }
}
@media (min-width: 768px) {
  .stageScroller.supernova.floating-left-form .form-all,
  .stageScroller.supernova.floating-right-form .form-all,
  .supernova.jf-editor-preview.floating-left-form .form-all,
  .supernova.jf-editor-preview.floating-right-form .form-all {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .stageScroller.supernova.split-left-form .form-all,
  .stageScroller.supernova.split-right-form .form-all,
  .supernova.jf-editor-preview.split-left-form .form-all,
  .supernova.jf-editor-preview.split-right-form .form-all {
    position: unset !important;
    top: unset !important;
    left: unset !important;
    transform: unset !important;
  }

  .stageScroller.supernova.split-left-form .form-section,
  .stageScroller.supernova.split-right-form .form-section,
  .jf-editor-preview.supernova.split-left-form .form-section,
  .jf-editor-preview.supernova.split-right-form .form-section {
    height: 560px;
  }
}

.JotFormBuilder #stage.stacked-form .form-input-wide[data-type=control_head] {
  margin: 20px 0 !important;
}
@media (min-width: 768px) {
  .supernova.two-columns-form .form-section.page-section > li.form-line:not([data-type="control_head"]):not([data-type="control_pagebreak"]):not([data-type="control_divider"]):not([data-type="control_button"]):not([data-type="control_appointment"]):not([data-type="control_address"]):not([data-type="control_matrix"]) {
    float: left;
    clear: none;
    width: calc(100% / 2 - 8px);
    box-sizing: border-box;
    margin-left: 4px;
    margin-right: 4px;
  }
  .supernova.two-columns-form .form-section.page-section > li[data-type="control_head"],
.supernova.two-columns-form .form-section.page-section > li[data-type="control_pagebreak"],
.supernova.two-columns-form .form-section.page-section > li[data-type="control_divider"],
.supernova.two-columns-form .form-section.page-section > li[data-type="control_button"],
.supernova.two-columns-form .form-section.page-section > li[data-type="control_appointment"],
.supernova.two-columns-form .form-section.page-section > li[data-type="control_address"],
.supernova.two-columns-form .form-section.page-section > li[data-type="control_matrix"],
  .supernova.two-columns-form [data-type="control_pagebreak"],
  .supernova.two-columns-form .form-buttons-wrapper {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .supernova.two-columns-form li.form-line:not(.form-line-column) .form-input-wide[data-layout=half] {
    width: 100%;
  }
  .supernova.two-columns-form .page-section > li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]),
  .supernova.two-columns-form .page-section > li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) {
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  .supernova.three-columns-form .form-section.page-section > li.form-line:not([data-type="control_head"]):not([data-type="control_pagebreak"]):not([data-type="control_divider"]):not([data-type="control_button"]):not([data-type="control_appointment"]):not([data-type="control_address"]):not([data-type="control_matrix"]) {
    float: left;
    clear: none;
    width: calc(100% / 3 - 8px);
    box-sizing: border-box;
    margin-left: 4px;
    margin-right: 4px;
  }
  .supernova.three-columns-form .form-section.page-section > li[data-type="control_head"],
.supernova.three-columns-form .form-section.page-section > li[data-type="control_pagebreak"],
.supernova.three-columns-form .form-section.page-section > li[data-type="control_divider"],
.supernova.three-columns-form .form-section.page-section > li[data-type="control_button"],
.supernova.three-columns-form .form-section.page-section > li[data-type="control_appointment"],
.supernova.three-columns-form .form-section.page-section > li[data-type="control_address"],
.supernova.three-columns-form .form-section.page-section > li[data-type="control_matrix"],
  .supernova.three-columns-form [data-type="control_pagebreak"],
  .supernova.three-columns-form .form-buttons-wrapper {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .supernova.three-columns-form li.form-line:not(.form-line-column) .form-input-wide[data-layout=half] {
    width: 100%;
  }
  .supernova.three-columns-form .page-section > li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]),
  .supernova.three-columns-form .page-section > li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) {
    margin-top: 16px;
  }
}
/*FORM LAYOUT PRESETS*/


/*__INSPECT_SEPERATOR__*/

:root{--vaf-wine:#702044;--vaf-coral:#e58272;--vaf-ink:#211f1b;--vaf-bone:#f4f0e8;--vaf-cream:#fffdf8;--vaf-line:#d7d0c7;--vaf-muted:#746f67}
html,body,.form-form{background:var(--vaf-bone)!important;color:var(--vaf-ink)!important;font-family:Inter,Arial,sans-serif!important}
.form-all{max-width:920px!important;margin:32px auto 72px!important;background:var(--vaf-cream)!important;border:1px solid rgba(112,32,68,.12)!important;border-top:9px solid var(--vaf-wine)!important;border-radius:22px!important;box-shadow:0 18px 55px rgba(48,38,30,.12)!important;overflow:hidden!important}
.form-header-group{padding:42px 48px 30px!important;background:linear-gradient(135deg,#fffdf8 0%,#f3d8cc 100%)!important;border-bottom:1px solid var(--vaf-line)!important}
.form-header{color:var(--vaf-wine)!important;font-size:42px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.form-subHeader{color:#5b5650!important;font-size:16px!important;line-height:1.6!important}
.form-line{padding:14px 48px!important}
.form-label,.form-label-top{color:#37332e!important;font-size:14px!important;font-weight:650!important;margin-bottom:8px!important}
.form-required{color:var(--vaf-wine)!important}
.form-textbox,.form-textarea,.form-dropdown,.form-address-table input,.form-address-table select,.form-spinner-input,.form-number-input{box-sizing:border-box!important;width:100%!important;min-height:48px!important;padding:12px 14px!important;background:#fff!important;color:var(--vaf-ink)!important;border:1px solid #cfc7bd!important;border-radius:10px!important;box-shadow:none!important;font-family:Inter,Arial,sans-serif!important;font-size:15px!important}
.form-textarea{min-height:132px!important}
.form-textbox:focus,.form-textarea:focus,.form-dropdown:focus{outline:none!important;border-color:var(--vaf-wine)!important;box-shadow:0 0 0 3px rgba(112,32,68,.12)!important}
.form-radio-item,.form-checkbox-item{margin:6px 8px 6px 0!important;padding:10px 12px!important;background:#fff!important;border:1px solid var(--vaf-line)!important;border-radius:10px!important}
.form-radio-item label,.form-checkbox-item label{color:var(--vaf-ink)!important;font-size:14px!important}
li[data-type='control_fileupload'] .qq-upload-button{padding:12px 18px!important;background:#fff!important;color:var(--vaf-wine)!important;border:1px solid var(--vaf-wine)!important;border-radius:10px!important;font-weight:700!important}
.form-pagebreak{margin:20px 48px 0!important;padding:24px 0!important;border-top:1px solid #e7e1d9!important}
.form-pagebreak-next,.form-submit-button{min-height:48px!important;padding:0 25px!important;background:var(--vaf-wine)!important;color:#fff!important;border:1px solid var(--vaf-wine)!important;border-radius:999px!important;font-weight:750!important}
.form-pagebreak-next:hover,.form-submit-button:hover{background:#591736!important}
.form-pagebreak-back{min-height:48px!important;padding:0 22px!important;background:transparent!important;color:var(--vaf-ink)!important;border:1px solid var(--vaf-line)!important;border-radius:999px!important}
.form-error-message{background:#9b1c1c!important;border-radius:8px!important}
@media(max-width:700px){.form-all{margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important}.form-line,.form-header-group{padding-left:22px!important;padding-right:22px!important}.form-pagebreak{margin-left:22px!important;margin-right:22px!important}.form-header{font-size:34px!important}}