:root {
  --purple-10: #ebe9f5;
  --purple-30: #aea7d6;
  --purple-50: #6b45ff;
  --purple-70: #271e3e;
  --purple-90: #090914;

  --green-10: #e6f2e9;
  --green-30: #a0bda2;
  --green-50: #009624;
  --green-70: #0f2313;
  --green-90: #070a06;

  --red-10: #f2e9f2;
  --red-30: #bfaabe;
  --red-50: #ff3666;
  --red-70: #3a2838;
  --red-90: #0f0a0f;

  --black: #000;
  --white: #fff;

  --ticket-button-width: 95px;
}
body a.btn:hover {color: #fff !important}
body.red h2.kleurswitch,
body.red h3.kleurswitch,
body.red h4.kleurswitch {color: var(--red-50) !important}
body.red #scrolling-text,
body.red,
body.red .container-wrap {background-color: var(--red-10)}
body.red #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:hover,
body.red .hover-wrap .color-overlay{background: var(--red-50) !important}
body.red .blok1 h2 {color: var(--red-70)}
body.red .blok2 h2 {color: var(--red-50)}
body.red .blok1 {background-color: var(--red-50)}
body.red .blok2 {background-color: var(--red-70)}
body.red a:not(.column-link,.full-slide-link) {color: var(--red-70)}
body.red a:not(.column-link,.full-slide-link):hover {color: var(--red-30)}
body.red .blok1 a:hover {color: var(--red-10)}
body.red .blok2 a:hover {color: var(--red-50)}
body.red .blok1 a,
body.red .blok2 a {color: var(--red-90)}
body.red input[type="submit"],
body.red .nectar-button.medium, body.red .nectar-button.small,
body.red .nectar-button.large {color: var(--red-10) !important; background-color: var(--red-50) !important}
body.red #scrolling-text .row_col_wrap_12 .row-bg-wrap:hover{background-color: var(--red-50) !important}
body.red a.btn {background-color: var(--red-50)}
body[data-slide-out-widget-area-style="slide-out-from-right"].material.red .slide_out_area_close::before{background-color: var(--red-50) !important}
body.red #header-outer #top nav ul #search-btn a:hover span {color: var(--red-50) !important}
body.red ul.imagine-grid > li{background-color: var(--red-30)}
body.red nav > ul > li#menu-item-14636 > a::before{background-color: var(--red-50) !important}
body.red .fa-heart.like {color: var(--red-50)}

body.red .row-scrolling-text .wpb_column:hover > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay{ background-color: var(--red-50) !important}

body.red .sharing-default-minimal .nectar-love.loved,
body.red .nectar-social[data-color-override="override"].fixed > a::before,
body.red .nectar-social[data-color-override="override"].fixed .nectar-social-inner a,
body.red .sharing-default-minimal .nectar-social[data-color-override="override"] .nectar-social-inner a:hover,
body.red .nectar-social.vertical[data-color-override="override"] .nectar-social-inner a:hover{ background-color: var(--red-50) !important}

body.red #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text::after,
body.red.material #header-outer #search-outer #search input[type="text"],
body[data-header-format="left-header"].red.material #search-outer #search input[type="text"]{border-color: var(--red-50) !important}

body.red.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover,
body.red #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover,
body.red #header-outer #top .sf-menu > .sfHover > a .sf-sub-indicator i,
body.red #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) .current-menu-item > a, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a,
body.red #header-outer #top .sf-menu > .sfHover > a .sf-sub-indicator i
body.red #top nav .sf-menu > .current_page_ancestor > a .sf-sub-indicator i,
body.red #header-outer #top .sf-menu > li > a:hover .sf-sub-indicator i {color: var(--red-50) !important}
body.red .programma-gridlist a.selected i{background-color: var(--red-50)}
body.red.single-zmovie #zmovieslider {background-color: var(--red-50)}
body.purple h2.kleurswitch,
body.purple h3.kleurswitch,
body.purple h4.kleurswitch {color: var(--purple-50) !important}
body.purple #scrolling-text,
body.purple,
body.purple .container-wrap {background-color: var(--purple-10)}
body.purple #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:hover,
body.purple .hover-wrap .color-overlay{background: var(--purple-50) !important}
body.purple .blok1 h2 {color: var(--purple-70)}
body.purple .blok2 h2 {color: var(--purple-50)}
body.purple .blok1 {background-color: var(--purple-50)}
body.purple .blok2 {background-color: var(--purple-70)}
body.purple a:not(.column-link,.full-slide-link) {color: var(--purple-70)}
body.purple a:not(.column-link,.full-slide-link):hover {color: var(--purple-30)}
body.purple .blok1 a:hover {color: var(--purple-10)}
body.purple .blok2 a:hover {color: var(--purple-50)}
body.purple .blok1 a,
body.purple .blok2 a {color: var(--purple-90)}
body.purple input[type="submit"],
body.purple .nectar-button.medium, body.purple .nectar-button.small,
body.purple .nectar-button.large {color: var(--purple-10) !important; background-color: var(--purple-50) !important}
body.purple #scrolling-text .row_col_wrap_12 .row-bg-wrap:hover{background-color: var(--purple-50) !important}
body.purple a.btn {background-color: var(--purple-50)}
body[data-slide-out-widget-area-style="slide-out-from-right"].material.purple .slide_out_area_close::before{background-color: var(--purple-50) !important}
body.purple #header-outer #top nav ul #search-btn a:hover span {color: var(--purple-50) !important}
body.purple ul.imagine-grid > li{background-color: var(--purple-30)}
body.purple nav > ul > li#menu-item-14636 > a::before{background-color: var(--purple-50) !important}
body.purple .fa-heart.like {color: var(--purple-50)}

body.purple .row-scrolling-text .wpb_column:hover > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay{ background-color: var(--purple-50) !important}

body.purple .sharing-default-minimal .nectar-love.loved,
body.purple .nectar-social[data-color-override="override"].fixed > a::before,
body.purple .nectar-social[data-color-override="override"].fixed .nectar-social-inner a,
body.purple .sharing-default-minimal .nectar-social[data-color-override="override"] .nectar-social-inner a:hover,
body.purple .nectar-social.vertical[data-color-override="override"] .nectar-social-inner a:hover{ background-color: var(--purple-50) !important}

body.purple #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text::after,
body.purple.material #header-outer #search-outer #search input[type="text"],
body[data-header-format="left-header"].purple.material #search-outer #search input[type="text"]{border-color: var(--purple-50) !important}

body.purple.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover,
body.purple #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover,
body.purple #header-outer #top .sf-menu > .sfHover > a .sf-sub-indicator i,
body.purple #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) .current-menu-item > a, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a,
body.purple #header-outer #top .sf-menu > .sfHover > a .sf-sub-indicator i
body.purple #top nav .sf-menu > .current_page_ancestor > a .sf-sub-indicator i,
body.purple #header-outer #top .sf-menu > li > a:hover .sf-sub-indicator i {color: var(--purple-50) !important}
body.purple .programma-gridlist a.selected i{background-color: var(--purple-50)}
body.purple.single-zmovie #zmovieslider {background-color: var(--purple-50)}
body.green h2.kleurswitch,
body.green h3.kleurswitch,
body.green h4.kleurswitch {color: var(--green-50) !important}
body.green #scrolling-text,
body.green,
body.green .container-wrap {background-color: var(--green-10)}
body.green #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:hover,
body.green .hover-wrap .color-overlay{background: var(--green-50) !important}
body.green .blok1 h2 {color: var(--green-70)}
body.green .blok2 h2 {color: var(--green-50)}
body.green .blok1 {background-color: var(--green-50)}
body.green .blok2 {background-color: var(--green-70)}
body.green a:not(.column-link,.full-slide-link) {color: var(--green-70)}
body.green a:not(.column-link,.full-slide-link):hover {color: var(--green-30)}
body.green .blok1 a:hover {color: var(--green-10)}
body.green .blok2 a:hover {color: var(--green-50)}
body.green .blok1 a,
body.green .blok2 a {color: var(--green-90)}
body.green input[type="submit"],
body.green .nectar-button.medium, body.green .nectar-button.small,
body.green .nectar-button.large {color: var(--green-10) !important; background-color: var(--green-50) !important}
body.green #scrolling-text .row_col_wrap_12 .row-bg-wrap:hover{background-color: var(--green-50) !important}
body.green a.btn {background-color: var(--green-50)}
body[data-slide-out-widget-area-style="slide-out-from-right"].material.green .slide_out_area_close::before{background-color: var(--green-50) !important}
body.green #header-outer #top nav ul #search-btn a:hover span {color: var(--green-50) !important}
body.green ul.imagine-grid > li{background-color: var(--green-30)}
body.green nav > ul > li#menu-item-14636 > a::before{background-color: var(--green-50) !important}
body.green .fa-heart.like {color: var(--green-50)}

body.green .row-scrolling-text .wpb_column:hover > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay{ background-color: var(--green-50) !important}

body.green .sharing-default-minimal .nectar-love.loved,
body.green .nectar-social[data-color-override="override"].fixed > a::before,
body.green .nectar-social[data-color-override="override"].fixed .nectar-social-inner a,
body.green .sharing-default-minimal .nectar-social[data-color-override="override"] .nectar-social-inner a:hover,
body.green .nectar-social.vertical[data-color-override="override"] .nectar-social-inner a:hover{ background-color: var(--green-50) !important}

body.green #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text::after,
body.green.material #header-outer #search-outer #search input[type="text"],
body[data-header-format="left-header"].green.material #search-outer #search input[type="text"]{border-color: var(--green-50) !important}

body.green.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover,
body.green #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover,
body.green #header-outer #top .sf-menu > .sfHover > a .sf-sub-indicator i,
body.green #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) .current-menu-item > a, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a,
body.green #header-outer #top .sf-menu > .sfHover > a .sf-sub-indicator i
body.green #top nav .sf-menu > .current_page_ancestor > a .sf-sub-indicator i,
body.green #header-outer #top .sf-menu > li > a:hover .sf-sub-indicator i {color: var(--green-50) !important}
body.green .programma-gridlist a.selected i{background-color: var(--green-50)}
body.green.single-zmovie #zmovieslider {background-color: var(--green-50)}