@scrippsproduct/entertainment-sites-css 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/css/base.css +422 -0
  2. package/dist/css/base.css.map +1 -0
  3. package/dist/css/base.min.css +1 -0
  4. package/dist/css/episode-guide.css +93 -0
  5. package/dist/css/episode-guide.css.map +1 -0
  6. package/dist/css/episode-guide.min.css +1 -0
  7. package/dist/css/find-us.css +273 -0
  8. package/dist/css/find-us.css.map +1 -0
  9. package/dist/css/find-us.min.css +1 -0
  10. package/dist/css/footer.css +156 -0
  11. package/dist/css/footer.css.map +1 -0
  12. package/dist/css/footer.min.css +1 -0
  13. package/dist/css/header.css +154 -0
  14. package/dist/css/header.css.map +1 -0
  15. package/dist/css/header.min.css +1 -0
  16. package/dist/css/home.css +592 -0
  17. package/dist/css/home.css.map +1 -0
  18. package/dist/css/home.min.css +1 -0
  19. package/dist/css/index.css +2799 -0
  20. package/dist/css/index.css.map +1 -0
  21. package/dist/css/index.min.css +1 -0
  22. package/dist/css/page-not-found.css +32 -0
  23. package/dist/css/page-not-found.css.map +1 -0
  24. package/dist/css/page-not-found.min.css +1 -0
  25. package/dist/css/privacy-center.css +28 -0
  26. package/dist/css/privacy-center.css.map +1 -0
  27. package/dist/css/privacy-center.min.css +1 -0
  28. package/dist/css/privacy-policy.css +69 -0
  29. package/dist/css/privacy-policy.css.map +1 -0
  30. package/dist/css/privacy-policy.min.css +1 -0
  31. package/dist/css/schedule.css +252 -0
  32. package/dist/css/schedule.css.map +1 -0
  33. package/dist/css/schedule.min.css +1 -0
  34. package/dist/css/settings.css +3 -0
  35. package/dist/css/settings.css.map +1 -0
  36. package/dist/css/settings.min.css +0 -0
  37. package/dist/css/show-details.css +467 -0
  38. package/dist/css/show-details.css.map +1 -0
  39. package/dist/css/show-details.min.css +1 -0
  40. package/dist/css/shows.css +83 -0
  41. package/dist/css/shows.css.map +1 -0
  42. package/dist/css/shows.min.css +1 -0
  43. package/dist/css/special-lander.css +110 -0
  44. package/dist/css/special-lander.css.map +1 -0
  45. package/dist/css/special-lander.min.css +1 -0
  46. package/dist/css/sweeps.css +42 -0
  47. package/dist/css/sweeps.css.map +1 -0
  48. package/dist/css/sweeps.min.css +1 -0
  49. package/package.json +20 -0
  50. package/src/_reset.scss +59 -0
  51. package/src/base.scss +374 -0
  52. package/src/episode-guide.scss +101 -0
  53. package/src/find-us.scss +308 -0
  54. package/src/footer.scss +188 -0
  55. package/src/header.scss +185 -0
  56. package/src/home.scss +760 -0
  57. package/src/index.scss +17 -0
  58. package/src/page-not-found.scss +32 -0
  59. package/src/privacy-center.scss +25 -0
  60. package/src/privacy-policy.scss +75 -0
  61. package/src/schedule.scss +288 -0
  62. package/src/settings.scss +0 -0
  63. package/src/show-details.scss +578 -0
  64. package/src/shows.scss +98 -0
  65. package/src/special-lander.scss +137 -0
  66. package/src/sweeps.scss +42 -0
@@ -0,0 +1,2799 @@
1
+ html, body {
2
+ height: 100%;
3
+ }
4
+
5
+ body {
6
+ line-height: 1.5;
7
+ -webkit-font-smoothing: antialiased;
8
+ }
9
+
10
+ img, picture, video, canvas, svg {
11
+ display: block;
12
+ max-width: 100%;
13
+ }
14
+
15
+ figure {
16
+ margin: 0;
17
+ }
18
+
19
+ input, button, textarea, select {
20
+ font: inherit;
21
+ }
22
+
23
+ p, h1, h2, h3, h4, h5, h6 {
24
+ overflow-wrap: break-word;
25
+ }
26
+
27
+ ul[role=list],
28
+ ol[role=list] {
29
+ list-style: none;
30
+ }
31
+
32
+ a:not([class]) {
33
+ -webkit-text-decoration-skip: ink;
34
+ text-decoration-skip-ink: auto;
35
+ }
36
+
37
+ #root {
38
+ isolation: isolate;
39
+ }
40
+
41
+ @media (prefers-reduced-motion: reduce) {
42
+ *,
43
+ *::before,
44
+ *::after {
45
+ animation-duration: 0.01ms !important;
46
+ animation-iteration-count: 1 !important;
47
+ transition-duration: 0.01ms !important;
48
+ scroll-behavior: auto !important;
49
+ }
50
+ }
51
+ html, body {
52
+ height: 100%;
53
+ }
54
+
55
+ body {
56
+ line-height: 1.5;
57
+ -webkit-font-smoothing: antialiased;
58
+ }
59
+
60
+ img, picture, video, canvas, svg {
61
+ display: block;
62
+ max-width: 100%;
63
+ }
64
+
65
+ figure {
66
+ margin: 0;
67
+ }
68
+
69
+ input, button, textarea, select {
70
+ font: inherit;
71
+ }
72
+
73
+ p, h1, h2, h3, h4, h5, h6 {
74
+ overflow-wrap: break-word;
75
+ }
76
+
77
+ ul[role=list],
78
+ ol[role=list] {
79
+ list-style: none;
80
+ }
81
+
82
+ a:not([class]) {
83
+ -webkit-text-decoration-skip: ink;
84
+ text-decoration-skip-ink: auto;
85
+ }
86
+
87
+ #root {
88
+ isolation: isolate;
89
+ }
90
+
91
+ @media (prefers-reduced-motion: reduce) {
92
+ *,
93
+ *::before,
94
+ *::after {
95
+ animation-duration: 0.01ms !important;
96
+ animation-iteration-count: 1 !important;
97
+ transition-duration: 0.01ms !important;
98
+ scroll-behavior: auto !important;
99
+ }
100
+ }
101
+ :root {
102
+ /* theme colors */
103
+ --theme-color-100: hsl(44, 98%, 52%);
104
+ --theme-color-200: hsl(33, 100%, 50%);
105
+ --theme-color-300: hsl(33, 100%, 50%);
106
+ --theme-color-400: hsl(24, 81%, 55%);
107
+ --theme-color-500: hsl(24, 92%, 48%);
108
+ /* monotones */
109
+ --mono-color-100: #fff;
110
+ --mono-color-200: #0000002B;
111
+ --mono-color-400: #666;
112
+ --mono-color-500: #777;
113
+ /* form colors */
114
+ --form-valid-color: hsl(150, 55%, 38%);
115
+ --form-invalid-color: hsl(0, 51%, 50%);
116
+ /* gradients */
117
+ --on-now-gradient: linear-gradient(to bottom, var(--theme-color-100) 0%, var(--theme-color-300) 100%);
118
+ --body-radial-gradient: radial-gradient(ellipse at top left, var(--theme-color-200) 0%, var(--theme-color-100) 90%);
119
+ --footer-gradient: linear-gradient(180deg,hsl(29.65deg 100% 50% / 64%),transparent);
120
+ --menu-gradient: linear-gradient(90deg, hsl(39, 100%, 41%) 0%, hsl(30, 82%, 58%) 50%, hsl(28, 82%, 55%) 90%);
121
+ /* other */
122
+ --cta-button-color: var(--theme-color-200);
123
+ }
124
+
125
+ html {
126
+ font-family: "Montserrat", sans-serif;
127
+ font-size: 17px;
128
+ scrollbar-gutter: stable;
129
+ }
130
+
131
+ @media screen and (max-width: 187.5rem) {
132
+ html {
133
+ font-size: 16px;
134
+ }
135
+ }
136
+ @media screen and (max-width: 61.25rem) {
137
+ html {
138
+ font-size: 14px;
139
+ }
140
+ }
141
+ body {
142
+ margin: 0;
143
+ background-image: url(https://ewscripps-brightspot-lower.s3.amazonaws.com/24/3f/b693fd3a4f709740eae431187e55/backgroundimage-bw.png), var(--body-radial-gradient);
144
+ background-blend-mode: soft-light;
145
+ background-repeat: no-repeat;
146
+ background-size: cover;
147
+ background-position: center;
148
+ background-attachment: fixed;
149
+ }
150
+
151
+ .h1,
152
+ .h2,
153
+ .h3,
154
+ .h4,
155
+ .h5,
156
+ .h6 {
157
+ color: var(--mono-color-400);
158
+ font-weight: 600;
159
+ text-wrap: balance;
160
+ -webkit-font-smoothing: antialiased;
161
+ -moz-osx-font-smoothing: grayscale;
162
+ }
163
+ .h1--extra-bold,
164
+ .h2--extra-bold,
165
+ .h3--extra-bold,
166
+ .h4--extra-bold,
167
+ .h5--extra-bold,
168
+ .h6--extra-bold {
169
+ font-weight: 700;
170
+ }
171
+
172
+ .h1:first-child {
173
+ margin-top: 0;
174
+ }
175
+
176
+ .h1 {
177
+ font-size: 2rem;
178
+ }
179
+
180
+ .h2 {
181
+ font-size: 1.802rem;
182
+ }
183
+
184
+ .h3 {
185
+ font-size: 1.602rem;
186
+ }
187
+
188
+ .h4 {
189
+ font-size: 1.424rem;
190
+ }
191
+
192
+ .h5 {
193
+ font-size: 1.266rem;
194
+ }
195
+
196
+ .h6 {
197
+ font-size: 1.125rem;
198
+ }
199
+
200
+ p {
201
+ font-family: "Open Sans", sans-serif;
202
+ }
203
+
204
+ a {
205
+ color: var(--theme-color-200);
206
+ transition: color 0.25s ease-in-out;
207
+ font-weight: 600;
208
+ text-underline-offset: 0.15rem;
209
+ }
210
+ a:not([class]):hover {
211
+ color: var(--theme-color-100);
212
+ }
213
+
214
+ site-wrapper {
215
+ min-height: 100vh;
216
+ min-height: 100dvh;
217
+ display: grid;
218
+ grid-template-rows: auto 1fr auto;
219
+ animation-name: pageFadeIn;
220
+ animation-duration: 350ms;
221
+ animation-delay: 150ms;
222
+ animation-timing-function: ease-in;
223
+ animation-fill-mode: forwards;
224
+ opacity: 0;
225
+ }
226
+
227
+ @keyframes pageFadeIn {
228
+ 0% {
229
+ opacity: 0;
230
+ }
231
+ 100% {
232
+ opacity: 1;
233
+ }
234
+ }
235
+ .page-section {
236
+ background-color: #fff;
237
+ }
238
+
239
+ .page-section--gradient-bkgd {
240
+ background-image: var(--footer-gradient);
241
+ min-height: 200px;
242
+ }
243
+
244
+ .page-section--extra-margin {
245
+ margin-top: 1.5rem;
246
+ }
247
+
248
+ content-constrainer {
249
+ display: block;
250
+ width: min(100% - 13.125rem, 125rem);
251
+ margin: auto;
252
+ border-bottom: 1px solid var(--theme-color-500);
253
+ padding-bottom: 2.5rem;
254
+ padding-top: 2rem;
255
+ }
256
+
257
+ hr {
258
+ width: min(100% - 13.125rem, 125rem);
259
+ margin: auto;
260
+ border: none;
261
+ border-bottom: 1px solid var(--theme-color-500);
262
+ }
263
+
264
+ error-handler {
265
+ display: block;
266
+ background-color: var(--mono-color-100);
267
+ padding-block: 4rem;
268
+ padding-inline: 2rem;
269
+ outline: 1px solid var(--theme-color-200);
270
+ }
271
+
272
+ @media screen and (max-width: 80rem) {
273
+ content-constrainer,
274
+ hr {
275
+ width: calc(100% - 5.625rem);
276
+ }
277
+ }
278
+ @media screen and (max-width: 37.5rem) {
279
+ content-constrainer,
280
+ hr {
281
+ width: calc(100% - 3.8rem);
282
+ }
283
+ }
284
+ @media screen and (max-width: 25rem) {
285
+ content-constrainer,
286
+ hr {
287
+ width: calc(100% - 1.5rem);
288
+ }
289
+ }
290
+ .content-constrainer--no-padding {
291
+ padding-bottom: 0;
292
+ padding-top: 0;
293
+ }
294
+
295
+ .content-constrainer--no-border {
296
+ border: none;
297
+ }
298
+
299
+ .content-constrainer--lead-container {
300
+ border-bottom: none;
301
+ padding-top: 1.5rem;
302
+ padding-block-start: 1.5rem;
303
+ }
304
+
305
+ @media screen and (max-width: 60rem) {
306
+ .content-constrainer--lead-container {
307
+ padding-top: 0.5rem;
308
+ padding-block-start: 0.5rem;
309
+ }
310
+ }
311
+ .content-constrainer--margin-bottom {
312
+ margin-block-end: 2rem;
313
+ }
314
+
315
+ .main-content > .content-constrainer--no-padding:first-child {
316
+ padding-top: 0;
317
+ margin-top: 2rem;
318
+ }
319
+
320
+ .main-content {
321
+ margin-top: 0;
322
+ }
323
+ .main-content.info-page {
324
+ margin-top: 1.5rem;
325
+ }
326
+
327
+ .main-content.info-page > content-constrainer:first-child {
328
+ padding-top: 3rem;
329
+ }
330
+
331
+ .page-content-header {
332
+ font-size: 2.875rem;
333
+ font-size: clamp(1.8rem, 4vw + 1rem, 2.875rem);
334
+ font-weight: 600;
335
+ color: var(--mono-color-100);
336
+ text-transform: uppercase;
337
+ text-align: center;
338
+ border-top: 1px solid var(--mono-color-100);
339
+ padding-top: 2.5rem;
340
+ margin-top: 0.5rem;
341
+ }
342
+
343
+ @media screen and (max-width: 31.15rem) {
344
+ .page-content-header {
345
+ font-size: 2.3rem;
346
+ font-size: clamp(1.8rem, 4vw + 1rem, 2.875rem);
347
+ }
348
+ }
349
+ @media screen and (max-width: 25rem) {
350
+ .page-content-header {
351
+ font-size: 2rem;
352
+ font-size: clamp(1.8rem, 4vw + 1rem, 2.875rem);
353
+ }
354
+ }
355
+ .page-content-subheader {
356
+ color: var(--mono-color-100);
357
+ font-size: 1.125rem;
358
+ text-align: center;
359
+ margin: 0 auto 2rem;
360
+ }
361
+ @media screen and (max-width: 43.75rem) {
362
+ .page-content-subheader {
363
+ max-width: 40ch;
364
+ }
365
+ }
366
+
367
+ .info-page {
368
+ background-color: transparent;
369
+ }
370
+
371
+ .info-page > content-constrainer {
372
+ max-width: 64rem;
373
+ padding-left: 2.5rem;
374
+ padding-right: 2.5rem;
375
+ background-color: #fff;
376
+ }
377
+
378
+ @media screen and (max-width: 37.5rem) {
379
+ .info-page > content-constrainer {
380
+ width: 100%;
381
+ padding-left: 1.5rem;
382
+ padding-right: 1.5rem;
383
+ box-sizing: border-box;
384
+ }
385
+ }
386
+ header > content-constrainer,
387
+ footer > content-constrainer {
388
+ border: none;
389
+ }
390
+
391
+ .modal__close-btn {
392
+ background: transparent;
393
+ border: none;
394
+ color: var(--mono-color-100);
395
+ left: -1rem;
396
+ top: -3.5rem;
397
+ transform: rotate(0);
398
+ transition: transform 0.325s ease-in-out;
399
+ }
400
+ .modal__close-btn:hover, .modal__close-btn:focus {
401
+ transform: rotate(180deg);
402
+ }
403
+ .modal__close-btn:focus {
404
+ outline-width: 1px;
405
+ outline-color: var(--theme-color-300);
406
+ outline-style: dashed;
407
+ border-radius: 40%;
408
+ }
409
+
410
+ #modal-container > dialog {
411
+ overflow: visible;
412
+ }
413
+
414
+ dialog.modal {
415
+ will-change: transform, opacity;
416
+ }
417
+ dialog.modal::backdrop {
418
+ background-color: rgba(0, 0, 0, 0.8);
419
+ }
420
+
421
+ .image-card__cta {
422
+ transition: scale 0.225s ease-out;
423
+ display: inline-block;
424
+ }
425
+ .image-card__cta:hover, .image-card__cta:focus {
426
+ scale: 1.1;
427
+ }
428
+
429
+ .inline-anchor {
430
+ color: var(--theme-color-400);
431
+ font-weight: 600;
432
+ }
433
+
434
+ /* Better screen reader only (https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034) */
435
+ .sr-only {
436
+ border: 0 !important;
437
+ clip: rect(1px, 1px, 1px, 1px) !important;
438
+ -webkit-clip-path: inset(50%) !important;
439
+ clip-path: inset(50%) !important;
440
+ height: 1px !important;
441
+ margin: -1px !important;
442
+ overflow: hidden !important;
443
+ padding: 0 !important;
444
+ position: absolute !important;
445
+ width: 1px !important;
446
+ white-space: nowrap !important;
447
+ }
448
+
449
+ .sr-only-focusable:focus,
450
+ .sr-only-focusable:active {
451
+ clip: auto !important;
452
+ -webkit-clip-path: none !important;
453
+ clip-path: none !important;
454
+ height: auto !important;
455
+ margin: auto !important;
456
+ overflow: visible !important;
457
+ width: auto !important;
458
+ white-space: normal !important;
459
+ }
460
+
461
+ /**
462
+ * added to remove the error panel that the current
463
+ * version of the react-dev-tools chorme extension
464
+ * keeps throwing: Uncaught TypeError: hook.sub is not a function
465
+ *
466
+ * (3/21/2023)
467
+ */
468
+ #webpack-dev-server-client-overlay {
469
+ display: none !important;
470
+ }
471
+
472
+ episode-guide {
473
+ display: block;
474
+ min-height: 20rem;
475
+ }
476
+
477
+ .episode-guide__header {
478
+ display: flex;
479
+ }
480
+ .episode-guide__header > .h2 {
481
+ margin-block-start: 0;
482
+ font-size: 2rem;
483
+ font-weight: 500;
484
+ margin-block-end: 1rem;
485
+ }
486
+
487
+ label[for=season-selector] {
488
+ isolation: unset;
489
+ flex: 1 0 fit-content;
490
+ margin-bottom: 0;
491
+ font-size: 1.125rem;
492
+ }
493
+ label[for=season-selector] > div {
494
+ border-radius: 0;
495
+ border: 1px solid var(--mono-color-400);
496
+ padding: 0;
497
+ }
498
+ label[for=season-selector] > div > div {
499
+ background: #fff;
500
+ }
501
+ label[for=season-selector] > div > div:first-child {
502
+ cursor: pointer;
503
+ }
504
+
505
+ .custom-select__icon--chevron {
506
+ transform: translateY(-50%);
507
+ }
508
+ .custom-select__icon--chevron > svg {
509
+ stroke: #444;
510
+ }
511
+
512
+ .season-selector-wrapper {
513
+ margin-inline-start: auto;
514
+ margin-block-end: 0.83rem;
515
+ flex: 0 1 auto;
516
+ display: flex;
517
+ gap: 0.5rem;
518
+ align-items: center;
519
+ }
520
+ .season-selector-wrapper > span {
521
+ display: block;
522
+ flex: 1 0 fit-content;
523
+ font-size: 1.125rem;
524
+ }
525
+
526
+ .custom-select__choices-wrapper {
527
+ margin-top: 0.1em;
528
+ }
529
+
530
+ .custom-select__choices {
531
+ border-radius: 0;
532
+ border: 1px solid;
533
+ border-width: 0 1px 1px;
534
+ }
535
+
536
+ .custom-select__item--highlighted {
537
+ background-color: #efefef;
538
+ }
539
+
540
+ .custom-select__choices li:hover {
541
+ background-color: #efefef;
542
+ }
543
+
544
+ .custom-select__item--selected {
545
+ background-color: #e3e3e3;
546
+ color: currentColor;
547
+ }
548
+
549
+ @media screen and (max-width: 34.375rem) {
550
+ .episode-guide__header {
551
+ display: block;
552
+ }
553
+ .season-selector-wrapper {
554
+ justify-content: flex-start;
555
+ }
556
+ .season-selector-wrapper > span {
557
+ flex: 0 1 fit-content;
558
+ }
559
+ .season-selector-wrapper label[for=season-selector] {
560
+ flex: 0 0 fit-content;
561
+ }
562
+ }
563
+ .find-us-page .page-content-header {
564
+ margin: 0;
565
+ padding-block-start: 2.4rem;
566
+ text-wrap: balance;
567
+ line-height: 1;
568
+ }
569
+ .find-us-page content-constarainer {
570
+ margin-block-start: 2rem;
571
+ padding-block-end: 9rem;
572
+ }
573
+
574
+ .find-us__channel-search-section {
575
+ padding-inline: 1rem;
576
+ }
577
+
578
+ channel-search__wrapper {
579
+ background-color: var(--mono-color-100);
580
+ border: double 4px var(--theme-color-300);
581
+ margin: auto;
582
+ padding: 4rem;
583
+ box-sizing: border-box;
584
+ max-width: 61.25rem;
585
+ transition: max-width 0.325s ease-out;
586
+ }
587
+ channel-search__wrapper:has(.search-results-header) {
588
+ max-width: 100rem;
589
+ }
590
+ @media screen and (max-width: 37.5rem) {
591
+ channel-search__wrapper {
592
+ padding: 2rem 0;
593
+ }
594
+ }
595
+
596
+ @media screen and (max-width: 37.5rem) {
597
+ .ad-wrapper {
598
+ padding-inline: 2rem;
599
+ }
600
+ }
601
+
602
+ .channel-search__submit-btn {
603
+ --button-bg-color: var(--theme-color-200);
604
+ --button-hover-bg-color: var(--theme-color-500);
605
+ --button-color: #fff;
606
+ --button-hover-color: #fff;
607
+ --button-border-color: var(--theme-color-200);
608
+ --button-hover-border-color: var(--theme-color-500);
609
+ background-image: linear-gradient(180deg, var(--theme-color-200), var(--theme-color-100), var(--theme-color-100), var(--theme-color-200));
610
+ background-position: bottom left;
611
+ background-size: 100% 400%;
612
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
613
+ padding-inline: 2.75rem;
614
+ padding-block: 0.45rem;
615
+ font-size: 1.125rem;
616
+ transition: background-position 0.225s ease-in-out, scale 0.325s ease-out;
617
+ }
618
+ .channel-search__submit-btn:hover, .channel-search__submit-btn:focus {
619
+ background-position: top left;
620
+ scale: 1.02;
621
+ border-radius: 0;
622
+ }
623
+ @media screen and (max-width: 37.5rem) {
624
+ .channel-search__submit-btn {
625
+ margin-top: 0;
626
+ }
627
+ }
628
+
629
+ .channel-search__label,
630
+ .search-results-header {
631
+ font-size: 1.4rem;
632
+ font-weight: 700;
633
+ color: #333;
634
+ }
635
+
636
+ .search-results-header {
637
+ color: var(--theme-color-200);
638
+ }
639
+ .search-results-header ~ div:not(.ad-wrapper) {
640
+ border-bottom: 1px solid var(--mono-color-400);
641
+ }
642
+
643
+ .results-table__header-row {
644
+ background-color: var(--theme-color-300);
645
+ color: var(--mono-color-100);
646
+ text-align: center;
647
+ font-size: 1.125rem;
648
+ }
649
+
650
+ .results-table__row {
651
+ text-align: center;
652
+ font-size: 1.125rem;
653
+ }
654
+ .results-table__row:nth-child(even) {
655
+ background-color: #f2f2f2;
656
+ }
657
+
658
+ .channel-search {
659
+ border-color: #ddd;
660
+ gap: 1rem;
661
+ }
662
+ .channel-search > span {
663
+ padding: unset;
664
+ }
665
+ .channel-search label[for=zipcode] {
666
+ padding: unset;
667
+ }
668
+ .channel-search input[name=zipcode] {
669
+ border: 1px solid var(--mono-color-400);
670
+ }
671
+ @media screen and (max-width: 37.5rem) {
672
+ .channel-search {
673
+ border-bottom: none;
674
+ margin-block-end: 0;
675
+ }
676
+ }
677
+
678
+ @media screen and (max-width: 37.5rem) {
679
+ promotion-block {
680
+ padding: 0 2rem;
681
+ }
682
+ }
683
+
684
+ .find-us__rescan-platform-section {
685
+ margin-block-start: 3rem;
686
+ background-color: var(--mono-color-100);
687
+ }
688
+
689
+ .rescan__header,
690
+ .grid-list-header {
691
+ font-size: 1.5rem;
692
+ font-weight: 500;
693
+ color: var(--theme-color-200);
694
+ text-transform: uppercase;
695
+ margin-block-end: 1.5rem;
696
+ }
697
+
698
+ .devices-platforms__column-item:first-child .grid-list-header {
699
+ margin-block-start: 0;
700
+ }
701
+
702
+ .rescan__header {
703
+ font-size: 2rem;
704
+ font-weight: 400;
705
+ margin-bottom: 1rem;
706
+ }
707
+
708
+ .instructions-list {
709
+ margin-bottom: 2.5rem;
710
+ }
711
+
712
+ .instructions-list__header {
713
+ color: var(--mono-color-400);
714
+ }
715
+
716
+ .icon-list-item {
717
+ background-image: linear-gradient(to bottom, var(--theme-color-200) 0%, var(--theme-color-100) 100%);
718
+ border: none;
719
+ border-radius: 0.372rem;
720
+ }
721
+ .icon-list-item:focus img, .icon-list-item:hover img {
722
+ transform: scale(1.15);
723
+ }
724
+ .icon-list-item:has(.icon-list-item__link) {
725
+ transform: scale(1) !important;
726
+ }
727
+ .icon-list-item:has(.icon-list-item__link)::after {
728
+ opacity: 0 !important;
729
+ }
730
+ .icon-list-item:has(.icon-list-item__link:focus)::after {
731
+ opacity: 0 !important;
732
+ }
733
+ .icon-list-item img {
734
+ filter: contrast(200%) invert(1);
735
+ transition: transform 0.35s cubic-bezier(0.215, 0.715, 0.465, 0.955);
736
+ }
737
+
738
+ .findus__column,
739
+ .devices-platforms__column {
740
+ border-color: #ddd;
741
+ }
742
+
743
+ .instructions-list__list {
744
+ color: #444;
745
+ }
746
+
747
+ .findus__grid-wrapper {
748
+ grid-template-columns: 2.5fr 1fr;
749
+ padding: 4rem 6rem;
750
+ margin: 3rem auto 0;
751
+ border-top: none;
752
+ max-width: 125rem;
753
+ }
754
+
755
+ promotion-block h4 {
756
+ color: #444;
757
+ text-wrap: balance;
758
+ }
759
+
760
+ @media screen and (max-width: 93.75rem) {
761
+ .findus__grid-wrapper {
762
+ grid-template-columns: 1.5fr 1fr;
763
+ }
764
+ }
765
+ @media screen and (max-width: 68.75rem) {
766
+ .findus__grid-wrapper {
767
+ padding: 4rem 2rem;
768
+ }
769
+ }
770
+ @media screen and (max-width: 60rem) {
771
+ .findus__grid-wrapper {
772
+ padding: 2rem;
773
+ }
774
+ .results-table__header-row {
775
+ display: none;
776
+ }
777
+ .results-table__row {
778
+ flex-direction: column;
779
+ justify-content: flex-start;
780
+ padding: 0.7em 0;
781
+ border-bottom: 1px dotted;
782
+ text-align: left;
783
+ }
784
+ .results-table__row:nth-of-type(2) {
785
+ padding-top: 0.8rem;
786
+ }
787
+ .results-table__item {
788
+ align-items: center;
789
+ border-right: none;
790
+ padding: 0.4em 2em;
791
+ display: flex;
792
+ }
793
+ .results-table__item > span {
794
+ flex: 0 0 9.5em;
795
+ text-align: end;
796
+ margin-right: 1rem;
797
+ margin-inline-end: 1rem;
798
+ display: inline-block;
799
+ font-weight: 700;
800
+ }
801
+ }
802
+ @media screen and (max-width: 51.875rem) {
803
+ .findus__grid-wrapper {
804
+ grid-template-columns: 1fr;
805
+ }
806
+ }
807
+ @media screen and (max-width: 43.125rem) {
808
+ .find-us-page .page-content-header {
809
+ line-height: 1.1;
810
+ margin-bottom: 0.5rem;
811
+ padding-top: 3rem;
812
+ }
813
+ }
814
+ @media screen and (max-width: 37.5rem) {
815
+ .grid-list-header {
816
+ text-align: center;
817
+ margin-bottom: 1.5rem;
818
+ }
819
+ .devices-platforms {
820
+ margin-block-start: 0;
821
+ padding-block-start: 2.5rem;
822
+ border-top-color: var(--mono-color-200);
823
+ }
824
+ }
825
+ @media screen and (max-width: 34.375rem) {
826
+ .results-table__item {
827
+ display: block;
828
+ }
829
+ .results-table__item > span {
830
+ display: block;
831
+ text-align: left;
832
+ }
833
+ }
834
+ .main-footer {
835
+ background-position: top center, top left, top left;
836
+ background-size: cover;
837
+ background-image: var(--footer-gradient);
838
+ }
839
+
840
+ .info-page + .main-footer {
841
+ background-image: unset;
842
+ }
843
+ .info-page + .main-footer .copyright-notice {
844
+ background-color: transparent;
845
+ }
846
+
847
+ .footer-logo {
848
+ text-align: center;
849
+ margin-block-start: 2rem;
850
+ }
851
+
852
+ .footer-nav-wrapper {
853
+ display: grid;
854
+ grid-template-columns: 4fr 1fr;
855
+ -moz-column-gap: 3rem;
856
+ column-gap: 3rem;
857
+ margin-block-start: 2rem;
858
+ }
859
+ .footer-nav-wrapper .social-links__header {
860
+ color: var(--mono-color-100);
861
+ text-transform: uppercase;
862
+ font-weight: 800;
863
+ letter-spacing: 1px;
864
+ margin-top: 0.83em;
865
+ margin-bottom: 1rem;
866
+ }
867
+ .footer-nav-wrapper .social-links {
868
+ justify-self: end;
869
+ }
870
+ .footer-nav-wrapper .social-link {
871
+ padding: 0.5rem;
872
+ margin-bottom: 1rem;
873
+ margin-block-end: 1rem;
874
+ border: 1px solid #fff;
875
+ transition: scale 0.255s ease-in-out, border-radius 0.225s ease-out;
876
+ }
877
+ .footer-nav-wrapper .social-link:first-of-type {
878
+ padding: 0.5rem 0.6rem 0.5rem 0.4rem;
879
+ }
880
+ .footer-nav-wrapper .social-link:hover {
881
+ scale: 1.1;
882
+ }
883
+ .footer-nav-wrapper .social-link:hover .social-link__icon {
884
+ fill: var(--mono-color-100);
885
+ stroke: none;
886
+ }
887
+ .footer-nav-wrapper .social-link svg {
888
+ stroke: none;
889
+ }
890
+ .footer-nav-wrapper .social-link--instagram .social-link__icon {
891
+ stroke: var(--mono-color-100);
892
+ fill: none;
893
+ }
894
+ .footer-nav-wrapper .social-link--instagram:hover .social-link__icon {
895
+ fill: none;
896
+ stroke: var(--mono-color-100);
897
+ }
898
+ .footer-nav-wrapper .social-link--youtube .social-link__icon polygon {
899
+ fill: var(--cta-button-color);
900
+ }
901
+ .footer-nav-wrapper .social-link--twitter .social-link__icon {
902
+ fill: var(--mono-color-100);
903
+ }
904
+
905
+ @media screen and (max-width: 68.75rem) {
906
+ .footer-nav-wrapper {
907
+ grid-template-columns: 1fr;
908
+ }
909
+ .footer-nav-wrapper .social-links {
910
+ justify-self: start;
911
+ padding-right: 1.2rem;
912
+ margin-block-start: 1.5rem;
913
+ }
914
+ }
915
+ @media screen and (max-width: 46.25rem) {
916
+ .footer-nav-wrapper {
917
+ display: block;
918
+ }
919
+ [aria-labelledby=footer-navigation] {
920
+ display: block;
921
+ }
922
+ .footer-nav {
923
+ margin-bottom: 4rem;
924
+ }
925
+ .footer-nav .h4 {
926
+ margin-bottom: 1.5rem;
927
+ font-size: 1.2rem !important;
928
+ }
929
+ .footer-nav .footer-nav__nav-link {
930
+ font-size: 1.2rem;
931
+ }
932
+ .footer-nav__nav-item {
933
+ margin-bottom: 0;
934
+ padding: 0.75rem 0;
935
+ border-bottom: 1px solid rgba(255, 255, 255, 0.5);
936
+ }
937
+ .footer-nav__nav-item:first-child {
938
+ border-top: 1px solid rgba(255, 255, 255, 0.5);
939
+ }
940
+ }
941
+ .footer-nav .h4 {
942
+ color: var(--mono-color-100);
943
+ text-transform: uppercase;
944
+ font-size: 1rem;
945
+ font-weight: 800;
946
+ letter-spacing: 1px;
947
+ }
948
+
949
+ .footer-nav__nav-link {
950
+ color: var(--mono-color-100);
951
+ font-size: 1rem;
952
+ font-weight: 600;
953
+ position: relative;
954
+ }
955
+ .footer-nav__nav-link:before {
956
+ content: "";
957
+ position: absolute;
958
+ bottom: -0.1rem;
959
+ width: 100%;
960
+ height: 0.1rem;
961
+ background-color: var(--mono-color-100);
962
+ transform: scale(0, 1);
963
+ transition: transform 0.175s ease-out;
964
+ }
965
+ .footer-nav__nav-link:hover, .footer-nav__nav-link:focus {
966
+ color: var(--mono-color-100);
967
+ }
968
+ .footer-nav__nav-link:hover:before, .footer-nav__nav-link:focus:before {
969
+ transform: scale(1);
970
+ }
971
+
972
+ .copyright-notice {
973
+ width: -moz-max-content;
974
+ width: max-content;
975
+ margin: 4.5rem auto 0;
976
+ padding: 0.5rem 1.5rem;
977
+ font-size: 0.9rem;
978
+ font-weight: 600;
979
+ text-align: center;
980
+ color: var(--mono-color-100);
981
+ }
982
+
983
+ @media screen and (max-width: 68.75rem) {
984
+ .copyright-notice {
985
+ width: 80%;
986
+ }
987
+ }
988
+ header {
989
+ padding-top: 2.5rem;
990
+ transition: padding 0.325s ease-out;
991
+ }
992
+ header.header--shrink {
993
+ padding: 0;
994
+ }
995
+
996
+ header-menu-wrapper {
997
+ display: flex;
998
+ justify-content: flex-end;
999
+ margin-left: auto;
1000
+ }
1001
+
1002
+ header > content-constrainer {
1003
+ display: flex;
1004
+ align-items: center;
1005
+ padding-top: 0;
1006
+ padding-bottom: 0;
1007
+ }
1008
+
1009
+ header logo-navigation {
1010
+ gap: 1rem;
1011
+ }
1012
+ header logo-navigation .image-replacement-anchor:hover,
1013
+ header logo-navigation .image-replacement-anchor:focus {
1014
+ filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
1015
+ }
1016
+ header logo-navigation a:last-child {
1017
+ margin-right: 0;
1018
+ }
1019
+
1020
+ .main-navigation {
1021
+ margin: 0 1rem 0 auto;
1022
+ }
1023
+ .main-navigation .main-navigation__nav-list {
1024
+ gap: 2.5rem;
1025
+ }
1026
+
1027
+ .main-navigation__nav-item {
1028
+ margin-bottom: 0;
1029
+ }
1030
+
1031
+ .main-navigation__nav-link {
1032
+ --transition-length: 0.175s;
1033
+ display: inline-block;
1034
+ color: #fff;
1035
+ font-weight: 600;
1036
+ font-size: 1.15rem;
1037
+ text-transform: uppercase;
1038
+ letter-spacing: 0.8px;
1039
+ transition: scale var(--transition-length) ease-out, text-shadow var(--transition-length) ease-out;
1040
+ transform-origin: bottom;
1041
+ position: relative;
1042
+ }
1043
+ .main-navigation__nav-link:before {
1044
+ content: "";
1045
+ position: absolute;
1046
+ bottom: 0.1em;
1047
+ margin: 0 auto;
1048
+ width: 100%;
1049
+ height: 0.07rem;
1050
+ background: #fff;
1051
+ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
1052
+ transform: scale(0, 1);
1053
+ transition: transform var(--transition-length) ease-out;
1054
+ }
1055
+ .main-navigation__nav-link:hover, .main-navigation__nav-link:focus {
1056
+ scale: 1.05;
1057
+ text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
1058
+ }
1059
+ .main-navigation__nav-link:hover:before, .main-navigation__nav-link:focus:before {
1060
+ transform: scale(1);
1061
+ }
1062
+
1063
+ .mobile-nav {
1064
+ display: none;
1065
+ }
1066
+
1067
+ @media screen and (max-width: 60rem) {
1068
+ header {
1069
+ padding-top: 4.375rem;
1070
+ }
1071
+ header > content-constrainer {
1072
+ display: none;
1073
+ }
1074
+ .mobile-nav {
1075
+ z-index: 50;
1076
+ display: block;
1077
+ position: fixed;
1078
+ width: 100%;
1079
+ top: 0;
1080
+ left: 0;
1081
+ width: 100%;
1082
+ height: 4.375rem;
1083
+ }
1084
+ .mobile-nav:before {
1085
+ position: absolute;
1086
+ content: "";
1087
+ top: 0;
1088
+ right: 0;
1089
+ bottom: 0;
1090
+ left: 0;
1091
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.3));
1092
+ z-index: -1;
1093
+ transition: opacity 0.2s linear;
1094
+ opacity: 0;
1095
+ }
1096
+ .mobile-nav--shadow::before {
1097
+ opacity: 1;
1098
+ }
1099
+ .drawer-navigation__nav-bar {
1100
+ background: transparent;
1101
+ }
1102
+ .drawer-navigation__nav-bar:before {
1103
+ position: absolute;
1104
+ content: "";
1105
+ top: 0;
1106
+ right: 0;
1107
+ bottom: 0;
1108
+ left: 0;
1109
+ background: var(--theme-color-100);
1110
+ z-index: -1;
1111
+ transition: opacity 0.2s linear;
1112
+ opacity: 0;
1113
+ }
1114
+ .drawer-navigation__nav-bar--expanded {
1115
+ background: var(--theme-color-100);
1116
+ }
1117
+ .drawer-navigation__nav-bar--expanded::before,
1118
+ .drawer-navigation__nav-bar--closing::before {
1119
+ opacity: 1;
1120
+ }
1121
+ .drawer-navigation__primary-navigation {
1122
+ background: linear-gradient(to bottom, var(--theme-color-100) 0%, var(--theme-color-200) 100%) !important;
1123
+ }
1124
+ .mobile-nav .main-navigation {
1125
+ margin: 0 1rem 2rem;
1126
+ }
1127
+ .mobile-nav .main-navigation__nav-item {
1128
+ margin-bottom: 1rem;
1129
+ }
1130
+ .drawer-navigation__nav-bar .image-replacement-anchor {
1131
+ margin-left: 1rem;
1132
+ }
1133
+ .drawer-navigation__menu-toggle {
1134
+ padding: 1em;
1135
+ }
1136
+ .drawer-navigation__separator {
1137
+ margin: 1.5rem auto;
1138
+ }
1139
+ }
1140
+ #carousel-homepage-banner > ol {
1141
+ box-shadow: 10px 10px 26px rgba(0, 0, 0, 0.3), -2px -2px 10px rgba(0, 0, 0, 0.2);
1142
+ }
1143
+ #carousel-homepage-banner .slide {
1144
+ align-items: stretch;
1145
+ display: block;
1146
+ }
1147
+ #carousel-homepage-banner .slide > * {
1148
+ place-items: unset;
1149
+ }
1150
+ #carousel-homepage-banner image-card {
1151
+ height: unset;
1152
+ padding-bottom: 0;
1153
+ }
1154
+ #carousel-homepage-banner image-card a {
1155
+ text-decoration: none;
1156
+ }
1157
+ #carousel-homepage-banner .image-card__overlay-content {
1158
+ text-transform: uppercase;
1159
+ font-size: 1.5em;
1160
+ font-weight: 600;
1161
+ padding: 0 5rem 5rem;
1162
+ line-height: 1.25;
1163
+ }
1164
+ #carousel-homepage-banner .image-card__overlay-content > h1 {
1165
+ font-size: clamp(1em, 3vw + 1em, 3em);
1166
+ font-weight: 600;
1167
+ margin-bottom: 0;
1168
+ }
1169
+ #carousel-homepage-banner .image-card__overlay-content .airdate-formatter__pipe {
1170
+ vertical-align: bottom;
1171
+ font-size: 1.5em;
1172
+ font-weight: 300;
1173
+ }
1174
+ #carousel-homepage-banner .image-card__overlay-content .airdate-formatter__time {
1175
+ font-size: 1.125em;
1176
+ text-transform: none;
1177
+ }
1178
+ #carousel-homepage-banner .image-card__overlay-content .airdate-formatter__central-time {
1179
+ text-transform: none;
1180
+ }
1181
+ #carousel-homepage-banner .carousel-controls__previous,
1182
+ #carousel-homepage-banner .carousel-controls__next {
1183
+ color: #fff;
1184
+ top: calc(50% - 0.5rem);
1185
+ }
1186
+ #carousel-homepage-banner .carousel-nav {
1187
+ padding: 1rem 0 0;
1188
+ }
1189
+ #carousel-homepage-banner .carousel-nav > ol {
1190
+ gap: 1.5rem;
1191
+ }
1192
+ #carousel-homepage-banner .carousel-nav__item {
1193
+ border: 2px solid #fff;
1194
+ transition: scale 0.325s ease-out;
1195
+ flex-basis: 0.8rem;
1196
+ min-width: 0.8rem;
1197
+ max-width: 0.8rem;
1198
+ height: 0.8rem;
1199
+ }
1200
+ #carousel-homepage-banner .carousel-nav__item[data-current=true] {
1201
+ background-color: #fff;
1202
+ scale: 1.3;
1203
+ }
1204
+ #carousel-homepage-banner .slide[inert] {
1205
+ opacity: 1;
1206
+ }
1207
+ #carousel-homepage-banner .show-slide__logo-wrapper > img {
1208
+ max-width: clamp(18rem, 30vw + 1rem, 30rem);
1209
+ max-height: clamp(3.2rem, 4.6vw + 1rem, 8rem);
1210
+ }
1211
+ #carousel-homepage-banner img {
1212
+ transition: all 0.325s ease-in-out;
1213
+ transform-origin: bottom;
1214
+ }
1215
+ #carousel-homepage-banner .image-card__img-wrapper {
1216
+ overflow: hidden;
1217
+ }
1218
+ #carousel-homepage-banner .show-slide:hover a picture > img,
1219
+ #carousel-homepage-banner .image-card-slide:hover a picture > img {
1220
+ transform: scale(1.02);
1221
+ filter: brightness(1.15) contrast(1.15);
1222
+ }
1223
+
1224
+ .brand-promotion-carousel {
1225
+ overflow: hidden;
1226
+ background-color: rgba(235, 100, 10, 0.1);
1227
+ background-image: linear-gradient(to bottom, rgb(255, 126, 0), transparent);
1228
+ }
1229
+
1230
+ #carousel-brand-promotion .carousel-controls__previous,
1231
+ #carousel-brand-promotion .carousel-controls__next {
1232
+ color: #fff;
1233
+ }
1234
+
1235
+ .carousel-controls__previous,
1236
+ .carousel-controls__next {
1237
+ background-color: transparent;
1238
+ color: var(--theme-color-400);
1239
+ }
1240
+
1241
+ .on-now-section {
1242
+ --_padding-inline-start: 33%;
1243
+ }
1244
+ .on-now-section > content-constrainer {
1245
+ gap: 4rem;
1246
+ display: grid;
1247
+ align-items: center;
1248
+ grid-template-columns: 1fr 1fr;
1249
+ padding-block: 5rem;
1250
+ }
1251
+ .on-now-section .program-airdate {
1252
+ padding-inline-start: var(--_padding-inline-start);
1253
+ font-size: 1.5rem;
1254
+ color: var(--mono-color-400);
1255
+ align-self: flex-start;
1256
+ }
1257
+ .on-now-section .program-airdate strong {
1258
+ font-weight: 600;
1259
+ }
1260
+ .on-now-section .program-airdate > div:first-of-type {
1261
+ font-weight: 700;
1262
+ }
1263
+ .on-now-section .cta-block__cta {
1264
+ transition: scale 0.325s ease-out;
1265
+ }
1266
+ .on-now-section .cta-block__cta:hover {
1267
+ scale: 1.05;
1268
+ }
1269
+ .on-now-section loading-wrapper {
1270
+ grid-column: -1/1;
1271
+ }
1272
+ .on-now-section loading-wrapper,
1273
+ .on-now-section error-handler {
1274
+ min-height: 24rem;
1275
+ }
1276
+ .on-now-section .string-list__pipe {
1277
+ vertical-align: baseline;
1278
+ }
1279
+ @media screen and (max-width: 2250px) {
1280
+ .on-now-section {
1281
+ --_padding-inline-start: 25%;
1282
+ }
1283
+ }
1284
+ @media screen and (max-width: 1360px) {
1285
+ .on-now-section {
1286
+ --_padding-inline-start: 10%;
1287
+ }
1288
+ }
1289
+ @media screen and (max-width: 1240px) {
1290
+ .on-now-section {
1291
+ --_padding-inline-start: 0;
1292
+ }
1293
+ }
1294
+
1295
+ .on-now__series-img {
1296
+ aspect-ratio: 1548/864;
1297
+ -o-object-fit: cover;
1298
+ object-fit: cover;
1299
+ -o-object-position: center;
1300
+ object-position: center;
1301
+ }
1302
+
1303
+ .program-on-now__image-wrapper {
1304
+ display: grid;
1305
+ justify-self: flex-end;
1306
+ align-self: start;
1307
+ padding-inline-end: var(--_padding-inline-start);
1308
+ }
1309
+
1310
+ .program-airdate__logo[data-style=gradient] {
1311
+ margin: 1rem 0 2rem;
1312
+ -webkit-mask-size: contain;
1313
+ mask-size: contain;
1314
+ -webkit-mask-position: left center;
1315
+ mask-position: left center;
1316
+ max-width: 23rem;
1317
+ }
1318
+
1319
+ .program-airdate__logo[class*=missing-logo] {
1320
+ aspect-ratio: unset;
1321
+ max-width: unset;
1322
+ font-size: 2.4rem;
1323
+ font-weight: 900;
1324
+ text-transform: uppercase;
1325
+ line-height: 1.2;
1326
+ letter-spacing: 0.6px;
1327
+ }
1328
+
1329
+ .promotions-row equal-size-flex-row {
1330
+ gap: 2.75rem;
1331
+ padding-block-end: 1.5rem;
1332
+ }
1333
+
1334
+ .promotions-row__header {
1335
+ font-weight: 700;
1336
+ }
1337
+
1338
+ .promotion-section .image-card__content .h4 {
1339
+ font-size: 1.5rem;
1340
+ margin-block-end: 0.5rem;
1341
+ }
1342
+ .promotion-section .image-card__content .h4 ~ div {
1343
+ font-size: 1.125rem;
1344
+ margin: 0;
1345
+ }
1346
+ .promotion-section .image-card__cta {
1347
+ font-size: 1.125rem;
1348
+ font-weight: 400;
1349
+ color: var(--theme-color-300);
1350
+ }
1351
+ .promotion-section equal-size-flex-row[data-item-count="2"] .image-card__play-icon {
1352
+ border-style: solid;
1353
+ scale: 1.2;
1354
+ }
1355
+ .promotion-section equal-size-flex-row[data-item-count="2"] .image-card__play-icon:hover {
1356
+ scale: 1.35;
1357
+ }
1358
+
1359
+ #carousel-brand-promotion column-two {
1360
+ width: 100%;
1361
+ height: 77%;
1362
+ }
1363
+ #carousel-brand-promotion cta-block > div {
1364
+ color: var(--mono-color-100);
1365
+ font-size: 1.5rem;
1366
+ width: 80%;
1367
+ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
1368
+ line-height: 1.3;
1369
+ }
1370
+ #carousel-brand-promotion cta-block > .h2 {
1371
+ filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
1372
+ width: min(66%, 435px);
1373
+ margin-block-end: 2.4rem;
1374
+ }
1375
+ #carousel-brand-promotion cta-block cta-wrapper {
1376
+ margin-block-start: 2.4rem;
1377
+ }
1378
+ #carousel-brand-promotion li[data-index="1"] cta-block .h2 {
1379
+ transform: translate(-1rem, 0.5rem);
1380
+ }
1381
+ #carousel-brand-promotion .image-container {
1382
+ position: relative;
1383
+ width: 100%;
1384
+ height: 100%;
1385
+ overflow: hidden;
1386
+ }
1387
+ #carousel-brand-promotion .image-container img {
1388
+ -o-object-fit: cover;
1389
+ object-fit: cover;
1390
+ position: absolute;
1391
+ top: 0;
1392
+ left: 0;
1393
+ height: 100%;
1394
+ width: 100%;
1395
+ -o-object-position: var(--image-position);
1396
+ object-position: var(--image-position);
1397
+ }
1398
+ #carousel-brand-promotion .cta-block__cta {
1399
+ font-size: 1.2rem;
1400
+ }
1401
+ #carousel-brand-promotion .carousel-nav {
1402
+ padding: 1rem 0 0;
1403
+ }
1404
+ #carousel-brand-promotion .carousel-nav > ol {
1405
+ gap: 1.5rem;
1406
+ width: calc(100% + 4.8rem);
1407
+ transform: translateX(-2.4rem);
1408
+ }
1409
+ #carousel-brand-promotion .carousel-nav__item {
1410
+ border: 2px solid #fff;
1411
+ transition: scale 0.325s ease-out;
1412
+ flex-basis: 0.8rem;
1413
+ min-width: 0.8rem;
1414
+ max-width: 0.8rem;
1415
+ height: 0.8rem;
1416
+ }
1417
+ #carousel-brand-promotion .carousel-nav__item[data-current=true] {
1418
+ background-color: #fff;
1419
+ scale: 1.3;
1420
+ }
1421
+
1422
+ #carousel-featured-shows {
1423
+ color: currentColor;
1424
+ text-decoration: none;
1425
+ }
1426
+ #carousel-featured-shows image-card {
1427
+ width: 100%;
1428
+ }
1429
+ #carousel-featured-shows .image-card__content {
1430
+ text-align: center;
1431
+ font-size: 1.4rem;
1432
+ font-weight: 400;
1433
+ }
1434
+ #carousel-featured-shows .image-card__content > div {
1435
+ margin-top: 0;
1436
+ padding-top: 1.2rem;
1437
+ }
1438
+ #carousel-featured-shows .image-card__content:empty {
1439
+ display: none;
1440
+ }
1441
+ #carousel-featured-shows .image-card-slide a {
1442
+ cursor: pointer;
1443
+ }
1444
+ #carousel-featured-shows img {
1445
+ transition: all 0.325s ease-in-out;
1446
+ transform-origin: bottom;
1447
+ }
1448
+ #carousel-featured-shows .image-card__img-wrapper {
1449
+ overflow: hidden;
1450
+ }
1451
+ #carousel-featured-shows .image-card-slide:hover a img {
1452
+ transform: scale(1.02);
1453
+ filter: contrast(1.15) brightness(1.15);
1454
+ }
1455
+ #carousel-featured-shows image-card a {
1456
+ color: currentColor;
1457
+ text-decoration: none;
1458
+ }
1459
+ #carousel-featured-shows .carousel-controls__previous {
1460
+ inset-inline-start: calc(var(--_control-btns-offset-x) - var(--_slide-gap));
1461
+ }
1462
+ #carousel-featured-shows .slide {
1463
+ align-items: flex-start;
1464
+ }
1465
+ #carousel-featured-shows .slide:only-child .image-card-slide {
1466
+ flex-basis: var(--_slide-cell-size);
1467
+ }
1468
+
1469
+ .brand-promotion-section .ion-plus-promo cta-block > .h2 {
1470
+ width: min(100%, 320px);
1471
+ transform: translate(-0.9rem, 1rem);
1472
+ }
1473
+ .brand-promotion-section .image-card__overlay-content {
1474
+ padding-bottom: 0 1rem 2.5rem;
1475
+ font-size: 1.2rem;
1476
+ }
1477
+
1478
+ .brand-promotion__list {
1479
+ list-style: none;
1480
+ padding: 3rem 0 0;
1481
+ margin: 0 auto;
1482
+ max-width: 37.5rem;
1483
+ }
1484
+
1485
+ .brand-promotion__item {
1486
+ color: var(--mono-color-100);
1487
+ font-size: 1.5rem;
1488
+ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
1489
+ margin-bottom: 6rem;
1490
+ margin-block-end: 6rem;
1491
+ text-wrap: balance;
1492
+ }
1493
+ .brand-promotion__item .image-container img {
1494
+ width: 100%;
1495
+ }
1496
+ .brand-promotion__item cta-block {
1497
+ padding-left: 1rem;
1498
+ }
1499
+ .brand-promotion__item cta-block .h2 {
1500
+ filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.4));
1501
+ width: min(66%, 250px);
1502
+ }
1503
+ .brand-promotion__item cta-block a {
1504
+ font-size: 1.2rem;
1505
+ }
1506
+
1507
+ @media screen and (max-width: 90rem) {
1508
+ .brand-promotion-section image-card img {
1509
+ aspect-ratio: 1/0.75;
1510
+ }
1511
+ }
1512
+ @media screen and (max-width: 80rem) {
1513
+ #carousel-homepage-banner {
1514
+ --_control-btns-offset-x: 1rem !important;
1515
+ }
1516
+ #carousel-featured-shows {
1517
+ --_control-btns-offset-x: -0.75rem !important;
1518
+ }
1519
+ #carousel-featured-shows .carousel-controls__previous,
1520
+ #carousel-featured-shows .carousel-controls__next {
1521
+ filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
1522
+ }
1523
+ #carousel-brand-promotion {
1524
+ --_control-btns-offset-x: -2rem !important;
1525
+ }
1526
+ #carousel-brand-promotion .carousel-controls__previous,
1527
+ #carousel-brand-promotion .carousel-controls__next {
1528
+ filter: unset;
1529
+ }
1530
+ }
1531
+ @media screen and (max-width: 73.125rem) {
1532
+ #carousel-featured-shows .image-card__content,
1533
+ .programs-list a .image-card__content {
1534
+ font-size: 1.125rem;
1535
+ }
1536
+ #carousel-homepage-banner .image-card__overlay-content {
1537
+ font-size: 1.125rem;
1538
+ padding: 0 1rem 2rem;
1539
+ }
1540
+ }
1541
+ @media screen and (max-width: 68.75rem) {
1542
+ .brand-promotion-section equal-size-flex-row {
1543
+ display: block;
1544
+ }
1545
+ .brand-promotion-section image-card img {
1546
+ aspect-ratio: unset;
1547
+ }
1548
+ .promotion-section .image-card__content .h4 {
1549
+ font-size: 1.125rem;
1550
+ }
1551
+ .promotion-section .image-card__content .h4 ~ div {
1552
+ font-size: 1rem;
1553
+ }
1554
+ .promotion-section .image-card__cta {
1555
+ font-size: 1rem;
1556
+ }
1557
+ #carousel-brand-promotion cta-block > div {
1558
+ font-size: 1.25em;
1559
+ }
1560
+ }
1561
+ @media screen and (max-width: 64rem) {
1562
+ #carousel-brand-promotion {
1563
+ --_cell-aspect-ratio: 1/1.1 !important;
1564
+ --_slide-aspect-ratio: 1/1.1 !important;
1565
+ }
1566
+ #carousel-brand-promotion cta-block {
1567
+ padding-left: 1.5rem;
1568
+ }
1569
+ #carousel-brand-promotion cta-block > div {
1570
+ font-size: 1.5em;
1571
+ }
1572
+ #carousel-brand-promotion cta-block > .h2 {
1573
+ width: min(100%, 365px);
1574
+ margin-block-start: -1.5rem;
1575
+ }
1576
+ #carousel-brand-promotion .two-column-slide {
1577
+ display: flex;
1578
+ flex-direction: column-reverse;
1579
+ justify-content: flex-start;
1580
+ align-items: flex-start;
1581
+ }
1582
+ #carousel-brand-promotion column-two {
1583
+ height: 50%;
1584
+ }
1585
+ #carousel-homepage-banner {
1586
+ --_slide-gap: 0 !important;
1587
+ }
1588
+ #carousel-homepage-banner > ol {
1589
+ box-shadow: none;
1590
+ }
1591
+ #carousel-homepage-banner .slide {
1592
+ align-items: center;
1593
+ padding: 0.75rem;
1594
+ }
1595
+ #carousel-homepage-banner image-card {
1596
+ position: relative;
1597
+ }
1598
+ #carousel-homepage-banner image-card:before {
1599
+ content: "";
1600
+ position: absolute;
1601
+ z-index: -1;
1602
+ width: 100%;
1603
+ inset: 0;
1604
+ box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25);
1605
+ }
1606
+ .banner-carousel-constrainer {
1607
+ width: 100%;
1608
+ }
1609
+ }
1610
+ @media screen and (max-width: 60rem) {
1611
+ .on-now-section > content-constrainer {
1612
+ grid-template-columns: 1fr;
1613
+ gap: 2rem;
1614
+ }
1615
+ .program-on-now__image-wrapper {
1616
+ grid-row: 1/2;
1617
+ display: block;
1618
+ aspect-ratio: 169/105;
1619
+ padding-inline-end: 0;
1620
+ justify-self: normal;
1621
+ }
1622
+ .program-on-now__image-wrapper > img {
1623
+ width: 100%;
1624
+ -o-object-position: center;
1625
+ object-position: center;
1626
+ }
1627
+ .on-now-section .program-airdate {
1628
+ padding: 0;
1629
+ }
1630
+ content-constrainer .h2 {
1631
+ margin-block-start: 0;
1632
+ }
1633
+ }
1634
+ @media screen and (max-width: 50rem) {
1635
+ #carousel-homepage-banner .image-card__overlay-content {
1636
+ padding: 0 1rem 2rem;
1637
+ font-size: 1.125rem;
1638
+ }
1639
+ #carousel-homepage-banner .image-card__overlay-content > h1 {
1640
+ font-size: 2rem;
1641
+ }
1642
+ .brand-promotion__item:last-child {
1643
+ margin-block-end: 2rem;
1644
+ }
1645
+ }
1646
+ @media screen and (max-width: 43.75rem) {
1647
+ #carousel-homepage-banner {
1648
+ --_slide-aspect-ratio: 388/594 !important;
1649
+ --_cell-aspect-ratio: 388/594 !important;
1650
+ }
1651
+ #carousel-homepage-banner image-card {
1652
+ --image-aspect-ratio: 388/594 !important;
1653
+ }
1654
+ #carousel-homepage-banner .image-card__overlay-content {
1655
+ width: 100%;
1656
+ padding: 0 0 2.2rem;
1657
+ font-size: 1.125rem;
1658
+ text-align: center;
1659
+ }
1660
+ #carousel-homepage-banner .image-card__overlay-content > h1 {
1661
+ font-size: 2.5rem;
1662
+ }
1663
+ #carousel-homepage-banner .show-slide__logo-wrapper > img {
1664
+ margin-left: auto;
1665
+ margin-right: auto;
1666
+ }
1667
+ }
1668
+ @media screen and (max-width: 37.5rem) {
1669
+ .featured-shows-section content-constrainer {
1670
+ width: calc(100% - 1.9rem);
1671
+ padding-left: 1.9rem;
1672
+ }
1673
+ #carousel-featured-shows {
1674
+ --_carousel-gutters: 0 25% !important;
1675
+ }
1676
+ .promotions-row equal-size-flex-row {
1677
+ gap: 3.5rem;
1678
+ }
1679
+ }
1680
+ @media screen and (max-width: 36.25rem) {
1681
+ #carousel-homepage-banner .image-card__overlay-content > h1 {
1682
+ font-size: 2.07rem;
1683
+ }
1684
+ #carousel-homepage-banner .image-card__overlay-content .airdate-formatter__time {
1685
+ font-size: 1.61em;
1686
+ }
1687
+ #carousel-homepage-banner .image-card__overlay-content airdate-formatter {
1688
+ font-size: 1.035rem;
1689
+ padding: 0 0.5rem;
1690
+ margin-block-start: 0.5rem;
1691
+ }
1692
+ }
1693
+ @media screen and (max-width: 30rem) {
1694
+ #carousel-homepage-banner .show-slide__logo-wrapper > img {
1695
+ max-width: clamp(13rem, 30vw + 1rem, 30rem);
1696
+ max-height: clamp(3.5rem, 4.6vw + 1rem, 6rem);
1697
+ }
1698
+ .on-now-section .program-airdate > div:first-of-type {
1699
+ font-size: 1.15em;
1700
+ }
1701
+ }
1702
+ @media screen and (max-width: 25rem) {
1703
+ .featured-shows-section content-constrainer {
1704
+ width: calc(100% - 0.75rem);
1705
+ padding-left: 0.75rem;
1706
+ }
1707
+ #carousel-homepage-banner .show-slide__logo-wrapper > img {
1708
+ margin-bottom: 1.25rem;
1709
+ }
1710
+ #carousel-homepage-banner .image-card__overlay-content {
1711
+ padding-bottom: 1.5rem;
1712
+ }
1713
+ #carousel-homepage-banner .image-card__overlay-content airdate-formatter .airdate-formatter__date,
1714
+ #carousel-homepage-banner .image-card__overlay-content airdate-formatter .airdate-formatter__time-wrap {
1715
+ display: block;
1716
+ }
1717
+ #carousel-homepage-banner .image-card__overlay-content airdate-formatter .airdate-formatter__pipe {
1718
+ display: none;
1719
+ }
1720
+ .on-now-section .program-airdate > div:first-of-type {
1721
+ font-size: 1em;
1722
+ margin-block-end: 1rem;
1723
+ }
1724
+ }
1725
+ @media screen and (max-width: 20rem) {
1726
+ #carousel-homepage-banner .show-slide__logo-wrapper > img {
1727
+ max-width: 11rem;
1728
+ }
1729
+ }
1730
+ .page-not-found {
1731
+ color: #444;
1732
+ }
1733
+
1734
+ .page-not-found__header {
1735
+ margin-block: 0 0.5rem;
1736
+ }
1737
+
1738
+ .page-not-found__message {
1739
+ margin-bottom: 1.5rem;
1740
+ font-size: 1.25rem;
1741
+ }
1742
+
1743
+ .page-not-found__link {
1744
+ font-size: 1.125rem;
1745
+ font-weight: 600;
1746
+ margin-block-end: 0.5rem;
1747
+ }
1748
+ .page-not-found__link > a {
1749
+ color: var(--theme-color-200);
1750
+ }
1751
+ .page-not-found__link > a:hover {
1752
+ color: var(--theme-color-100);
1753
+ }
1754
+
1755
+ .page-not-found__section {
1756
+ background-color: #f2f2f2;
1757
+ padding: 2rem 2rem 3rem;
1758
+ margin-bottom: 3rem;
1759
+ }
1760
+
1761
+ .ot-form__wrapper {
1762
+ max-width: 46.875rem;
1763
+ height: auto;
1764
+ border: 1px solid #c0c2c7;
1765
+ margin: auto auto 6rem;
1766
+ }
1767
+
1768
+ .ot-form__wrapper > p {
1769
+ padding: 3rem 6rem 2rem;
1770
+ }
1771
+
1772
+ .ot-form__wrapper iframe {
1773
+ width: 100%;
1774
+ height: 100%;
1775
+ min-height: 75rem;
1776
+ border: none;
1777
+ }
1778
+
1779
+ @media screen and (max-width: 605px) {
1780
+ .ot-form__wrapper iframe {
1781
+ min-height: 85rem;
1782
+ }
1783
+ .ot-form__wrapper > p {
1784
+ padding: 2rem;
1785
+ }
1786
+ }
1787
+ h2 > a {
1788
+ font-size: 1rem;
1789
+ vertical-align: middle;
1790
+ }
1791
+
1792
+ td {
1793
+ padding: 0 1.4rem 1.4rem 0;
1794
+ }
1795
+
1796
+ .privacy-policy__quick-links {
1797
+ list-style: none;
1798
+ padding: 0 0 0 2rem;
1799
+ }
1800
+
1801
+ .privacy-policy__quick-links > li {
1802
+ padding: 0 0 0.7rem 0;
1803
+ }
1804
+
1805
+ .page-content li {
1806
+ line-height: 1.6;
1807
+ font-weight: 400;
1808
+ }
1809
+ .page-content strong, .page-content b {
1810
+ font-weight: 600;
1811
+ }
1812
+ .page-content a {
1813
+ text-decoration: underline;
1814
+ -moz-text-decoration-line: underline;
1815
+ -moz-text-decoration-style: dotted;
1816
+ -moz-text-decoration-color: #000;
1817
+ -moz-text-decoration-skip: edges;
1818
+ -webkit-text-decoration-line: underline;
1819
+ -webkit-text-decoration-style: dotted;
1820
+ -webkit-text-decoration-color: #000;
1821
+ -webkit-text-decoration-skip-ink: all;
1822
+ -webkit-text-decoration-skip: edges;
1823
+ text-decoration-line: underline;
1824
+ text-decoration-style: dotted;
1825
+ text-decoration-color: #000;
1826
+ text-decoration-skip-ink: all;
1827
+ text-decoration-skip: edges;
1828
+ color: var(--theme-color-500);
1829
+ font-weight: 600;
1830
+ transition: color 0.225s ease-in-out;
1831
+ }
1832
+ .page-content a:hover {
1833
+ color: currentColor;
1834
+ }
1835
+ .page-content h2 {
1836
+ color: var(--theme-color-400);
1837
+ }
1838
+
1839
+ @supports selector(:has(+ *)) {
1840
+ br:has(+ div),
1841
+ br:has(+ br) {
1842
+ display: none;
1843
+ }
1844
+ div {
1845
+ scroll-margin-block-start: 4rem;
1846
+ }
1847
+ }
1848
+ @media screen and (max-width: 37.5rem) {
1849
+ .page-content ul,
1850
+ .page-content ol {
1851
+ padding-left: 2rem;
1852
+ }
1853
+ }
1854
+ sticky-content-wrapper {
1855
+ display: block;
1856
+ position: sticky;
1857
+ top: -3.1rem;
1858
+ z-index: 10;
1859
+ }
1860
+ sticky-content-wrapper[data-pinned-state=pinned] {
1861
+ background-image: radial-gradient(ellipse at top left, var(--theme-color-200) 0, var(--theme-color-200) 50%, var(--theme-color-100) 90%);
1862
+ }
1863
+
1864
+ .schedule-list__airdate {
1865
+ font-size: 2.25rem;
1866
+ font-weight: 500;
1867
+ color: var(--mono-color-400);
1868
+ word-wrap: break-word;
1869
+ text-wrap: balance;
1870
+ }
1871
+ .schedule-list__airdate .airdate-formatter__date,
1872
+ .schedule-list__airdate .airdate-formatter__day {
1873
+ display: none;
1874
+ }
1875
+ .schedule-list__airdate .airdate-formatter__time-wrap br {
1876
+ display: inline;
1877
+ }
1878
+
1879
+ .schedule-list__item {
1880
+ grid-column-gap: 2.5rem;
1881
+ padding: 2rem 0 2.4rem;
1882
+ }
1883
+
1884
+ .schedule-list__item .h4 {
1885
+ margin-bottom: 0.5rem;
1886
+ font-size: clamp(1.8rem, 1.5vw + 1rem, 2.625rem);
1887
+ line-height: 1.2;
1888
+ text-transform: uppercase;
1889
+ color: var(--mono-color-400);
1890
+ }
1891
+
1892
+ .schedule-list__item .string-list__pipe {
1893
+ font-size: 1.1em;
1894
+ vertical-align: baseline;
1895
+ margin: 0 0.4em;
1896
+ margin-inline: 0.4em;
1897
+ }
1898
+
1899
+ .schedule-list__item .image-card__content {
1900
+ font-size: 1.125rem;
1901
+ }
1902
+ .schedule-list__item .image-card__content > div {
1903
+ margin: 0.5rem 0 1rem;
1904
+ }
1905
+ .schedule-list__item .image-card__content > div:first-of-type:not(:last-of-type) {
1906
+ font-size: 1.372rem;
1907
+ font-weight: 400;
1908
+ color: #444;
1909
+ }
1910
+ .schedule-list__item .image-card__content > div:first-of-type,
1911
+ .schedule-list__item .image-card__content > div ~ div {
1912
+ line-height: 1.5;
1913
+ color: #444;
1914
+ max-inline-size: 80ch;
1915
+ margin-top: 1.5rem;
1916
+ }
1917
+ .schedule-list__item .image-card__content > .string-list {
1918
+ color: var(--mono-color-400);
1919
+ }
1920
+
1921
+ .schedule-list__item .image-card__img-wrapper {
1922
+ flex: 0 0 clamp(330px, 47%, 580px);
1923
+ align-self: flex-start;
1924
+ padding-top: 0.75rem;
1925
+ }
1926
+
1927
+ .schedule-list__item .image-card__cta {
1928
+ color: #861D42;
1929
+ font-weight: 500;
1930
+ }
1931
+
1932
+ .schedule-list__on-now {
1933
+ color: var(--mono-color-100);
1934
+ width: -moz-max-content;
1935
+ width: max-content;
1936
+ text-transform: uppercase;
1937
+ background-image: var(--on-now-gradient);
1938
+ padding: 0.5rem 1.75rem;
1939
+ font-size: 1.125rem;
1940
+ margin-bottom: 0.75rem;
1941
+ margin-block-end: 0.75rem;
1942
+ }
1943
+
1944
+ date-navigation {
1945
+ padding-top: 2.5rem;
1946
+ border-top: 1px solid var(--mono-color-100);
1947
+ }
1948
+
1949
+ .date-navigation__control {
1950
+ background: transparent;
1951
+ scale: 1.5;
1952
+ translate: 0 2rem;
1953
+ color: var(--mono-color-100);
1954
+ }
1955
+
1956
+ .date-navigation__control--next {
1957
+ inset-inline-end: -5rem;
1958
+ }
1959
+
1960
+ .date-navigation__control--previous {
1961
+ inset-inline-start: -5rem;
1962
+ }
1963
+
1964
+ .date-navigation__item {
1965
+ border-right: 1px solid rgba(255, 255, 255, 0.4);
1966
+ flex-basis: 14.285714%;
1967
+ text-align: center;
1968
+ }
1969
+ .date-navigation__item:last-child {
1970
+ border-width: 0;
1971
+ }
1972
+
1973
+ .date-navigation__list {
1974
+ position: relative;
1975
+ padding-bottom: 1.5rem;
1976
+ --pointer-position: 0;
1977
+ }
1978
+ .date-navigation__list:before {
1979
+ content: "";
1980
+ width: 0;
1981
+ height: 0;
1982
+ border-style: solid;
1983
+ border-width: 0 14px 14px;
1984
+ border-color: transparent transparent var(--mono-color-100) transparent;
1985
+ position: absolute;
1986
+ bottom: -1px;
1987
+ transform: translateX(calc(var(--pointer-position) - 100%));
1988
+ transition: transform 0.325s ease-in-out;
1989
+ }
1990
+
1991
+ .date-navigation__day {
1992
+ transition: scale 0.325s ease-in-out, text-shadow 0.325s ease-out;
1993
+ padding: 0;
1994
+ box-sizing: border-box;
1995
+ }
1996
+ .date-navigation__day:hover {
1997
+ scale: 1.1;
1998
+ }
1999
+ .date-navigation__day:hover .date-navigation__weekday {
2000
+ transform: translate3d(0, 0.2rem, 0);
2001
+ }
2002
+ .date-navigation__day:hover .date-navigation__date {
2003
+ transform: translate3d(0, -0.2rem, 0);
2004
+ }
2005
+ .date-navigation__day[aria-selected=true] {
2006
+ cursor: default;
2007
+ }
2008
+ .date-navigation__day[aria-selected=true] .date-navigation__weekday {
2009
+ font-weight: 900;
2010
+ }
2011
+ .date-navigation__day[aria-selected=true]:hover {
2012
+ scale: 1;
2013
+ }
2014
+ .date-navigation__day[aria-selected=true]:hover .date-navigation__weekday,
2015
+ .date-navigation__day[aria-selected=true]:hover .date-navigation__date {
2016
+ transform: none;
2017
+ }
2018
+
2019
+ .date-navigation__weekday,
2020
+ .date-navigation__date {
2021
+ color: var(--mono-color-100);
2022
+ font-size: 1.2rem;
2023
+ text-transform: uppercase;
2024
+ transition: transform 0.225s ease-out;
2025
+ }
2026
+
2027
+ .date-navigation__weekday {
2028
+ font-size: 2rem;
2029
+ }
2030
+
2031
+ .schedule-list__no-schedule {
2032
+ text-align: center;
2033
+ padding: 2rem;
2034
+ }
2035
+
2036
+ loading-wrapper {
2037
+ min-height: 14rem;
2038
+ }
2039
+
2040
+ @media screen and (max-width: 93.75rem) {
2041
+ .schedule-list__airdate {
2042
+ font-size: 2rem;
2043
+ }
2044
+ }
2045
+ @media screen and (max-width: 80rem) {
2046
+ .date-navigation__control--previous {
2047
+ inset-inline-start: -1.4rem;
2048
+ }
2049
+ .date-navigation__control--next {
2050
+ inset-inline-end: -1.4rem;
2051
+ }
2052
+ .schedule-list__item {
2053
+ display: block;
2054
+ }
2055
+ .schedule-list__airdate {
2056
+ margin-block-end: 0.5rem;
2057
+ }
2058
+ .schedule-list__airdate .airdate-formatter__time-wrap br {
2059
+ display: none;
2060
+ }
2061
+ .schedule-content-constrainer {
2062
+ padding-top: 0.01rem;
2063
+ }
2064
+ }
2065
+ @media screen and (max-width: 71.5rem) {
2066
+ .schedule-list__item {
2067
+ grid-template-columns: 15% 1fr;
2068
+ }
2069
+ .date-navigation__weekday {
2070
+ font-size: 1.4rem;
2071
+ }
2072
+ .date-navigation__date {
2073
+ font-size: 1rem;
2074
+ }
2075
+ }
2076
+ @media screen and (max-width: 60rem) {
2077
+ sticky-content-wrapper[data-pinned-state=pinned] {
2078
+ padding-top: 4rem;
2079
+ }
2080
+ }
2081
+ @media screen and (max-width: 50rem) {
2082
+ .schedule-list__item image-card {
2083
+ flex-direction: column;
2084
+ gap: 1.5rem;
2085
+ }
2086
+ .schedule-list__item .image-card__content {
2087
+ align-self: flex-start;
2088
+ }
2089
+ }
2090
+ @media screen and (max-width: 46.875rem) {
2091
+ .date-navigation__control {
2092
+ scale: 0.7;
2093
+ translate: 0 0.5rem;
2094
+ }
2095
+ }
2096
+ @media screen and (max-width: 31.15rem) {
2097
+ .date-navigation__weekday {
2098
+ font-size: 1rem;
2099
+ }
2100
+ .date-navigation__date {
2101
+ font-size: 0.8rem;
2102
+ }
2103
+ }
2104
+ show-details-page {
2105
+ display: block;
2106
+ }
2107
+ show-details-page:has(loading-wrapper) {
2108
+ min-height: 100vh;
2109
+ }
2110
+
2111
+ tabbed-content {
2112
+ display: block;
2113
+ padding-top: 1.8rem;
2114
+ --tabbed-content-border-color: #ddd;
2115
+ }
2116
+ tabbed-content .social-share__icon {
2117
+ display: block;
2118
+ width: 1.5rem;
2119
+ height: 1.5rem;
2120
+ }
2121
+ tabbed-content .social-share__icon > svg {
2122
+ stroke: transparent;
2123
+ fill: var(--share-btn-color);
2124
+ transition: stroke 0.325s ease-out, fill 0.325s ease-out;
2125
+ }
2126
+ tabbed-content .social-share__button {
2127
+ display: inline-grid;
2128
+ width: 2.5rem;
2129
+ height: 2.5rem;
2130
+ padding: 0;
2131
+ margin-inline-end: 1rem;
2132
+ align-items: center;
2133
+ justify-content: center;
2134
+ background-color: transparent;
2135
+ border: 1px solid var(--share-btn-color);
2136
+ cursor: pointer;
2137
+ transition: background-color 0.325s ease-out, border-color 0.325s ease-out;
2138
+ }
2139
+ tabbed-content .social-share__button:first-of-type .social-share__icon {
2140
+ padding: 0 0.6rem 0 0.5rem;
2141
+ }
2142
+ tabbed-content .social-share__button:hover {
2143
+ background-color: var(--share-btn-color);
2144
+ color: #fff;
2145
+ }
2146
+ tabbed-content .social-share__button:hover svg {
2147
+ stroke: transparent;
2148
+ fill: #fff;
2149
+ }
2150
+
2151
+ tab-content {
2152
+ margin-top: 3.4rem;
2153
+ display: block;
2154
+ }
2155
+ tab-content .basic-grid-module__header.h4 {
2156
+ color: var(--mono-color-400);
2157
+ font-size: 2rem;
2158
+ font-weight: 500;
2159
+ text-align: left;
2160
+ text-transform: none;
2161
+ margin-block-end: 1rem;
2162
+ }
2163
+ tab-content basic-grid-module {
2164
+ margin-top: 0;
2165
+ padding-top: 0;
2166
+ }
2167
+ tab-content .info-panel__back-btn {
2168
+ color: var(--tabbed-content-border-color);
2169
+ font-size: 1.4rem;
2170
+ font-weight: 600;
2171
+ }
2172
+ tab-content .info-panel__back-btn:last-of-type {
2173
+ display: none;
2174
+ }
2175
+ tab-content sectioned-content .h2 {
2176
+ margin-top: 0;
2177
+ margin-bottom: 0.5rem;
2178
+ font-size: 2rem;
2179
+ font-weight: 500;
2180
+ }
2181
+ tab-content sectioned-content .h3 {
2182
+ margin-bottom: 0;
2183
+ font-size: 1.5rem;
2184
+ }
2185
+ tab-content sectioned-content .h3:first-of-type {
2186
+ margin-top: 2rem;
2187
+ }
2188
+ tab-content sectioned-content .h3 + p {
2189
+ margin-top: 0.5rem;
2190
+ }
2191
+ tab-content sectioned-content div {
2192
+ font-size: 1.125rem;
2193
+ margin-bottom: 1.5rem;
2194
+ }
2195
+ tab-content sectioned-content p {
2196
+ font-size: 1.125rem;
2197
+ line-height: 1.7;
2198
+ }
2199
+ tab-content sectioned-content a:not(class) {
2200
+ color: var(--theme-color-500);
2201
+ text-decoration: none;
2202
+ position: relative;
2203
+ }
2204
+ tab-content sectioned-content a:not(class):before {
2205
+ content: "";
2206
+ height: 0;
2207
+ width: 100%;
2208
+ position: absolute;
2209
+ bottom: -0.02em;
2210
+ border-top: 1px solid var(--theme-color-200);
2211
+ transform: translateY(0.25rem);
2212
+ opacity: 0;
2213
+ transition: transform 0.225s ease-out, opacity 0.225s ease-out;
2214
+ }
2215
+ tab-content sectioned-content a:not(class):hover:before {
2216
+ transform: translateY(0);
2217
+ opacity: 1;
2218
+ }
2219
+ tab-content .cast-details-panel image-card {
2220
+ padding-bottom: 3rem;
2221
+ }
2222
+ tab-content.cast-list-tab .image-card__content .h4, tab-content.episodes-guide-tab .image-card__content .h4 {
2223
+ margin-bottom: 0;
2224
+ font-size: 1.5rem;
2225
+ }
2226
+ tab-content.cast-list-tab .image-card__content div, tab-content.episodes-guide-tab .image-card__content div {
2227
+ margin: 0;
2228
+ font-size: 1.125rem;
2229
+ font-weight: 300;
2230
+ }
2231
+ tab-content.cast-list-tab .image-card__img-wrapper > img, tab-content.episodes-guide-tab .image-card__img-wrapper > img {
2232
+ -o-object-position: top;
2233
+ object-position: top;
2234
+ }
2235
+ tab-content.cast-list-tab .image-card__cta, tab-content.episodes-guide-tab .image-card__cta {
2236
+ font-size: 1.125rem;
2237
+ color: var(--cta-button-color);
2238
+ padding-left: 0;
2239
+ padding-inline-start: 0;
2240
+ }
2241
+ tab-content.episodes-guide-tab .image-card__content {
2242
+ font-size: 1.125rem;
2243
+ }
2244
+ tab-content.episodes-guide-tab .image-card__content > p {
2245
+ margin-block-start: 0.5rem;
2246
+ }
2247
+
2248
+ .show-about-tab adjustable-two-column-layout {
2249
+ --atcl-gap-size: 3.2rem !important;
2250
+ font-size: 1.125rem;
2251
+ }
2252
+ .show-about-tab adjustable-two-column-layout .image-card__content {
2253
+ padding-block: 1rem;
2254
+ }
2255
+ .show-about-tab adjustable-two-column-layout .image-card__content .string-list {
2256
+ padding-block-start: 0.5rem;
2257
+ }
2258
+
2259
+ .cast-details-panel adjustable-two-column-layout {
2260
+ padding-bottom: 3rem;
2261
+ --atcl-gap-size: 2.5rem !important;
2262
+ }
2263
+ .cast-details-panel sectioned-content {
2264
+ font-size: 1.125rem;
2265
+ line-height: 1.6;
2266
+ }
2267
+ .cast-details-panel sectioned-content .h3 {
2268
+ margin-bottom: 0.5rem;
2269
+ }
2270
+ .cast-details-panel .cast__follow-platform {
2271
+ margin-right: 1rem;
2272
+ }
2273
+
2274
+ tab-navigation {
2275
+ padding-bottom: 2rem;
2276
+ border-bottom: 1px solid var(--tabbed-content-border-color);
2277
+ }
2278
+ tab-navigation > div {
2279
+ margin-left: auto;
2280
+ margin-top: 0;
2281
+ }
2282
+ tab-navigation .btn,
2283
+ tab-navigation .gradient-btn {
2284
+ padding: 0.5em clamp(0.65em, 1.9vw + 0.1em, 2em);
2285
+ font-size: clamp(0.75rem, 2.7vw + 0.1rem, 1.125rem);
2286
+ }
2287
+
2288
+ .image-card__play-icon {
2289
+ scale: 1.2;
2290
+ }
2291
+ .image-card__play-icon:hover {
2292
+ scale: 1.35;
2293
+ }
2294
+
2295
+ .show-hero__show-title.h1 {
2296
+ font-size: clamp(1.1rem, 2.5vw + 1rem, 3.8rem);
2297
+ text-transform: uppercase;
2298
+ line-height: 1.2;
2299
+ margin-bottom: 1.25rem;
2300
+ }
2301
+
2302
+ .show-hero__logo-wrapper {
2303
+ margin-block-end: 1rem;
2304
+ }
2305
+
2306
+ .page-hero .show-hero__content {
2307
+ font-size: 1.5em;
2308
+ font-size: clamp(1.2rem, 1vw + 0.1rem, 1.5em);
2309
+ padding-left: 1rem;
2310
+ padding-bottom: 0;
2311
+ bottom: clamp(2rem, 3.1vw + 0.1rem, 3.6rem);
2312
+ }
2313
+
2314
+ .page-hero .show-hero__content--right {
2315
+ padding-right: 1rem;
2316
+ padding-left: 0;
2317
+ }
2318
+
2319
+ .show-hero__airdate {
2320
+ font-size: 1em;
2321
+ font-size: clamp(1.1em, 1.2vw + 0.1em, 1.4em);
2322
+ text-transform: uppercase;
2323
+ font-weight: 500;
2324
+ text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
2325
+ margin-top: -0.75em;
2326
+ }
2327
+ .show-hero__airdate .airdate-formatter__pipe,
2328
+ .show-hero__airdate .string-list__pipe {
2329
+ vertical-align: bottom;
2330
+ font-size: 1.5em;
2331
+ font-weight: 100;
2332
+ }
2333
+ .show-hero__airdate .airdate-formatter__time,
2334
+ .show-hero__airdate .airdate-formatter__central-time {
2335
+ font-size: 1em;
2336
+ text-transform: none;
2337
+ }
2338
+
2339
+ .page-hero .show-hero__logo-wrapper > img {
2340
+ max-width: clamp(12rem, 30vw + 1rem, 30rem);
2341
+ max-height: clamp(4rem, 4.6vw + 1rem, 6rem);
2342
+ filter: grayscale(1) brightness(0) invert(1) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.8));
2343
+ margin-bottom: 3rem;
2344
+ }
2345
+
2346
+ .page-hero:has(airdate-formatter) .show-hero__logo-wrapper > img {
2347
+ margin-bottom: 1.6rem;
2348
+ }
2349
+
2350
+ basic-grid-module {
2351
+ display: block;
2352
+ padding-bottom: 3rem;
2353
+ }
2354
+
2355
+ .upcoming-tab {
2356
+ min-height: 20rem;
2357
+ }
2358
+ .upcoming-tab .h2 {
2359
+ margin-block-end: 1rem;
2360
+ font-size: 2rem;
2361
+ font-weight: 500;
2362
+ }
2363
+ .upcoming-tab ul {
2364
+ margin: 0;
2365
+ padding: 0 0 3rem;
2366
+ animation-name: enter;
2367
+ animation-duration: 0.625s;
2368
+ animation-delay: 0.05s;
2369
+ animation-fill-mode: both;
2370
+ animation-timing-function: cubic-bezier(0.21, 0.815, 0.625, 1.015);
2371
+ }
2372
+ .upcoming-tab ul li {
2373
+ padding: 2rem 0;
2374
+ border-color: #d4d4d4;
2375
+ }
2376
+ .upcoming-tab ul li:first-child {
2377
+ padding-top: 1.5rem;
2378
+ }
2379
+ .upcoming-tab .upcoming-list__item image-card {
2380
+ align-items: flex-start;
2381
+ }
2382
+ .upcoming-tab .upcoming-list__item .image-card__content > div:nth-of-type(2) {
2383
+ max-inline-size: 80ch;
2384
+ }
2385
+ .upcoming-tab .upcoming-list__airdate {
2386
+ padding: 0;
2387
+ color: #444;
2388
+ align-items: flex-start;
2389
+ }
2390
+ .upcoming-tab .airdate-formatter__day {
2391
+ font-size: 1.125rem;
2392
+ }
2393
+ .upcoming-tab .airdate-formatter__date {
2394
+ font-size: 1.5rem;
2395
+ font-weight: 600;
2396
+ color: var(--mono-color-400);
2397
+ }
2398
+ .upcoming-tab .airdate-formatter__time-wrap {
2399
+ font-size: 1.125rem;
2400
+ font-weight: 500;
2401
+ color: var(--theme-color-300);
2402
+ }
2403
+ .upcoming-tab .upcoming-list__airdate-bg {
2404
+ padding: 0 2.5rem;
2405
+ }
2406
+ .upcoming-tab .image-card__content {
2407
+ color: #444;
2408
+ }
2409
+ .upcoming-tab .image-card__content > div {
2410
+ font-size: 1.125rem;
2411
+ }
2412
+ .upcoming-tab .image-card__content > div:first-child {
2413
+ font-size: 1.5rem;
2414
+ color: var(--mono-color-400);
2415
+ }
2416
+
2417
+ @media screen and (max-width: 71.5rem) {
2418
+ .page-hero .show-hero__content {
2419
+ bottom: 2rem;
2420
+ left: 2rem;
2421
+ }
2422
+ .page-hero .show-hero__content--right {
2423
+ left: auto;
2424
+ right: 2rem;
2425
+ }
2426
+ }
2427
+ @media screen and (max-width: 55rem) {
2428
+ .upcoming-tab .upcoming-list__item {
2429
+ flex-direction: column;
2430
+ }
2431
+ .upcoming-tab .upcoming-list__airdate {
2432
+ display: block;
2433
+ }
2434
+ .upcoming-tab .upcoming-list__airdate-bg {
2435
+ height: auto;
2436
+ padding: 1rem;
2437
+ }
2438
+ .upcoming-tab .upcoming-list__airdate-bg airdate-formatter {
2439
+ display: flex;
2440
+ align-items: center;
2441
+ gap: 0.5rem;
2442
+ }
2443
+ .upcoming-tab image-card {
2444
+ flex-direction: column;
2445
+ }
2446
+ .upcoming-tab .image-card__content {
2447
+ align-self: flex-start;
2448
+ }
2449
+ .upcoming-tab .airdate-formatter__day,
2450
+ .upcoming-tab .airdate-formatter__time-wrap {
2451
+ font-size: 1.5rem;
2452
+ }
2453
+ .upcoming-tab .airdate-formatter__time-wrap {
2454
+ font-weight: 600;
2455
+ }
2456
+ .upcoming-tab .airdate-formatter__central-time,
2457
+ .upcoming-tab .airdate-formatter__meridian {
2458
+ font-size: 0.8em;
2459
+ }
2460
+ .upcoming-tab .airdate-formatter__date {
2461
+ margin-bottom: 0;
2462
+ margin-block-end: 0;
2463
+ }
2464
+ .upcoming-tab .upcoming-list__item image-card {
2465
+ align-items: stretch;
2466
+ }
2467
+ }
2468
+ @media screen and (max-width: 50rem) {
2469
+ .series-about-tab {
2470
+ display: block;
2471
+ }
2472
+ .cast-details-panel adjustable-two-column-layout {
2473
+ display: block;
2474
+ }
2475
+ .series-about-tab {
2476
+ font-size: 1.125rem;
2477
+ }
2478
+ tab-content .info-panel__back-btn:last-of-type {
2479
+ display: inline-flex;
2480
+ }
2481
+ }
2482
+ @media screen and (max-width: 43.75rem) {
2483
+ .page-hero .show-hero__content {
2484
+ bottom: 3rem;
2485
+ left: 2rem;
2486
+ }
2487
+ .page-hero .show-hero__content--right {
2488
+ left: auto;
2489
+ }
2490
+ tab-navigation {
2491
+ flex-wrap: wrap;
2492
+ }
2493
+ tab-navigation > div {
2494
+ margin-left: 0;
2495
+ margin-top: 1rem;
2496
+ }
2497
+ }
2498
+ @media screen and (max-width: 40rem) {
2499
+ .show-hero-constrainer {
2500
+ aspect-ratio: 388/594;
2501
+ }
2502
+ .page-hero {
2503
+ text-align: center;
2504
+ }
2505
+ .page-hero .show-hero__content {
2506
+ left: 0;
2507
+ right: 0;
2508
+ justify-self: center;
2509
+ padding-left: 1rem;
2510
+ padding-right: 1rem;
2511
+ }
2512
+ .page-hero .show-hero__content--right .show-hero__airdate {
2513
+ text-align: center;
2514
+ }
2515
+ .page-hero > div > img {
2516
+ aspect-ratio: 388/594;
2517
+ }
2518
+ .show-hero__show-title.h1 {
2519
+ font-size: clamp(1.1rem, 5vw + 1rem, 3.8rem);
2520
+ }
2521
+ .show-hero__airdate .string-list__pipe {
2522
+ display: none;
2523
+ }
2524
+ airdate-formatter {
2525
+ display: block;
2526
+ }
2527
+ .page-hero .show-hero__logo-wrapper > img {
2528
+ margin-left: auto;
2529
+ margin-right: auto;
2530
+ max-width: clamp(20rem, 30vw + 1rem, 30rem);
2531
+ max-height: 6rem;
2532
+ }
2533
+ }
2534
+ @media screen and (max-width: 37.5rem) {
2535
+ .tab-navigation__list {
2536
+ flex-wrap: wrap;
2537
+ }
2538
+ .episodes-guide-tab equal-size-grid > div {
2539
+ border-bottom: 1px solid #d4d4d4;
2540
+ padding-bottom: 0.5rem;
2541
+ padding-block-end: 0.5rem;
2542
+ padding-top: 0.5rem;
2543
+ padding-block-start: 0.5rem;
2544
+ }
2545
+ .cast__follow-platform {
2546
+ display: block;
2547
+ margin-bottom: 0.5rem;
2548
+ }
2549
+ }
2550
+ @media screen and (max-width: 28.75rem) {
2551
+ .page-hero .show-hero__logo-wrapper > img {
2552
+ max-width: clamp(12rem, 48vw + 1rem, 18rem);
2553
+ max-height: 6rem;
2554
+ }
2555
+ }
2556
+ @keyframes enter {
2557
+ 0% {
2558
+ opacity: 0.1;
2559
+ transform: translate3d(0, 10rem, 0);
2560
+ }
2561
+ 50% {
2562
+ opacity: 0.2;
2563
+ }
2564
+ 100% {
2565
+ opacity: 1;
2566
+ transform: translate3d(0, 0, 0);
2567
+ }
2568
+ }
2569
+ basic-grid-module {
2570
+ display: block;
2571
+ padding-bottom: 3rem;
2572
+ }
2573
+
2574
+ .h4.basic-grid-module__header {
2575
+ font-size: 2.875rem;
2576
+ font-weight: 600;
2577
+ color: var(--mono-color-100);
2578
+ text-transform: uppercase;
2579
+ text-align: center;
2580
+ margin-top: 0;
2581
+ }
2582
+
2583
+ .programs-list .image-card__img-wrapper > img {
2584
+ transition: scale 0.255s ease-out;
2585
+ }
2586
+ .programs-list image-card:hover .image-card__img-wrapper > img {
2587
+ scale: 0.97;
2588
+ }
2589
+ .programs-list .airdate-formatter__pipe {
2590
+ margin-inline: 0.2em;
2591
+ font-weight: 100;
2592
+ }
2593
+
2594
+ .programs-list .image-card__content .no-airdate {
2595
+ font-size: 1.4rem;
2596
+ margin-top: 1.05rem;
2597
+ display: block;
2598
+ }
2599
+
2600
+ .programs-list .image-card__content {
2601
+ font-size: 1.4rem;
2602
+ font-weight: 400;
2603
+ color: var(--mono-color-400);
2604
+ text-align: center;
2605
+ padding: 0.5rem 0;
2606
+ }
2607
+ .programs-list a {
2608
+ color: currentColor;
2609
+ text-decoration: none;
2610
+ }
2611
+ .programs-list a img {
2612
+ display: block;
2613
+ transition: scale 0.325s ease-in-out, filter 0.325s ease-in-out;
2614
+ transform-origin: bottom;
2615
+ }
2616
+ .programs-list a .image-card__img-wrapper {
2617
+ overflow: hidden;
2618
+ }
2619
+ .programs-list a:hover img {
2620
+ scale: 1.03;
2621
+ filter: brightness(1.15);
2622
+ }
2623
+
2624
+ @media screen and (max-width: 90rem) {
2625
+ .programs-list .image-card__content {
2626
+ font-size: 1.2rem;
2627
+ }
2628
+ }
2629
+ @media screen and (max-width: 73.125rem) {
2630
+ .programs-list .image-card__content {
2631
+ font-size: 1rem;
2632
+ padding-top: 1rem;
2633
+ }
2634
+ }
2635
+ @media screen and (max-width: 53.75rem) {
2636
+ .programs-list .image-card__content {
2637
+ font-size: 1.3rem;
2638
+ }
2639
+ }
2640
+ @media screen and (max-width: 37.5rem) {
2641
+ .programs-list image-card {
2642
+ padding: 0 5rem;
2643
+ }
2644
+ }
2645
+ @media screen and (max-width: 31.25rem) {
2646
+ .programs-list image-card {
2647
+ padding: 0 3rem;
2648
+ }
2649
+ }
2650
+ special-landing-page #carousel-special-featured a {
2651
+ text-decoration: none;
2652
+ }
2653
+
2654
+ .special-page__grid figcaption {
2655
+ padding-top: 1rem;
2656
+ color: var(--mono-color-400);
2657
+ }
2658
+ .special-page__grid figcaption > div {
2659
+ margin-bottom: 1rem;
2660
+ }
2661
+
2662
+ .special-page__fig-caption {
2663
+ font-size: 1rem;
2664
+ }
2665
+
2666
+ .special-page__image-credit {
2667
+ color: var(--mono-color-500);
2668
+ font-size: 0.9rem;
2669
+ }
2670
+
2671
+ .special-page__information .h2 {
2672
+ margin-top: 0;
2673
+ margin-bottom: 0;
2674
+ font-size: 2rem;
2675
+ }
2676
+ .special-page__information p {
2677
+ font-size: 1.125rem;
2678
+ line-height: 1.6;
2679
+ padding-right: 1rem;
2680
+ }
2681
+
2682
+ #carousel-special-featured .slide {
2683
+ align-items: flex-start;
2684
+ }
2685
+ #carousel-special-featured image-card {
2686
+ width: 100%;
2687
+ }
2688
+ #carousel-special-featured .image-card__content {
2689
+ font-size: clamp(1rem, 1vw + 0.1rem, 1.5rem);
2690
+ text-align: center;
2691
+ padding-top: 0;
2692
+ }
2693
+
2694
+ special-landing-page content-constrainer {
2695
+ border-color: #ddd;
2696
+ }
2697
+ special-landing-page .image-card__cta {
2698
+ color: var(--cta-button-color);
2699
+ font-size: 1.125rem;
2700
+ }
2701
+ special-landing-page .image-card__content .h4 {
2702
+ font-size: 1.5rem;
2703
+ margin-bottom: 0;
2704
+ }
2705
+ special-landing-page .image-card__content > div {
2706
+ margin: 0.5rem 0;
2707
+ }
2708
+ special-landing-page .promotions-row__header {
2709
+ font-size: 1.802rem;
2710
+ font-weight: 600;
2711
+ }
2712
+ special-landing-page .featured-carousel .carousel-controls__next,
2713
+ special-landing-page .featured-carousel .carousel-controls__previous {
2714
+ transform: translateY(-100%);
2715
+ background-color: transparent;
2716
+ }
2717
+ special-landing-page .featured-carousel .carousel-controls__next > i > svg,
2718
+ special-landing-page .featured-carousel .carousel-controls__previous > i > svg {
2719
+ stroke: var(--cta-button-color);
2720
+ }
2721
+ special-landing-page .featured-carousel .carousel-controls__previous {
2722
+ inset-inline-start: calc(var(--_control-btns-offset-x) - var(--_slide-gap));
2723
+ }
2724
+ special-landing-page a:hover {
2725
+ color: var(--theme-color-100);
2726
+ }
2727
+ @media screen and (max-width: 80rem) {
2728
+ special-landing-page #carousel-special-featured {
2729
+ --_control-btns-offset-x: -1rem !important;
2730
+ }
2731
+ }
2732
+
2733
+ .image-card__play-icon {
2734
+ scale: 1.2;
2735
+ }
2736
+ .image-card__play-icon:hover {
2737
+ scale: 1.35;
2738
+ }
2739
+
2740
+ @media screen and (max-width: 60rem) {
2741
+ special-landing-page adjustable-two-column-layout {
2742
+ display: block;
2743
+ }
2744
+ }
2745
+ @media screen and (max-width: 40rem) {
2746
+ .page-hero {
2747
+ text-align: center;
2748
+ }
2749
+ .page-hero .show-hero__content {
2750
+ left: 0;
2751
+ padding-left: 1rem;
2752
+ padding-right: 1rem;
2753
+ }
2754
+ .page-hero > div > img {
2755
+ aspect-ratio: 388/594;
2756
+ }
2757
+ }
2758
+ .sweeps-constrainer {
2759
+ background-size: cover;
2760
+ background-repeat: no-repeat;
2761
+ background-position: center;
2762
+ background-attachment: fixed;
2763
+ margin-top: 2.5rem;
2764
+ border-top: 1px solid var(--mono-color-100);
2765
+ width: 100%;
2766
+ }
2767
+
2768
+ gleam-wrapper {
2769
+ display: block;
2770
+ min-height: 92vh;
2771
+ background: transparent;
2772
+ }
2773
+
2774
+ .gleam__header {
2775
+ padding: 3rem 2rem 0;
2776
+ width: 40%;
2777
+ margin: 0 auto;
2778
+ text-align: center;
2779
+ }
2780
+ .gleam__header img {
2781
+ max-width: 100%;
2782
+ display: inline;
2783
+ }
2784
+
2785
+ .gleam__content {
2786
+ min-height: 12.5rem;
2787
+ height: auto;
2788
+ margin: 1.25rem auto;
2789
+ padding: 2.5rem 0 4rem;
2790
+ text-align: center;
2791
+ }
2792
+
2793
+ @media screen and (max-width: 37.5rem) {
2794
+ .gleam__header {
2795
+ width: 50%;
2796
+ }
2797
+ }
2798
+
2799
+ /*# sourceMappingURL=index.css.map */