/* * H2 Gambling Capital — vanilla-cookieconsent v3 theme overrides. */ /* * main.css sets body { contain: paint } which makes a containing block * for position:fixed descendants. That breaks the preferences modal's viewport- * centred positioning. Reset to normal so #cc-main modals use the viewport. */ body { contain: none; } #cc-main { --cc-font-family: 'europa', sans-serif; --cc-modal-border-radius: 12px; --cc-btn-border-radius: 50px; --cc-pm-toggle-border-radius: 4px; /* Background & text */ --cc-bg: #0A293B; --cc-primary-color: #ffffff; --cc-secondary-color: rgba(255, 255, 255, 0.65); --cc-link-color: #06FBFF; /* Primary button — "Accept all" (cyan CTA, mirrors "Request a Demo") */ --cc-btn-primary-bg: #06FBFF; --cc-btn-primary-color: #0A293B; --cc-btn-primary-border-color: #06FBFF; --cc-btn-primary-hover-bg: #0075C9; --cc-btn-primary-hover-color: #ffffff; --cc-btn-primary-hover-border-color: #0075C9; /* Secondary buttons — "Reject optional", "Manage preferences" (outline) */ --cc-btn-secondary-bg: transparent; --cc-btn-secondary-color: #06FBFF; --cc-btn-secondary-border-color: rgba(6, 251, 255, 0.4); --cc-btn-secondary-hover-bg: rgba(6, 251, 255, 0.1); --cc-btn-secondary-hover-color: #06FBFF; --cc-btn-secondary-hover-border-color: #06FBFF; /* Consent-to-analytics toggle */ --cc-toggle-on-bg: #06FBFF; --cc-toggle-off-bg: rgba(255, 255, 255, 0.2); --cc-toggle-on-knob-bg: #0A293B; --cc-toggle-off-knob-bg: #ffffff; --cc-toggle-enabled-icon-color: #0A293B; --cc-toggle-disabled-icon-color: rgba(255, 255, 255, 0.5); --cc-toggle-readonly-bg: rgba(255, 255, 255, 0.12); --cc-toggle-readonly-knob-bg: rgba(255, 255, 255, 0.45); --cc-toggle-readonly-knob-icon-color: rgba(255, 255, 255, 0.5); /* Structure */ --cc-separator-border-color: rgba(255, 255, 255, 0.1); --cc-section-category-border: rgba(255, 255, 255, 0.08); --cc-footer-bg: rgba(0, 0, 0, 0.2); --cc-footer-color: rgba(255, 255, 255, 0.55); --cc-footer-border-color: rgba(255, 255, 255, 0.1); /* Cookie-category blocks in preferences modal */ --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.04); --cc-cookie-category-block-border: rgba(255, 255, 255, 0.08); --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.07); --cc-cookie-category-block-hover-border: rgba(6, 251, 255, 0.35); --cc-cookie-category-expanded-block-bg: rgba(255, 255, 255, 0.04); --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, 0.06); /* Overlay behind preferences modal */ --cc-overlay-bg: rgba(6, 20, 30, 0.8); /* Scrollbar */ --cc-webkit-scrollbar-bg: rgba(255, 255, 255, 0.08); --cc-webkit-scrollbar-hover-bg: rgba(255, 255, 255, 0.16); } /* Left accent border on the consent modal to echo the H2GC brand rule */ #cc-main .cm { border-left: 3px solid #06FBFF; } /* Primary button font weight — make it feel like the site's CTAs */ #cc-main .cm__btn--primary, #cc-main .pm__btn--primary { font-weight: 600; letter-spacing: 0.01em; } /* Make secondary buttons feel lighter / less competing */ #cc-main .cm__btn--secondary { font-weight: 400; } /* Table inside preferences modal — match the dark theme */ #cc-main .pm__table { border-color: rgba(255, 255, 255, 0.1); } #cc-main .pm__table th, #cc-main .pm__table td { border-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.8); } #cc-main .pm__table thead th { background: rgba(6, 251, 255, 0.08); color: #ffffff; } /* Site _typography.sass has `p a:hover { color: $primary !important }` (#0A293B dark navy). * That bleeds into the banner making links invisible on hover. Override with higher specificity. */ #cc-main a:hover, #cc-main p a:hover, #cc-main .cc__link:hover { color: #06FBFF !important; }