:root {
            --primary-colour: #AB091E;
                }

    footer, span.active-tab-line { background-color: var(--primary-colour) !important; }

    .e-ticket-benefits svg path, .tod-disadvantages svg path {
        fill: #fff;
    }

    .e-ticket-benefits .benefit-icon {
        background: var(--primary-colour) !important;
    }

    #saving {
        background: radial-gradient(ellipse 60% 70% at center, #AB091E 0%, #AB091E00 100%)
    }

    #headline.no-app-banners .container {
        border-top-color: #AB091E;
    }

    a, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link, .btn-link {
        color: #AB091E;
    }

    div.dropdown, .ui-datepicker, .time-selections > :not(.spacer) {
        border-color: #AB091E !important;
    }

    .switch > .dot {
        box-shadow: 0 0 0 2px #d5848faa !important;
        border-color: #d5848faa !important;
    }

    .time-selections > :not(.spacer) {
        color:  !important;
    }

    .btn-cancel, .letmechoose-warning .btn-link, .text-blue-normal, .remove .btn, .btn-create, .tw-navbar.navbar-dark .basket-items, .basket-items-row .basket-items {
        color: #AB091E !important;
    }

    .bg-blue-normal {
         background-color: #AB091E !important;
     }

    .input-button .div:hover {
        background-color: #AB091E !important;
    }

    .dropdown-select, .station-input, .outline, .lists select.list, #moreOptionsModal .input, #moreOptionsModal .operator {
        border: 1px solid #CFCFCF !important;
    }

    .checkbox:checked ~ .runner {
        background-color: #AB091E !important;
    }

    .journey-card.selected .top:not(.railsale-top) .curve-top, .journey-card.selected .bottom:not(.railsale-bottom) .bottom-item {
        background-color: #AB091E !important;
    }

    .journey-card.selected .middle:not(.railsale-middle) {
        border-color: #AB091E !important;
    }

    ._mdc-stepper ._mdc-stepper__step._mdc-stepper__step--active::before, ._mdc-stepper ._mdc-stepper__step._mdc-stepper__step--done::before {
        background-color: #AB091E;
    }


    .price-cell:focus {
        box-shadow: #fff 0 0 0 2px, #AB091E50 0 0 0 4px, #0000000d 0 1px 2px 0 !important;
    }

    .price-cell.selected {
        box-shadow: #fff 0 0 0 2px, #AB091E 0 0 0 4px, #0000000d 0 1px 2px 0 !important;
    }

    main.login-container {
        border-top-color: #c52338;
    }

    .ui-datepicker-calendar td:not(.disruption) .ui-state-active {
        background: #AB091E !important;
        color: #fff !important;
    }

    html {
        background: #AB091E !important;
    }

    html.basebare-bg {
        background: unset !important;
    }

    .letmechoose-info .vertical-line {
        background-color: #AB091E !important;
    }

    .switch-stations {
        background-color: #AB091E !important;
        border: #AB091E !important;
        color: #fff !important;
        path {
            fill: #fff !important;
        }
    }

    @media (max-width: 768px) {
        .switch-stations {
            background-color: #CFCFCF !important;
            color: #AB091E !important;
            path {
                fill: #AB091E !important;
            }
        }
    }








.outer.image img {
  filter: hue-rotate(140deg) grayscale(0.15) saturate(1.2);
}

section#header {
  filter: hue-rotate(140deg) grayscale(0.15) saturate(1.2);
}

#saving.mourning {
  display: none !important;
}

#hero-image {
  background-image: url("https://www.railforums.co.uk/media/06-jpeg.3982/full.jpg") !important;
  background-position: middle;
}

#journey-planner-container {
  margin-top: 0;
}


@media (min-width: 767.98px) {
  #saving {
    height: 109px;
    font-size: 2rem;
    margin-bottom: 166px;
    margin-left: -1rem !important;
    margin-right: -1rem !important;
    max-width: calc(100% + 2rem) !important;
  }
}

#saving {
    background: #3332;
    backdrop-filter: blur(6px);
}

a.nav-link[href='/blog'],a.nav-link[href*='taxis'] {
  display: none;
}

#resultsTabLoading #spinner, #top-image {
  filter: hue-rotate(140deg) grayscale(0.15) saturate(1.2);
}

.tw-navbar.navbar-light .basket-items {
  background-color: #3d195b;
}

#share {
  border-top: 1px solid #3d195b50;
}

.bg-blue-normal {
  background-color: #282828 !important;
}

@media (min-width: 767.98px) {

.tw-navbar a.navbar-brand h1 {
  width: 225px;
  height: 46px;
}

}

@media (max-width:767.98px) {
 .tw-navbar.navbar-dark a.navbar-brand h1,
 .tw-navbar.navbar-light a.navbar-brand h1 {
  height:35px;
 }
}

.bg-grey-light, body.searchresults .navbar-light, body.searchresults div.timeline-container .navbar-light {
  background: #282828 !important;
}

.bg-grey-light a {
  color: #fff !important;
}

.bg-grey-light a[href="/basket"] img {
  filter: saturate(0) invert(1) !important;
}

#switch-to-old-banner {
  display: none !important;
}

#header > div {
  background-color: #08355fcc !important;
}

section#details {
  background: #FFE3E3 !important;
}

#details circle {
  fill: #FEE !important;
}
#details circle, line {
  stroke: #610404 !important;
}

.autosuggest__results-item:hover, .autosuggest__results-item-tabtarget:focus, .letmechoose-info {
  background-color: #FFE3E3 !important;
}

.letmechoose-info {
  background-color: #E8E6E150 !important;
  border: 1px solid #B8B2A7;
}

.basket-empty-title ~ img {
  filter: hue-rotate(140deg);
}

.tw-navbar.navbar-dark.mourning {
  background: #282828 !important;
}

.tw-navbar.mourning ~ #journey-planner-container {
  margin-top: 600px !important;
}

.ui-datepicker-calendar .disruption a.ui-state-active {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath class='fa-secondary' d='M342 32c25.1 0 48.5 13.1 61.5 34.56L496 218.6c14 23 14 51.8 0 74.8l-92.5 152c-13 21.5-36.4 34.6-61.5 34.6H169.1c-24.2 0-47.6-13.1-60.6-34.6l-92.54-152a71.866 71.866 0 010-74.8L108.5 66.56C121.5 45.1 144.9 32 169.1 32H342z' fill='%23b44d12'/%3E%3C/svg%3E") !important;
 color:#fffbea!important;
 background-color:transparent!important
}
