Holiday Kick-Off

View fullsize .cdk-image-lightbox { position: fixed; inset: 0; z-index: 999999999999; } .cdk-image-lightbox .yui3-lightbox2-content { position: fixed; inset: 0; top: 0 !important; left: 0 !important; height: 100%; width: 100%; } .cdk-image-lightbox img.fill-height { width: auto; height: 100%; max-height: calc(var(--sqs-vh, 1vh) * 96); } .cdk-image-lightbox img.fill-width { width: 100%; height: auto; max-width: 96vw; max-height: calc(var(--sqs-vh, 1vh) * 96); object-fit: contain; } .cdk-image-lightbox .sqs-lightbox-overlay { pointer-events: none; } .cdk-image-lightbox .sqs-lightbox-slideshow { opacity: 1; } .cdk-image-lightbox-padder { display: grid; place-content: center; place-items: center; position: absolute; inset: 2%; } .cdk-image-lightbox-padder img { grid-area: 1 / 1; } .cdk-image-lightbox .sqs-lightbox-meta { position: relative; grid-area: 1 / 1; align-self: end; justify-self: stretch; box-sizing: border-box; width: 0; min-width: 100%; margin: 0; padding: 20px; z-index: 1; color: white; pointer-events: none; } .cdk-image-lightbox .sqs-lightbox-meta a { color: white; text-decoration: underline; } .cdk-image-lightbox .sqs-lightbox-meta p:first-child { margin-top: 0; } .cdk-image-lightbox .sqs-lightbox-meta p:last-child { margin-bottom: 0; } .cdk-image-lightbox-padder:has(img:hover) .sqs-lightbox-meta, .cdk-image-lightbox .sqs-lightbox-meta:hover { background: rgba(0, 0, 0, 0.7); opacity: 1; pointer-events: auto; }