:root {
    --header-colour: #cd1919;
    --header-text-colour: #fff;
    --header-logo: url('/_assets/themes/redfunnel/logo.svg') no-repeat;
    --header-width: 138px;
    --header-height: 60px;
    --nav-icon-colour: #000000;
    --main-colour: #cd1919;
    --darker-colour: #a50707;
    --main-background-colour: #f5f6f8;
    --postcode-background-color: #a50707;
    --postcode-button-color: #000000;
    --footer-colour: #000000;
    --home-banner-background-image: none;
    --home-banner-background-colour: #cd1919;
    --home-banner-text-colour: #fff;
    --home-background-image: none;
    --home-advert-background-colour: #cd1919;
    --home-advert-font-colour: #fff;
    --home-gradient: transparent;
    --secondary-colour: #a50707;
}

#logo {
    background-size: initial !important;
}

/* Red Funnel: passengers order to a seat, not a table. The checkout heading comes from the
   tmpLocations template as <h2><i class="fa fa-utensils"></i>&nbsp;TABLE</h2> with no hook on
   the text itself, so collapse the h2 text with font-size:0, restore the icon, and re-add the
   label via ::after. (Note: the same h2 carries "PICK UP LOCATION" for PUL orders - Red Funnel
   stores are table-service only, so this relabels safely.) */
#pOrderTimes h2 {
    font-size: 0;
}

#pOrderTimes h2 i.fa {
    font-size: 1.5rem;
    vertical-align: middle;
}

#pOrderTimes h2::after {
    content: "SEAT NUMBER";
    font-size: 1.5rem;
    margin-left: 0.4em;
    vertical-align: middle;
}