/* Dark mode CSS */

  body.path-frontpage.dark-mode section.highlight form#views-exposed-form-node-functions-page-2 input {
    background-color: #000;
    color: #fff;
  }

  body.path-frontpage.dark-mode section.highlight form#views-exposed-form-node-functions-page-2 button {
    background-color: transparent !important;
    color: white !important;
  }

  body.path-frontpage.dark-mode section.highlight form#views-exposed-form-node-functions-page-2 input[name="title"]::placeholder {
    color: white;
    border: white;
  }

  .dark-mode div#block-quicktabswhatson ul.quicktabs-tabs li a {
    background-color: #000;
    border-color: white;
  }

  .dark-mode div#block-quicktabswhatson ul.quicktabs-tabs li.active a {
    color: #fff !important;
    border: 2px solid #B40931;
  }

  .dark-mode .node-teaser.node-deals-custom .caption-node,
  .dark-mode .node-teaser.node-deals-custom .caption-node a h4 {
    color: white;
  }

  .dark-mode .bg-grey, .dark-mode .bg-grey:after {
    background-color: #333;
  }

  .dark-mode .bg-grey .view-id-node_functions.view-display-id-attachment_1 .views-field.views-field-title {
    background-color: #000;
    color: white;
  }

  .dark-mode .caption-node {
    background-color: #000;
    color: white;
  }

  body.dark-mode a {
    background-color: #000;
  }

  .dark-mode .form-control.bg-inverse {
    background: #000;
    color: white;
  }

  .dark-mode .form-control.bg-inverse::placeholder {
    color: white;
  }

  .dark-mode #footer {
    background-color: #000;
  }

  .dark-mode #footer p {
    color: white;
  }

  .dark-mode #footer a,
  .dark-mode #footer ul.dropdown-menu {
    background-color: unset !important;
  }

  .dark-mode #footer .region.region-footer {
    background-color: #333;
  }

  .dark-mode #block-contactleft > div > div.field {
    color: white;
  }

  .dark-mode div#header ul.menu-level-0 > li:hover div.menu-dropdown > ul {
    background-color: #000;
    border-bottom: 1px solid white;
  }

  .dark-mode div#header ul.menu-level-0 > li:hover div.menu-dropdown > ul > li > a {
    background-color: #333;
    padding-left: 10px;
  }

  .dark-mode .nav-tabs > li.active > a {
    background-color: #B40931 !important;
  }

  .dark-mode .pager li > a:hover, .dark-mode .pager li > a:focus {
    color: #000 !important;
  }

  .dark-mode .search-container > input,
  .dark-mode .search-container > input::placeholder {
    background-color: #000;
    color: white !important;
  }

  .dark-mode .search-container a {
    color: #fff !important;
    background: transparent;
  }

  .dark-mode a#back-to-top {
    background-color: #333;
  }

  .dark-mode .filters-wrapper > .filter-panel {
    color: #000;
  }

  .dark-mode .faq-item a.active+.item-body {
    color: white;
    background-color: #000;
    border: 1px solid white;
  }

  .dark-mode .filters-wrapper > .filter-panel {
    border-radius: 4px;
    background: #000;
    border: 1px solid white;
  }

  .dark-mode .filters-wrapper > .filter-panel .filter-label {
    color: white;
  }

  .dark-mode .filters-wrapper > .filter-panel p,
  .dark-mode .filters-wrapper > .filter-panel div.item {
    color: white !important;
  }

  .dark-mode .calendar-table > table {
    background-color: #000;
  }