/* The Vegas 411 newsletter call-out on every page of a guide site EXCEPT its home page (which styles the same markup from
   guide.css). Printed inside the footer by components/layout/footer.blade.php as .gd-footband.gd-footband--<look>.
   Self-contained: these pages do not load guide.css. KEEP THE COLOURS IN STEP with the --nl-* values in guide.css. */
.gd-footband { --nl-bg: #d4a53a; --nl-ink: #0f1f47; --nl-btn: #0f1f47; --nl-btn-ink: #f5edda; --nl-accent: #0f1f47; --nl-bulb: #0f1f47; padding-top: 34px; padding-bottom: 10px; }
.gd-footband--supperclub { --nl-bg: #141414; --nl-ink: #f6f0e4; --nl-btn: #c8402a; --nl-btn-ink: #ffffff; --nl-accent: #f2a594; --nl-bulb: #ffd166; }
.gd-footband--sunnyside { --nl-bg: #0f2a5f; --nl-ink: #fdfaf2; --nl-btn: #f6c531; --nl-btn-ink: #0f2a5f; --nl-accent: #f6c531; --nl-bulb: #f6c531; }
.gd-footband--atomic { --nl-bg: #1d2b2f; --nl-ink: #f6efdf; --nl-btn: #f2899c; --nl-btn-ink: #1d2b2f; --nl-accent: #f2899c; --nl-bulb: #f4c95d; }
.gd-footband--menucard { --nl-bg: #8b1a24; --nl-ink: #fffaf0; --nl-btn: #c9a24a; --nl-btn-ink: #1f1a17; --nl-accent: #f3e3b8; --nl-bulb: #f3e3b8; }
.gd-footband--poster { --nl-bg: #d0102a; --nl-ink: #ffffff; --nl-btn: #ffd200; --nl-btn-ink: #0e0e0e; --nl-accent: #ffd200; --nl-bulb: #ffd200; }
.gd-footband--standup { --nl-bg: #0b4fc9; --nl-ink: #ffffff; --nl-btn: #ffe14a; --nl-btn-ink: #111f4e; --nl-accent: #ffe14a; --nl-bulb: #ffe14a; }
.gd-footband--afterdark { --nl-bg: #e02d42; --nl-ink: #ffffff; --nl-btn: #121214; --nl-btn-ink: #ffffff; --nl-accent: #ffffff; --nl-bulb: #ffd9dc; }
.gd-footband--postcard { --nl-bg: #d9412b; --nl-ink: #ffffff; --nl-btn: #1f7f86; --nl-btn-ink: #ffffff; --nl-accent: #ffffff; --nl-bulb: #f6ecd6; }

.gd-footband .gd-signup { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: center; box-sizing: border-box; margin: 0; padding: 38px 18px 40px; border: 0; border-radius: 14px; text-align: left; color: var(--nl-ink);
    background-color: var(--nl-bg);
    background-image: radial-gradient(circle, var(--nl-bulb) 0 4.5px, transparent 5.5px), radial-gradient(circle, var(--nl-bulb) 0 4.5px, transparent 5.5px);
    background-size: 24px 14px, 24px 14px; background-repeat: repeat-x, repeat-x; background-position: 12px 8px, 12px calc(100% - 8px); }
.gd-footband .gd-signup-burst { position: absolute; top: -18px; right: 14px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 78px; height: 78px; background: var(--nl-btn); transform: rotate(12deg);
    clip-path: polygon(50% 0, 61% 12%, 75% 5%, 79% 20%, 95% 21%, 90% 36%, 100% 50%, 90% 64%, 95% 79%, 79% 80%, 75% 95%, 61% 88%, 50% 100%, 39% 88%, 25% 95%, 21% 80%, 5% 79%, 10% 64%, 0 50%, 10% 36%, 5% 21%, 21% 20%, 25% 5%, 39% 12%); }
.gd-footband .gd-signup-burst b { font-size: 17px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; color: var(--nl-btn-ink) !important; }
.gd-footband .gd-signup .gd-signup-eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 14px; font-weight: 800; letter-spacing: .2em; line-height: 1.2; text-transform: uppercase; color: var(--nl-ink) !important; }
.gd-footband .gd-signup .gd-signup-eyebrow span { color: var(--nl-bulb) !important; font-size: 15px; letter-spacing: 0; }
.gd-footband .gd-signup h2 { margin: 0 0 6px; padding: 0 70px 0 0; border: 0; background: none; font-size: clamp(28px, 3.4vw, 40px); font-weight: 800; line-height: 1.08; text-align: left; text-shadow: none; text-transform: none; color: var(--nl-ink) !important; }
.gd-footband .gd-signup h2::before, .gd-footband .gd-signup h2::after { content: none; }
.gd-footband .gd-signup .gd-signup-text { margin: 0; max-width: 34em; font-size: 17px; line-height: 1.4; color: var(--nl-ink) !important; }
.gd-footband .gd-signup-perks { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 10px; margin: 12px 0 0; padding: 0; }
.gd-footband .gd-signup-perks li { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 5px 12px; border: 2px solid var(--nl-bulb); border-radius: 999px; font-size: 14px; font-weight: 800; letter-spacing: .03em; line-height: 1.2; color: var(--nl-ink) !important; }
.gd-footband .gd-signup-perks li::before { content: '\2605'; color: var(--nl-bulb); font-size: 13px; }
.gd-footband .gd-signup-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; }
.gd-footband .gd-signup-form input[type="email"] { width: 100%; min-width: 0; min-height: 54px; box-sizing: border-box; margin: 0; padding: 10px 14px; border: 2px solid var(--nl-btn); border-radius: 8px; background: #ffffff; color: #14213d; font: inherit; font-size: 17px; }
.gd-footband .gd-signup-form button { width: 100%; min-height: 56px; margin: 0; padding: 10px 20px; border: 2px solid var(--nl-btn); border-radius: 8px; background: var(--nl-btn); color: var(--nl-btn-ink) !important; font: inherit; font-size: 19px; font-weight: 800; letter-spacing: .01em; line-height: 1.15; box-shadow: 0 3px 0 rgba(0, 0, 0, .28); cursor: pointer; }
.gd-footband .gd-signup-form button span { color: inherit !important; }
.gd-footband .gd-signup-form button:hover, .gd-footband .gd-signup-form button:focus-visible { filter: brightness(1.08); }
.gd-footband .gd-signup-form button:disabled { opacity: .6; cursor: default; }
.gd-footband .gd-signup-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.gd-footband .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.gd-footband .gd-signup .gd-signup-note { margin: 0; font-size: 13px; line-height: 1.3; color: var(--nl-ink) !important; opacity: .85; }
.gd-footband .gd-signup .gd-signup-msg { margin: 0; padding: 8px 12px; border-radius: 6px; background: #ffffff; color: #9a1c1c !important; font-size: 15px; font-weight: 700; }
.gd-footband .gd-signup .gd-signup-msg.is-ok { color: #1f7a3a !important; }
.gd-footband .gd-signup [hidden] { display: none !important; }
@media (min-width: 860px) {
    .gd-footband .gd-signup { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 34px; padding: 46px 40px 48px; }
    .gd-footband .gd-signup-burst { top: -22px; right: 26px; width: 96px; height: 96px; }
    .gd-footband .gd-signup-burst b { font-size: 21px; }
    .gd-footband .gd-signup h2 { padding-right: 0; }
}
