/* =========================================================================
  Theme
========================================================================== */

body {
  color: var(--text);
  background: var(--bg);
  transition: background 500ms ease-in-out, color 1000ms ease-in-out; }

#site { 
  background: var(--site); }

a { color: var(--link-default); }
a:active, a:visited { color: inherit; }

hr { border-bottom-color: var(--brand); }

#preloader svg path,
.loader svg path{
  fill: var(--brand) !important; }


/* =========================================================================
  Homepage
========================================================================== */

.highlight-wrapper {
  background: var(--site); }

/*.owl-home .owl-next {
  background-image: var(--button-arrow-right) !important;
  color: var(--link-default) !important; }

.owl-home .owl-prev {
  background-image: var(--button-arrow-left) !important;
  color: var(--link-default) !important; }*/

.owl-home .owl-next,
.owl-highlights .owl-next {
  background-color: var(--brand) !important;
  background-image: var(--arrow-right) !important; }

.owl-home .owl-prev,
.owl-highlights .owl-prev {
  background-color: var(--brand) !important;
  background-image: var(--arrow-left) !important; }

.owl-theme .owl-dots .owl-dot span {
  background-color: transparent !important;
  border-color: var(--gallery) !important; }

.owl-theme .owl-dots .owl-dot:not(.active) span {
  background-color: var(--gallery) !important;
  border-color: var(--gallery) !important; }


/* =========================================================================
  Page
========================================================================== */

.item-title { color: var(--text-brand); }

.brick_header_left,
.item-venue {
  color: var(--text-heading);
  background: var(--bg-brand); }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--bg-header) !important; }


/* =========================================================================
  Navigation
========================================================================== */

.navbar-default { 
  background-color: var(--bg-header);
  transition: background 500ms ease-in-out; }

.feast-nav li a,
.tel,
.tel2 { color: var(--link-header) !important; }

.nav-wrapper .feast-nav li a,
.nav-wrapper .feast-nav li a:hover {
  border-bottom-color: var(--transparent); }

header .input-group-btn {
  background-color: var(--bg);
  border: var(--bg); }

.cta-wrapper .tel,
.cta-wrapper .feast-nav li a {
  background-image: var(--header-arrow); }

.brick-btn .btn-arrow-alt,
.wellSidebar .brick-btn .btn-arrow-title {
  color: var(--link-button); }

.brick-btn .btn-arrow-alt::after {
  background-image: var(--button-arrow-right); }
  
i.account { background-image: var(--account); }
i.basket { background-image: var(--basket); }

.nav.drop-down-inner { background-color: var(--bg); }

.drop-down-inner li { 
  border-right-color: var(--border);
  border-left-color: var(--border); }

.drop-down-inner li:last-child { border-bottom-color: var(--border); }
.drop-down-inner li a { color: var(--link-dropdown) !important; }


/* =========================================================================
  Icons
========================================================================== */

a.nav-facebook { background-image: var(--facebook) }
a.nav-twitter { background-image: var(--twitter) }
a.nav-youtube { background-image: var(--youtube) }
a.nav-instagram { background-image: var(--instagram) }
a.nav-rss { background-image: var(--rss) }
.st_sharethis_custom,
a.nav-sharethis { background-image: var(--sharethis) }

.timeIcon::before { background-image: var(--timeIcon); }
.ageIcon::before { background-image: var(--ageIcon); }
.intervalIcon::before { background-image: var(--intervalIcon); }
.venueIcon::before { background-image: var(--venueIcon); }
.genreIcon { background-image: var(--genreIcon); }

.access_captioned { background-image: var(--access_captioned); }
.access_audio-described { background-image: var(--access_audio); }
.access_relaxed { background-image: var(--access_relaxed); }
.access_dementia-friendly { background-image: var(--access_dementia); }
.access_parents-babies { background-image: var(--access_parents); }
.access_family-friendly { background-image: var(--access_family); }
.access_bsl-interpreted { background-image: var(--access_bsl); }
.access_deaf-friendly { background-image: var(--access_deaf); }

.brick_access_whatson .access_captioned { background-image: var(--access_captioned_whatson); }
.brick_access_whatson .access_audio-described { background-image: var(--access_audio_whatson); }
.brick_access_whatson .access_relaxed { background-image: var(--access_relaxed_whatson); }
.brick_access_whatson .access_dementia-friendly { background-image: var(--access_dementia_whatson); }
.brick_access_whatson .access_parents-babies { background-image: var(--access_parents_whatson); }
.brick_access_whatson .access_family-friendly { background-image: var(--access_family_whatson); }
.brick_access_whatson .access_bsl-interpreted { background-image: var(--access_bsl_whatson); }
.brick_access_whatson .access_deaf-friendly { background-image: var(--access_deaf_whatson); }

body.dark .brick_access_whatson_list .access_captioned { background-image: var(--access_captioned_list); }
body.dark .brick_access_whatson_list .access_audio-described { background-image: var(--access_audio_list); }
body.dark .brick_access_whatson_list .access_relaxed { background-image: var(--access_relaxed_list); }
body.dark .brick_access_whatson_list .access_dementia-friendly { background-image: var(--access_dementia_list); }
body.dark .brick_access_whatson_list .access_parents-babies { background-image: var(--access_parents_list); }
body.dark .brick_access_whatson_list .access_family-friendly { background-image: var(--access_family_list); }
body.dark .brick_access_whatson_list .access_bsl-interpreted { background-image: var(--access_bsl_list); }
body.dark .brick_access_whatson_list .access_deaf-friendly { background-image: var(--access_deaf_list); }

.access_label {
  background: var(--text); }

.access_label::after {
  border-color: var(--text) transparent transparent transparent; }


/* =========================================================================
  Button
========================================================================== */

.btn-default { background-color: var(--button); }
.btn-info { color: var(--text); }
.brick-alt { color: var(--text); }

.btn-primary {
  background-image: var(--arrow) !important;
  color: var(--brand); }
  .btn-primary:active,
  .btn-primary:active:focus,
  .btn-primary:active:hover,
  .btn-primary:focus,
  .btn-primary:hover {
    color: inherit!important;
    opacity: .6; }

.btn-submit {
  background-image: var(--arrow-search) !important;
  color: var(--button-alt); }

.brick-btn .btn-arrow-alt:focus,
.brick-btn .btn-arrow-alt:hover {
  color: var(--bg-header) !important;
  opacity: .5; }

.search-form .btn {
  color: var(--button-search) !important; }

.wellSidebar .form-control,
.wellSidebar .input-group-btn {
  background-color: var(--search); }


/* =========================================================================
  Type
========================================================================== */

article { color: var(--text-copy); }

.heading,
.project-author { color: var(--brand); }
.project-name { color: var(--link-subnav); }

.well { background-color: var(--well) !important; }
.well_news2020 { background-color: transparent!important; }
.well_news2020 .block-inner { background-color: var(--well) !important; margin: 0; }

.well-title { color: var(--heading) !important; }

.brick-alt { background-color: var(--well) !important; }


/* =========================================================================
  Page
========================================================================== */

#sidebar,
body.project #sidebar {
  border-left-color: var(--brand); }

.project-area,
.content-area,
#sidebar {
  color: var(--text-copy); }
  .content-area a:not(.btn),
  .project-area a:not(.btn),
  #sidebar a:not(.btn) {
    color: var(--link-brand); }

blockquote {
  color: var(--blockquote);
  border-left-color: var(--blockquote); }

.breadcrumb { 
  background-color: var(--bg-footer);
  color: var(--breadcrumb); }
  .breadcrumb a:not(.btn) {
    color: var(--breadcrumb); }

button.close { background-color: var(--bg-header) !important; }

.filter_refresh { background-color: var(--well) !important; }
.filter_refresh a:not(.btn) { color: var(--link); }

.content-area table { color: var(--text-copy); }


/* =========================================================================
  Project
========================================================================== */

.project-nav .nav > li > a {
  border-bottom-color: var(--transparent) !important;
  color: var(--link-subnav) !important; }
  .project-nav .nav > li.selected > a {
    border-bottom-color: var(--link-subnav) !important;
    color: var(--link-subnav) !important; }

.project-citation { color: var(--text-copy); }


/* =========================================================================
  Bricks
========================================================================== */

.btn.btn_read {
  background-image: var(--read_arrow);
  background-color: var(--read_bg);
  color: var(--read_color); }
  .btn.btn_read:hover,
  .btn.btn_read:focus {
    background-image: var(--read_arrow_hover);
    background-color: var(--read_bg_hover);
    color: var(--read_color_hover); }

.btn.btn_book {
  background-image: var(--book_arrow);
  background-color: var(--book_bg);
  color: var(--book_color);
  border: 1px solid var(--book_color); }
  .btn.btn_book:hover,
  .btn.btn_book:focus {
    background-image: var(--book_arrow_hover);
    background-color: var(--book_bg_hover);
    color: var(--book_color_hover);
    border: 1px solid var(--book_color_hover); }

.brick_bottom {
  background-color: var(--brick_bottom);
  color: var(--brick_color); }

.btn.btn_arrow_book {
  background-color: var(--book_bg_button);
  color: var(--book_color_button);
  border: 1px solid var(--book_bg_button); }
  .btn.btn_arrow_book:hover,
  .btn.btn_arrow_book:focus {
    background-color: var(--book_bg_button_hover);
    color: var(--book_color_button_hover);
    border: 1px solid var(--book_color_button_hover); }

.btn_arrow_book::after {
  background-image: var(--book_arrow_button); }

.btn_arrow_book:hover:after {
  background-image: var(--book_arrow_button_hover); }

.btn.btn_arrow_book.btn-sold,
.btn.btn_arrow_book.btn-limited {
  background-color: var(--book_bg_button) !important; }
.btn.btn_arrow_book.btn-sold:hover,
.btn.btn_arrow_book.btn-limited:hover {
    background-color: var(--book_bg_button_hover) !important; }


/* =========================================================================
  Footer
========================================================================== */

footer {
  background-color: var(--bg-footer);
  border-color: var(--border-footer);
  color: var(--text-footer); }

footer .form-control {
  border: 1px solid var(--text-footer);}

.sub-footer {
  background: var(--bg-subfooter);
  border-color: var(--border-footer);
  color: var(--text-subfooter); }
  .sub-footer a {
    color: var(--link-brand); }

footer h4 { color: var(--heading-alt); }
#bracketsDigital svg path { fill: var(--text-copy) !important; }


/* =========================================================================
  Instagram
========================================================================== */

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-slider-nav {
  background-size: 60% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-top: -3px; }

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-slider-nav-icon {
  fill: transparent !important; }

.eapps-instagram-feed-posts-item-header {
  background-color: var(--well); }

.eapps-instagram-feed-posts-slider-nav {
  border-radius: 0 !important;
  width: 38px !important;
  height: 38px !important; }

.eapps-instagram-feed-posts-slider-prev { transform: translateX(-100%) !important; }
.eapps-instagram-feed-posts-slider-next { transform: translateX(100%) !important; }


.eapps-instagram-feed-posts-slider-next {
  background-color: var(--brand) !important;
  background-image: var(--arrow-right) !important; }

.eapps-instagram-feed-posts-slider-prev {
  background-color: var(--brand) !important;
  background-image: var(--arrow-left) !important; }

.brick_refresh:hover .eapps-instagram-feed-posts-slider-prev,
.brick_refresh:hover .eapps-instagram-feed-posts-slider-next { transform: translateX(0%) !important; }

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-item, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-content, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-text, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item a, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item a:hover {
  color: var(--text) !important; }

body.highC .access_controls_body button::after,
body.highC .access_controls_body button img {
  filter: grayscale(1); }

.eapps-instagram-feed-posts-item-user-image-wrapper {
  display: none; }


/* =========================================================================
  Themes
========================================================================== */

:root {
  --transparent-color: transparent;
  --red: #E62645;
  --blue: #00435A;
  --yellow: #FFFF00;
  --black: #000000;
  --gray: #252525;
  --gray-light: #ececec;
  --white: #ffffff;
  --dark: #111111;
  
  --red-arrow: url("/img/icons/button/button-right.png");
  --black-arrow: url("/img/icons/button/button-right-black.png");
  --blue-arrow: url("/img/icons/button/button-right-blue.png");
  --white-arrow: url("/img/icons/button/button-right-alt.png");
  --yellow-arrow: url("/img/icons/button/button-right-yellow.png");
  
  --white-arrow-left: url("/img/icons/button/arrow-left.png");
  --white-arrow-right: url("/img/icons/button/arrow-right.png");
  
  --black-arrow-left: url("/img/icons/button/arrow-left-black.png");
  --black-arrow-right: url("/img/icons/button/arrow-right-black.png");
  --black-button-arrow-right: url("/img/icons/button/button-right-black.png");
  --black-button-arrow-left: url("/img/icons/button/button-left-black.png");
  
  --blue-arrow-left: url("/img/icons/button/arrow-left-blue.png");
  --blue-arrow-right: url("/img/icons/button/arrow-right-blue.png");
  --blue-button-arrow-right: url("/img/icons/button/button-right-blue.png");
  --blue-button-arrow-left: url("/img/icons/button/button-left-blue.png");
  
  --yellow-button-arrow-right: url("/img/icons/button/button-right-yellow.png");
  --yellow-button-arrow-left: url("/img/icons/button/button-left-yellow.png");
  
  --red-button-arrow-right: url("/img/icons/button/button-right.png");
  --red-button-arrow-left: url("/img/icons/button/button-left.png");
  
  --white-account: url("/img/icons/spektrix/account.svg");
  --white-basket: url("/img/icons/spektrix/basket.svg");
  --yellow-account: url("/img/icons/spektrix/account-yellow.svg");
  --yellow-basket: url("/img/icons/spektrix/basket-yellow.svg");
  
  --facebook-default: url(/img/icons/social/red/facebook.svg);
  --twitter-default: url(/img/icons/social/red/twitter.svg);
  --youtube-default: url(/img/icons/social/red/youtube.svg);
  --instagram-default: url(/img/icons/social/red/instagram.png);
  --rss-default: url(/img/icons/social/red/rss.svg);
  --sharethis-default: url(/img/icons/social/red/share.svg);
  
  --timeIcon-default: url(/img/icons/info/default/time.png);
  --ageIcon-default: url(/img/icons/info/default/age.png);
  --intervalIcon-default: url(/img/icons/info/default/duration.png);
  --venueIcon-default: url(/img/icons/info/default/venue.png);
  --genreIcon-default: url(/img/icons/info/default/genre.png);
  
  --facebook-dark: url(/img/icons/social/black/facebook.svg);
  --twitter-dark: url(/img/icons/social/black/twitter.svg);
  --youtube-dark: url(/img/icons/social/black/youtube.svg);
  --instagram-dark: url(/img/icons/social/black/instagram.png);
  --rss-dark: url(/img/icons/social/black/rss.svg);
  --sharethis-dark: url(/img/icons/social/black/share.svg);

  --timeIcon-dark: url(/img/icons/info/dark/time.png);
  --ageIcon-dark: url(/img/icons/info/dark/age.png);
  --intervalIcon-dark: url(/img/icons/info/dark/duration.png);
  --venueIcon-dark: url(/img/icons/info/dark/venue.png);
  --genreIcon-dark: url(/img/icons/info/dark/genre.png);
  
  --facebook-high: url(/img/icons/social/yellow/facebook.svg);
  --twitter-high: url(/img/icons/social/yellow/twitter.svg);
  --youtube-high: url(/img/icons/social/yellow/youtube.svg);
  --instagram-high: url(/img/icons/social/yellow/instagram.png);
  --rss-high: url(/img/icons/social/yellow/rss.svg);
  --sharethis-high: url(/img/icons/social/yellow/share.svg);

  --timeIcon-high: url(/img/icons/info/high_contrast/time.png);
  --ageIcon-high: url(/img/icons/info/high_contrast/age.png);
  --intervalIcon-high: url(/img/icons/info/high_contrast/duration.png);
  --venueIcon-high: url(/img/icons/info/high_contrast/venue.png);
  --genreIcon-high: url(/img/icons/info/high_contrast/genre.png);

  --captioned: url(/img/icons/access/2020/default/captioned.svg);
  --audio: url(/img/icons/access/2020/default/audio_described.svg);
  --relaxed: url(/img/icons/access/2020/default/relaxed.svg);
  --dementia: url(/img/icons/access/2020/default/dementia_friendly.svg);
  --parents: url(/img/icons/access/2020/default/parents_babies.svg);
  --family: url(/img/icons/access/2020/default/family_friendly.svg);
  --bsl: url(/img/icons/access/2020/default/bsl.svg);
  --deaf: url(/img/icons/access/2020/default/deaf_friendly.png);
  
  --captioned-high: url(/img/icons/access/2020/high-contrast/captioned.svg);
  --audio-high: url(/img/icons/access/2020/high-contrast/audio_described.svg);
  --relaxed-high: url(/img/icons/access/2020/high-contrast/relaxed.svg);
  --dementia-high: url(/img/icons/access/2020/high-contrast/dementia_friendly.svg);
  --parents-high: url(/img/icons/access/2020/high-contrast/parents_babies.svg);
  --family-high: url(/img/icons/access/2020/high-contrast/family_friendly.svg);
  --bsl-high: url(/img/icons/access/2020/high-contrast/bsl.svg);
  --deaf-high: url(/img/icons/access/2020/high-contrast/deaf_friendly.png);
  
  --captioned-dark: url(/img/icons/access/2020/dark/captioned.svg);
  --audio-dark: url(/img/icons/access/2020/dark/audio_described.svg);
  --relaxed-dark: url(/img/icons/access/2020/dark/relaxed.svg);
  --dementia-dark: url(/img/icons/access/2020/dark/dementia_friendly.svg);
  --parents-dark: url(/img/icons/access/2020/dark/parents_babies.svg);
  --family-dark: url(/img/icons/access/2020/dark/family_friendly.svg);
  --bsl-dark: url(/img/icons/access/2020/dark/bsl.svg);
  --deaf-dark: url(/img/icons/access/2020/dark/deaf_friendly.png);
  
}


body {
  --bg: var(--white);
  --site: var(--white);
  --bg-header: var(--red);
  --bg-footer: var(--gray-light);
  --bg-brand: var(--blue);
  --bg-subfooter: var(--white);
  --border-footer: var(--gray-light);
  --text: var(--blue);
  --text-copy: var(--blue);
  --text-brand: var(--red);
  --text-heading: var(--white);
  --text-footer: var(--blue);
  --text-subfooter: var(--blue);
  --breadcrumb: var(--blue);
  --border: var(--white);
  --gallery: var(--red);
  
  --button: var(--red);
  --button-search: var(--red);
  --button-alt: var(--red);
  --heading: var(--blue);
  --heading-alt: var(--blue);
  --brand: var(--blue);
  --link: var(--red);
  --link-brand: var(--red);
  --link-button: var(--red);
  --link-subnav: var(--red);
  --link-header: var(--white);
  --link-dropdown: var(--red);
  --link-default: var(--red);
  --link-active: var(--blue);
  --transparent: var(--transparent-color);
  --blockquote: var(--red);
  
  --header-arrow: var(--white-arrow);
  --arrow: var(--blue-arrow);
  --arrow-search: var(--red-button-arrow-right);
  --arrow-alt: var(--red-button-arrow);
  --arrow-left: var(--white-arrow-left);
  --arrow-right: var(--white-arrow-right);
  --button-arrow-left: var(--red-button-arrow-left);
  --button-arrow-right: var(--red-button-arrow-right);
  --account: var(--white-account);
  --basket: var(--white-basket);
  --search: var(--white);
  --well: var(--gray-light);
  --brick-alt: var(--blue);
  
  --facebook: var(--facebook-default);
  --twitter: var(--twitter-default);
  --youtube: var(--youtube-default);
  --instagram: var(--instagram-default);
  --rss: var(--rss-default);
  --sharethis: var(--sharethis-default);
  
  --timeIcon: var(--timeIcon-default);
  --ageIcon: var(--ageIcon-default);
  --intervalIcon: var(--intervalIcon-default);
  --venueIcon: var(--venueIcon-default);
  --genreIcon: var(--genreIcon-default);  
  
  --access_captioned: var(--captioned);
  --access_audio: var(--audio);
  --access_relaxed: var(--relaxed);
  --access_dementia: var(--dementia);
  --access_parents: var(--parents);
  --access_family: var(--family);
  --access_bsl: var(--bsl);
  --access_deaf: var(--deaf);

  --access_captioned_whatson: var(--captioned);
  --access_audio_whatson: var(--audio);
  --access_relaxed_whatson: var(--relaxed);
  --access_dementia_whatson: var(--dementia);
  --access_parents_whatson: var(--parents);
  --access_family_whatson: var(--family);
  --access_bsl_whatson: var(--bsl);
  --access_deaf_whatson: var(--deaf);
  
  --brick_color: var(--blue);
  --brick_bottom: var(--gray-light);
  
  --read_arrow: var(--white-arrow);
  --read_bg: var(--red);
  --read_color: var(--white);
  --read_arrow_hover: var(--white-arrow);
  --read_bg_hover: var(--blue);
  --read_color_hover: var(--white);
  
  --book_arrow: var(--red-arrow);
  --book_bg: var(--white);
  --book_color: var(--red);
  --book_arrow_hover: var(--white-arrow);
  --book_bg_hover: var(--blue);
  --book_color_hover: var(--white);
  
  --book_arrow_button: var(--white-arrow);
  --book_bg_button: var(--red);
  --book_color_button: var(--white);
  --book_arrow_button_hover: var(--white-arrow);
  --book_bg_button_hover: var(--blue);
  --book_color_button_hover: var(--white);
  
}

body.highC {
  --bg: var(--gray);
  --site: var(--gray);
  --bg-header: var(--black);
  --bg-footer: var(--black);
  --bg-brand: var(--black);
  --bg-subfooter: var(--gray);
  --border-footer: var(--black);
  --text: var(--black);
  --text-copy: var(--white);
  --text-brand: var(--black);
  --text-heading: var(--yellow);
  --breadcrumb: var(--yellow);
  --link: var(--black);
  --link-dropdown: var(--yellow);
  --link-button: var(--black);
  --link-subnav: var(--yellow);
  --text-footer: var(--white);
  --text-subfooter: var(--white);
  --border: var(--gray);
  --gallery: var(--yellow);
  
  --button: var(--black);
  --button-search: var(--yellow);
  --button-alt: var(--yellow);
  --heading: var(--yellow);
  --heading-alt: var(--yellow);
  --brand: var(--yellow);
  --link-brand: var(--yellow);
  --link-header: var(--yellow);
  --link-default: var(--black);
  --link-active: var(--gray);
  --transparent: var(--transparent-color);
  --blockquote: var(--yellow);
  
  --header-arrow: var(--yellow-arrow);
  --arrow: var(--yellow-arrow);
  --arrow-search: var(--yellow-arrow);
  --arrow-alt: var(--black-button-arrow);
  --arrow-left: var(--black-arrow-left);
  --arrow-right: var(--black-arrow-right);
  --button-arrow-left: var(--black-button-arrow-left);
  --button-arrow-right: var(--black-button-arrow-right);
  --account: var(--yellow-account);
  --basket: var(--yellow-basket);
  --search: var(--gray);
  --well: var(--white);
  --brick-alt: var(--black);
  
  --facebook: var(--facebook-high);
  --twitter: var(--twitter-high);
  --youtube: var(--youtube-high);
  --instagram: var(--instagram-high);
  --rss: var(--rss-high);
  --sharethis: var(--sharethis-high);
  
  --timeIcon: var(--timeIcon-high);
  --ageIcon: var(--ageIcon-high);
  --intervalIcon: var(--intervalIcon-high);
  --venueIcon: var(--venueIcon-high);
  --genreIcon: var(--genreIcon-high);
  
  --access_captioned: var(--captioned-high);
  --access_audio: var(--audio-high);
  --access_relaxed: var(--relaxed-high);
  --access_dementia: var(--dementia-high);
  --access_parents: var(--parents-high);
  --access_family: var(--family-high);
  --access_bsl: var(--bsl-high);
  --access_deaf: var(--deaf-high);
  
  --access_captioned_whatson: var(--captioned-high);
  --access_audio_whatson: var(--audio-high);
  --access_relaxed_whatson: var(--relaxed-high);
  --access_dementia_whatson: var(--dementia-high);
  --access_parents_whatson: var(--parents-high);
  --access_family_whatson: var(--family-high);
  --access_bsl_whatson: var(--bsl-high);
  --access_deaf_whatson: var(--deaf-high);
  
  --brick_color: var(--yellow);
  --brick_bottom: var(--black);
  
  --read_arrow: var(--yellow-arrow);
  --read_bg: var(--black);
  --read_color: var(--yellow);
  --read_arrow_hover: var(--black-arrow);
  --read_bg_hover: var(--white);
  --read_color_hover: var(--black);
  
  --book_arrow: var(--black-arrow);
  --book_bg: var(--yellow);
  --book_color: var(--black);
  --book_arrow_hover: var(--black-arrow);
  --book_bg_hover: var(--white);
  --book_color_hover: var(--black);
  
  --book_arrow_button: var(--black-arrow);
  --book_bg_button: var(--yellow);
  --book_color_button: var(--black);
  --book_arrow_button_hover: var(--black-arrow);
  --book_bg_button_hover: var(--white);
  --book_color_button_hover: var(--black);

}

body.dark {
  --bg: var(--white);
  --site: var(--blue);
  --bg-header: var(--blue);
  --bg-footer: var(--white);
  --bg-brand: var(--blue);
  --bg-subfooter: var(--blue);
  --border-footer: var(--blue);
  --text: var(--blue);
  --text-copy: var(--white);
  --text-heading: var(--brand);
  --link: var(--blue);
  --link-dropdown: var(--blue);
  --link-button: var(--blue);
  --link-subnav: var(--white);
  --text-footer: var(--black);
  --text-brand: var(--blue);
  --text-subfooter: var(--white);
  --breadcrumb: var(--blue);
  --border: var(--white);
  --gallery: var(--white);
  
  --button: var(--blue);
  --button-search: var(--blue);
  --button-alt: var(--blue);
  --heading: var(--white);
  --heading-alt: var(--black);
  --brand: var(--white);
  --link-brand: var(--white);
  --link-header: var(--white);
  --link-default: var(--blue);
  --link-active: var(--black);
  --transparent: var(--transparent-color);
  --blockquote: var(--white);
  
  --header-arrow: var(--white-arrow);
  --arrow: var(--white-arrow);
  --arrow-search: var(--black-arrow);
  --arrow-alt: var(--blue-button-arrow);
  --arrow-left: var(--blue-arrow);
  --arrow-right: var(--blue-arrow);
  --button-arrow-left: var(--blue-button-arrow-left);
  --button-arrow-right: var(--blue-button-arrow-right);
  --arrow-right: var(--blue-arrow-right);
  --arrow-left: var(--blue-arrow-left);
  --account: var(--white-account);
  --basket: var(--white-basket);
  --search: var(--white);
  --well: var(--white);
  --brick-alt: var(--dark);
  
  --facebook: var(--facebook-dark);
  --twitter: var(--twitter-dark);
  --youtube: var(--youtube-dark);
  --instagram: var(--instagram-dark);
  --rss: var(--rss-dark);
  --sharethis: var(--sharethis-dark);
  
  --timeIcon: var(--timeIcon-dark);
  --ageIcon: var(--ageIcon-dark);
  --intervalIcon: var(--intervalIcon-dark);
  --venueIcon: var(--venueIcon-dark);
  --genreIcon: var(--genreIcon-dark);
  
  --access_captioned: var(--captioned-dark);
  --access_audio: var(--audio-dark);
  --access_relaxed: var(--relaxed-dark);
  --access_dementia: var(--dementia-dark);
  --access_parents: var(--parents-dark);
  --access_family: var(--family-dark);
  --access_bsl: var(--bsl-dark);
  --access_deaf: var(--deaf-dark);
  
  --access_captioned_list: var(--captioned);
  --access_audio_list: var(--audio);
  --access_relaxed_list: var(--relaxed);
  --access_dementia_list: var(--dementia);
  --access_parents_list: var(--parents);
  --access_family_list: var(--family);
  --access_bsl_list: var(--bsl);
  --access_deaf_list: var(--deaf);
  
  --access_captioned_whatson: var(--captioned-dark);
  --access_audio_whatson: var(--audio-dark);
  --access_relaxed_whatson: var(--relaxed-dark);
  --access_dementia_whatson: var(--dementia-dark);
  --access_parents_whatson: var(--parents-dark);
  --access_family_whatson: var(--family-dark);
  --access_bsl_whatson: var(--bsl-dark);
  --access_deaf_whatson: var(--deaf-dark);
  
  --brick_color: var(--white);
  --brick_bottom: var(--blue);
  
  --read_arrow: var(--blue-arrow);
  --read_bg: var(--white);
  --read_color: var(--blue);
  --read_arrow_hover: var(--white-arrow);
  --read_bg_hover: var(--black);
  --read_color_hover: var(--white);
  
  --book_arrow: var(--white-arrow);
  --book_bg: var(--blue);
  --book_color: var(--white);
  --book_arrow_hover: var(--white-arrow);
  --book_bg_hover: var(--black);
  --book_color_hover: var(--white);
  
  --book_arrow_button: var(--blue-arrow);
  --book_bg_button: var(--white);
  --book_color_button: var(--blue);
  --book_arrow_button_hover: var(--white-arrow);
  --book_bg_button_hover: var(--blue);
  --book_color_button_hover: var(--white);
  
}