/* Occasions (inc/occasions.php, roadmap §14): the banner strip across the top of every page while an occasion runs,
   one colour scheme per look, and the admin page. Same looks as acacia's css/customisations.css so both sites match. */
.rayvons-occasion-banner {
    display: block;
    padding: 9px 16px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none !important;
    letter-spacing: .01em;
}
.rayvons-occasion-banner small { font-weight: 400; opacity: .8; }
.rayvons-occasion-banner:hover,
.rayvons-occasion-banner:focus { filter: brightness(1.08); text-decoration: underline !important; }
.rayvons-occasion-banner-black-friday { background: #000; color: #F5A623 !important; border-bottom: 2px solid #F5A623; }
.rayvons-occasion-banner-christmas    { background: #B3122E; color: #fff !important; border-bottom: 3px solid #1B7A4E; }
.rayvons-occasion-banner-easter       { background: #F7D6E6; color: #4A2C5E !important; border-bottom: 3px solid #BDE0FE; }
.rayvons-occasion-banner-festive      { background: #F5A623; color: #1a1a1a !important; }
.rayvons-occasion-banner-rainy        { background: #1F4E79; color: #fff !important; border-bottom: 3px solid #AED6F1; }
.rayvons-occasion-banner-valentine    { background: #8E0E25; color: #fff !important; border-bottom: 3px solid #F7C6D9; }

.rayvons-occ-intro { font-size: 13px; line-height: 1.55; opacity: .9; }
.rayvons-occ-status { margin: 0 0 14px; padding: 8px 12px; background: rgba(0, 0, 0, .18); font-size: 13px; }
.rayvons-occ-status.is-running { background: rgba(37, 211, 102, .18); font-weight: 700; }
.rayvons-occ-status a { margin-left: 8px; white-space: nowrap; }
.rayvons-occ-num { width: 70px; }
.rayvons-occ-plan { display: inline-block; margin: 0 14px 6px 0; }
.rayvons-occ-logo { display: block; max-width: 260px; max-height: 80px; margin: 0 0 8px; background: rgba(255, 255, 255, .06); }
.rayvons-occ-new { border-style: dashed; }
.rayvons-occasions-page input[type="datetime-local"] { max-width: 100%; }