/*------------------------------------*\
:    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
\*------------------------------------*/
/* Nieuwsbrief pagina */
/* line 6, ../../scss/dev/07-nieuwsbrief.scss */
#mailinglijsten {
  float: left;
  margin-bottom: 25px;
}

/* line 11, ../../scss/dev/07-nieuwsbrief.scss */
#mailinglijsten ul {
  float: left;
  margin: 0 30px 30px 0;
}

/* line 16, ../../scss/dev/07-nieuwsbrief.scss */
#mailinglijsten ul li {
  width: 100%;
  list-style: none;
}

/* line 21, ../../scss/dev/07-nieuwsbrief.scss */
#mailinglijsten ul li.spacer {
  padding-top: 30px;
}

/* line 25, ../../scss/dev/07-nieuwsbrief.scss */
#mailinglijsten ul li h4 {
  margin: 0 0 10px 0;
  padding: 0;
}

/* line 30, ../../scss/dev/07-nieuwsbrief.scss */
form.hhupdate_button input,
#mailinglijsten ul li input {
  margin-right: 10px;
  vertical-align: middle;
}

/* line 36, ../../scss/dev/07-nieuwsbrief.scss */
#mailinglijsten ul li label {
  line-height: 1.6em;
  float: none;
}

/* line 41, ../../scss/dev/07-nieuwsbrief.scss */
#mailinglijsten ul li label:hover {
  cursor: default;
}

/* line 45, ../../scss/dev/07-nieuwsbrief.scss */
.tickets_form label.verifyimgLabel {
  line-height: 3em;
  float: none;
}

/* line 50, ../../scss/dev/07-nieuwsbrief.scss */
.verifyImg {
  margin: 0 0 0 10px;
  height: 25px;
  width: 100px;
  font-size: 1.6em;
  text-transform: uppercase;
}

/* line 58, ../../scss/dev/07-nieuwsbrief.scss */
.page-template-page_nieuwsbrief-php .btn_koop {
  margin-top: 20px;
}

/* Panel slider */
/* line 63, ../../scss/dev/07-nieuwsbrief.scss */
#panel-slider {
  position: fixed;
  left: -800px;
  bottom: 20%;
  background: url("../../images/banner-nieuwsbrief-2018.png") no-repeat;
  color: white;
  width: 800px;
  height: 485px;
  -webkit-animation: slide 0.5s forwards;
  -webkit-animation-delay: 1s;
  animation: slide 0.5s forwards;
  animation-delay: 1s;
  z-index: 1000;
}
@media (min-width: 0px) and (max-width: 768px) {
  /* line 63, ../../scss/dev/07-nieuwsbrief.scss */
  #panel-slider {
    display: none !important;
  }
}
@keyframes slide {
  100% {
    left: 0;
  }
}
/* line 89, ../../scss/dev/07-nieuwsbrief.scss */
#panel-slider .close {
  position: absolute;
  margin: 0px 0px 0px 771px;
  font-size: 2em;
  color: #000;
  width: 15px;
  text-align: center;
  height: 20px;
  cursor: pointer;
}

/* line 100, ../../scss/dev/07-nieuwsbrief.scss */
#panel-slider .close:hover {
  color: #C30;
}

/* line 104, ../../scss/dev/07-nieuwsbrief.scss */
.nbaanmelden_short {
  margin: 300px 0 0 415px;
}

/* line 108, ../../scss/dev/07-nieuwsbrief.scss */
.nbaanmelden_short label {
  display: block;
  /*font-size:  1.2em;*/
  float: left;
  color: #000;
  width: 110px;
  padding: 5px 5px 0 0;
  margin-bottom: 10px;
}

/* line 118, ../../scss/dev/07-nieuwsbrief.scss */
.nbaanmelden_short label.error {
  height: 0px;
  margin: 0px;
  padding: 0px;
}

/* line 124, ../../scss/dev/07-nieuwsbrief.scss */
.nbaanmelden_short input.error {
  box-shadow: inset 1px 1px 3px #C30;
  border: 1px solid #ededed;
}

/* line 130, ../../scss/dev/07-nieuwsbrief.scss */
.nbaanmelden_short input {
  width: 210px;
  /*font-size:    1.2em;*/
  padding: 3px 5px;
  margin-bottom: 10px;
  border: 1px #000 solid;
}

/* line 138, ../../scss/dev/07-nieuwsbrief.scss */
.nbaanmelden_short .btn_koop {
  width: 170px;
  margin: 13px 0 0 160px;
}