/* Game Day at the Warehouse (2638) on page-gameday-template.php — the location hero +
   facts strip in black and gold (the Game Day bar's colours), over the page's own
   WPBakery content. See cbco-gameday-page.php. */
.cbco-gdp { --lp-shade: 10, 10, 10; --lp-deep: #0a0a0a; --lp-cta: #ffb612; --lp-cta-deep: #e6a100; --lp-cta-text: #0a0a0a; --lp-hero-eyebrow: #ffb612; --lp-ember-deep: #8a6200; --lp-on-dark-text: #ececec; background: #0a0a0a; }
.cbco-gdp img.cbco-loc__hero-img, .cbco-loc.cbco-gdp img.cbco-loc__hero-img { object-position: 60% 33%; } /* higher slice of the tall photo so the right can shows its full name (Joanna 2026-10-05) */
.cbco-gdp .cbco-loc__hero-in { min-height: 560px; }
.cbco-loc.cbco-gdp h1.cbco-loc__h1 { max-width: 16ch; }
.cbco-gdp .cbco-loc__status { color: #fff; }
.cbco-gdp .cbco-loc__status::before { background: #ffb612; }
.cbco-gdp .cbco-loc__status--open::before { background: #59d38a; }
.cbco-loc.cbco-gdp a.cbco-loc__btn--ember:hover { color: #0a0a0a; }
.cbco-gdp .cbco-loc__facts { border-bottom: 0; }
.cbco-gdp .cbco-loc__fact a:hover { color: #8a6200; }
/* Salient's own top padding sat under its page header; the WPBakery rows start straight after the facts */
.cbco-gdp__content { padding-top: 0 !important; }
.cbco-gdp__content > .main-content > .row { padding-bottom: 0 !important; }
/* the closing "See yinz" row ends on a dark photo; a full-width gold edge keeps it apart from the navy newsletter band */
.cbco-gdp__content { padding-bottom: 0 !important; }
body.page-id-2638 .cbco-nl { border-top: 6px solid #ffb612; }
/* phones: the photo fits the hero's height exactly and the text covered the cans, so the photo
   becomes its own strip above the text, fading to black where the eyebrow starts (Joanna 2026-10-05:
   "move it up a little on the phone") — both MONONGAHAZY cans read in full */
@media (max-width: 760px) {
	.cbco-loc.cbco-gdp img.cbco-loc__hero-img { position: relative; inset: auto; display: block; height: 340px; object-position: 50% 40%; }
	.cbco-gdp .cbco-loc__hero-shade { background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0, rgba(10, 10, 10, 0) 240px, rgba(10, 10, 10, 1) 340px); }
	.cbco-gdp .cbco-loc__hero-in { min-height: 0; position: relative; margin-top: -36px; padding-top: 0; padding-bottom: 40px; }
}