.primary-text-color { color: #a02621; } .primary-color-background-color { background-color: #a02621; } .tertiary-background-color { background-color: #feedc8; } .footer-text-color { color: #ffffff; } .label-strong { font-weight: bold; text-transform: uppercase; } #fp-featured-routes { visibility: visible; } /* ------------------------------------------------------------------------- Per-brand theming. The brand is chosen from the request host and exposed as data-brand on (see lib/brand.ts). PF keeps the original flour background; SL and CSnacks share the snacks background. ------------------------------------------------------------------------- */ @media (min-width: 768px) { html[data-brand="sl"] body, html[data-brand="csnacks"] body { background-image: url(/assets/img/brands/snacks-bg.jpg); } } /* SL/CSnacks header = text banner (sits on the .top-logo-tagline trapezoid, like PF's logo) + composite logo grid below. */ .brand-banner-text { margin: 0; padding: 26px 30px; font-weight: bold; text-align: center; } .brand-logo-grid { display: block; margin: 12px auto; width: 100%; max-width: 860px; height: auto; }