@font-face {
  font-family: "NationalWeb";
  src: url("../fonts/NationalWeb-Regular.eot");
  src: url("../fonts/NationalWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NationalWeb-Regular.woff2") format("woff2"), url("../fonts/NationalWeb-Regular.woff") format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NationalWeb Italic";
  src: url("../fonts/NationalWeb-RegularItalic.eot");
  src: url("../fonts/NationalWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NationalWeb-RegularItalic.woff2") format("woff2"), url("../fonts/NationalWeb-RegularItalic.woff") format("woff");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "NationalWeb";
  src: url("../fonts/NationalWeb-Bold.eot");
  src: url("../fonts/NationalWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NationalWeb-Bold.woff2") format("woff2"), url("../fonts/NationalWeb-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "NationalWeb Italic";
  src: url("../fonts/NationalWeb-BoldItalic.eot");
  src: url("../fonts/NationalWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NationalWeb-BoldItalic.woff2") format("woff2"), url("../fonts/NationalWeb-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "NationalWebLF";
  src: url("../fonts/NationalWebLF-Regular.eot");
  src: url("../fonts/NationalWebLF-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NationalWebLF-Regular.woff") format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NationalWebLF Italic";
  src: url("../fonts/NationalWebLF-RegularItalic.eot");
  src: url("../fonts/NationalWebLF-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NationalWeb-RegularItalic.woff") format("woff");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "NationalWebLF";
  src: url("../fonts/NationalWebLF-Bold.eot");
  src: url("../fonts/NationalWebLF-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NationalWebLF-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "NationalWebLF Italic";
  src: url("../fonts/NationalWebLF-Bolditalic.eot");
  src: url("../fonts/NationalWebLF-Bolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NationalWebLF-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: bold;
  font-display: swap;
}
.programma-sticky-tilebutton {
  padding-right: 20px !important;
}

.programma-sticky-tilebutton:hover a {
  color: #000000 !important;
}
.programma-sticky-tilebutton:hover .ta-icons.ta-arrow-right {
  background-color: #000000;
}

.programma-sticky-boekdirect:hover a {
  color: #ffffff !important;
}
.programma-sticky-boekdirect:hover .ta-icons.ta-arrow-right {
  background-color: #ffffff;
}

@media (max-width: 1400px) {
  .programma-sticky {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 99;
    background-color: rgba(100, 40, 105, 0.9) !important;
    top: auto !important;
    visibility: hidden;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    bottom: -1px;
    padding: 10px;
  }

  .sticky {
    visibility: visible;
    transform: translateY(0);
    transition: transform 0.3s ease-out 0.01s, 0.01s visibility;
    transition: transform 0.3s ease-out 0.01s, 0.01s visibility, -webkit-transform 0.3s ease-out 0.01s;
  }

  .programma-sticky-titel {
    display: none !important;
  }
}
@media (min-width: 1401px) {
  .programma-sticky {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 99;
    background-color: rgba(100, 40, 105, 0.9);
    visibility: hidden;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    top: 80px;
  }

  .sticky {
    visibility: visible;
    transform: translateY(0);
    transition: transform 0.3s ease-out 0.01s, 0.01s visibility;
    transition: transform 0.3s ease-out 0.01s, 0.01s visibility, -webkit-transform 0.3s ease-out 0.01s;
  }

  .programma-sticky-titel {
    display: none;
    color: #FFF;
    font-size: 22px;
    font-family: "FF Meta Web Pro", "Open Sans", "Helvetica", sans-serif;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .programma-sticky-titel h3 {
    color: #FFF !important;
  }

  .programma-sticky-titel {
    display: inline-flex;
    padding-left: 20px;
    align-self: center;
  }

  .programma-sticky-tilebutton, .programma-sticky-boekdirect {
    float: right;
  }
  .programma-sticky-tilebutton a, .programma-sticky-boekdirect a {
    font-weight: bold !important;
    font-size: 20px !important;
  }
  .programma-sticky-tilebutton a.zwart, .programma-sticky-boekdirect a.zwart {
    color: #ffdd00 !important;
  }

  .programma-sticky-boekdirect a {
    text-decoration: underline !important;
    font-family: "FF Meta Web Pro", "Open Sans", "Helvetica", sans-serif;
    font-weight: 600;
  }
}
.programma-sticky-subtitel {
  font-size: 16px;
  display: inline-block;
  padding-right: 80px;
}

.programma-sticky-inner {
  display: flex;
}

@media (min-width: 480px) {
  .programma-sticky-inner {
    padding: 15px 0;
  }
}
.programma-sticky-inner .gform_button {
  font-size: 16px !important;
}
.programma-sticky-inner .ta-icons.ta-arrow-right {
  height: 24px !important;
  width: 24px !important;
  margin-left: 10px !important;
}
.programma-sticky-inner .programma-sticky-boekdirect {
  margin-right: 20px;
  align-self: center;
}
.programma-sticky-inner .programma-sticky-boekdirect a {
  color: #000000;
  text-decoration: none;
}
.programma-sticky-inner .programma-sticky-boekdirect .ta-icons.ta-arrow-down {
  transform: rotate(270deg);
  display: inline-block;
  margin-left: 10px;
}

@media (min-width: 1401px) {
  .programma-sticky {
    top: 133px;
  }
}
@media (min-width: 1024px) {
  .programma-sticky-titel {
    display: inline-flex !important;
    padding-left: 20px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .programma-sticky-boekdirect, programma-sticky-tilebutton {
    float: right;
  }
}
@media (max-width: 1023px) {
  .programma-sticky-inner {
    max-width: 320px;
    float: right;
  }
}
@media (max-width: 768px) {
  .programma-sticky .programma-sticky-inner {
    margin: 0 auto;
    float: unset;
  }
}

/*# sourceMappingURL=style_yfu.css.map */