/* @group Events aside widget
------------------------------------ */
.event-form { margin: 10em 0 15em; padding: 0; background: none; position: relative; }

.event-form header h3 { text-transform: uppercase; font-weight: 700; font-size: 2em; line-height: 1.6em; letter-spacing: .1em; margin: 0 0 1em; color: var(--rose-gold); }
.event-form header h2 { color: var(--navy-blue); text-transform: uppercase; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .0667em; margin: 0 0 1em; }
.event-form header p { font-weight: 500; font-size: 1.6em; line-height: 1.5em; letter-spacing: .125em; margin: 0 0 5em; }

.event-form .form::after { content: ''; background: url('../../img/layout/get-the-wellen-word/background.png') no-repeat center center; background-size: cover; position: absolute; top: -5em; bottom: -5em; right: 0; left: 9em; pointer-events: none; }

.event-form .form-box { background: none, var(--navy-blue); padding: 3em 3em 9em; position: relative; z-index: 1; }

.event-form .form-box p { font: unset; margin: unset; }

.event-form .form-box .select-wrapper i { font-size: 1.8em; top: 1.4em; rotate: 90deg; }
.event-form .form-box .select-wrapper i::before { content: '\e90a'; color: var(--yellow); }

.event-form .form-box .input-wrapper input,
.event-form .form-box .select-wrapper select { font-weight: 500; font-size: 2em; letter-spacing: .1em; height: 3.5em; }

.event-form .form-box .input-wrapper label,
.event-form .form-box .select-wrapper label,
.event-form .form-box span.wpcf7-not-valid-tip,
.event-form .form-box p.error,
.event-form .form-box p.success { display: none; }

.event-form .form-box .wpcf7-acceptance input[type="checkbox"] { top: .5rem; }
.event-form .form-box form .row.top + .row.between,
.event-form .form-box [data-name="OptInStatement"],
.event-form .form-box [data-name="IsResident"],
.event-form .form-box span.wpcf7-list-item { margin: unset; }
.event-form .form-box input[type="checkbox"] + .wpcf7-list-item-label,
.event-form .form-box small { color: var(--off-white); font-style: italic; font-weight: 300; font-size: 1.2em; line-height: 1.2em; }
.event-form .form-box input[type="checkbox"] + .wpcf7-list-item-label a { text-decoration: underline; }
.event-form .form-box input[type="checkbox"] + .wpcf7-list-item-label::before { border-width: .2em; border-color: var(--off-white); } 
.event-form .form-box input[type="checkbox"]:checked + .wpcf7-list-item-label::before { background-color: var(--yellow); }

.event-form .form-box .bttn[type="submit"] { font: normal 700 1.6em / 2em var(--proxima-font); background: none, transparent; color: var(--white); letter-spacing: 0.078em; text-transform: uppercase; border: solid 0.125em var(--yellow); border-left-color: transparent; border-radius: 62.5em; padding: 0.687em 2.125em; display: inline-block; transition: 0.5s; overflow: visible; margin: 0; position: absolute; bottom: 2em; right: 1.875em; z-index: 3; width: 10.6em; text-align: center; }
.event-form .form-box .bttn[type="submit"]::before { position: absolute; left: -0.823em; top: 50%; translate: 0 -50%; font-size: 1em; transition: 0.5s; padding: 0.352em;

    content: '\e924';
    font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}
.event-form .form-box .bttn[type="submit"]::after { content: none; }
.event-form .form-box .bttn[type="submit"]:hover { color: var(--yellow); }


@media only screen
and (min-width : 961px) {

  .event-form { margin: 15rem 0; padding-top: 8rem; overflow: hidden; }

  .event-form .form::after { width: 50vw; right: -50vw; top: -8rem; bottom: 8rem; }

  .event-form header h2 { font-size: 4.5em; letter-spacing: .044em; margin: 0 0 3rem; }
  .event-form header p { font-size: 2em; line-height: 1.35em; letter-spacing: .1em; }

  .event-form .form-box { padding: 5rem 5rem 8.1rem; }
  .event-form .form-box > i { display: none; }
  .event-form .form-box .input-wrapper,
  .event-form .form-box .select-wrapper { margin: 0 0 3rem; }
  .event-form .form-box .half-wrap {width: calc(50% - 1.25rem); }
  .event-form .form-box .input-wrapper input,
  .event-form .form-box .select-wrapper select { font-weight: 500; font-size: 2rem; height: 7rem; }
  .event-form .form-box .half-wrap:first-of-type { margin-right: 2.5rem; }

  .event-form .form-box .select-wrapper i { font-size: 1.8rem;}

  .event-form .form-box input[type="checkbox"] + .wpcf7-list-item-label { margin: 0 0 1rem; }
  .event-form .form-box input[type="checkbox"] + .wpcf7-list-item-label::before { top: -.15rem; }
  .event-form .form-box small { padding-left: 2.7rem; margin: 0 0 3rem; }

  .event-form .form-box .bttn[type="submit"] { bottom: 4rem; right: 5rem; }

}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {

  .event-form article { padding: 0 6.5rem; }

  .event-form .form-box .input-wrapper, 
  .event-form .form-box .select-wrapper { margin: 0 0 3em; }
  .event-form .form-box .input-wrapper input,
  .event-form .form-box .select-wrapper select { padding: 0 1.7em; }
  
  .event-form .form-box small { margin: 1em 0 2.5em; padding-left: 2em; }
  .event-form .form-box input[type="checkbox"] + .wpcf7-list-item-label { padding-left: 2em; }
  .event-form .form-box input[type="checkbox"] + .wpcf7-list-item-label::before { width: 1.6em; height: 1.6em; top: -.15em; }

}
@media only screen
and (min-width : 0)
and (max-width : 430px) {
  .event-form { font-size: calc(7px + (10 - 7) * ((100vw - 300px) / (429 - 300))); }
}

.event-form .form-box .success-response { position: absolute; inset: 0; z-index: 5; background-color: var(--navy-blue); color: var(--white); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 4em; opacity: 0; pointer-events: none; transition: all .3s linear; }
.event-form .form-box .success-response::before,
.event-form .form-box .success-response::after { content: ''; height: 12em; width: 50%; position: absolute; pointer-events: none; }
.event-form .form-box .success-response::before { background: url('../../img/layout/get-the-wellen-word/success-top.png') no-repeat right center; background-size: contain; top: 6.7em; right: 0; }
.event-form .form-box .success-response::after { background: url('../../img/layout/get-the-wellen-word/success-bottom.png') no-repeat left center; background-size: contain; bottom: 7.2em; left: 0; }
.event-form .form-box .success-response h2 { text-transform: uppercase; font-weight: 700; font-size: 4.5em; line-height: 1em; letter-spacing: .0444em; margin: 0 0 .667em; color: var(--white); }
.event-form .form-box .success-response p { font-weight: 500; font-size: 2em; line-height: 1.35em; letter-spacing: .1em; }
.event-form .form-box .success-response.active { opacity: 1; pointer-events: all; }
@media only screen
and (min-width : 961px) {
  .event-form .form-box .success-response { padding: 0 12rem; }
  .event-form .form-box .success-response::before,
  .event-form .form-box .success-response::after { height: 16.3rem; }
  .event-form .form-box .success-response::before { top: 3rem; }
  .event-form .form-box .success-response::after { bottom: 4rem; }
}
/* @end  */


/* HIDE GLOBAL LIGHTBOX ON SUBMIT */ 
body { overflow-y: auto!important; }
#success-alert { display: none!important; }