/*------------------------------------*\
:    Variables
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Flexbox
\*------------------------------------*/
/*------------------------------------*\
:    Mixins
\*------------------------------------*/
/*------------------------------------*\
:    Media Queries

NOTE: we use mixin "@include mobile" (same as tablet-portait-down) for all things hidden/shown on mobile devices like mobile menu
\*------------------------------------*/
/*  GRAVITY FORMS FORMULIEREN
+  ================================ */
/* line 9, ../../scss/dev/02-forms.scss */
.gform_fields {
  font-family: "museoslab", arial;
  font-size: 19px;
  font-size: 1.9rem;
}

/* line 13, ../../scss/dev/02-forms.scss */
.gfield_html h4 {
  font-size: 1.8em;
  text-transform: none;
}

/* line 14, ../../scss/dev/02-forms.scss */
.gfield_html {
  font-family: "Open Sans", sans-serif;
  font-size: 0.7em !important;
}

/* line 15, ../../scss/dev/02-forms.scss */
.gfield_label {
  font-size: 0.8em !important;
}

/* line 16, ../../scss/dev/02-forms.scss */
.gfield_required, .ginput_container select {
  color: #d30101 !important;
}

/* line 17, ../../scss/dev/02-forms.scss */
.ginput_container input.medium, .ginput_container textarea {
  box-sizing: border-box;
  width: 100% !important;
  height: 25px;
  padding: 5px !important;
}

/* line 23, ../../scss/dev/02-forms.scss */
.ginput_container input.medium, .ginput_container textarea, .ginput_container select {
  border: 1px solid #d3d2ce;
  font-size: 0.7em !important;
  padding: 5px !important;
  background-color: #fff;
}

/* line 29, ../../scss/dev/02-forms.scss */
.ginput_container select {
  height: 28px !important;
  width: 100% !important;
}

/* line 30, ../../scss/dev/02-forms.scss */
.gform_button {
  border: none;
  text-transform: lowercase;
}

/* line 31, ../../scss/dev/02-forms.scss */
.gform_wrapper .top_label .gfield_error {
  width: auto !important;
}

/* line 32, ../../scss/dev/02-forms.scss */
.gform_wrapper.educatie_wrapper .top_label .gfield_error {
  width: 192px !important;
}

/* line 33, ../../scss/dev/02-forms.scss */
.gform_wrapper.terugbellen_wrapper li.gfield.gfield_error.gfield_contains_required {
  padding-left: 5px !important;
}

/* line 36, ../../scss/dev/02-forms.scss */
.terugbellen li#field_3_1 h4, .terugbellen li#field_5_1 h4, .terugbellen li#field_7_1 h4 {
  padding-top: 17px;
}

/* line 41, ../../scss/dev/02-forms.scss */
.terugbellen li#field_3_2 label {
  margin: 0 0 4px;
}

/* line 42, ../../scss/dev/02-forms.scss */
.terugbellen .gfield_label {
  font-size: 0.8em !important;
  margin: 0;
}

/* line 44, ../../scss/dev/02-forms.scss */
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border: none !important;
}

/* line 45, ../../scss/dev/02-forms.scss */
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
  font-size: 0.7em !important;
  font-family: inherit !important;
}

/* line 46, ../../scss/dev/02-forms.scss */
.gform_wrapper div.validation_error {
  font-size: 1em !important;
}

/* line 47, ../../scss/dev/02-forms.scss */
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  margin-top: 0 !important;
}

/* line 48, ../../scss/dev/02-forms.scss */
.gform_wrapper .gform_footer {
  padding: 0 !important;
  margin: 20px 0 !important;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 48, ../../scss/dev/02-forms.scss */
  .gform_wrapper .gform_footer {
    *zoom: 1;
  }
  /* line 38, ../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .gform_wrapper .gform_footer:after {
    content: "";
    display: table;
    clear: both;
  }
}

/* line 55, ../../scss/dev/02-forms.scss */
.gform_wrapper div.validation_error {
  display: none !important;
}

/* line 56, ../../scss/dev/02-forms.scss */
.gf_browser_ie.gform_wrapper .gform_footer input.button {
  padding: 5px 20px 7px !important;
}

/* line 58, ../../scss/dev/02-forms.scss */
section.educatie {
  width: 100%;
  margin: 0;
  padding: 15px 35px 0 40px;
  box-sizing: border-box;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 58, ../../scss/dev/02-forms.scss */
  section.educatie {
    width: 100%;
    padding: 15px 20px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 58, ../../scss/dev/02-forms.scss */
  section.educatie {
    padding: 15px 20px;
  }
}

/* line 68, ../../scss/dev/02-forms.scss */
form.educatie .ginput_container textarea {
  height: 75px !important;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 68, ../../scss/dev/02-forms.scss */
  form.educatie .ginput_container textarea {
    margin-bottom: 20px;
  }
}

/* line 70, ../../scss/dev/02-forms.scss */
form.educatie .gform_button {
  float: right;
  clear: right;
  margin-bottom: 25px;
  margin: 0 35px 20px 0 !important;
}

/* line 76, ../../scss/dev/02-forms.scss */
form.educatie .gform_button {
  margin-top: -3px;
  margin-top: 3px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 76, ../../scss/dev/02-forms.scss */
  form.educatie .gform_button {
    margin-top: 0;
  }
}

/* line 81, ../../scss/dev/02-forms.scss */
form.terugbellen .gform_button {
  padding: 0 2rem;
}

/* line 86, ../../scss/dev/02-forms.scss */
form.educatie ul {
  position: relative;
  display: block;
}

/* line 87, ../../scss/dev/02-forms.scss */
form.educatie li {
  width: 192px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 87, ../../scss/dev/02-forms.scss */
  form.educatie li {
    width: 100% !important;
    float: left;
    box-sizing: border-box;
  }
}

/* line 95, ../../scss/dev/02-forms.scss */
form.educatie li.gf_pos_left_1 {
  position: absolute;
  left: 20px;
  top: -8px;
  width: 210px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 95, ../../scss/dev/02-forms.scss */
  form.educatie li.gf_pos_left_1 {
    left: 0;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 95, ../../scss/dev/02-forms.scss */
  form.educatie li.gf_pos_left_1 {
    position: static;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* line 105, ../../scss/dev/02-forms.scss */
form.educatie li.gf_pos_mid_1, form.educatie li.gf_pos_mid_2, form.educatie li.gf_pos_mid_3, form.educatie li.gf_pos_mid_4 {
  margin-left: 270px !important;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 105, ../../scss/dev/02-forms.scss */
  form.educatie li.gf_pos_mid_1, form.educatie li.gf_pos_mid_2, form.educatie li.gf_pos_mid_3, form.educatie li.gf_pos_mid_4 {
    margin-left: 0 !important;
  }
}

/* line 109, ../../scss/dev/02-forms.scss */
form.educatie li.gf_pos_mid_1 {
  margin-top: 9px;
}

/* line 111, ../../scss/dev/02-forms.scss */
form.educatie li.gf_pos_right_1 {
  position: absolute;
  left: 515px;
  top: -15px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 111, ../../scss/dev/02-forms.scss */
  form.educatie li.gf_pos_right_1 {
    position: static;
    margin: 0 !important;
  }
}

/* line 118, ../../scss/dev/02-forms.scss */
form.educatie li.gf_pos_right_2 {
  position: absolute;
  left: 515px;
  top: 55px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 118, ../../scss/dev/02-forms.scss */
  form.educatie li.gf_pos_right_2 {
    position: static;
    margin: 0 !important;
  }
}

/* line 125, ../../scss/dev/02-forms.scss */
form.educatie li.gf_pos_right_3 {
  position: absolute;
  left: 515px;
  top: 125px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 125, ../../scss/dev/02-forms.scss */
  form.educatie li.gf_pos_right_3 {
    position: static;
    margin: 0 !important;
  }
}

/* line 132, ../../scss/dev/02-forms.scss */
form.educatie li.gf_pos_right_4 {
  position: absolute;
  left: 515px;
  top: 195px;
  margin-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 132, ../../scss/dev/02-forms.scss */
  form.educatie li.gf_pos_right_4 {
    position: static;
    margin: 0 !important;
  }
}

/* line 140, ../../scss/dev/02-forms.scss */
form.educatie #gform_submit_button_4 {
  margin: 20px 50px 0 0 !important;
}

/* line 141, ../../scss/dev/02-forms.scss */
form.educatie #gform_submit_button_10 {
  margin: 20px 50px 0 0 !important;
}

/* english */
/* line 143, ../../scss/dev/02-forms.scss */
section.terugbellen {
  width: 100%;
  float: left;
  background-color: #ED1C24;
  padding: 0 25px;
  margin: 25px 0 0 0;
  box-sizing: border-box;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 143, ../../scss/dev/02-forms.scss */
  section.terugbellen {
    padding: 0 20px;
  }
}
@media (min-width: 0px) and (max-width: 960px) {
  /* line 143, ../../scss/dev/02-forms.scss */
  section.terugbellen {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 540px) {
  /* line 143, ../../scss/dev/02-forms.scss */
  section.terugbellen {
    width: 80%;
    margin-left: 15px;
  }
}
@media (min-width: 0px) and (max-width: 360px) {
  /* line 143, ../../scss/dev/02-forms.scss */
  section.terugbellen {
    width: 100%;
    margin-left: 15px;
  }
}

@media (min-width: 0px) and (max-width: 1023px) {
  /* line 168, ../../scss/dev/02-forms.scss */
  .gform_body, .gform_footer, .gform_wrapper .gform_footer {
    max-width: 700px !important;
  }
}

/* line 174, ../../scss/dev/02-forms.scss */
form.terugbellen, form.terugbellen h3 {
  color: #fff;
}

/* line 175, ../../scss/dev/02-forms.scss */
form.terugbellen h3 {
  margin-bottom: 3px;
}

/* line 176, ../../scss/dev/02-forms.scss */
form.terugbellen .gform_button:hover {
  background-color: #333;
}

/* line 177, ../../scss/dev/02-forms.scss */
section.educatie .gform_confirmation_message, section.terugbellen .gform_confirmation_message {
  min-height: 340px;
  padding: 20px 0;
  font-size: 1.4em;
  line-height: 1.2em;
  font-family: "nobel", arial, sans-serif;
}

/* line 184, ../../scss/dev/02-forms.scss */
section.educatie #gforms_confirmation_message {
  color: #d30101;
  min-height: inherit;
}

/* line 185, ../../scss/dev/02-forms.scss */
section.terugbellen .gform_confirmation_message {
  color: #fff;
  min-height: inherit;
}

/* line 190, ../../scss/dev/02-forms.scss */
.page-template-default .gform_wrapper .gfield_description {
  font-family: arial, helvetica;
  font-size: 1em !important;
}

/* line 191, ../../scss/dev/02-forms.scss */
.page-template-default .gform_wrapper .ginput_container {
  margin-top: 15px;
  margin-bottom: 20px;
}

/* line 192, ../../scss/dev/02-forms.scss */
.page-template-default .gform_wrapper .gfield_radio li input[type="radio"] {
  margin-top: 6px;
}

/* line 193, ../../scss/dev/02-forms.scss */
.page-template-default .gform_wrapper .gfield_label {
  font-family: arial, helvetica;
  font-size: 1em;
  color: #000;
  line-height: 2em;
}

/* line 194, ../../scss/dev/02-forms.scss */
.page-template-default .gform_wrapper .gform_button {
  margin-top: 50px;
}

/* line 195, ../../scss/dev/02-forms.scss */
.page-template-default .gform_wrapper .gsection {
  margin-top: 40px;
}

/* Forms - Class for labelling required form items */
/* line 198, ../../scss/dev/02-forms.scss */
.required {
  color: #cc0033;
}

/* line 202, ../../scss/dev/02-forms.scss */
label.error {
  color: #ED1C24;
}

@media (min-width: 0px) and (max-width: 1023px) {
  /* line 204, ../../scss/dev/02-forms.scss */
  .gform_wrapper {
    max-width: none !important;
    margin-bottom: 0 !important;
  }
}

/* styles voor formulier petitie */
/* line 212, ../../scss/dev/02-forms.scss */
#gform_16 input {
  border: solid 1px #CCC;
}

/* line 215, ../../scss/dev/02-forms.scss */
#gform_16 .ginput_container_email input.medium {
  border: 1px solid #CCC;
  font-size: inherit !important;
  height: inherit;
}

/* popup window for subscribe to newsletter */
/* line 223, ../../scss/dev/02-forms.scss */
form.nbaanmelden_short input {
  color: #000;
}
/* line 227, ../../scss/dev/02-forms.scss */
form.nbaanmelden_short input.btn_koop {
  color: #fff;
  margin-top: 5px;
  margin-bottom: 5px;
}
/* line 233, ../../scss/dev/02-forms.scss */
form.nbaanmelden_short .agreement_note {
  color: #000;
  font-size: 0.8em;
  line-height: 3.2em;
}

/* mailchimp aanmeld formulier nieuwsbrief overwrites */
/* line 242, ../../scss/dev/02-forms.scss */
#mce-responses .response {
  line-height: 1.5em;
  margin: 10px 0 40px 0;
}

/* line 247, ../../scss/dev/02-forms.scss */
#tickets #mc_embed_signup h5 {
  font-size: 1.5rem;
  margin-top: 25px;
}

/* line 251, ../../scss/dev/02-forms.scss */
#mc_embed_signup #mailinglijsten {
  margin-top: -20px;
}

/* line 255, ../../scss/dev/02-forms.scss */
#mc_embed_signup .agreement_note {
  display: block;
  margin-top: 40px;
}

/* line 260, ../../scss/dev/02-forms.scss */
#mc-embedded-subscribe-form input {
  background: #FFF;
}