/* @group Events
------------------------------------ */

/* @group Filters
------------------------------------ */
.events-filters-categories { margin: 5rem 0; }

.events-filters-categories .header h2 { text-transform: uppercase; color: var(--navy-blue); margin: 0 0 1em; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .0667em; }

.events-filters-categories .filters-group { color: var(--navy-blue); text-transform: uppercase; position: relative; }
.events-filters-categories .filters-group .header-box { background-color: var(--yellow); color: var(--navy-blue); border-bottom: .1rem solid var(--white); height: 5em; display: flex; justify-content: space-between; align-items: center; padding: 0 3.5em; pointer-events: none; }
.events-filters-categories .filters-group .header-box span,
.events-filters-categories .filters-group ul li { font-size: 1.6em; line-height: 1.5em; letter-spacing: .125em; }
.events-filters-categories .filters-group .header-box span { font-weight: 700; }
.events-filters-categories .filters-group ul li { font-weight: 600; position: relative; }

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

  .events-filters-categories .header h2 { font-size: 4.5em; letter-spacing: .044em; margin: 0; }

  .events-filters-categories .filters-group { display: flex; align-items: flex-start; justify-content: end; }
  .events-filters-categories .filters-group span.no-mobile { text-transform: uppercase; font-weight: 700; font-size: 1.6em; line-height: 1.5em; letter-spacing: .07em; white-space: nowrap; margin-right: 1.5rem; margin-top: .25rem; }
  .events-filters-categories .filters-group ul { display: flex; flex-wrap: wrap; justify-content: flex-end; }
  .events-filters-categories .filters-group ul li { background-color: var(--yellow); font-weight: 700; font-size: 1.2em; line-height: 1.3em; letter-spacing: .07em; display: inline-block; padding: .8rem 2rem; border-radius: 10rem; margin: 0 1.5rem 1rem; cursor: pointer; }
  .events-filters-categories .filters-group ul li.active { background-color: var(--navy-blue); color: var(--yellow); }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .events-filters-categories .filters-group ul { padding: 2.5em 3em 3em; margin: 0 6.5rem; background-color: var(--yellow); position: absolute; top: 100%; left: 0; width: calc(100% - 13rem); z-index: 4; border-radius: 0 0 3.5em 3.5em; opacity: 0; pointer-events: none; translate: 0 -2rem; transition: all .3s linear; }
  .events-filters-categories .filters-group ul li:not(:last-of-type) { padding: 0 0 .75em; margin: 0 0 .75em; }
  .events-filters-categories .filters-group ul li:not(:last-of-type)::after { content: ''; height: .1rem; width: 100%; position: absolute; bottom: 0; left: 0; background-color: var(--white); }
  .events-filters-categories .filters-group ul li.active { font-weight: 700; }
  .events-filters-categories .filters-group.opened ul { opacity: 1; pointer-events: all; translate: 0; }
}

/* @end */

/* @group Not Found
------------------------------------ */
.events-container .notFound h2 { text-transform: uppercase; color: var(--navy-blue); margin: 0 0 3rem; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .0667em; }
@media only screen
and (min-width : 961px) {
  .events-container .notFound h2 { font-size: 4.5em; letter-spacing: .044em; }
}

/* @end */


/* @group General
------------------------------------ */

.events-container {
  --secondary-orange: rgba(255, 178, 99, 1);
  --secondary-pink: rgba(244, 190, 168, 1);
  --secondary-lightblue: rgba(197, 233, 247, 1);
  --darker-blue: rgba(0, 178, 220, 1);
}

.events-container { overflow: hidden; }

.events-container .cardView .event,
.events-container .listView .event { display: none; }
.events-container .cardView .event.filtered.active,
.events-container .listView .event.filtered.active { display: inline-block; }

.events-container .cardView .event.filtered.noMatchFounded,
.events-container .listView .event.filtered.noMatchFounded { display: none; }

.events-container .events-main-content { opacity: 0; pointer-events: none; max-height: 0; transition: var(--general-transition); }
.events-container .events-main-content.show { opacity: 1; pointer-events: all; max-height: 999999vh; }

.events-container .notFound { display: none; }
.events-container .notFound.show { display: block; }

.events-container .loadMore { display: none; flex: 0 1 100%; margin-top: 4rem; }
.events-container .loadMore.show { display: block; }

body.calendar-view-is-active .events-filters-header .filter-time,
body.calendar-view-is-active .events-filters-header .filter-search { opacity: .7; pointer-events: none; }
body.calendar-view-is-active .events-filters-categories .filters-group,
body.calendar-view-is-active .events-container .notFound { display: none; }

body.loading-events .events-container { opacity: 0; pointer-events: none; max-height: 0; }
body.loading-events .filter-time,
body.loading-events .filters-group,
body.loading-events .filters-categories { opacity: .7; pointer-events: none; }
body.loading-events .loader { padding-top: 5rem; padding-bottom: 5rem; position: relative; display: block; }
body.loading-events .loader::before { content: ""; position: absolute; z-index: 2; bottom: 5rem; left: 50%; transform: translate(-50%, 0); display: block; width: 4rem; height: 4rem; border-radius: 50%; border: .4rem solid var(--yellow); border-color: var(--yellow) transparent var(--yellow) transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% { transform: translate(-50%, 0) rotate(0deg); }
    100% { transform: translate(-50%, 0) rotate(360deg); }
}

/* @end */


.property-form { margin: 10em 0 15em; padding: 0; background: none; position: relative; }

.property-form article 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); }
.property-form article h2 { color: var(--navy-blue); text-transform: uppercase; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .0667em; margin: 0 0 1em; }
.property-form article p { font-weight: 500; font-size: 1.6em; line-height: 1.5em; letter-spacing: .125em; margin: 0 0 5em; }

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

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

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

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

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

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

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

.property-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: 3em; right: 1.875em; z-index: 1; width: 10.6em; text-align: center; }
.property-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;

}
.property-form .form-box .bttn[type="submit"]::after {
  content: none;
}


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

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

  .property-form .row { vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .property-form article { -ms-flex: 0 0 27.78%; flex: 0 0 27.78%; max-width: 27.78%; margin-right: 19.44%; margin-left: 2.778%; }
  .property-form aside { -ms-flex: 0 0 44.44%; flex: 0 0 44.44%; max-width: 44.44%; }

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

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

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

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

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

  .property-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) {

  .property-form aside { padding: 0 6.5rem; }

  .property-form .form-box .input-wrapper, 
  .property-form .form-box .select-wrapper { margin: 0 0 3em; }
  .property-form .form-box .input-wrapper input,
  .property-form .form-box .select-wrapper select { padding: 0 1.7em; }
  
  .property-form .form-box small { margin: 1em 1em 1em 1.7em; }
  .property-form .form-box input[type="checkbox"] + .wpcf7-list-item-label { padding-left: 2em; }
  .property-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) {
  .property-form { font-size: calc(7px + (10 - 7) * ((100vw - 300px) / (429 - 300))); }
}

.property-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; }
.property-form .form-box .success-response::before,
.property-form .form-box .success-response::after { content: ''; height: 12em; width: 50%; position: absolute; pointer-events: none; }
.property-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; }
.property-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; }
.property-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); }
.property-form .form-box .success-response p { font-weight: 500; font-size: 2em; line-height: 1.35em; letter-spacing: .1em; }
.property-form .form-box .success-response.active { opacity: 1; pointer-events: all; }
@media only screen
and (min-width : 961px) {
  .property-form .form-box .success-response { padding: 0 12rem; }
  .property-form .form-box .success-response::before,
  .property-form .form-box .success-response::after { height: 16.3rem; }
  .property-form .form-box .success-response::before { top: 3rem; }
  .property-form .form-box .success-response::after { bottom: 4rem; }
}


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