:root {
--base-color-neutral-100: #ffffffff;
--base-color-neutral-200: #f8f8f8ff;
--base-color-neutral-300: #e6e6e6ff;
--base-color-neutral-400: #b1b1b1ff;
--base-color-neutral-500: #6e6e6eff;
--base-color-neutral-600: #404040ff;
--base-color-neutral-700: #262626ff;
--base-color-neutral-800: #0c0c0cff;
--base-color-red-100: #ffd5d5ff;
--base-color-red-200: #ffaaaaff;
--base-color-red-300: #ff7979ff;
--base-color-red-400: #ff3f3fff;
--base-color-red-500: #d50000ff;
--base-color-red-600: #a20000ff;
--base-color-red-700: #720000ff;
--base-color-red-800: #450000ff;
--base-color-orange-100: #ffdbd0ff;
--base-color-orange-200: #ffb9a1ff;
--base-color-orange-300: #ff9360ff;
--base-color-orange-400: #ff7c00ff;
--base-color-orange-500: #cd6200ff;
--base-color-orange-600: #984700ff;
--base-color-orange-700: #612b00ff;
--base-color-orange-800: #401a00ff;
--base-color-yellow-100: #ffe4c3ff;
--base-color-yellow-200: #ffd088ff;
--base-color-yellow-300: #ffc248ff;
--base-color-yellow-400: #f0b100ff;
--base-color-yellow-500: #c99400ff;
--base-color-yellow-600: #9a7100ff;
--base-color-yellow-700: #6c4e00ff;
--base-color-yellow-800: #463100ff;
--base-color-green-100: #c9fdddff;
--base-color-green-200: #97fbc3ff;
--base-color-green-300: #58e59eff;
--base-color-green-400: #4bc88aff;
--base-color-green-500: #3da672ff;
--base-color-green-600: #2b7a53ff;
--base-color-green-700: #1b5437ff;
--base-color-green-800: #0b2f1dff;
--base-color-blue-100: #d7dbfcff;
--base-color-blue-200: #aeb8faff;
--base-color-blue-300: #7b8ff7ff;
--base-color-blue-400: #3061f2ff;
--base-color-blue-500: #2152d5ff;
--base-color-blue-600: #173da4ff;
--base-color-blue-700: #0c266eff;
--base-color-blue-800: #041443ff;
--base-color-teal-100: #c6fbf6ff;
--base-color-teal-200: #92f8f0ff;
--base-color-teal-300: #73dcd3ff;
--base-color-teal-400: #60b9b1ff;
--base-color-teal-500: #4d9791ff;
--base-color-teal-600: #346a66ff;
--base-color-teal-700: #164541ff;
--base-color-teal-800: #0a2927ff;
--base-color-purple-100: #e5dbf8ff;
--base-color-purple-200: #cdb6f1ff;
--base-color-purple-300: #b28ae0ff;
--base-color-purple-400: #9656d1ff;
--base-color-purple-500: #8143b8ff;
--base-color-purple-600: #62318eff;
--base-color-purple-700: #462166ff;
--base-color-purple-800: #2d1444ff;
--base-color-pink-100: #fed6d9ff;
--base-color-pink-200: #fdaab2ff;
--base-color-pink-300: #fc7989ff;
--base-color-pink-400: #fc2f59ff;
--base-color-pink-500: #d00f40ff;
--base-color-pink-600: #9e092fff;
--base-color-pink-700: #6f041eff;
--base-color-pink-800: #44010fff;
--base-color-brand-cnn-100: #ffffffff;
--base-color-brand-cnn-200: #ffffffff;
--base-color-brand-cnn-300: #ffffffff;
--base-color-brand-cnn-400: #ff3f3fff;
--base-color-brand-cnn-500: #cc0000ff;
--base-color-brand-cnn-600: #a4001eff;
--base-color-brand-cnn-700: #ffffffff;
--base-color-brand-cnn-800: #ffffffff;
--base-color-brand-business-100: #ffffffff;
--base-color-brand-business-200: #ffffffff;
--base-color-brand-business-300: #ffffffff;
--base-color-brand-business-400: #ffffffff;
--base-color-brand-business-500: #66c9afff;
--base-color-brand-business-600: #ffffffff;
--base-color-brand-business-700: #ffffffff;
--base-color-brand-business-800: #ffffffff;
--base-color-brand-politics-100: #ffffffff;
--base-color-brand-politics-200: #ffffffff;
--base-color-brand-politics-300: #ffffffff;
--base-color-brand-politics-400: #ffffffff;
--base-color-brand-politics-500: #3061f3ff;
--base-color-brand-politics-600: #ffffffff;
--base-color-brand-politics-700: #ffffffff;
--base-color-brand-politics-800: #ffffffff;
--base-color-brand-underscored-100: #ffffffff;
--base-color-brand-underscored-200: #ffffffff;
--base-color-brand-underscored-300: #ffffffff;
--base-color-brand-underscored-400: #ffffffff;
--base-color-brand-underscored-500: #6a29d5ff;
--base-color-brand-underscored-600: #ffffffff;
--base-color-brand-underscored-700: #ffffffff;
--base-color-brand-underscored-800: #ffffffff;
--base-color-brand-travel-100: #ffffffff;
--base-color-brand-travel-200: #ffffffff;
--base-color-brand-travel-300: #ffffffff;
--base-color-brand-travel-400: #ffffffff;
--base-color-brand-travel-500: #f06c00ff;
--base-color-brand-travel-600: #ffffffff;
--base-color-brand-travel-700: #ffffffff;
--base-color-brand-travel-80: #ffffffff;
--base-color-transparent-black-0: #0c0c0c00;
--base-color-transparent-black-05: #0c0c0c1a;
--base-color-transparent-black-10: #0c0c0c1a;
--base-color-transparent-black-20: #0c0c0c33;
--base-color-transparent-black-30: #0c0c0c4d;
--base-color-transparent-black-40: #0c0c0c66;
--base-color-transparent-black-50: #0c0c0c80;
--base-color-transparent-black-60: #0c0c0c99;
--base-color-transparent-black-70: #0c0c0cb3;
--base-color-transparent-black-80: #0c0c0ccc;
--base-color-transparent-black-90: #0c0c0ce6;
--base-color-transparent-black-100: #0c0c0cff;
--base-color-transparent-white-0: #ffffff00;
--base-color-transparent-white-05: #ffffff1a;
--base-color-transparent-white-10: #ffffff1a;
--base-color-transparent-white-20: #ffffff33;
--base-color-transparent-white-30: #ffffff4d;
--base-color-transparent-white-40: #ffffff66;
--base-color-transparent-white-50: #ffffff80;
--base-color-transparent-white-60: #ffffff99;
--base-color-transparent-white-70: #ffffffb3;
--base-color-transparent-white-80: #ffffffcc;
--base-color-transparent-white-90: #ffffffe6;
--base-color-transparent-white-100: #ffffffff;
--base-border-none: 0;
--base-border-border-radius-none: 0;
--base-border-border-radius-02: 2px;
--base-border-border-radius-04: 4px;
--base-border-border-radius-08: 8px;
--base-border-border-radius-12: 12px;
--base-border-border-radius-16: 16px;
--base-border-border-radius-20: 20px;
--base-border-border-radius-24: 24px;
--base-border-border-radius-28: 28px;
--base-border-border-radius-32: 32px;
--base-border-border-radius-circle: 9999px;
--base-border-stroke-weight-none: 0;
--base-border-stroke-weight-01: 1px;
--base-border-stroke-weight-02: 2px;
--base-border-stroke-weight-04: 4px;
--base-border-stroke-weight-08: 8px;
--base-color-white: #ffffffff;
--base-color-black: #000000ff;
--base-font-text-decoration-none: none;
--base-font-text-decoration-underline: underline;
--base-font-letter-spacing-none: 0;
--base-font-letter-spacing-25: 0.25px;
--base-font-letter-spacing-50: 0.5px;
--base-font-letter-spacing-100: 1px;
--base-font-letter-spacing-125: 1.25px;
--base-font-letter-spacing-150: 1.5px;
--base-font-letter-spacing-1200: 12px;
--base-font-style-normal: normal;
--base-font-style-italic: italic;
--base-font-family-cnn-sans-display: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
--base-font-family-cnn-sans: cnn_sans;
--base-font-family-cnn-condensed: cnn_sans_condensed;
--base-font-family-cnn-stencil: cnn_stencil_display;
--base-font-family-noto-serif: "Noto Serif";
--base-font-size-10: 10px;
--base-font-size-12: 12px;
--base-font-size-14: 14px;
--base-font-size-16: 16px;
--base-font-size-18: 18px;
--base-font-size-20: 20px;
--base-font-size-24: 24px;
--base-font-size-30: 30px;
--base-font-size-32: 32px;
--base-font-size-36: 36px;
--base-font-size-40: 40px;
--base-font-size-42: 42px;
--base-font-size-48: 48px;
--base-font-size-56: 56px;
--base-font-size-64: 64px;
--base-font-line-height-10: 10px;
--base-font-line-height-12: 12px;
--base-font-line-height-14: 14px;
--base-font-line-height-16: 16px;
--base-font-line-height-18: 18px;
--base-font-line-height-20: 20px;
--base-font-line-height-22: 22px;
--base-font-line-height-24: 24px;
--base-font-line-height-26: 26px;
--base-font-line-height-28: 28px;
--base-font-line-height-30: 30px;
--base-font-line-height-32: 32px;
--base-font-line-height-36: 36px;
--base-font-line-height-40: 40px;
--base-font-line-height-48: 48px;
--base-font-line-height-56: 56px;
--base-font-line-height-64: 64px;
--base-font-text-transform-none: none;
--base-font-text-transform-sentence-case: capitalize;
--base-font-text-transform-lowercase: lowercase;
--base-font-text-transform-uppercase: uppercase;
--base-font-weight-light: 300;
--base-font-weight-regular: 400;
--base-font-weight-medium: 500;
--base-font-weight-bold: 700;
--base-font-weight-heavy: 800;
--base-size-none: 0;
--base-size-01: 1px;
--base-size-02: 2px;
--base-size-04: 4px;
--base-size-08: 8px;
--base-size-12: 12px;
--base-size-16: 16px;
--base-size-20: 20px;
--base-size-24: 24px;
--base-size-28: 28px;
--base-size-32: 32px;
--base-size-36: 36px;
--base-size-40: 40px;
--base-size-48: 48px;
--base-size-56: 56px;
--base-size-64: 64px;
--base-size-72: 72px;
--base-size-80: 80px;
--base-space-none: 0;
--base-space-02: 2px;
--base-space-04: 4px;
--base-space-08: 8px;
--base-space-12: 12px;
--base-space-16: 16px;
--base-space-20: 20px;
--base-space-24: 24px;
--base-space-28: 28px;
--base-space-32: 32px;
--base-space-36: 36px;
--base-space-40: 40px;
--base-space-48: 48px;
--base-space-56: 56px;
--base-space-64: 64px;
--base-space-72: 72px;
--base-space-80: 80px;
--appr-color-bg-input-default: var(--base-color-transparent-black-0);
--appr-color-bg-input-hovered: var(--base-color-transparent-black-05);
--appr-color-bg-input-pressed: var(--base-color-transparent-black-10);
--appr-color-bg-input-focused: var(--base-color-transparent-black-0);
--appr-color-bg-input-selected-default: var(--base-color-neutral-800);
--appr-color-bg-input-selected-hovered: var(--base-color-transparent-black-20);
--appr-color-bg-input-selected-pressed: var(--base-color-transparent-black-30);
--appr-color-bg-overlay-inverse: var(--base-color-transparent-white-50);
--appr-color-bg-action-surface-default: var(--base-color-white);
--appr-color-bg-action-surface-hovered: var(--base-color-neutral-200);
--appr-color-bg-action-surface-pressed: var(--base-color-neutral-300);
--appr-color-bg-action-surface-focused: var(--base-color-neutral-100);
--appr-color-bg-action-surface-disabled: var(--base-color-neutral-200);
--appr-color-bg-action-surface-hovered-inverse: var(--base-color-neutral-600);
--appr-color-bg-action-surface-focused-inverse: var(--base-color-neutral-700);
--appr-color-bg-action-transparent-default: var(--base-color-transparent-black-0);
--appr-color-bg-action-transparent-hovered: var(--base-color-transparent-black-05);
--appr-color-bg-action-transparent-pressed: var(--base-color-transparent-black-10);
--appr-color-bg-action-transparent-focused: var(--base-color-transparent-black-0);
--appr-color-bg-action-transparent-disabled: var(--base-color-transparent-black-0);
--appr-color-bg-action-transparent-hovered-inverse: var(--base-color-transparent-white-20);
--appr-color-bg-action-transparent-focused-inverse: var(--base-color-transparent-white-0);
--appr-color-bg-primary: var(--base-color-white);
--appr-color-bg-secondary: var(--base-color-neutral-200);
--appr-color-bg-tertiary: var(--base-color-neutral-300);
--appr-color-bg-surface: var(--base-color-white);
--appr-color-border-primary: var(--theme-color-border-default);
--appr-color-border-secondary: var(--base-color-neutral-400);
--appr-color-border-action-default: var(--base-color-neutral-500);
--appr-color-border-accent-primary: var(--theme-color-accent);
--appr-color-border-accent-secondary: var(--base-color-neutral-800);
--appr-color-border-action-hovered: var(--base-color-neutral-600);
--appr-color-border-action-pressed: var(--base-color-neutral-700);
--appr-color-border-input-default: var(--base-color-neutral-500);
--appr-color-border-input-hovered: var(--base-color-neutral-600);
--appr-color-border-primary-inverse: var(--base-color-neutral-500);
--appr-color-border-primary-persistent: var(--base-color-neutral-300);
--appr-color-border-primary-inverse-persistent: var(--base-color-neutral-500);
--appr-color-border-tertiary-inverse: var(--base-color-neutral-300);
--appr-color-border-tertiary-persistent: var(--base-color-neutral-500);
--appr-color-border-tertiary-inverse-persistent: var(--base-color-neutral-300);
--appr-color-text-primary: var(--base-color-neutral-800);
--appr-color-text-action-default: var(--base-color-neutral-800);
--appr-color-text-action-hovered: var(--base-color-neutral-700);
--appr-color-text-action-pressed: var(--base-color-neutral-600);
--appr-color-text-action-focused: var(--base-color-neutral-800);
--appr-color-text-action-disabled: var(--base-color-neutral-400);
--appr-color-text-action-hovered-inverse: var(--base-color-neutral-200);
--appr-color-text-action-focused-inverse: var(--base-color-neutral-100);
--appr-color-text-input-default: var(--base-color-neutral-800);
--appr-color-text-input-hovered: var(--base-color-neutral-700);
--appr-color-text-input-pressed: var(--base-color-neutral-600);
--appr-color-text-link-primary-default: var(--theme-color-action-default);
--appr-color-text-input-focused: var(--base-color-neutral-800);
--appr-color-text-link-primary-hovered: var(--theme-color-action-hovered);
--appr-color-text-link-primary-pressed: var(--theme-color-action-pressed);
--appr-color-text-link-primary-focused: var(--theme-color-action-focused);
--appr-color-text-secondary: var(--base-color-neutral-600);
--appr-color-text-link-primary-disabled: var(--base-color-neutral-400);
--appr-color-text-link-secondary-default: var(--base-color-neutral-500);
--appr-color-text-link-secondary-hovered: var(--base-color-neutral-600);
--appr-color-text-link-secondary-pressed: var(--base-color-neutral-700);
--appr-color-text-primary-inverse: var(--base-color-neutral-100);
--appr-color-text-link-secondary-focused: var(--base-color-neutral-800);
--appr-color-text-primary-persistent: var(--base-color-neutral-800);
--appr-color-text-secondary-inverse: var(--base-color-neutral-200);
--appr-color-text-tertiary: var(--base-color-neutral-500);
--appr-color-text-secondary-persistent: var(--base-color-neutral-600);
--appr-color-text-tertiary-inverse: var(--base-color-neutral-300);
--appr-color-text-secondary-inverse-persistent: var(--base-color-neutral-200);
--appr-color-text-tertiary-persistent: var(--base-color-neutral-500);
--appr-color-text-accent: var(--theme-color-accent);
--appr-color-text-tertiary-inverse-persistent: var(--base-color-neutral-300);
--appr-color-icon-primary: var(--base-color-neutral-800);
--appr-color-text-live: var(--base-color-red-500);
--appr-color-shadow-high: var(--base-color-transparent-black-10);
--appr-color-shadow-low: var(--base-color-transparent-black-10);
--appr-color-shadow-action-default: var(--base-color-transparent-black-10);
--appr-color-shadow-lowest: var(--base-color-transparent-black-10);
--appr-color-shadow-action-hovered: var(--base-color-transparent-black-10);
--appr-color-shadow-action-pressed: var(--base-color-transparent-black-10);
--appr-color-shadow-action-focused: var(--base-color-transparent-black-10);
--appr-color-icon-action-default: var(--base-color-neutral-800);
--appr-color-icon-input-default: var(--base-color-neutral-800);
--appr-color-icon-input-hovered: var(--base-color-neutral-700);
--appr-color-icon-input-pressed: var(--base-color-neutral-600);
--appr-color-icon-input-focused: var(--base-color-neutral-800);
--appr-color-icon-input-disabled: var(--base-color-neutral-400);
--appr-color-icon-action-hovered: var(--base-color-neutral-700);
--appr-color-icon-action-pressed: var(--base-color-neutral-600);
--appr-color-icon-secondary-inverse: var(--base-color-neutral-200);
--appr-color-icon-action-focused: var(--base-color-neutral-800);
--appr-color-icon-secondary-persistent: var(--base-color-neutral-600);
--appr-color-icon-secondary: var(--base-color-neutral-600);
--appr-color-icon-secondary-inverse-persistent: var(--base-color-neutral-200);
--appr-color-icon-tertiary: var(--base-color-neutral-500);
--appr-color-button-bg-primary-default-inverse: var(--appr-color-bg-action-default-inverse);
--appr-color-button-border-secondary-default: var(--appr-color-border-action-default);
--appr-color-button-border-secondary-hovered: var(--appr-color-border-action-hovered);
--appr-color-button-border-secondary-pressed: var(--appr-color-border-action-pressed);
--appr-color-button-border-secondary-disabled-inverse: var(--appr-color-border-action-disabled-inverse);
--appr-color-icon-accent: var(--theme-color-accent);
--appr-color-button-bg-primary-default: var(--appr-color-bg-action-default);
--appr-color-button-border-secondary-default-inverse: var(--appr-color-border-action-default-inverse);
--appr-color-button-bg-primary-hovered: var(--appr-color-bg-action-hovered);
--appr-color-button-bg-primary-pressed: var(--appr-color-bg-action-pressed);
--appr-color-button-bg-primary-focused: var(--appr-color-bg-action-focused);
--appr-color-button-bg-primary-focused-inverse: var(--appr-color-bg-action-focused-inverse);
--appr-color-button-bg-secondary-default: var(--appr-color-bg-action-transparent-default);
--appr-color-button-bg-primary-disabled-inverse: var(--appr-color-bg-action-disabled-inverse);
--appr-color-button-bg-secondary-hovered: var(--appr-color-bg-action-transparent-hovered);
--appr-color-button-bg-secondary-pressed: var(--appr-color-bg-action-transparent-pressed);
--appr-color-button-bg-secondary-focused: var(--appr-color-bg-action-transparent-focused);
--appr-color-button-icon-primary-default: var(--base-color-white);
--appr-color-icon-live: var(--base-color-red-500);
--appr-color-button-icon-primary-hovered: var(--base-color-white);
--appr-color-button-icon-primary-pressed: var(--base-color-white);
--appr-color-button-icon-primary-focused: var(--base-color-white);
--appr-color-button-icon-secondary-default: var(--appr-color-icon-action-default);
--appr-color-button-icon-secondary-hovered: var(--appr-color-icon-action-hovered);
--appr-color-button-icon-secondary-pressed: var(--appr-color-icon-action-pressed);
--appr-color-button-icon-secondary-focused: var(--appr-color-icon-action-focused);
--appr-color-button-text-primary-default: var(--base-color-white);
--appr-color-button-icon-secondary-disabled: var(--appr-color-icon-action-disabled);
--appr-color-button-text-primary-hovered: var(--base-color-white);
--appr-color-button-text-primary-pressed: var(--base-color-white);
--appr-color-button-text-primary-focused: var(--base-color-white);
--appr-color-button-bg-secondary-default-inverse: var(--appr-color-bg-action-transparent-default-inverse);
--appr-color-button-bg-secondary-focused-inverse: var(--appr-color-bg-action-transparent-focused-inverse);
--appr-color-button-bg-secondary-pressed-inverse: var(--appr-color-bg-action-transparent-pressed-inverse);
--appr-color-button-text-primary-hovered-inverse: var(--base-color-neutral-800);
--appr-color-button-text-primary-focused-inverse: var(--base-color-neutral-800);
--appr-color-button-text-secondary-default: var(--appr-color-text-action-default);
--appr-color-button-text-secondary-hovered: var(--appr-color-text-action-hovered);
--appr-color-button-text-secondary-pressed: var(--appr-color-text-action-pressed);
--appr-color-button-text-secondary-focused: var(--appr-color-text-action-focused);
--appr-color-button-text-secondary-disabled: var(--appr-color-text-action-disabled);
--appr-color-button-text-secondary-default-inverse: var(--appr-color-text-action-default-inverse);
--appr-color-button-text-secondary-pressed-inverse: var(--appr-color-text-action-pressed-inverse);
--appr-color-button-bg-tertiary-default: var(--appr-color-bg-action-transparent-default);
--appr-color-button-bg-tertiary-hovered: var(--appr-color-bg-action-transparent-hovered);
--appr-color-button-bg-tertiary-pressed: var(--appr-color-bg-action-transparent-pressed);
--appr-color-button-bg-tertiary-focused: var(--appr-color-bg-action-transparent-focused);
--appr-color-button-bg-tertiary-disabled: var(--appr-color-bg-action-transparent-disabled);
--appr-color-button-bg-tertiary-focused-inverse: var(--appr-color-bg-action-transparent-focused-inverse);
--appr-color-button-bg-tertiary-default-inverse: var(--appr-color-bg-action-transparent-default-inverse);
--appr-color-button-icon-tertiary-default: var(--appr-color-icon-action-default);
--appr-color-button-icon-tertiary-hovered: var(--appr-color-icon-action-hovered);
--appr-color-button-icon-tertiary-pressed: var(--appr-color-icon-action-pressed);
--appr-color-button-icon-tertiary-focused: var(--appr-color-icon-action-focused);
--appr-color-button-text-tertiary-default: var(--appr-color-text-action-default);
--appr-color-button-icon-tertiary-disabled: var(--appr-color-icon-action-disabled);
--appr-color-button-text-tertiary-hovered: var(--appr-color-text-action-hovered);
--appr-color-button-text-tertiary-pressed: var(--appr-color-text-action-pressed);
--appr-color-button-text-tertiary-focused: var(--appr-color-text-action-focused);
--appr-color-button-text-tertiary-default-inverse: var(--appr-color-text-action-default-inverse);
--appr-color-button-text-tertiary-pressed-inverse: var(--appr-color-text-action-pressed-inverse);
--appr-color-button-text-tertiary-focused-inverse: var(--appr-color-text-action-focused-inverse);
--appr-color-border-input-selected-default: var(--base-color-neutral-800);
--appr-color-border-input-selected-hovered: var(--base-color-neutral-600);
--appr-color-border-input-selected-pressed: var(--base-color-neutral-700);
--appr-color-bg-action-disabled-inverse: var(--base-color-neutral-500);
--appr-color-border-action-hovered-inverse: var(--base-color-neutral-300);
--appr-color-button-text-secondary-disabled-inverse: var(--appr-color-text-action-disabled-inverse);
--appr-color-button-icon-primary-hovered-inverse: var(--base-color-neutral-800);
--appr-color-button-icon-primary-focused-inverse: var(--base-color-neutral-800);
--appr-color-button-icon-secondary-default-inverse: var(--appr-color-text-action-default-inverse);
--appr-color-button-icon-secondary-pressed-inverse: var(--appr-color-text-action-pressed-inverse);
--appr-color-button-icon-secondary-disabled-inverse: var(--appr-color-text-action-disabled-inverse);
--appr-color-button-icon-tertiary-hovered-inverse: var(--appr-color-text-action-hovered-inverse);
--appr-color-button-icon-tertiary-focused-inverse: var(--appr-color-text-action-focused-inverse);
--appr-color-border-action-pressed-inverse: var(--base-color-neutral-200);
--appr-color-border-action-focused-inverse: var(--theme-color-action-focused-dark);
--appr-color-bg-action-default: var(--theme-color-action-default);
--appr-color-bg-action-transparent-default-inverse: var(--base-color-transparent-white-0);
--appr-color-bg-action-transparent-pressed-inverse: var(--base-color-transparent-white-30);
--appr-color-text-action-disabled-inverse: var(--base-color-neutral-500);
--appr-color-bg-action-hovered: var(--theme-color-action-hovered);
--appr-color-bg-accent: var(--theme-color-accent);
--appr-color-border-input-focused: var(--base-color-neutral-500);
--appr-color-bg-input-disabled: var(--base-color-transparent-black-0);
--appr-color-bg-input-selected-focused: var(--base-color-neutral-800);
--appr-color-bg-input-selected-disabled: var(--base-color-neutral-400);
--appr-color-bg-overlay-inverse-persistent: var(--base-color-transparent-white-50);
--appr-color-bg-action-surface-pressed-inverse: var(--base-color-neutral-500);
--appr-color-bg-action-transparent-disabled-inverse: var(--base-color-transparent-white-0);
--appr-color-bg-secondary-inverse: var(--base-color-neutral-700);
--appr-color-bg-live: var(--base-color-red-500);
--appr-color-border-input-pressed: var(--base-color-neutral-700);
--appr-color-text-action-pressed-inverse: var(--base-color-neutral-300);
--appr-color-text-input-disabled: var(--base-color-neutral-400);
--appr-color-shadow-action-disabled: var(--base-color-transparent-black-0);
--appr-color-icon-primary-inverse: var(--base-color-neutral-100);
--appr-color-icon-primary-persistent: var(--base-color-neutral-800);
--appr-color-icon-action-disabled: var(--base-color-neutral-400);
--appr-color-icon-tertiary-inverse: var(--base-color-neutral-300);
--appr-color-icon-tertiary-persistent: var(--base-color-neutral-500);
--appr-color-icon-primary-inverse-persistent: var(--base-color-neutral-100);
--appr-color-button-border-secondary-pressed-inverse: var(--appr-color-border-action-pressed-inverse);
--appr-color-button-border-secondary-focused-inverse: var(--appr-color-border-action-focused-inverse);
--appr-color-button-bg-primary-disabled: var(--appr-color-bg-action-disabled);
--appr-color-button-bg-secondary-disabled: var(--appr-color-bg-action-transparent-disabled);
--appr-color-button-text-primary-disabled: var(--base-color-white);
--appr-color-button-bg-secondary-hovered-inverse: var(--appr-color-bg-action-transparent-hovered-inverse);
--appr-color-button-text-primary-pressed-inverse: var(--base-color-neutral-800);
--appr-color-border-secondary-inverse: var(--base-color-neutral-400);
--appr-color-button-text-secondary-hovered-inverse: var(--appr-color-text-action-hovered-inverse);
--appr-color-border-secondary-persistent: var(--base-color-neutral-400);
--appr-color-border-secondary-inverse-persistent: var(--base-color-neutral-400);
--appr-color-button-bg-tertiary-hovered-inverse: var(--appr-color-bg-action-transparent-hovered-inverse);
--appr-color-button-text-tertiary-disabled: var(--appr-color-text-action-disabled);
--appr-color-button-text-tertiary-hovered-inverse: var(--appr-color-text-action-hovered-inverse);
--appr-color-bg-action-hovered-inverse: var(--theme-color-action-hovered-dark);
--appr-color-border-action-default-inverse: var(--base-color-neutral-400);
--appr-color-border-action-disabled-inverse: var(--base-color-neutral-400);
--appr-color-button-icon-primary-pressed-inverse: var(--base-color-neutral-800);
--appr-color-button-icon-secondary-hovered-inverse: var(--appr-color-text-action-hovered-inverse);
--appr-color-button-icon-tertiary-default-inverse: var(--appr-color-text-action-default-inverse);
--appr-color-button-icon-tertiary-disabled-inverse: var(--appr-color-text-action-disabled-inverse);
--appr-color-text-action-default-inverse: var(--base-color-neutral-100);
--appr-color-bg-action-default-inverse: var(--theme-color-action-default-dark);
--appr-color-bg-overlay-persistent: var(--base-color-transparent-black-50);
--appr-color-bg-action-surface-disabled-inverse: var(--base-color-neutral-700);
--appr-color-bg-tertiary-inverse: var(--base-color-neutral-600);
--appr-color-border-tertiary: var(--base-color-neutral-500);
--appr-color-text-link-secondary-disabled: var(--base-color-neutral-400);
--appr-color-button-bg-primary-hovered-inverse: var(--appr-color-bg-action-hovered-inverse);
--appr-color-button-border-secondary-hovered-inverse: var(--appr-color-border-action-hovered-inverse);
--appr-color-button-bg-primary-pressed-inverse: var(--appr-color-bg-action-pressed-inverse);
--appr-color-button-bg-secondary-disabled-inverse: var(--appr-color-bg-action-transparent-disabled-inverse);
--appr-color-button-text-primary-disabled-inverse: var(--base-color-neutral-700);
--appr-color-button-text-secondary-focused-inverse: var(--appr-color-text-action-focused-inverse);
--appr-color-button-bg-tertiary-pressed-inverse: var(--appr-color-bg-action-transparent-pressed-inverse);
--appr-color-button-text-tertiary-disabled-inverse: var(--appr-color-text-action-disabled-inverse);
--appr-color-border-input-selected-focused: var(--base-color-neutral-800);
--appr-color-button-icon-primary-disabled-inverse: var(--base-color-neutral-700);
--appr-color-border-input-selected-disabled: var(--base-color-neutral-400);
--appr-color-button-icon-tertiary-pressed-inverse: var(--appr-color-text-action-pressed-inverse);
--appr-color-border-action-focused: var(--theme-color-action-focused);
--appr-color-border-action-disabled: var(--base-color-neutral-400);
--appr-color-bg-action-surface-default-inverse: var(--base-color-neutral-700);
--appr-color-bg-primary-inverse: var(--base-color-neutral-800);
--appr-color-text-primary-inverse-persistent: var(--base-color-neutral-100);
--appr-color-text-input-placeholder: var(--base-color-neutral-400);
--appr-color-button-border-secondary-focused: var(--appr-color-border-action-default);
--appr-color-button-border-secondary-disabled: var(--appr-color-border-action-disabled);
--appr-color-button-bg-tertiary-disabled-inverse: var(--appr-color-bg-action-transparent-disabled-inverse);
--appr-color-avatar-border: var(--base-color-white);
--appr-color-button-icon-primary-default-inverse: var(--base-color-neutral-800);
--appr-color-bg-action-focused-inverse: var(--theme-color-action-focused-dark);
--appr-color-bg-overlay: var(--base-color-transparent-black-50);
--appr-color-border-live: var(--base-color-red-500);
--appr-color-icon-tertiary-inverse-persistent: var(--base-color-neutral-300);
--appr-color-button-icon-primary-disabled: var(--base-color-white);
--appr-color-bg-action-pressed: var(--theme-color-action-pressed);
--appr-color-bg-action-focused: var(--theme-color-action-focused);
--appr-color-bg-action-pressed-inverse: var(--theme-color-action-pressed-dark);
--appr-color-bg-action-disabled: var(--base-color-neutral-400);
--appr-color-border-input-disabled: var(--base-color-neutral-400);
--appr-color-button-text-primary-default-inverse: var(--base-color-neutral-800);
--appr-color-button-icon-secondary-focused-inverse: var(--appr-color-text-action-focused-inverse);
--appr-color-icon-input-placeholder: var(--base-color-neutral-400);
--test_gradient: #ffffffff;
--theme-color-action-default: var(--base-color-neutral-800);
--theme-color-accent-dark: var(--base-color-brand-cnn-400);
--theme-color-action-hovered: var(--base-color-neutral-500);
--theme-color-action-pressed: var(--base-color-neutral-600);
--theme-color-action-focused: var(--base-color-neutral-800);
--theme-color-action-accent: var(--base-color-brand-cnn-500);
--theme-border-radius-default: var(--base-border-border-radius-none);
--theme-border-radius-chiseled: var(--base-border-border-radius-02);
--theme-border-weight-default: var(--base-border-stroke-weight-none);
--theme-border-radius-roundest: var(--base-border-border-radius-16);
--theme-border-weight-thin: var(--base-border-stroke-weight-01);
--theme-border-weight-thicc: var(--base-border-stroke-weight-04);
--theme-font-weight-ui-all-caps: var(--base-font-weight-bold);
--theme-spacing-padding-none-padding-left: var(--base-space-none);
--theme-spacing-padding-none-padding-top: var(--base-space-none);
--theme-spacing-padding-tight-padding-left: var(--base-space-02);
--theme-spacing-padding-tight-padding-top: var(--base-space-04);
--theme-spacing-padding-loose-padding-left: var(--base-space-08);
--theme-spacing-padding-loose-padding-top: var(--base-space-04);
--theme-font-family-body: var(--base-font-family-cnn-sans-display);
--theme-color-action-default-dark: var(--base-color-neutral-100);
--theme-color-action-pressed-dark: var(--base-color-neutral-300);
--theme-border-radius-round: var(--base-border-border-radius-08);
--theme-border-weight-medium: var(--base-border-stroke-weight-02);
--theme-font-family-header: var(--base-font-family-cnn-sans-display);
--theme-spacing-padding-none-padding-bottom: var(--base-space-none);
--theme-spacing-padding-tight-padding-bottom: var(--base-space-04);
--theme-spacing-padding-loose-padding-bottom: var(--base-space-04);
--theme-color-action-hovered-dark: var(--base-color-neutral-300);
--theme-spacing-padding-loose-padding-right: var(--base-space-08);
--theme-color-action-dark: var(--base-color-brand-cnn-400);
--theme-border-weight-none: var(--base-border-stroke-weight-none);
--theme-spacing-padding-none-padding-right: var(--base-space-none);
--theme-color-action-focused-dark: var(--base-color-neutral-100);
--theme-border-radius-none: var(--base-border-border-radius-none);
--theme-spacing-padding-tight-padding-right: var(--base-space-02);
--theme-color-accent: var(--base-color-brand-cnn-500);
--theme-font-family-ui: var(--base-font-family-cnn-sans-display);
--theme-color-border-default: var(--base-color-neutral-300);
--theme-spacing-padding-default-padding-top: var(--base-space-none);
--theme-spacing-padding-default-padding-bottom: var(--base-space-none);
--theme-spacing-padding-default-padding-left: var(--base-space-none);
--theme-spacing-padding-default-padding-right: var(--base-space-none);
--theme-headline__text-color: var(--appr-color-text-primary);
--theme-link-color-hover: var(--appr-color-text-link-primary-hovered);
--theme-paragraph__hover-link-decoration: var(--base-font-text-decoration-none);
--theme-paragraph__link-color: var(--appr-color-text-link-primary-default);
--theme-paragraph__link-decoration: var(--base-font-text-decoration-underline);
--theme-paragraph__hover-link-offset: var(--base-space-04);
--theme-paragraph__font-family: var(--theme-font-family-body);
--theme-paragraph__font-size: var(--appr-font-size-body-md);
--theme-paragraph__line-height: var(--appr-font-line-height-body-md);
--theme-background: #0c0c0c;
--theme-divider: #404040;
--theme-copy: #404040;
--theme-copy-accent-hover: #ffffff;
--theme-icon-color: #e6e6e6;
--theme-icon-color-hover: #ffffff;
--theme-searchbox-border: #b1b1b1;
--theme-article-spacing-top: 0px;
--theme-color-link: #0c0c0c;
--theme-button-color: #6e6e6e;
--theme-button-color-hover: #cc0000;
--theme-login-button-text-color: #ffffff;
--theme-edition-picker-link: #e6e6e6;
--theme-underline-skip-ink: auto;
--theme-paragraph__font-size--from-small: var(--theme-paragraph__font-size);
--theme-paragraph__line-height--from-small: var(--theme-paragraph__line-height);
--theme-paragraph__link-decoration-color: var(--theme-color-link);
--theme-paragraph__link-decoration-thickness: 1px;
--theme-header__logo-align-items: center;
--theme-header__logo-padding-top: 0;
--theme-header__divider: #e6e6e6;
--theme-header__item-link-color: #e6e6e6;
--theme-header__item-link-hover-background-color: transparent;
--theme-header__item-link-line-height: 40px;
--theme-header__item-link-font-weight: 500;
--theme-header__more-link-hover-font-weight: 500;
--theme-headline-sponsorship__lateral-margin: 0;
--theme-headline__margin-bottom: 16px;
--theme-headline__padding-bottom: 48px;
--theme-headline__padding-bottom-viewport-large: 64px;
--theme-headline__teaser-font-size: 16px;
--theme-headline__teaser-line-height: normal;
--theme-headline__teaser-margin-top: 0;
--theme-headline__teaser-margin-botton: 0;
--theme-section-headline__text-color: #0c0c0c;
--theme-section-headline__margin-bottom: 0;
--theme-section-headline-text__margin-top: 16px;
--theme-section-headline-text__margin-bottom: 18px;
--theme-section-headline-teaser__font-size: inherit;
--theme-section-headline-teaser__color: inherit;
--theme-subheader-h2__font-size: 24px;
--theme-subheader-h3__font-size: 20px;
--theme-subheader-h4__font-size: 18px;
--theme-subheader-h5__font-size: 16px;
--theme-subheader-h6__font-size: 14px;
--theme-subheader-h2__line-height: 30px;
--theme-subheader-h3__line-height: 26px;
--theme-subheader-h4__line-height: 24px;
--theme-subheader-h5__line-height: 22px;
--theme-subheader-h6__line-height: 20px;
--theme-iframe__display: block;
--theme-list__link-decoration: underline;
--theme-container__font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
--theme-container__font-weight: 400;
--theme-container-color--hover: #0c0c0c;
--theme-container-image-color--hover: rgba(12, 12, 12, 0.4);
--theme-container-text-decoration--hover: underline;
--theme-container-image-opacity--hover: 0.5;
--theme-container-margin-bottom-default: 24px;
--theme-container-margin-bottom-600: 48px;
--theme-container-title__border-color: #e6e6e6;
--theme-container-title__border-decorator-color: #cc0000;
--theme-container-title__border-decorator-initial-width: 16px;
--theme-container-title__margin-bottom: 0;
--theme-container-title__margin-bottom-grid-4: 0;
--theme-container-title__text-size: 16px;
--theme-container-title__arrow-color--initial: #ffffff;
--theme-container-title__arrow-color--hover: var(--theme-color-link);
--theme-container-title__arrow-size: 16px;
--theme-container-title__arrow-top-pos: 0;
--theme-container-link__background-color: inherit;
--theme-container-item__margin-bottom-feature-list: 32px;
--theme-container__margin-bottom-grid-3: 24px;
--theme-container__margin-bottom-feature-grid-3: 24px;
--theme-header-mobile-nav-border-color: transparent;
--theme-header-item-container-color: #262626;
--theme-header-subnav-section-title-color: #ffffff;
--theme-text-banner__gradient-1: #cdb6f1;
--theme-text-banner__gradient-2: #e5dbf8;
--theme-zone__padding-bottom-default: 64px;
--theme-zone__padding-bottom-small: 64px;
--theme-zone__margin-bottom-default: 48px;
--theme-zone__margin-top: -32px;
--theme-zone-title__link-decoration: none;
--theme-zone-title__hover-link-decoration: underline;
--social-sharing-display: block;
--social-sharing-margin-top: 16px;
--theme-footer-background-color: #0c0c0c;
--theme-footer-copy-accent: #e6e6e6;
--theme-footer-copy-accent-hover: #ffffff;
--theme-footer-icon-color: #e6e6e6;
--theme-footer-icon-color-hover: #b1b1b1;
--theme-footer__login-button: #ffffff;
--theme-footer-disclaimer-color: #6e6e6e;
--theme-footer-disclaimer-weight: 700;
--theme-footer__auth-avatar-hover: #6e6e6e;
--theme-footer__brand-logo-icon-margin-top: 8px;
--theme-footer__brand-logo-width: 40px;
--theme-footer__brand-logo-height: 40px;
--theme-brand-logo__icon-color: #cc00ff;
--theme-quote__font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
--theme-quote__font-weight: 700;
--social-sharing-open-close-fill: #4d4d4d;
--social-sharing-facebook-fill: #0c0c0c;
--social-sharing-twitter-fill: #0c0c0c;
--social-sharing-email-fill: #0c0c0c;
--social-sharing-link-fill: #0c0c0c;
--theme-disclaimer-background: #e6e6e6;
--theme-disclaimer-color: #4d4d4d;
--theme-disclaimer-style: normal;
--theme-disclaimer-link-color: #6a29d5;
--theme-disclaimer-link-weight: 400;
--theme-disclaimer-fontsize-sm: 14px;
--theme-disclaimer-fontsize-xl: 16px;
--theme-disclaimer-lineheight-sm: 22.75px;
--theme-disclaimer-lineheight-xl: 25.6px;
--theme-newsletter-form-disable-button: #c0c0c0;
--theme-paragraph-fontsize-sm: 14px;
--theme-paragraph-fontsize-xl: 16px;
--theme-paragraph-lineheight-sm: 22.75px;
--theme-paragraph-lineheight-xl: 25.6px;
--theme-main-wrapper-rail-width: 360px;
--theme-main-wrapper-right-rail-width: 300px;
--theme-main-wrapper-column-gap-medium-width: 40px;
--theme-main-wrapper-column-gap-large-width: 50px;
--theme-primary-logo-fill: #cc0000;
--theme-secondary-logo-fill: white;
--theme-subheader-anchor-display: inline;
--theme-primary-layout-color: #fafafa;
--theme-secondary-layout-color: #fff;
--theme-video-playlist-status-label-color: rgba(12, 12, 12, 0.7);
--theme-video-playlist-item-hover-color: #0c0c0c;
--theme-primary: #a4001e;
--theme-ad-slot-background-color: #0c0c0c;
--theme-ad-slot-text-color: #b1b1b1;
--theme-ad-slot-text-hover: #ffffff;
--theme-font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
--theme-copy-accent: #e6e6e6;
--theme-copy-follow: #ffffff;
--theme-header__background: #ffffff;
--theme-header__copy-accent: #0c0c0c;
--theme-header__copy-follow: #0c0c0c;
--theme-header__logo-background-color: transparent;
--theme-header__logo-color: #cc00ff;
--theme-header__logo-width: auto;
--theme-header__logo-inset-width: auto;
--theme-header__icon-color: #0c0c0c;
--theme-header__icon-color-hover: #6e6e6e;
--theme-header__edition-picker-link: #0c0c0c;
--theme-header__separator: #404040;
--theme-header__hover-item-hover: #ffffff;
--theme-header__item-link-hover-color: #0c0c0c;
--theme-header__login-button-color: #ffffff;
--theme-header__login-button-color-hover: #e6e6e6;
--theme-header__login-button-border-color: #e6e6e6;
--theme-header__login-button-text-color: #0c0c0c;
--theme-header__login-button-hover-text-color: #0c0c0c;
--theme-header__mobile-dropdown-background: none;
--theme-header__dropdown-background: #ffffff;
--theme-header__dropdown-item-link-color: #0c0c0c;
--theme-header__dropdown-item-link-hover-color: #ffffff;
--theme-header__dropdown-border-width: none;
--theme-header__dropdown-border-style: none;
--theme-header__dropdown-border-color: none;
--theme-header__dropdown-box-shadow: 0px 3px 8px 0px #6a73810f, 0px 6px 12px 0px #6a738129;
--theme-header__dropdown-hover-item-hover: #0c0c0c;
--theme-header__dropdown-separator-color: #e6e6e6;
--theme-header__dropdown-border-top: none;
--theme-header__dropdown-border: 1px solid var(--theme-header__dropdown-separator-color);
--theme-header__dropdown-border-radius: 4px;
--theme-header__dropdown-margin-top: 2px;
--theme-header__scrolled-box-shadow: 0px 6px 12px 0px rgba(106, 115, 129, 0.16), 0px 3px 8px 0px rgba(106, 115, 129, 0.06);
--theme-header__auth-avatar-hover: #e6e6e6;
--theme-headline__font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
--theme-headline__font-size: 26px;
--theme-headline__line-height: 32px;
--theme-headline__font-weight: 400;
--theme-section-headline__font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
--theme-section-headline__font-weight: 400;
--theme-section-headline__font-size: 38px;
--theme-section-headline__line-height: 44px;
--theme-zone-title__font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
--theme-zone-title__font-weight: 400;
--theme-zone-title__font-size: 24px;
--theme-zone-title__line-height: 30px;
--theme-zone-title__font-size-medium-plus: 30px;
--theme-zone-title__line-height-medium-plus: 30px;
--theme-container-lead-title__font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
--theme-container-lead-title__font-weight: 400;
--theme-container-lead-title__font-size: 24px;
--theme-container-lead-title__line-height: 32px;
--theme-container-lead-title-mobile__font-size: 24px;
--theme-container-title-emphatic__font-size: 26px;
--theme-container-title-emphatic__line-height: 32px;
--theme-subheader__font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
--theme-subheader__font-weight: 400;
--theme-container-text-decoration-color--hover: var(--theme-color-link);
--theme-hero-headline__font-size: 38px;
--theme-hero-headline__line-height: 44px;
--theme-user-account__login-button-color: #ffffff
}
@media (min-width:1360px) {
:root {
--appr-font-letter-spacing-label-emphasis-lg: 1px;
--appr-font-letter-spacing-label-emphasis-md: 1px;
--appr-font-letter-spacing-label-emphasis-sm: 1px;
--breakpoint: 1360px;
--appr-font-size-header-2xl: var(--base-font-size-42);
--appr-font-size-header-xl: var(--base-font-size-36);
--appr-font-size-header-lg: var(--base-font-size-24);
--appr-font-size-header-md: var(--base-font-size-20);
--appr-font-size-header-sm: var(--base-font-size-18);
--appr-font-size-header-xs: var(--base-font-size-16);
--appr-font-size-header-2xs: var(--base-font-size-14);
--appr-font-line-height-header-2xl: var(--base-font-line-height-48);
--appr-font-line-height-header-xl: var(--base-font-line-height-40);
--appr-font-line-height-ui-lg: var(--base-font-line-height-32);
--appr-font-line-height-ui-md: var(--base-font-line-height-26);
--appr-font-line-height-ui-sm: var(--base-font-line-height-20);
--appr-font-line-height-ui-xs: var(--base-font-line-height-16);
--appr-font-line-height-ui-emphasis-lg: var(--base-font-line-height-20);
--appr-font-line-height-ui-emphasis-md: var(--base-font-line-height-18);
--appr-font-line-height-ui-emphasis-sm: var(--base-font-line-height-16);
--appr-font-line-height-header-lg: var(--base-font-line-height-30);
--appr-font-line-height-header-md: var(--base-font-line-height-26);
--appr-font-line-height-header-sm: var(--base-font-line-height-24);
--appr-font-line-height-header-xs: var(--base-font-line-height-22);
--appr-font-line-height-header-2xs: var(--base-font-line-height-20);
--appr-font-line-height-body-lg: var(--base-font-line-height-32);
--appr-font-line-height-body-md: var(--base-font-line-height-26);
--appr-border-width-xs: var(--base-size-08);
--appr-border-width-lg: var(--base-size-04);
--appr-border-width-md: var(--base-size-02);
--appr-border-width-sm: var(--base-size-01);
--appr-border-width-action-md-focus: var(--appr-border-width-lg);
--appr-border-width-quote-lg: var(--base-size-08);
--appr-border-width-action-sm-focus: var(--appr-border-width-md);
--appr-border-radius-lg: var(--base-border-border-radius-08);
--appr-space-6xl: var(--base-space-48);
--appr-border-radius-md: var(--base-border-border-radius-04);
--appr-size-icon-lg: var(--base-size-28);
--appr-size-icon-md: var(--base-size-24);
--appr-size-icon-sm: var(--base-size-20);
--appr-size-icon-xs: var(--base-size-16);
--appr-size-button-height-xl: var(--base-size-56);
--appr-space-5xl: var(--base-space-40);
--appr-size-button-height-lg: var(--base-size-48);
--appr-space-4xl: var(--base-space-32);
--appr-size-button-height-md: var(--base-size-40);
--appr-size-button-height-sm: var(--base-size-32);
--appr-size-button-height-xs: var(--base-size-28);
--appr-space-3xl: var(--base-space-28);
--appr-space-2xl: var(--base-space-24);
--appr-space-xl: var(--base-space-20);
--appr-space-lg: var(--base-space-16);
--appr-space-md: var(--base-space-12);
--appr-space-sm: var(--base-space-08);
--appr-space-xs: var(--base-space-04);
--appr-space-2xs: var(--base-space-02);
--appr-size-icon-button-height-xl: var(--base-size-56);
--appr-size-icon-button-height-lg: var(--base-size-48);
--appr-size-icon-button-height-md: var(--base-size-40);
--appr-size-icon-button-height-sm: var(--base-size-32);
--appr-size-icon-button-height-xs: var(--base-size-28);
--appr-size-tab-height: var(--base-size-36);
--appr-size-dropdown-height: var(--base-size-48);
--appr-size-label-height-lg: var(--base-size-32);
--appr-size-image-description-max-width: 781px;
--appr-size-label-height-sm: var(--base-size-24);
--appr-size-image-description-min-width: 693px;
--appr-font-size-ui-lg: var(--base-font-size-18);
--appr-font-size-ui-md: var(--base-font-size-16);
--appr-font-size-ui-sm: var(--base-font-size-14);
--appr-font-size-ui-xs: var(--base-font-size-12);
--appr-font-size-ui-emphasis-lg: var(--base-font-size-16);
--appr-font-size-ui-emphasis-md: var(--base-font-size-14);
--appr-font-size-ui-emphasis-sm: var(--base-font-size-12);
--appr-font-size-body-lg: var(--base-font-size-18);
--appr-font-size-body-md: var(--base-font-size-16);
--appr-border-radius-sm: var(--base-border-border-radius-02);
--appr-font-line-height-body-sm: var(--base-font-line-height-20);
--appr-font-line-height-body-xs: var(--base-font-line-height-16);
--appr-border-radius-circle: var(--base-border-border-radius-circle);
--appr-font-size-body-sm: var(--base-font-size-14);
--appr-font-size-body-xs: var(--base-font-size-12);
--appr-size-icon-button-width-xl: var(--base-size-56);
--appr-size-icon-button-width-lg: var(--base-size-48);
--appr-size-icon-button-width-md: var(--base-size-40);
--appr-size-icon-button-width-sm: var(--base-size-32);
--appr-size-icon-button-width-xs: var(--base-size-28);
--appr-size-image-max-width: 1026px;
--appr-size-image-min-width: 966px;
--appr-size-video-player-playhead: var(--base-size-64);
--appr-size-dropdown-menu-row-height: var(--base-size-48);
--appr-scale-global-page-max-width: 1440px;
--appr-scale-global-page-min-width: 1360px;
--appr-scale-global-leaf-article-max-width: 1026px;
--appr-scale-global-leaf-article-min-width: 966px;
--appr-space-quote-padding-left-lg: var(--appr-space-4xl);
--appr-space-editor_note-padding-left: var(--theme-spacing-padding-default-padding-left);
--appr-space-editor_note-padding-right: var(--theme-spacing-padding-default-padding-right);
--appr-space-editor_note-padding-top: var(--theme-spacing-padding-default-padding-top);
--appr-space-editor_note-padding-bottom: var(--theme-spacing-padding-default-padding-bottom)
}
}
@media (min-width:1280px) and (max-width:1359px) {
:root {
--appr-font-letter-spacing-label-emphasis-lg: 1px;
--appr-font-letter-spacing-label-emphasis-md: 1px;
--appr-font-letter-spacing-label-emphasis-sm: 1px;
--breakpoint: 1280px;
--appr-font-size-header-2xl: var(--base-font-size-42);
--appr-font-size-header-xl: var(--base-font-size-36);
--appr-font-size-header-lg: var(--base-font-size-24);
--appr-font-size-header-md: var(--base-font-size-20);
--appr-font-size-header-sm: var(--base-font-size-18);
--appr-font-size-header-xs: var(--base-font-size-16);
--appr-font-size-header-2xs: var(--base-font-size-14);
--appr-font-line-height-header-2xl: var(--base-font-line-height-48);
--appr-font-line-height-header-xl: var(--base-font-line-height-40);
--appr-font-line-height-ui-lg: var(--base-font-line-height-32);
--appr-font-line-height-ui-md: var(--base-font-line-height-26);
--appr-font-line-height-ui-sm: var(--base-font-line-height-20);
--appr-font-line-height-ui-xs: var(--base-font-line-height-16);
--appr-font-line-height-ui-emphasis-lg: var(--base-font-line-height-20);
--appr-font-line-height-ui-emphasis-md: var(--base-font-line-height-18);
--appr-font-line-height-ui-emphasis-sm: var(--base-font-line-height-16);
--appr-font-line-height-header-lg: var(--base-font-line-height-30);
--appr-font-line-height-header-md: var(--base-font-line-height-26);
--appr-font-line-height-header-sm: var(--base-font-line-height-24);
--appr-font-line-height-header-xs: var(--base-font-line-height-22);
--appr-font-line-height-header-2xs: var(--base-font-line-height-20);
--appr-font-line-height-body-lg: var(--base-font-line-height-32);
--appr-font-line-height-body-md: var(--base-font-line-height-26);
--appr-border-width-xs: var(--base-size-08);
--appr-border-width-lg: var(--base-size-04);
--appr-border-width-md: var(--base-size-02);
--appr-border-width-sm: var(--base-size-01);
--appr-border-width-action-md-focus: var(--appr-border-width-lg);
--appr-border-width-quote-lg: var(--base-size-08);
--appr-border-width-action-sm-focus: var(--appr-border-width-md);
--appr-border-radius-lg: var(--base-border-border-radius-08);
--appr-space-6xl: var(--base-space-48);
--appr-border-radius-md: var(--base-border-border-radius-04);
--appr-size-icon-lg: var(--base-size-28);
--appr-size-icon-md: var(--base-size-24);
--appr-size-icon-sm: var(--base-size-20);
--appr-size-icon-xs: var(--base-size-16);
--appr-size-button-height-xl: var(--base-size-56);
--appr-space-5xl: var(--base-space-40);
--appr-size-button-height-lg: var(--base-size-48);
--appr-space-4xl: var(--base-space-32);
--appr-size-button-height-md: var(--base-size-40);
--appr-size-button-height-sm: var(--base-size-32);
--appr-size-button-height-xs: var(--base-size-28);
--appr-space-3xl: var(--base-space-28);
--appr-space-2xl: var(--base-space-24);
--appr-space-xl: var(--base-space-20);
--appr-space-lg: var(--base-space-16);
--appr-space-md: var(--base-space-12);
--appr-space-sm: var(--base-space-08);
--appr-space-xs: var(--base-space-04);
--appr-space-2xs: var(--base-space-02);
--appr-size-icon-button-height-xl: var(--base-size-56);
--appr-size-icon-button-height-lg: var(--base-size-48);
--appr-size-icon-button-height-md: var(--base-size-40);
--appr-size-icon-button-height-sm: var(--base-size-32);
--appr-size-icon-button-height-xs: var(--base-size-28);
--appr-size-tab-height: var(--base-size-36);
--appr-size-dropdown-height: var(--base-size-48);
--appr-size-label-height-lg: var(--base-size-32);
--appr-size-image-description-max-width: 772px;
--appr-size-label-height-sm: var(--base-size-24);
--appr-size-image-description-min-width: 488px;
--appr-font-size-ui-lg: var(--base-font-size-18);
--appr-font-size-ui-md: var(--base-font-size-16);
--appr-font-size-ui-sm: var(--base-font-size-14);
--appr-font-size-ui-xs: var(--base-font-size-12);
--appr-font-size-ui-emphasis-lg: var(--base-font-size-16);
--appr-font-size-ui-emphasis-md: var(--base-font-size-14);
--appr-font-size-ui-emphasis-sm: var(--base-font-size-12);
--appr-font-size-body-lg: var(--base-font-size-18);
--appr-font-size-body-md: var(--base-font-size-16);
--appr-border-radius-sm: var(--base-border-border-radius-02);
--appr-font-line-height-body-sm: var(--base-font-line-height-20);
--appr-font-line-height-body-xs: var(--base-font-line-height-16);
--appr-border-radius-circle: var(--base-border-border-radius-circle);
--appr-font-size-body-sm: var(--base-font-size-14);
--appr-font-size-body-xs: var(--base-font-size-12);
--appr-size-icon-button-width-xl: var(--base-size-56);
--appr-size-icon-button-width-lg: var(--base-size-48);
--appr-size-icon-button-width-md: var(--base-size-40);
--appr-size-icon-button-width-sm: var(--base-size-32);
--appr-size-icon-button-width-xs: var(--base-size-28);
--appr-size-image-max-width: 965px;
--appr-size-image-min-width: 906px;
--appr-size-video-player-playhead: var(--base-size-40);
--appr-size-dropdown-menu-row-height: var(--base-size-48);
--appr-scale-global-page-max-width: 1359px;
--appr-scale-global-page-min-width: 1280px;
--appr-scale-global-leaf-article-max-width: 965px;
--appr-scale-global-leaf-article-min-width: 906px;
--appr-space-quote-padding-left-lg: var(--appr-space-4xl);
--appr-space-editor_note-padding-left: var(--theme-spacing-padding-default-padding-left);
--appr-space-editor_note-padding-right: var(--theme-spacing-padding-default-padding-right);
--appr-space-editor_note-padding-top: var(--theme-spacing-padding-default-padding-top);
--appr-space-editor_note-padding-bottom: var(--theme-spacing-padding-default-padding-bottom)
}
}
@media (min-width:960px) and (max-width:1279px) {
:root {
--appr-font-letter-spacing-label-emphasis-lg: 1px;
--appr-font-letter-spacing-label-emphasis-md: 1px;
--appr-font-letter-spacing-label-emphasis-sm: 1px;
--breakpoint: 960px;
--appr-font-size-header-2xl: var(--base-font-size-42);
--appr-font-size-header-xl: var(--base-font-size-36);
--appr-font-size-header-lg: var(--base-font-size-24);
--appr-font-size-header-md: var(--base-font-size-20);
--appr-font-size-header-sm: var(--base-font-size-18);
--appr-font-size-header-xs: var(--base-font-size-16);
--appr-font-size-header-2xs: var(--base-font-size-14);
--appr-font-line-height-header-2xl: var(--base-font-line-height-48);
--appr-font-line-height-header-xl: var(--base-font-line-height-40);
--appr-font-line-height-ui-lg: var(--base-font-line-height-30);
--appr-font-line-height-ui-md: var(--base-font-line-height-26);
--appr-font-line-height-ui-sm: var(--base-font-line-height-20);
--appr-font-line-height-ui-xs: var(--base-font-line-height-16);
--appr-font-line-height-ui-emphasis-lg: var(--base-font-line-height-20);
--appr-font-line-height-ui-emphasis-md: var(--base-font-line-height-18);
--appr-font-line-height-ui-emphasis-sm: var(--base-font-line-height-16);
--appr-font-line-height-header-lg: var(--base-font-line-height-30);
--appr-font-line-height-header-md: var(--base-font-line-height-26);
--appr-font-line-height-header-sm: var(--base-font-line-height-24);
--appr-font-line-height-header-xs: var(--base-font-line-height-22);
--appr-font-line-height-header-2xs: var(--base-font-line-height-20);
--appr-font-line-height-body-lg: var(--base-font-line-height-32);
--appr-font-line-height-body-md: var(--base-font-line-height-26);
--appr-border-width-xs: var(--base-size-08);
--appr-border-width-lg: var(--base-size-04);
--appr-border-width-md: var(--base-size-02);
--appr-border-width-sm: var(--base-size-01);
--appr-border-width-action-md-focus: var(--appr-border-width-lg);
--appr-border-width-quote-lg: var(--base-size-08);
--appr-border-width-action-sm-focus: var(--appr-border-width-md);
--appr-border-radius-lg: var(--base-border-border-radius-08);
--appr-space-6xl: var(--base-space-48);
--appr-border-radius-md: var(--base-border-border-radius-04);
--appr-size-icon-lg: var(--base-size-28);
--appr-size-icon-md: var(--base-size-24);
--appr-size-icon-sm: var(--base-size-20);
--appr-size-icon-xs: var(--base-size-16);
--appr-size-button-height-xl: var(--base-size-56);
--appr-space-5xl: var(--base-space-40);
--appr-size-button-height-lg: var(--base-size-48);
--appr-space-4xl: var(--base-space-32);
--appr-size-button-height-md: var(--base-size-40);
--appr-size-button-height-sm: var(--base-size-32);
--appr-size-button-height-xs: var(--base-size-28);
--appr-space-3xl: var(--base-space-28);
--appr-space-2xl: var(--base-space-24);
--appr-space-xl: var(--base-space-20);
--appr-space-lg: var(--base-space-16);
--appr-space-md: var(--base-space-12);
--appr-space-sm: var(--base-space-08);
--appr-space-xs: var(--base-space-04);
--appr-space-2xs: var(--base-space-02);
--appr-size-icon-button-height-xl: var(--base-size-56);
--appr-size-icon-button-height-lg: var(--base-size-48);
--appr-size-icon-button-height-md: var(--base-size-40);
--appr-size-icon-button-height-sm: var(--base-size-32);
--appr-size-icon-button-height-xs: var(--base-size-28);
--appr-size-tab-height: var(--base-size-36);
--appr-size-dropdown-height: var(--base-size-48);
--appr-size-label-height-lg: var(--base-size-32);
--appr-size-image-description-max-width: 906px;
--appr-size-label-height-sm: var(--base-size-24);
--appr-size-image-description-min-width: 666px;
--appr-font-size-ui-lg: var(--base-font-size-18);
--appr-font-size-ui-md: var(--base-font-size-16);
--appr-font-size-ui-sm: var(--base-font-size-14);
--appr-font-size-ui-xs: var(--base-font-size-12);
--appr-font-size-ui-emphasis-lg: var(--base-font-size-16);
--appr-font-size-ui-emphasis-md: var(--base-font-size-14);
--appr-font-size-ui-emphasis-sm: var(--base-font-size-12);
--appr-font-size-body-lg: var(--base-font-size-18);
--appr-font-size-body-md: var(--base-font-size-16);
--appr-border-radius-sm: var(--base-border-border-radius-02);
--appr-font-line-height-body-sm: var(--base-font-line-height-20);
--appr-font-line-height-body-xs: var(--base-font-line-height-16);
--appr-border-radius-circle: var(--base-border-border-radius-circle);
--appr-font-size-body-sm: var(--base-font-size-14);
--appr-font-size-body-xs: var(--base-font-size-12);
--appr-size-icon-button-width-xl: var(--base-size-56);
--appr-size-icon-button-width-lg: var(--base-size-48);
--appr-size-icon-button-width-md: var(--base-size-40);
--appr-size-icon-button-width-sm: var(--base-size-32);
--appr-size-icon-button-width-xs: var(--base-size-28);
--appr-size-image-max-width: 906px;
--appr-size-image-min-width: 666px;
--appr-size-video-player-playhead: var(--base-size-40);
--appr-size-dropdown-menu-row-height: var(--base-size-48);
--appr-scale-global-page-max-width: 1279px;
--appr-scale-global-page-min-width: 960px;
--appr-scale-global-leaf-article-max-width: 803px;
--appr-scale-global-leaf-article-min-width: 589px;
--appr-space-quote-padding-left-lg: var(--appr-space-4xl);
--appr-space-editor_note-padding-left: var(--theme-spacing-padding-default-padding-left);
--appr-space-editor_note-padding-right: var(--theme-spacing-padding-default-padding-right);
--appr-space-editor_note-padding-top: var(--theme-spacing-padding-default-padding-top);
--appr-space-editor_note-padding-bottom: var(--theme-spacing-padding-default-padding-bottom)
}
}
@media (min-width:480px) and (max-width:959px) {
:root {
--appr-font-letter-spacing-label-emphasis-lg: 1px;
--appr-font-letter-spacing-label-emphasis-md: 1px;
--appr-font-letter-spacing-label-emphasis-sm: 1px;
--breakpoint: 480px;
--appr-font-size-header-2xl: var(--base-font-size-36);
--appr-font-size-header-xl: var(--base-font-size-24);
--appr-font-size-header-lg: var(--base-font-size-20);
--appr-font-size-header-md: var(--base-font-size-18);
--appr-font-size-header-sm: var(--base-font-size-16);
--appr-font-size-header-xs: var(--base-font-size-14);
--appr-font-size-header-2xs: var(--base-font-size-12);
--appr-font-line-height-header-2xl: var(--base-font-line-height-40);
--appr-font-line-height-header-xl: var(--base-font-line-height-30);
--appr-font-line-height-ui-lg: var(--base-font-line-height-30);
--appr-font-line-height-ui-md: var(--base-font-line-height-26);
--appr-font-line-height-ui-sm: var(--base-font-line-height-20);
--appr-font-line-height-ui-xs: var(--base-font-line-height-16);
--appr-font-line-height-ui-emphasis-lg: var(--base-font-line-height-20);
--appr-font-line-height-ui-emphasis-md: var(--base-font-line-height-18);
--appr-font-line-height-ui-emphasis-sm: var(--base-font-line-height-16);
--appr-font-line-height-header-lg: var(--base-font-line-height-26);
--appr-font-line-height-header-md: var(--base-font-line-height-24);
--appr-font-line-height-header-sm: var(--base-font-line-height-22);
--appr-font-line-height-header-xs: var(--base-font-line-height-20);
--appr-font-line-height-header-2xs: var(--base-font-line-height-18);
--appr-font-line-height-body-lg: var(--base-font-line-height-32);
--appr-font-line-height-body-md: var(--base-font-line-height-26);
--appr-border-width-xs: var(--base-size-08);
--appr-border-width-lg: var(--base-size-04);
--appr-border-width-md: var(--base-size-02);
--appr-border-width-sm: var(--base-size-01);
--appr-border-width-action-md-focus: var(--appr-border-width-lg);
--appr-border-width-quote-lg: var(--base-size-04);
--appr-border-width-action-sm-focus: var(--appr-border-width-md);
--appr-border-radius-lg: var(--base-border-border-radius-08);
--appr-space-6xl: var(--base-space-48);
--appr-border-radius-md: var(--base-border-border-radius-04);
--appr-size-icon-lg: var(--base-size-28);
--appr-size-icon-md: var(--base-size-24);
--appr-size-icon-sm: var(--base-size-20);
--appr-size-icon-xs: var(--base-size-16);
--appr-size-button-height-xl: var(--base-size-56);
--appr-space-5xl: var(--base-space-40);
--appr-size-button-height-lg: var(--base-size-48);
--appr-space-4xl: var(--base-space-32);
--appr-size-button-height-md: var(--base-size-40);
--appr-size-button-height-sm: var(--base-size-32);
--appr-size-button-height-xs: var(--base-size-28);
--appr-space-3xl: var(--base-space-28);
--appr-space-2xl: var(--base-space-24);
--appr-space-xl: var(--base-space-20);
--appr-space-lg: var(--base-space-16);
--appr-space-md: var(--base-space-12);
--appr-space-sm: var(--base-space-08);
--appr-space-xs: var(--base-space-04);
--appr-space-2xs: var(--base-space-02);
--appr-size-icon-button-height-xl: var(--base-size-56);
--appr-size-icon-button-height-lg: var(--base-size-48);
--appr-size-icon-button-height-md: var(--base-size-40);
--appr-size-icon-button-height-sm: var(--base-size-32);
--appr-size-icon-button-height-xs: var(--base-size-28);
--appr-size-tab-height: var(--base-size-36);
--appr-size-dropdown-height: var(--base-size-48);
--appr-size-label-height-lg: var(--base-size-32);
--appr-size-image-description-max-width: 927px;
--appr-size-label-height-sm: var(--base-size-24);
--appr-size-image-description-min-width: 448px;
--appr-font-size-ui-lg: var(--base-font-size-18);
--appr-font-size-ui-md: var(--base-font-size-16);
--appr-font-size-ui-sm: var(--base-font-size-14);
--appr-font-size-ui-xs: var(--base-font-size-12);
--appr-font-size-ui-emphasis-lg: var(--base-font-size-16);
--appr-font-size-ui-emphasis-md: var(--base-font-size-14);
--appr-font-size-ui-emphasis-sm: var(--base-font-size-12);
--appr-font-size-body-lg: var(--base-font-size-18);
--appr-font-size-body-md: var(--base-font-size-16);
--appr-border-radius-sm: var(--base-border-border-radius-02);
--appr-font-line-height-body-sm: var(--base-font-line-height-20);
--appr-font-line-height-body-xs: var(--base-font-line-height-16);
--appr-border-radius-circle: var(--base-border-border-radius-circle);
--appr-font-size-body-sm: var(--base-font-size-14);
--appr-font-size-body-xs: var(--base-font-size-12);
--appr-size-icon-button-width-xl: var(--base-size-56);
--appr-size-icon-button-width-lg: var(--base-size-48);
--appr-size-icon-button-width-md: var(--base-size-40);
--appr-size-icon-button-width-sm: var(--base-size-32);
--appr-size-icon-button-width-xs: var(--base-size-28);
--appr-size-image-max-width: 927px;
--appr-size-image-min-width: 448px;
--appr-size-video-player-playhead: var(--base-size-32);
--appr-size-dropdown-menu-row-height: var(--base-size-48);
--appr-scale-global-page-max-width: 959px;
--appr-scale-global-page-min-width: 480px;
--appr-scale-global-leaf-article-max-width: 927px;
--appr-scale-global-leaf-article-min-width: 448px;
--appr-space-quote-padding-left-lg: var(--appr-space-2xl);
--appr-space-editor_note-padding-left: var(--theme-spacing-padding-default-padding-left);
--appr-space-editor_note-padding-right: var(--theme-spacing-padding-default-padding-right);
--appr-space-editor_note-padding-top: var(--theme-spacing-padding-default-padding-top);
--appr-space-editor_note-padding-bottom: var(--theme-spacing-padding-default-padding-bottom)
}
}
@media (max-width:479px) {
:root {
--appr-font-letter-spacing-label-emphasis-lg: 1px;
--appr-font-letter-spacing-label-emphasis-md: 1px;
--appr-font-letter-spacing-label-emphasis-sm: 1px;
--breakpoint: 300px;
--appr-font-size-header-2xl: var(--base-font-size-24);
--appr-font-size-header-xl: var(--base-font-size-20);
--appr-font-size-header-lg: var(--base-font-size-18);
--appr-font-size-header-md: var(--base-font-size-16);
--appr-font-size-header-sm: var(--base-font-size-14);
--appr-font-size-header-xs: var(--base-font-size-12);
--appr-font-size-header-2xs: var(--base-font-size-12);
--appr-font-line-height-header-2xl: var(--base-font-line-height-30);
--appr-font-line-height-header-xl: var(--base-font-line-height-26);
--appr-font-line-height-ui-lg: var(--base-font-line-height-30);
--appr-font-line-height-ui-md: var(--base-font-line-height-26);
--appr-font-line-height-ui-sm: var(--base-font-line-height-20);
--appr-font-line-height-ui-xs: var(--base-font-line-height-16);
--appr-font-line-height-ui-emphasis-lg: var(--base-font-line-height-20);
--appr-font-line-height-ui-emphasis-md: var(--base-font-line-height-18);
--appr-font-line-height-ui-emphasis-sm: var(--base-font-line-height-16);
--appr-font-line-height-header-lg: var(--base-font-line-height-24);
--appr-font-line-height-header-md: var(--base-font-line-height-22);
--appr-font-line-height-header-sm: var(--base-font-line-height-20);
--appr-font-line-height-header-xs: var(--base-font-line-height-18);
--appr-font-line-height-header-2xs: var(--base-font-line-height-18);
--appr-font-line-height-body-lg: var(--base-font-line-height-32);
--appr-font-line-height-body-md: var(--base-font-line-height-26);
--appr-border-width-xs: var(--base-size-08);
--appr-border-width-lg: var(--base-size-04);
--appr-border-width-md: var(--base-size-02);
--appr-border-width-sm: var(--base-size-01);
--appr-border-width-action-md-focus: var(--appr-border-width-lg);
--appr-border-width-quote-lg: var(--base-size-04);
--appr-border-width-action-sm-focus: var(--appr-border-width-md);
--appr-border-radius-lg: var(--base-border-border-radius-08);
--appr-space-6xl: var(--base-space-48);
--appr-border-radius-md: var(--base-border-border-radius-04);
--appr-size-icon-lg: var(--base-size-28);
--appr-size-icon-md: var(--base-size-24);
--appr-size-icon-sm: var(--base-size-20);
--appr-size-icon-xs: var(--base-size-16);
--appr-size-button-height-xl: var(--base-size-56);
--appr-space-5xl: var(--base-space-40);
--appr-size-button-height-lg: var(--base-size-48);
--appr-space-4xl: var(--base-space-32);
--appr-size-button-height-md: var(--base-size-40);
--appr-size-button-height-sm: var(--base-size-32);
--appr-size-button-height-xs: var(--base-size-28);
--appr-space-3xl: var(--base-space-28);
--appr-space-2xl: var(--base-space-24);
--appr-space-xl: var(--base-space-20);
--appr-space-lg: var(--base-space-16);
--appr-space-md: var(--base-space-12);
--appr-space-sm: var(--base-space-08);
--appr-space-xs: var(--base-space-04);
--appr-space-2xs: var(--base-space-02);
--appr-size-icon-button-height-xl: var(--base-size-56);
--appr-size-icon-button-height-lg: var(--base-size-48);
--appr-size-icon-button-height-md: var(--base-size-40);
--appr-size-icon-button-height-sm: var(--base-size-32);
--appr-size-icon-button-height-xs: var(--base-size-28);
--appr-size-tab-height: var(--base-size-36);
--appr-size-dropdown-height: var(--base-size-48);
--appr-size-label-height-lg: var(--base-size-32);
--appr-size-image-description-max-width: 447px;
--appr-size-label-height-sm: var(--base-size-24);
--appr-size-image-description-min-width: 268px;
--appr-font-size-ui-lg: var(--base-font-size-18);
--appr-font-size-ui-md: var(--base-font-size-16);
--appr-font-size-ui-sm: var(--base-font-size-14);
--appr-font-size-ui-xs: var(--base-font-size-12);
--appr-font-size-ui-emphasis-lg: var(--base-font-size-16);
--appr-font-size-ui-emphasis-md: var(--base-font-size-14);
--appr-font-size-ui-emphasis-sm: var(--base-font-size-12);
--appr-font-size-body-lg: var(--base-font-size-18);
--appr-font-size-body-md: var(--base-font-size-16);
--appr-border-radius-sm: var(--base-border-border-radius-02);
--appr-font-line-height-body-sm: var(--base-font-line-height-20);
--appr-font-line-height-body-xs: var(--base-font-line-height-16);
--appr-border-radius-circle: var(--base-border-border-radius-circle);
--appr-font-size-body-sm: var(--base-font-size-14);
--appr-font-size-body-xs: var(--base-font-size-12);
--appr-size-icon-button-width-xl: var(--base-size-56);
--appr-size-icon-button-width-lg: var(--base-size-48);
--appr-size-icon-button-width-md: var(--base-size-40);
--appr-size-icon-button-width-sm: var(--base-size-32);
--appr-size-icon-button-width-xs: var(--base-size-28);
--appr-size-image-max-width: 447px;
--appr-size-image-min-width: 268px;
--appr-size-video-player-playhead: var(--base-size-24);
--appr-size-dropdown-menu-row-height: var(--base-size-48);
--appr-scale-global-page-max-width: 479px;
--appr-scale-global-page-min-width: 300px;
--appr-scale-global-leaf-article-max-width: 447px;
--appr-scale-global-leaf-article-min-width: 268px;
--appr-space-quote-padding-left-lg: var(--appr-space-2xl);
--appr-space-editor_note-padding-left: var(--theme-spacing-padding-default-padding-left);
--appr-space-editor_note-padding-right: var(--theme-spacing-padding-default-padding-right);
--appr-space-editor_note-padding-top: var(--theme-spacing-padding-default-padding-top);
--appr-space-editor_note-padding-bottom: var(--theme-spacing-padding-default-padding-bottom)
}
}
body {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif
}
@media (min-width:480px) {
:root {
--theme-section-headline-text__margin-bottom: 20px;
--theme-container__margin-bottom-grid-3: 32px;
--theme-container__margin-bottom-feature-grid-3: 0
}
}
@media (max-width:959px) {
:root {
--social-sharing-display: none
}
}
h1,
h2,
h3,
h4,
h5 {
font-family: cnnstyle, Palatino, Georgia, Times New Roman, serif;
font-weight: 400
}
@media (min-width:960px) {
:root {
--theme-section-headline__margin-bottom: 16px;
--theme-subheader-h2__font-size: 30px;
--theme-subheader-h3__font-size: 24px;
--theme-subheader-h4__font-size: 20px;
--theme-subheader-h2__line-height: 36px;
--theme-subheader-h3__line-height: 30px;
--theme-subheader-h4__line-height: 26px;
--theme-container-margin-bottom-600: 0;
--theme-container__margin-bottom-feature-grid-3: 0;
--theme-headline__font-size: 44px;
--theme-headline__line-height: 50px;
--theme-section-headline__font-size: 44px;
--theme-section-headline__line-height: 50px
}
}
@media (min-width:1280px) {
:root {
--theme-section-headline-text__margin-bottom: 22px;
--theme-hero-headline__font-size: 44px;
--theme-hero-headline__line-height: 48px
}
}
@font-face {
font-family: cnnstyle;
src: url(/fonts/style/cnnstyle-v1.woff2)
}
@font-face {
font-family: cnn_sans_display;
font-weight: 700;
src: url(/fonts/cnn/cnn_sans_display-bold-v1.woff2)
}
@font-face {
font-family: cnn_sans_display;
font-weight: 500;
src: url(/fonts/cnn/cnn_sans_display-medium-v1.woff2)
}
@font-face {
font-family: cnn_sans_display;
src: url(/fonts/cnn/cnn_sans_display-v1.woff2)
}
@font-face {
font-family: helveticaneue;
src: url(/fonts/cnn/helveticaneue-v1.woff2)
}
@font-face {
font-family: noto_serif;
font-weight: 700;
src: url(/fonts/cnn/noto_serif-bold-v1.woff2)
}
@font-face {
font-family: noto_serif;
src: url(/fonts/cnn/noto_serif-bold_italic-v1.woff2)
}
@font-face {
font-family: noto_serif;
src: url(/fonts/cnn/noto_serif-italic-v1.woff2)
}
@font-face {
font-family: noto_serif;
src: url(/fonts/cnn/noto_serif-v1.woff2)
}
@font-face {
font-family: noto_serif_extra_condensed_black;
src: url(/fonts/cnn/noto_serif_extra_condensed_black-v1.woff2)
}
@font-face {
font-family: noto_serif_semi_condensed;
src: url(/fonts/cnn/noto_serif_semi_condensed-v1.woff2)
}
.ad-slot-concert {
height: 0;
width: 100%
}
.ad-slot-concert:has(.adfuel-rendered) {
display: none
}
.ad-slot-concert--injected:has(.adfuel-rendered) {
display: block;
margin-bottom: 16px;
height: unset
}
.card__label,
.image__label {
white-space: nowrap;
text-transform: uppercase
}
.container__title--underscored .container_card__title_url-sub-text,
.container__title_url-sub-text {
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink)
}
.image {
border-bottom: 1px solid #e6e6e6;
margin: 32px 0;
padding-bottom: 8px;
width: 100%
}
.image__hide-placeholder .kiln-placeholder {
display: none
}
.image__picture {
width: 100%
}
.image__metadata {
display: grid
}
.image__caption {
color: #0c0c0c;
font-size: 12px;
font-weight: 400;
line-height: 18px;
margin-top: 8px;
text-align: left;
order: 2
}
.image__caption a {
color: #0c0c0c;
text-underline-offset: 4px;
text-decoration: underline
}
.image__caption a:hover {
color: #6e6e6e;
text-decoration: none
}
.image__credit {
color: #6e6e6e;
font-size: 10px;
font-weight: 400;
margin-top: 4px;
text-align: right;
order: 1;
visibility: hidden
}
.image__container {
display: flex
}
.image__dam-img {
width: 100%;
object-fit: cover;
height: 100%
}
.image__dam-img--loading {
background-color: #e6e6e6
}
.image__img {
width: 100%;
height: 100%;
max-width: 100%
}
.image__img--fade-in {
opacity: 0;
visibility: hidden;
transition: opacity .4s ease-in
}
.image__img--visible {
display: block
}
.image__img--hidden {
display: none
}
.image__label {
font-size: 10px;
font-weight: 700;
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 4px 8px;
display: flex;
align-items: center
}
.image__label-indicator {
display: none
}
.image__label--type-breaking {
background: #c00;
color: #fff
}
.image__label--type-exclusive,
.image__label--type-investigates {
background: #0c0c0c;
color: #fff
}
.image__label--type-live-video,
.image__label--type-updates {
display: block;
background: #fff;
color: #0c0c0c
}
.image__label--type-live-video .image__label-indicator,
.image__label--type-updates .image__label-indicator {
display: block;
color: #c00;
font-size: 26px;
line-height: .4;
padding-right: 4px
}
.image__label--type-analysis,
.image__label--type-opinion,
.image__label--type-trending {
background: #fff;
color: #c00
}
.image__label--type-custom {
background: #fff;
color: #0c0c0c
}
.image__label--type-custom-video,
.image__label--type-gallery,
.image__label--type-podcasts,
.image__label--type-video {
background: rgba(12, 12, 12, .5);
color: #fff
}
.kiln-edit-mode .image__label {
visibility: visible
}
.image__label-icon {
float: left;
fill: #f8f8f8;
margin-right: 4px;
width: 14px;
height: 14px;
background-position: center;
background-repeat: no-repeat
}
.image__label--type-custom-video .image__label-icon,
.image__label--type-video .image__label-icon {
background-image: url(/media/sites/cnn/icons/video.svg)
}
.image__label--type-gallery .image__label-icon {
background-image: url(/media/sites/cnn/icons/photo.svg)
}
.image__label-bull-span {
align-items: center;
display: flex
}
.image__lede>.image {
margin: 0 0 32px;
width: 100%
}
.image__lede>.image__container {
width: 100%;
height: 0;
padding-bottom: calc(100% * (9 / 16));
position: relative
}
.image__lede>.image__dam-img {
width: 100%;
height: auto;
position: absolute
}
.image__related-content .image {
border: 0;
margin: 0;
padding: 0
}
.image__related-content .image__outer-container {
margin: 0;
padding: 0
}
.image__related-content .image__outer-container::after {
display: none
}
.image__related-content .image__container {
display: flex
}
.image__related-content .image__caption,
.image__related-content .image__credit {
display: none
}
.image__related-content .image__img {
width: 100%
}
.image--eq-extra-small .image__container {
margin-bottom: 24px
}
.image--eq-extra-small .image__credit {
visibility: hidden;
margin: 0;
padding: 0
}
.image.image--eq-small .image__container {
margin-bottom: auto
}
.image.image--eq-small .image__container:only-child {
margin-bottom: 24px
}
.image.image--eq-small .image__credit {
line-height: 12px;
padding: 4px 0;
visibility: visible
}
.image.image--eq-small .image__label {
font-size: 12px;
padding: 8px 16px
}
.image.image--eq-small .image__label-icon {
width: 16px;
height: 16px
}
.underscored .article__content>.image,
.underscored .article__main>.image__lede .image {
border-bottom: 0;
padding-bottom: 0
}
.underscored .article__content>.image .image__credit,
.underscored .article__main>.image__lede .image .image__credit {
padding-bottom: 0
}
.card:not(:only-child) .underscored:empty {
min-height: 24px;
margin: 4px 0 0;
padding: 0
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .image__caption {
margin-top: 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .underscored .card:not(:only-child) .image__credit:empty {
min-height: 24px;
margin-top: 4px;
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .image__related-content.related-content__image .image {
border: 0;
margin: 0;
padding: 0
}
}
.card .container__text {
display: inline-block
}
.card .container__text-edit {
display: table
}
.card__label {
font-weight: 700;
display: inline-flex;
align-items: center;
position: relative;
transform: translateY(-100%);
width: fit-content;
color: #fff;
height: 26px;
bottom: 8px;
left: 8px;
border-radius: 4px;
line-height: 10px;
font-size: 12px;
padding: 6px 8px
}
.card__label-container {
height: 0;
line-height: 0;
display: block;
position: relative
}
.card__label-indicator {
display: none
}
.card__label--type-breaking,
.card__label--type-live-video,
.card__label--type-projection-breaking,
.card__label--type-updates {
background: linear-gradient(.25turn, #ff3f3f, #a4001e)
}
.card__label--type-radio-argentina {
background: #4176be;
color: #fff
}
.card__label--type-updates .card__label-indicator {
display: block;
margin-right: 4px;
line-height: .5;
width: 6px;
height: 6px
}
.card__label--type-live-video {
border-radius: 16px;
padding: 0 8px 0 6px;
line-height: 16px
}
.card__label--type-audio,
.card__label--type-custom-video,
.card__label--type-gallery,
.card__label--type-podcasts,
.card__label--type-video {
background: rgba(12, 12, 12, .5);
color: #fff;
border-radius: 16px
}
.card__label--duration {
display: none
}
.card__label--type-analysis,
.card__label--type-custom,
.card__label--type-exclusive,
.card__label--type-fact-check,
.card__label--type-first,
.card__label--type-for-subscribers,
.card__label--type-investigates,
.card__label--type-kfile,
.card__label--type-opinion,
.card__label--type-poll,
.card__label--type-projection-non-breaking,
.card__label--type-quiz,
.card__label--type-review,
.card__label--type-trending,
.card__label--type-underscored {
background: #fff;
color: #0c0c0c
}
.card--media-large .card__label {
height: 30px
}
.card--media-large .card__label--type-analysis,
.card--media-large .card__label--type-custom,
.card--media-large .card__label--type-exclusive,
.card--media-large .card__label--type-first,
.card--media-large .card__label--type-for-subscribers,
.card--media-large .card__label--type-investigates,
.card--media-large .card__label--type-kfile,
.card--media-large .card__label--type-opinion,
.card--media-large .card__label--type-projection-non-breaking,
.card--media-large .card__label--type-review,
.card--media-large .card__label--type-trending,
.card--media-large .card__label--type-underscored {
color: #000;
padding: 6px 10px
}
.card__label--type-audio .card__label-icon,
.card__label--type-custom-video .card__label-icon,
.card__label--type-gallery .card__label-icon,
.card__label--type-podcasts .card__label-icon,
.card__label--type-video .card__label-icon {
float: left;
fill: #f8f8f8;
margin-right: 4px;
width: 16px;
height: 16px;
background-repeat: no-repeat
}
.card__label--type-custom-video .card__label-icon,
.card__label--type-video .card__label-icon {
background-image: url(/media/sites/cnn/icons/video.svg)
}
.card__label--type-podcasts .card__label-icon {
background-image: url(/media/sites/cnn/icons/microphone.svg)
}
.card__label--type-audio .card__label-icon {
background-image: url(/media/sites/cnn/icons/audio.svg)
}
.card__label--type-gallery .card__label-icon {
background-image: url(/media/sites/cnn/icons/photo.svg)
}
.card__label--type-live-video .card__label-icon {
background-image: url(/media/sites/cnn/icons/live-video-icon.svg);
width: 16px;
height: 16px;
margin-bottom: 4px
}
.card__label-bull-span {
align-items: center;
display: flex
}
.card>.container__link {
display: block
}
.card [data-component-name=interactive-video] .interactive-video__container {
display: flex
}
.card [data-component-name=interactive-video]~.card__label {
margin-bottom: 6px
}
.card .image--eq-extra-small .image__container,
.card [data-component-name=video-resource] {
margin-bottom: 0
}
.card [data-component-name=video-resource] .video-resource__details {
display: none
}
.card [data-component-name=video-resource] .auth-cta-overlay__error {
width: 100%;
font-size: 10px
}
.card [data-component-name=video-resource] .pui_error-slate {
font-size: 10px;
word-break: normal
}
.card .card__headline-with-timestamp {
width: calc(100% - 40px);
float: left
}
.card:not(:first-child) .container_lead-package__text.card__headline-with-timestamp {
padding: 0 0 12px
}
.card .card__timestamp {
display: flex;
width: 40px;
justify-content: flex-end;
align-items: baseline;
color: #6e6e6e
}
.card .card__timestamp-recent {
color: #c00
}
.card:first-child .card__timestamp {
line-height: 26px
}
.card [data-component-name=video-resource]+.card__label {
display: none
}
[data-page-type=section] .card--media-large:has(.video-resource) {
margin-bottom: 8px
}
[data-page-type=section] .card--media-large~.container__text .container__headline:not(.container_hero-card-feature__headline) {
font-size: var(--theme-container-lead-title__font-size);
line-height: var(--theme-container-lead-title__line-height);
font-weight: var(--theme-container-lead-title__font-weight)
}
[data-page-type=section] .card--media-large .card__label {
font-size: 14px
}
[data-page-type=section] .card--media-large .card__label--type-breaking {
padding: 10px
}
[data-page-type=section] .card--media-large .card__label--type-live-video {
line-height: 18px
}
.card__label--type-custom-video [data-page-type=section] .card--media-large .card__label-icon,
.card__label--type-gallery [data-page-type=section] .card--media-large .card__label-icon,
.card__label--type-video [data-page-type=section] .card--media-large .card__label-icon {
width: 16px;
height: 16px
}
[data-page-type=section] .card--media-large :not([data-component-name=interactive-video])~.card__label {
margin-bottom: 24px
}
[data-page-type=section] .card--media-large .image__metadata {
margin-bottom: 0;
min-height: 24px
}
[data-page-type=section] .card--media-large .image__metadata .image__credit {
display: block;
visibility: visible;
padding: 4px 0 8px
}
[data-page-type=section] .container__item-media-wrapper .image__container,
[data-page-type=section] .container__item-media-wrapper .interactive-video__container {
border-radius: 4px
}
[data-page-type=section] .container__item-media-wrapper.card--media-extra-large .image__container,
[data-page-type=section] .container__item-media-wrapper.card--media-extra-large .interactive-video__container {
border-radius: 8px
}
[data-page-type=section] .container__item-media-wrapper:not(.card--media-large):not(.container_shelf-carousel__item-media-wrapper):not(.container_hero-card-feature__item-media-wrapper):not(.container_lead-plus-headlines-with-images__item-media-wrapper):not(.container_list-headlines-with-read-times__item-media-wrapper):not(.container_list-headlines-with-images__item-media-wrapper) {
margin-bottom: 8px
}
[data-page-type=section] .container__item-media-wrapper:not(.card--media-large):not(.container_shelf-carousel__item-media-wrapper):not(.container_hero-card-feature__item-media-wrapper) .image__credit,
[data-page-type=section] .container__item-media-wrapper:not(.card--media-large):not(.container_shelf-carousel__item-media-wrapper):not(.container_hero-card-feature__item-media-wrapper) .image__metadata,
[data-page-type=section] .container__item-media-wrapper:not(.card--media-large):not(.container_shelf-carousel__item-media-wrapper):not(.container_hero-card-feature__item-media-wrapper) .interactive-video__credit,
[data-page-type=section] .container__item-media-wrapper:not(.card--media-large):not(.container_shelf-carousel__item-media-wrapper):not(.container_hero-card-feature__item-media-wrapper) .interactive-video__metadata {
display: none
}
[data-page-type=section] .layout__top .product-zone .container__item-media-wrapper.card--media-large.container_hero-card-feature__item-media-wrapper .card__label,
[data-page-type=section] .layout__top .product-zone .container__item-media-wrapper:not(.card--media-large).container_hero-card-feature__item-media-wrapper .card__label {
margin-bottom: 0
}
[data-page-type=section] .card [data-component-name=interactive-video],
[data-page-type=section] .card [data-component-name=image] {
pointer-events: all
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .card__label-container:has(.card__label--type-updates) {
top: 1px;
left: -1px
}
}
.container {
margin-bottom: var(--theme-container-margin-bottom-default);
width: 100%
}
.container:last-child {
margin-bottom: 0
}
.container__title {
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: var(--theme-container-title__margin-bottom)
}
.container__title:after,
.container__title:before {
content: '';
display: block;
left: 0;
position: absolute;
top: 0
}
.container__title-url {
color: inherit;
text-decoration: none
}
.container__title-url .right-arrow {
content: '';
display: inline-block;
fill: var(--theme-container-title__arrow-color--initial);
stroke: var(--theme-container-title__arrow-color--initial);
height: var(--theme-container-title__arrow-size);
margin-left: 8px;
position: relative;
top: var(--theme-container-title__arrow-top-pos);
vertical-align: top;
width: var(--theme-container-title__arrow-size)
}
.container__title.hover:hover .right-arrow {
fill: var(--theme-container-title__arrow-color--hover);
stroke: var(--theme-container-title__arrow-color--hover);
transition: .4s
}
.container__title-text,
.container__title_url-text {
display: inline-block;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: var(--theme-container-title__text-size);
font-weight: 700;
letter-spacing: .5px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin-bottom: 16px;
margin-top: 0
}
.container__title--underscored:before {
display: none;
transition: none
}
.container__title--underscored.hover:hover:before {
transition: none;
width: 16px
}
.container__title--underscored .container__title-url {
align-items: center;
display: inline-flex;
margin-bottom: 24px
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
font-size: 36px;
font-weight: 700;
line-height: 36px;
margin-bottom: 0;
margin-right: 12px;
text-transform: none;
padding-bottom: 0
}
.container__title--underscored:after {
border-top: none
}
.container__title--underscored .container__title_url-text {
width: auto
}
.container__title--underscored .container_card__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink);
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.container__title--underscored .container_card__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__kicker-url,
.container__link {
text-decoration: none
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title-text,
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text {
border-left: 6px solid #0c0c0c;
padding-left: 10px
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover {
color: #6e6e6e;
border-left-color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover .right-arrow {
fill: #6e6e6e;
stroke: #6e6e6e;
transition: .4s
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active {
color: #404040;
border-left-color: #404040
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active .right-arrow {
fill: #404040;
stroke: #404040
}
.container__title--bold:after,
.container__title--bold:before {
display: none
}
.container__title--bold .container__title-text,
.container__title--bold .container__title_url-text {
text-align: left;
text-transform: initial;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif, cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 24px;
color: #0c0c0c;
letter-spacing: .6px;
line-height: 30px
}
.container__item .image__credit,
.container__item .image_inline-small__credit,
.container__kicker-text,
.container_headline-carousel__headline,
.content-recs .container__readtime {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif
}
.container__title--bold .container__title_url-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 2px;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--bold .container__title_url-text:hover {
color: #6e6e6e;
-webkit-text-decoration-line: none;
text-decoration-line: none
}
.container__link:hover .container__banner,
.container__link:hover .container__headline,
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--emphatic:before {
content: unset
}
.container__title--emphatic .container__title-text,
.container__title--emphatic .container__title_url-text {
text-transform: none;
font-size: var(--theme-container-title-emphatic__font-size);
font-weight: var(--theme-section-headline__font-weight);
line-height: var(--theme-container-title-emphatic__line-height);
letter-spacing: 0;
margin-top: 0
}
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
color: var(--theme-link-color-hover);
cursor: pointer
}
.container__kicker {
text-align: center
}
.container__kicker-text {
display: block;
margin: 8px 0 0;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.container__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.container__kicker .image__container {
background: 0 0
}
.container__kicker .image__metadata {
display: none
}
.container__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.container__item {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.container__item:first-child {
border-top: none;
padding-top: 0
}
.container__item.fill,
.container__item.placeholder {
opacity: .5
}
.container__item .component-selector-wrapper {
position: unset
}
.container__item .interactive-video,
.container__item .interactive-video_inline-small {
margin-top: 0;
margin-bottom: 0
}
.container__item .interactive-video [data-editable=metaCaption],
.container__item .interactive-video_inline-small [data-editable=metaCaption] {
display: none
}
.container__item .interactive-video__player,
.container__item .interactive-video_inline-small__player {
object-position: top
}
.container__item img,
.container__item video {
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.container__item .image,
.container__item .image_inline-small {
margin: 0;
padding: 0;
border: none
}
.container__item .image__caption,
.container__item .image_inline-small__caption {
display: none
}
.container__item .image__credit,
.container__item .image_inline-small__credit {
color: #6e6e6e;
font-size: 10px;
font-weight: 400;
line-height: 0;
padding: 0 0 8px;
text-align: right
}
.container__item .image .mini-selector,
.container__item .image_inline-small .mini-selector {
display: none
}
.container__item .interactive-video {
margin: 0;
padding: 0;
border: none
}
.container__item .interactive-video__metadata {
max-width: none;
border-bottom: none;
padding-bottom: 0
}
.container__item .interactive-video__metadata .interactive-video__caption {
line-height: initial;
text-align: right
}
.container__item .interactive-video__metadata .interactive-video__caption .inline-placeholder {
display: none;
height: 0
}
.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
display: block;
padding: 4px 0 8px;
font-size: 10px;
line-height: 12px
}
.container__item .video {
border-bottom: 0;
margin: 0;
padding-bottom: 8px
}
.container__item .video__caption {
display: none
}
.container__item .video__credit {
margin-top: 6px
}
.container__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.container__item-media .image__credit,
.container__item-media .image_sponsorship__credit,
.container__item-media .interactive-video__credit {
visibility: hidden
}
.container__item-media .image__container,
.container__item-media .image_sponsorship__container,
.container__item-media .interactive-video__container {
flex-direction: column;
overflow: hidden;
position: relative
}
.container__item-media .image__container:after,
.container__item-media .image_sponsorship__container:after,
.container__item-media .interactive-video__container:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.container__item-media .image--eq-small~.image__metadata .image__credit,
.container__item-media .image_sponsorship--eq-small~.image__metadata .image__credit,
.container__item-media .interactive-video--eq-small~.image__metadata .image__credit {
line-height: 12px;
padding: 4px;
visibility: visible
}
.container__item-media .image--eq-small~.image__metadata .card__label,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label {
padding: 8px 16px;
letter-spacing: .5px
}
.container__item-media .image--eq-small~.image__metadata .card__label-icon,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label-icon,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label-icon {
width: 16px;
height: 16px
}
.container__item-media .interactive-video__container::after {
position: relative
}
.container.lazy .image__container,
.container.lazy .image_sponsorship__container {
background: #e6e6e6
}
.container__headline {
color: #0c0c0c;
font-family: var(--theme-container__font-family);
font-size: 16px;
font-weight: var(--theme-container__font-weight);
letter-spacing: .5px;
line-height: 22px
}
.container_headline-carousel__headline {
font-style: normal;
font-weight: 400;
font-size: 18px
}
.container__banner {
color: #0c0c0c;
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
line-height: 22px;
width: calc(100% - 30px)
}
.container__link {
color: unset;
display: inline-block;
width: 100%
}
.container__link:hover img,
.container__link:hover video {
opacity: var(--theme-container-image-opacity--hover);
transition: .2s
}
.container__link:hover .image__container,
.container__link:hover .image_sponsorship__container {
background: var(--theme-container-image-color--hover)
}
.container__link:hover .container__banner,
.container__link:hover .container__headline {
color: var(--theme-container-color--hover);
-webkit-text-decoration-color: var(--theme-container-text-decoration-color--hover);
text-decoration-color: var(--theme-container-text-decoration-color--hover)
}
.container__field-links {
margin: 0;
padding: 0
}
.container__text-label {
font-weight: 700;
display: inline
}
.container__text-label--type-breaking,
.container__text-label--type-live-video,
.container__text-label--type-updates {
color: #d50000
}
.container__text-label--type-audio:not(:empty)::before,
.container__text-label--type-custom-video:not(:empty)::before,
.container__text-label--type-gallery:not(:empty)::before,
.container__text-label--type-podcasts:not(:empty)::before,
.container__text-label--type-video:not(:empty)::before {
width: 20px;
height: 18px;
vertical-align: middle;
display: inline-block
}
.container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio-dark.svg)
}
.container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone-dark.svg)
}
.container__text-label--type-video {
display: none
}
.container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo-dark.svg)
}
.container__text-label--type-custom-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label:not(:empty)::after {
content: ':'
}
.container__text {
display: inline-block;
font-family: var(--theme-font-family);
width: 100%
}
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
display: none;
float: left;
height: 20px;
margin-right: 4px;
margin-top: 2px;
padding-bottom: 3px
}
.container__video-duration {
display: none
}
.container__headline .icon-sig-photo-default,
.container__headline .icon-sig-video,
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
fill: #a4001e
}
.container__description {
display: none
}
.container__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink);
color: #0c0c0c;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
display: none;
padding-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 22px
}
.container__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__title--bulleted-headlines {
display: flex
}
.container__title--bulleted-headlines::before {
display: none
}
.container__title--bulleted-headlines::after {
margin: 0 0 0 8px;
display: block;
position: relative;
top: -4px;
border-top: none;
border-bottom: 1px solid #e6e6e6;
align-self: center;
flex-grow: 2
}
.container__title--bulleted-headlines .container__title-text,
.container__title--bulleted-headlines .container__title_url-text {
margin: 0 0 16px;
width: auto;
letter-spacing: .5px
}
.container.hide {
display: none
}
.container_list-headlines-with-images__item .container__text-label--type-gallery,
.container_list-headlines-with-read-times__item .container__text-label--type-gallery {
display: inline
}
.container_list-headlines-with-images__item .container__text-label--type-video,
.container_list-headlines-with-read-times__item .container__text-label--type-video {
display: none
}
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration {
display: inline-block
}
.container_ribbon .container__text-label--type-custom-video,
.container_ribbon .container__text-label--type-gallery,
.container_ribbon .container__text-label--type-video,
.container_ribbon-left .container__text-label--type-custom-video,
.container_ribbon-left .container__text-label--type-gallery,
.container_ribbon-left .container__text-label--type-video {
display: inline
}
.container_ribbon .container__text-label--type-video .container__text-label--text-content,
.container_ribbon-left .container__text-label--type-video .container__text-label--text-content {
display: none
}
.container_ribbon .container__text-label--type-video:after,
.container_ribbon-left .container__text-label--type-video:after {
content: ''
}
.container_bulleted-headlines__item .container__video-duration-icon,
.container_feature-cards__item .container__video-duration-icon,
.container_grid-2__item .container__video-duration-icon,
.container_grid-3__item .container__video-duration-icon,
.container_grid-4__item .container__video-duration-icon,
.container_lead-package__item .container__video-duration-icon,
.container_lead-plus-headlines-with-images__item .container__video-duration-icon,
.container_lead-plus-headlines__item .container__video-duration-icon,
.container_list-headlines-ranked__item .container__video-duration-icon,
.container_list-headlines-with-images__item .container__video-duration-icon,
.container_list-headlines-with-read-times__item .container__video-duration-icon,
.container_list-headlines__item .container__video-duration-icon,
.container_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: -2px;
padding-bottom: 0;
vertical-align: middle
}
.container_grid-2__item .card--media-card-label-show .card__label-container,
.container_grid-3__item .card--media-card-label-show .card__label-container,
.container_grid-4__item .card--media-card-label-show .card__label-container,
.container_lead-plus-headlines-with-images__item .card--media-card-label-show .card__label-container,
.container_list-images-with-description__item .card--media-card-label-show .card__label-container {
display: block
}
.container_grid-2__item .card__label-container,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-3__item .card__label-container,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-4__item .card__label-container,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_lead-plus-headlines-with-images__item .card__label-container,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_list-images-with-description__item .card__label-container,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video {
display: none
}
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video),
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video),
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video),
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-video,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video),
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-video {
display: inline
}
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
display: inline-block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .card__label-container {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__video-duration--type-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines__item .container__video-duration {
display: inline-block
}
.container_bulleted-headlines__item .icon-sig-video,
.container_feature-cards__item .icon-sig-photo-default,
.container_feature-cards__item .icon-sig-video,
.container_feature-cards__item:nth-child(1) .container__video-duration,
.container_grid-2__item .icon-sig-video,
.container_grid-3__item .icon-sig-video,
.container_grid-4__item .icon-sig-video,
.container_lead-package__item .icon-sig-photo-default,
.container_lead-package__item .icon-sig-video,
.container_lead-package__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines-with-images__item .icon-sig-photo-default,
.container_lead-plus-headlines-with-images__item .icon-sig-video,
.container_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines__item .icon-sig-photo-default,
.container_lead-plus-headlines__item .icon-sig-video,
.container_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.container_list-headlines-ranked__item .icon-sig-video,
.container_list-headlines-with-images__item .icon-sig-video,
.container_list-headlines-with-read-times__item .icon-sig-video,
.container_list-headlines__item .icon-sig-video,
.container_list-images-with-description__item .icon-sig-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration,
.container_list-headlines__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.container_feature-cards__item .container__video-duration,
.container_lead-package__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container .card__label--type-video .card__label-bull-span,
.container_bulleted-headlines .container__text-label--has-duration:not(:empty)::before,
.container_grid-2 .container__text-label--has-duration:not(:empty)::before,
.container_grid-3 .container__text-label--has-duration:not(:empty)::before,
.container_grid-4 .container__text-label--has-duration:not(:empty)::before,
.container_lead-package .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-ranked .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-read-times .container__text-label--has-duration:not(:empty)::before,
.container_list-images-with-description .container__text-label--has-duration:not(:empty)::before {
display: none
}
.container .card__label--type-video .card__label--duration {
display: inline
}
.container .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.container .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.container .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.container .pagination-next,
.container .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.container .pagination-next:hover,
.container .pagination-previous:hover {
background: #e6e6e6
}
.container .pagination-next.disabled,
.container .pagination-previous.disabled {
border: 1px solid #b1b1b1;
pointer-events: all;
cursor: default
}
.container .pagination-next.disabled::before,
.container .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.container .pagination-next svg,
.container .pagination-previous svg {
margin: 0
}
.container .pagination-next-direction,
.container .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.container .pagination-next::before,
.container .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.container .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.container .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container .pagination-link.active,
.container .pagination-link:active,
.container .pagination-link:focus,
.container .pagination-link:hover {
color: #0c0c0c
}
.container .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.product-zone--t-dark_feature-cards__item .container__video-duration-icon,
.product-zone--t-dark_grid-2__item .container__video-duration-icon,
.product-zone--t-dark_grid-3__item .container__video-duration-icon,
.product-zone--t-dark_grid-4__item .container__video-duration-icon,
.product-zone--t-dark_lead-package__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-images-with-description__item .container__video-duration-icon,
.zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.zone--t-dark_feature-cards__item .container__video-duration-icon,
.zone--t-dark_grid-2__item .container__video-duration-icon,
.zone--t-dark_grid-3__item .container__video-duration-icon,
.zone--t-dark_grid-4__item .container__video-duration-icon,
.zone--t-dark_lead-package__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.zone--t-dark_list-headlines__item .container__video-duration-icon,
.zone--t-dark_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: 2px;
padding-bottom: 0;
vertical-align: -1.5px
}
.container .pagination-link.active:after {
background: #000
}
.container .pagination-link:active:after,
.container .pagination-link:focus:after,
.container .pagination-link:hover:after {
background: #e6e6e6
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text {
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover {
color: #fff;
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow {
fill: #fff;
stroke: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active {
color: #f8f8f8;
border-left-color: #f8f8f8
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow {
fill: #f8f8f8;
stroke: #f8f8f8
}
.product-zone--t-dark_ribbon .container__text-label--type-gallery,
.product-zone--t-dark_ribbon .container__text-label--type-video,
.product-zone--t-dark_ribbon-left .container__text-label--type-gallery,
.product-zone--t-dark_ribbon-left .container__text-label--type-video,
.zone--t-dark_ribbon .container__text-label--type-gallery,
.zone--t-dark_ribbon .container__text-label--type-video,
.zone--t-dark_ribbon-left .container__text-label--type-gallery,
.zone--t-dark_ribbon-left .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .card__label-container,
.product-zone--t-dark_grid-3__item .card__label-container,
.product-zone--t-dark_grid-4__item .card__label-container,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.product-zone--t-dark_list-images-with-description__item .card__label-container,
.zone--t-dark_grid-2__item .card__label-container,
.zone--t-dark_grid-3__item .card__label-container,
.zone--t-dark_grid-4__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_list-images-with-description__item .card__label-container {
display: block
}
.product-zone--t-dark_grid-2__item .card__label-container--hide,
.product-zone--t-dark_grid-2__item .container__text-label,
.product-zone--t-dark_grid-3__item .card__label-container--hide,
.product-zone--t-dark_grid-3__item .container__text-label,
.product-zone--t-dark_grid-4__item .card__label-container--hide,
.product-zone--t-dark_grid-4__item .container__text-label,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.product-zone--t-dark_list-images-with-description__item .card__label-container--hide,
.product-zone--t-dark_list-images-with-description__item .container__text-label,
.zone--t-dark_grid-2__item .card__label-container--hide,
.zone--t-dark_grid-2__item .container__text-label,
.zone--t-dark_grid-3__item .card__label-container--hide,
.zone--t-dark_grid-3__item .container__text-label,
.zone--t-dark_grid-4__item .card__label-container--hide,
.zone--t-dark_grid-4__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_list-images-with-description__item .card__label-container--hide,
.zone--t-dark_list-images-with-description__item .container__text-label {
display: none
}
.product-zone--t-dark_grid-2__item .container__text-label--show,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-3__item .container__text-label--show,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-4__item .container__text-label--show,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-2__item .container__text-label--show,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-3__item .container__text-label--show,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-4__item .container__text-label--show,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_list-images-with-description__item .container__text-label--show,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--type-video,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--type-video,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration--type-video,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show,
.zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label {
display: none
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration {
display: inline-block
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_bulleted-headlines__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--hidden,
.product-zone--t-dark_grid-2__item .icon-sig-video,
.product-zone--t-dark_grid-3__item .container__video-duration--hidden,
.product-zone--t-dark_grid-3__item .icon-sig-video,
.product-zone--t-dark_grid-4__item .container__video-duration--hidden,
.product-zone--t-dark_grid-4__item .icon-sig-video,
.product-zone--t-dark_lead-package__item .icon-sig-video,
.product-zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.product-zone--t-dark_list-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines__item .icon-sig-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.product-zone--t-dark_list-images-with-description__item .icon-sig-video,
.zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.zone--t-dark_bulleted-headlines__item .icon-sig-video,
.zone--t-dark_feature-cards__item .icon-sig-video,
.zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--hidden,
.zone--t-dark_grid-2__item .icon-sig-video,
.zone--t-dark_grid-3__item .container__video-duration--hidden,
.zone--t-dark_grid-3__item .icon-sig-video,
.zone--t-dark_grid-4__item .container__video-duration--hidden,
.zone--t-dark_grid-4__item .icon-sig-video,
.zone--t-dark_lead-package__item .icon-sig-video,
.zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.zone--t-dark_list-headlines__item .container__video-duration--hidden,
.zone--t-dark_list-headlines__item .icon-sig-video,
.zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.zone--t-dark_list-images-with-description__item .icon-sig-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.product-zone--t-dark_feature-cards__item .container__video-duration,
.product-zone--t-dark_lead-package__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration,
.zone--t-dark_feature-cards__item .container__video-duration,
.zone--t-dark_lead-package__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.product-zone--t-dark .card__label--type-video .card__label-bull-span,
.zone--t-dark .card__label--type-video .card__label-bull-span {
display: none
}
.product-zone--t-dark .card__label--type-video .card__label--duration,
.zone--t-dark .card__label--type-video .card__label--duration {
display: inline
}
.product-zone--t-dark .pagination,
.zone--t-dark .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.product-zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.product-zone--t-dark .pagination-next,
.product-zone--t-dark .pagination-previous,
.zone--t-dark .pagination-next,
.zone--t-dark .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.product-zone--t-dark .pagination-next:hover,
.product-zone--t-dark .pagination-previous:hover,
.zone--t-dark .pagination-next:hover,
.zone--t-dark .pagination-previous:hover {
background: #e6e6e6
}
.product-zone--t-dark .pagination-next.disabled,
.product-zone--t-dark .pagination-previous.disabled,
.zone--t-dark .pagination-next.disabled,
.zone--t-dark .pagination-previous.disabled {
border: 1px solid #b1b1b1;
pointer-events: all;
cursor: default
}
.product-zone--t-dark .pagination-next.disabled::before,
.product-zone--t-dark .pagination-previous.disabled::before,
.zone--t-dark .pagination-next.disabled::before,
.zone--t-dark .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.product-zone--t-dark .pagination-next svg,
.product-zone--t-dark .pagination-previous svg,
.zone--t-dark .pagination-next svg,
.zone--t-dark .pagination-previous svg {
margin: 0
}
.product-zone--t-dark .pagination-next-direction,
.product-zone--t-dark .pagination-previous-direction,
.zone--t-dark .pagination-next-direction,
.zone--t-dark .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.product-zone--t-dark .pagination-next::before,
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.product-zone--t-dark .pagination-links,
.zone--t-dark .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.product-zone--t-dark .pagination-link,
.zone--t-dark .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.product-zone--t-dark .pagination-link.active,
.product-zone--t-dark .pagination-link:active,
.product-zone--t-dark .pagination-link:focus,
.product-zone--t-dark .pagination-link:hover,
.zone--t-dark .pagination-link.active,
.zone--t-dark .pagination-link:active,
.zone--t-dark .pagination-link:focus,
.zone--t-dark .pagination-link:hover {
color: #0c0c0c
}
.product-zone--t-dark .pagination-link:after,
.zone--t-dark .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark .pagination-link.active:after,
.zone--t-dark .pagination-link.active:after {
background: #000
}
.product-zone--t-dark .pagination-link:active:after,
.product-zone--t-dark .pagination-link:focus:after,
.product-zone--t-dark .pagination-link:hover:after,
.zone--t-dark .pagination-link:active:after,
.zone--t-dark .pagination-link:focus:after,
.zone--t-dark .pagination-link:hover:after {
background: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title_url-text {
font-size: 36px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title_url-text {
font-size: 46px;
line-height: 52px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title_url-text {
font-size: 56px;
line-height: 62px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker-text {
font-size: 20px;
line-height: 26px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image {
margin: 0 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title_url-text {
letter-spacing: 0;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title_url-text {
font-size: 32px;
font-weight: 700;
line-height: 38px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title_url-sub-text {
font-size: 14px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a {
flex-wrap: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a p {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
font-size: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
margin-bottom: 4px
}
}
.container_lead-plus-headlines-with-images__item .container_lead-plus-headlines-with-images__link:first-of-type,
.container_list-headlines-with-images__item .container_list-headlines-with-images__link:first-of-type {
flex: 1
}
.container_lead-plus-headlines {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.container_lead-plus-headlines__ads .ad-slot.adSlotLoaded {
padding: 0 0 24px
}
.container_lead-plus-headlines__item,
.container_lead-plus-headlines__text {
padding: 0;
margin: 0
}
.container_lead-plus-headlines__item .container_lead-plus-headlines__link {
display: inline-block
}
.container_lead-plus-headlines__item:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
margin: 0 0 12px;
padding: 0 0 12px
}
.container_lead-plus-headlines__item:nth-child(1) .container_lead-plus-headlines__link:first-child {
display: block
}
.container_lead-plus-headlines__item-media-wrapper:not(.card--media-large) .interactive-video__metadata,
.container_lead-plus-headlines__item:nth-child(1) .container_lead-plus-headlines__text-label {
display: none
}
.container_lead-plus-headlines__item:nth-child(1) .container_lead-plus-headlines__headline {
font-size: 20px;
line-height: 26px;
font-weight: 500 !important;
letter-spacing: 0
}
.container_lead-plus-headlines__item:nth-child(1) .image__credit,
.container_lead-plus-headlines__item:nth-child(1) .image_sponsorship__credit {
padding: 4px 0
}
.container_lead-plus-headlines__item .interactive-video__metadata {
border-bottom: 0;
text-align: right
}
.container_lead-plus-headlines__item .interactive-video__metadata .interactive-video__caption {
font-size: 10px;
line-height: 12px;
color: #6e6e6e
}
.container_lead-plus-headlines__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
font-size: 10px
}
.container_lead-plus-headlines .card:first-child .card__timestamp {
line-height: 28px
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-plus-headlines .container__title--emphatic {
margin-top: 24px
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-plus-headlines__item:nth-child(1) .container_lead-plus-headlines__banner {
font-size: 36px;
line-height: 42px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_lead-plus-headlines:nth-child(n+4) {
margin-top: 48px
}
}
.container_lead-plus-headlines-with-images {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.container_lead-plus-headlines-with-images__text {
line-height: 20px;
margin-left: 12px;
margin-top: 0
}
.container_lead-plus-headlines-with-images__item-media-wrapper {
align-self: flex-start;
width: 130px
}
.container_lead-plus-headlines-with-images__item .container_lead-plus-headlines-with-images__item-media .interactive-video,
.container_lead-plus-headlines-with-images__item .container_lead-plus-headlines-with-images__item-media img,
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media .interactive-video,
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media picture,
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media-wrapper,
.container_list-headlines-with-images__item-media {
width: 100%
}
.container_lead-plus-headlines-with-images .image__credit,
.container_lead-plus-headlines-with-images .image_sponsorship__credit {
margin-top: 4px
}
.container_lead-plus-headlines-with-images__item {
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin-bottom: 12px;
padding: 0
}
.container_lead-plus-headlines-with-images__item:not(:first-child) {
display: flex
}
.container_lead-plus-headlines-with-images__item:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
padding: 0 0 12px;
margin: 0 0 12px
}
.container_lead-plus-headlines-with-images__item .container_lead-plus-headlines-with-images__link {
display: flex
}
.container_lead-plus-headlines-with-images__item .container_lead-plus-headlines-with-images__headline {
margin-top: -4px
}
.container_lead-plus-headlines-with-images__item.container__item .image__credit,
.container_lead-plus-headlines-with-images__item.container__item .image_sponsorship__credit {
padding: 0
}
.container_lead-plus-headlines-with-images__item:first-child {
padding-bottom: 16px;
align-items: center
}
.container_lead-plus-headlines-with-images__item:first-child .container_image-headline-v2__text-label {
display: none
}
.container_lead-plus-headlines-with-images__item:first-child .image_sponsorship__credit {
visibility: visible
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__text {
letter-spacing: .5px;
display: block;
margin: 0
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__headline {
font-size: var(--theme-container-lead-title__font-size);
font-family: var(--theme-container-lead-title__font-family);
line-height: var(--theme-container-lead-title__line-height);
font-weight: 500;
padding: 0;
margin: 0;
letter-spacing: 0
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media-wrapper:not(.card--media-large) {
margin-bottom: 8px
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media-wrapper:not(.card--media-large) .interactive-video__metadata {
display: none
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media img,
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media video {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media .interactive-video__metadata {
border-bottom: 0;
text-align: right
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media .interactive-video__metadata .interactive-video__caption {
font-size: 10px;
line-height: 12px;
color: #6e6e6e
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
font-size: 10px
}
.container_lead-plus-headlines-with-images__item:last-child {
padding-bottom: 0;
margin-bottom: 0
}
.container_lead-plus-headlines-with-images__item:not(:first-child) .card__timestamp {
margin-top: -4px
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-plus-headlines-with-images__item:not(:last-child) {
margin: 0 0 12px;
padding: 0 0 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-plus-headlines-with-images__item:first-child .image_sponsorship__label {
visibility: visible
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__text-label {
display: none
}
}
.container_list-headlines-with-images {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.container_list-headlines-with-images__item {
border-top: none;
margin: 16px 0 0;
padding: 0;
max-width: 100%;
display: flex
}
.container_list-headlines-with-images__item:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
margin: 0 0 12px;
padding: 0 0 12px
}
.container_list-headlines-with-images__item.container__item .interactive-video,
.container_list-headlines-with-images__item.container__item [data-component-name=video-resource] {
margin-top: 0
}
.container_list-headlines-with-images__item.container__item .interactive-video {
margin-bottom: 8px
}
.container_list-headlines-with-images__item .container_list-headlines-with-images__link {
display: flex
}
.container_list-headlines-with-images__item .container_list-headlines-with-images__headline {
font-size: 16px;
margin-top: -4px
}
.container_list-headlines-with-images .image__credit,
.container_list-headlines-with-images .image_sponsorship__credit {
text-align: left;
padding: 0
}
.container_list-headlines-with-images__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-self: flex-start;
min-width: 100px
}
.container_list-headlines-with-images__text {
flex: 1 1 75%;
align-items: flex-start;
margin: 0 0 0 12px
}
.container_list-headlines-with-images__item-media .image__caption-container,
.container_list-headlines-with-images__item-media .image_sponsorship__caption-container {
display: none
}
.container_list-headlines-with-images__item-media .image__container,
.container_list-headlines-with-images__item-media .interactive-video__container {
width: 130px;
margin-bottom: 0
}
.container_list-headlines-with-images .card .container__link {
display: flex
}
.container_list-headlines-with-images__date {
display: none
}
.container_list-headlines-ranked .container__title:before {
height: 6px;
width: 40px
}
.container_list-headlines-ranked .container__title:after {
border-top: none
}
.container_list-headlines-ranked__title-text {
font-size: 24px;
margin: 24px 0;
line-height: 30px;
letter-spacing: 0;
text-transform: none
}
.container_list-headlines-ranked .container__item {
display: flex;
counter-increment: css-counter 1
}
.container_list-headlines-ranked__field-links {
display: flex;
flex-direction: column;
counter-reset: css-counter 0
}
.container_list-headlines-ranked__field-links--col-1 .container__item,
.container_list-headlines-ranked__field-links--col-2 .container__item:not(:last-of-type) {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 12px
}
.container_list-headlines-ranked__field-links--col-1 .container__item .container__link,
.container_list-headlines-ranked__field-links--col-2 .container__item:not(:last-of-type) .container__link {
margin-bottom: 12px
}
.container_list-headlines-ranked .container__item:before {
content: counter(css-counter) ' ';
font-size: 24px;
color: #d50000;
font-family: inherit;
font-weight: 700;
line-height: 32px;
width: 28px;
margin-right: 12px
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked__field-links {
display: flex
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked__field-links--col-1,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked__field-links--col-2 {
width: 50%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked__field-links--col-1 .container__item:last-of-type,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked__field-links--col-2 .container__item:last-of-type {
border-bottom: none;
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked__field-links--col-1 .container__item:last-of-type .container__link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked__field-links--col-2 .container__item:last-of-type .container__link {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked__field-links--col-1 {
margin-right: 40px
}
}
.container_list-headlines-ranked-elevate .container__title .container__title-text,
.container_list-headlines-ranked-elevate .container__title .container__title_url-text {
border-left: none;
padding-left: 0;
text-transform: none;
font-size: 24px;
font-style: normal;
font-weight: 700;
margin: 0 0 24px
}
.container_list-headlines-ranked-elevate .container__headline {
line-height: 20.8px
}
.container_list-headlines-ranked-elevate .container__item {
display: flex;
counter-increment: css-counter 1
}
.container_list-headlines-ranked-elevate .container__item:before {
position: relative;
top: -2px;
content: counter(css-counter) ' ';
font-size: 20px;
font-family: inherit;
font-weight: 700;
line-height: 2rem;
width: 28px;
margin: auto 12px auto 0;
padding-bottom: 12px
}
.container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links {
display: flex;
flex-direction: column;
counter-reset: css-counter 0
}
.container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links--col-1 .container__item,
.container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links--col-2 .container__item:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 16px
}
.container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links--col-1 .container__item .container__link,
.container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links--col-2 .container__item:not(:last-child) .container__link {
margin: auto;
padding-bottom: 16px
}
@media screen and (min-width:768px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked-elevate {
min-width: 250px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links--col-1,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links--col-2 {
width: unset;
margin-right: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links--col-1 .container__item:last-of-type .container__link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links--col-2 .container__item:last-of-type .container__link {
margin-bottom: unset
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links--col-1 .container__item:last-of-type {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-ranked-elevate .container_list-headlines-ranked__field-links__headline-text {
font-weight: 300
}
}
.container_list-headlines-with-read-times {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.container_list-headlines-with-read-times__title-text {
letter-spacing: 0
}
.container_list-headlines-with-read-times__item {
border-top: none;
margin: 16px 0 0;
padding: 0;
max-width: 100%;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
column-gap: 10px
}
.container_list-headlines-with-read-times__item:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
margin: 0 0 12px;
padding: 0 0 12px
}
.container_list-headlines-with-read-times__item.container__item .interactive-video,
.container_list-headlines-with-read-times__item.container__item [data-component-name=video-resource] {
margin-top: 0
}
.container_list-headlines-with-read-times__item.container__item .interactive-video {
margin-bottom: 8px
}
.container_list-headlines-with-read-times__item .container_list-headlines-with-read-times__link {
display: flex
}
.container_list-headlines-with-read-times__item .container_list-headlines-with-read-times__link:first-of-type {
flex: 1
}
.container_list-headlines-with-read-times__item .container_list-headlines-with-read-times__headline {
font-size: 16px;
margin-top: -4px
}
.container_list-headlines-with-read-times .image__credit,
.container_list-headlines-with-read-times .image_sponsorship__credit {
text-align: left;
padding: 0
}
.container_list-headlines-with-read-times__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-self: flex-start;
min-width: 100px
}
.container_list-headlines-with-read-times__item-media .image__caption-container,
.container_list-headlines-with-read-times__item-media .image_sponsorship__caption-container,
.container_list-headlines-with-read-times__readtime .container__readtime-alt {
display: none
}
.container_list-headlines-with-read-times__text {
flex: 1 1 75%;
align-items: flex-start;
margin: 0
}
.container_list-headlines-with-read-times__readtime {
font-size: 12px;
font-weight: 400;
color: #6e6e6e;
padding-top: 5px
}
.container_list-headlines-with-read-times__item-media {
width: 100%
}
.container_list-headlines-with-read-times__item-media .image__container,
.container_list-headlines-with-read-times__item-media .interactive-video__container {
width: 130px;
margin-bottom: 0
}
.container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__item-media .interactive-video__container,
.content-recs {
width: 100%
}
.container_list-headlines-with-read-times .card .container__link {
display: flex
}
.container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__readtime .container__readtime-default,
.container_list-headlines-with-read-times__date {
display: none
}
.container_list-headlines-with-read-times-elevate .container__headline {
line-height: 20.8px
}
.container_list-headlines-with-read-times-elevate .container__title .container__title-text,
.container_list-headlines-with-read-times-elevate .container__title .container__title_url-text {
border-left: none;
padding-left: 0;
text-transform: none;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 1.3rem;
margin-bottom: 24px
}
.container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__readtime {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
padding-top: 11px
}
.container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__readtime .container__readtime-alt {
display: inline
}
.container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__item {
flex-direction: row;
column-gap: 12px;
margin: 0
}
.container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__item:not(:last-child) {
border-bottom: unset;
padding: 0;
margin-bottom: 24px
}
.container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__item .image__container {
border-radius: 4px;
max-width: 95px
}
.container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__item .container_list-headlines-with-read-times__headline {
margin-top: 0
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__field-links {
display: flex;
flex-wrap: wrap;
column-gap: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__headline,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__readtime {
padding-top: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__item {
flex: 1 1 calc(50% - 24px);
flex-direction: column;
display: block;
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__item .image__container {
width: 100%;
max-width: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__item-media-wrapper {
width: 100%
}
}
.content-recs .container__item-media-wrapper .image .image__container {
margin-bottom: 0
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-with-read-times-elevate {
max-width: 862px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_list-headlines-with-read-times-elevate .container_list-headlines-with-read-times__item {
flex: 1 1 calc(33.333% - 16px)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .content-recs .container_list-headlines-ranked .container_list-headlines-ranked__field-links {
flex-direction: unset
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .content-recs .container_lead-plus-headlines-with-images__cards-wrapper .image__container,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .content-recs .container_lead-plus-headlines__cards-wrapper .image__container {
margin-bottom: 8px
}
}
.content-recs-elevate {
width: auto
}
@media screen and (min-width:768px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .content-recs-elevate .container__item-media-wrapper .image .image__container {
width: 100%
}
}
.bizdev-outbrain {
position: relative;
width: 100%
}
.bizdev-outbrain[data-visible-viewport=desktop] {
margin-bottom: 0
}
.bizdev-outbrain--unfurled {
max-width: 1100px;
margin: 0 auto;
padding: 0 10px
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .bizdev-outbrain[data-visible-viewport=mobile] {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .bizdev-outbrain[data-visible-viewport=desktop] {
margin-bottom: 48px
}
}
.ad-slot-dynamic {
display: flex;
position: relative;
justify-content: center;
align-items: center;
width: 100%;
overflow: hidden
}
.ad-slot-dynamic--outstream {
position: relative;
background-color: #b1b1b1;
max-height: 600px;
transition: max-height .5s ease-out;
transition-property: max-height;
transition-duration: .5s;
transition-timing-function: ease-out;
transition-delay: 0s
}
.ad-slot-dynamic--hidden {
display: none
}
.ad-slot-dynamic__close {
display: none;
position: absolute;
right: 0;
top: 0;
width: 18px;
height: 18px;
opacity: .3;
cursor: pointer
}
.ad-slot-dynamic__close:hover {
opacity: 1
}
.ad-slot-dynamic__close::after,
.ad-slot-dynamic__close::before {
position: absolute;
left: 8px;
content: ' ';
height: 19px;
width: 2px;
background-color: #333
}
.ad-slot-dynamic__close::before {
transform: rotate(45deg)
}
.ad-slot-dynamic__close::after {
transform: rotate(-45deg)
}
.ad-slot-dynamic:has(.adfuel-rendered) .ad-slot-dynamic__close {
display: block
}
.ad-slot-dynamic .ad-slot .ad::after {
padding-bottom: 0
}
.ad-slot-dynamic iframe {
max-width: 100%
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-dynamic[data-uri*=below-playlist] .ad-slot {
padding-top: 40px;
margin: 0 0 0 24px
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-dynamic[data-uri$='sharethrough@published'],
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-dynamic[data-uri$='sharethrough@published'] .ad-slot,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-dynamic[data-uri$=sharethrough],
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-dynamic[data-uri$=sharethrough] .ad-slot {
padding: 0
}
}
.ad-slot-dynamic[data-uri*=cnn-focus-mode-inline-ad] {
display: none
}
.openweb-convo {
width: 100%
}
.openweb-convo__info-text {
font-size: 16px;
font-style: italic
}
.openweb-convo__ad {
margin: 12px auto
}
.openweb-convo__placeholder-wrapper {
display: flex;
flex-direction: column
}
.openweb-convo__placeholder-wrapper--hidden {
display: none
}
.openweb-comment-counter {
display: flex;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 14px;
margin: 10px 12px 0;
cursor: pointer;
align-items: center;
background-color: transparent;
border: none;
text-decoration: none;
color: #0c0c0c
}
.openweb-comment-counter:focus {
outline: 0
}
.openweb-comment-counter:active,
.openweb-comment-counter:hover,
.openweb-comment-counter:visited {
color: #0c0c0c
}
.openweb-comment-counter:hover svg {
fill: #0c0c0c
}
.openweb-comment-counter--hide {
display: none
}
.openweb-comment-counter--article-end {
width: fit-content;
border: 1px solid #b1b1b1;
padding: 4px 12px;
border-radius: 20px;
margin-left: 0
}
.openweb-comment-counter__icon {
display: flex;
width: 20px;
height: 27px;
content: url(/media/sites/cnn/icons/comment-icon.svg)
}
.openweb-comment-counter__comments-label {
margin-left: 8px;
white-space: nowrap
}
.openweb-comment-counter__promo-container {
clear: both;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
border: 1px solid #e6e6e6;
margin-bottom: 16px
}
.openweb-comment-counter__promo-content,
.openweb-comment-counter__promo-text {
align-items: center;
display: flex
}
.openweb-comment-counter__promo-label {
margin-left: 8px;
font-size: 16px;
color: #404040
}
.openweb-comment-counter__promo-qa {
margin-left: 8px;
color: #0c0c0c
}
.openweb-comment-counter__promo-button {
display: flex;
cursor: pointer;
height: 32px;
padding: 8px;
align-items: center;
border-radius: 8px;
border: 1px solid #0c0c0c;
font-size: 14px;
font-weight: 700;
color: #0c0c0c;
text-decoration: none
}
.openweb-comment-counter__promo-button:active,
.openweb-comment-counter__promo-button:hover,
.openweb-comment-counter__promo-button:visited {
color: #0c0c0c
}
@media (max-width:959px) {
.openweb-comment-counter {
margin-left: 0
}
.openweb-comment-counter__promo-container {
padding: 16px 0;
justify-content: center;
flex-wrap: wrap
}
.openweb-comment-counter__promo-content,
.openweb-comment-counter__promo-cta,
.openweb-comment-counter__promo-label,
.openweb-comment-counter__promo-text {
display: flex;
width: 100%;
justify-content: center;
text-align: center;
font-size: 14px
}
.openweb-comment-counter__promo-content {
flex-wrap: wrap
}
.openweb-comment-counter__promo-button,
.openweb-comment-counter__promo-label {
margin: 8px 0 0
}
}
@media (min-width:960px) {
.openweb-convo__ad {
position: sticky;
top: 50px
}
}
.breadcrumb,
.breadcrumb-elevate {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif
}
.breadcrumb:has(.breadcrumb__grandchild-link) .breadcrumb__child-link,
.breadcrumb__parent-link {
margin-right: 4px
}
.breadcrumb-elevate .breadcrumb__link:hover,
.breadcrumb__link:hover {
-webkit-text-decoration: var(--theme-paragraph__link-decoration);
text-decoration: var(--theme-paragraph__link-decoration)
}
.breadcrumb-elevate .breadcrumb__link,
.breadcrumb__link {
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.breadcrumb-elevate .breadcrumb__link,
.breadcrumb-elevate .breadcrumb__link:hover,
.breadcrumb__link,
.breadcrumb__link:hover {
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.breadcrumb-elevate__link-separator:after,
.breadcrumb__read-time,
.breadcrumb__read-time-separator {
display: none
}
.breadcrumb {
color: #0c0c0c;
font-size: 14px;
line-height: 14px
}
.breadcrumb__margin-article {
margin-bottom: 24px
}
.breadcrumb__child-link,
.breadcrumb__grandchild-link {
margin-left: 4px
}
.breadcrumb__link-separator:after {
content: ' / '
}
.breadcrumb__margin-landing-page {
margin-bottom: 8px
}
.breadcrumb__link {
-webkit-text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-color: var(--theme-paragraph__link-decoration-color);
color: #0c0c0c;
-webkit-text-decoration-line: var(--theme-paragraph__hover-link-decoration);
text-decoration-line: var(--theme-paragraph__hover-link-decoration)
}
.breadcrumb__link:hover {
color: #6e6e6e
}
.underscored .breadcrumb__parent-link {
margin-right: 0
}
.underscored .breadcrumb__child-link {
margin-left: 0
}
.underscored .breadcrumb__link {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c
}
.breadcrumb-elevate .breadcrumb__link,
.underscored .breadcrumb__link:hover {
-webkit-text-decoration-line: var(--theme-paragraph__hover-link-decoration);
text-decoration-line: var(--theme-paragraph__hover-link-decoration)
}
.underscored .breadcrumb__link:hover {
color: #6e6e6e
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__top {
padding-top: 24px
}
}
.breadcrumb-elevate {
color: #0c0c0c;
font-size: 12px;
font-weight: 500;
line-height: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 40px;
margin-bottom: 16px
}
.breadcrumb-elevate .breadcrumb__link {
-webkit-text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-color: var(--theme-paragraph__link-decoration-color);
color: #0c0c0c
}
.breadcrumb-elevate .breadcrumb__link:hover {
color: #6e6e6e
}
.breadcrumb-elevate .breadcrumb__link-separator {
content: url(/media/components/breadcrumb/caret-right-icon.svg);
top: 3px;
position: relative
}
.breadcrumb-elevate .breadcrumb__read-time-separator {
display: unset;
color: #b1b1b1
}
.breadcrumb-elevate .breadcrumb__read-time {
display: unset;
color: #6e6e6e;
white-space: nowrap
}
.breadcrumb-elevate .breadcrumb__child-link,
.breadcrumb-elevate .breadcrumb__grandchild-link,
.breadcrumb-elevate .breadcrumb__parent-link {
margin: 0
}
.article_elevate_xlarge .breadcrumb-elevate {
margin-bottom: 32px
}
@media screen and (max-width:767px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .breadcrumb-elevate {
margin-top: 24px
}
}
@media screen and (min-width:768px) and (max-width:1023px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .breadcrumb-elevate {
margin-top: 32px
}
}
@media screen and (min-width:1024px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .breadcrumb-elevate {
padding: 0 48px
}
}
.vossi-headline-text {
color: var(--theme-headline__text-color);
font-family: var(--theme-headline__font-family);
font-size: var(--theme-headline__font-size);
font-style: normal;
font-weight: var(--theme-headline__font-weight);
line-height: var(--theme-headline__line-height);
letter-spacing: var(--base-font-letter-spacing-none);
margin-top: var(--base-space-none);
margin-left: var(--base-space-none);
margin-right: var(--base-space-none);
margin-bottom: var(--base-space-24)
}
.headline__kicker-text,
.headline__teaser {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif
}
@keyframes blink {
80% {
opacity: 0
}
100% {
opacity: 1
}
}
.headline {
flex-grow: 1;
padding-top: 24px;
padding-bottom: 24px
}
.headline__live-indicator-text {
color: var(--theme-headline-text-color);
position: relative;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
padding-left: 20px;
margin: 0 0 24px
}
.headline__live-indicator-text:before {
animation: blink 2s ease infinite;
background-color: #c00;
border-radius: 100%;
content: '';
height: 8px;
left: 0;
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 8px
}
.headline__kicker {
text-align: center;
width: fit-content;
margin: auto
}
.headline__kicker-text {
color: #0c0c0c;
font-size: 12px;
line-height: 18px;
display: inline-block;
margin-bottom: 16px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1.4px
}
.headline__kicker-url {
color: unset;
text-decoration: none;
display: block
}
.headline__kicker-url:hover>.headline__kicker-text {
color: #6e6e6e;
text-decoration: underline
}
.headline__kicker .image {
border-bottom: none;
margin: 0 0 16px;
padding: 0;
max-height: 30px
}
.headline__kicker .image__metadata {
display: none
}
.headline__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.headline__section-link {
cursor: pointer;
color: #0c0c0c;
font-size: 14px;
font-weight: 400;
text-decoration: none;
margin-bottom: 24px
}
.headline__teaser {
margin-bottom: var(--theme-headline__teaser-margin-botton);
margin-top: var(--theme-headline__teaser-margin-top);
letter-spacing: .2px;
font-size: var(--theme-headline__teaser-font-size);
line-height: var(--theme-headline__teaser-line-height)
}
.headline__sub-container {
display: flex;
align-items: center
}
.headline__sub-container .byline {
margin: 0 !important
}
.headline__sub-text {
flex: 1
}
.headline__byline-sub-text {
display: inline-flex
}
.headline__sub-description {
color: #6e6e6e;
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin: 2px 4px 0 0
}
.headline__sub-description::after {
content: '\00B7';
color: #6e6e6e;
margin: 0 2px
}
.headline--has-lowertext {
padding-top: 0;
padding-bottom: 32px
}
.headline__options--has-more {
display: flex;
flex-direction: row;
align-items: center
}
.headline__subscription-text {
order: -1;
display: inline-block;
color: #c00;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.2px;
border: 1px solid #c00;
padding: 4px 8px;
margin-bottom: 24px;
text-transform: uppercase
}
.layout-with-rail__top .headline__kicker {
margin: unset
}
@media screen and (max-width:479px) {
.headline__byline-sub-text {
display: block
}
.headline__sub-description {
margin: 4px 4px 0 0
}
.headline__sub-description::after {
content: ''
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline__kicker-url {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline__sub-container {
flex-flow: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline__sub-text {
order: 1;
flex-basis: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline__options {
display: flex;
flex-direction: column;
align-items: flex-start
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline__live-indicator-text {
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline__kicker .image {
max-height: 40px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
.headline-elevate {
font-family: var(--theme-headline__font-family);
font-weight: var(--theme-headline__font-weight)
}
.headline-elevate .headline__text {
font-size: 1.556rem;
line-height: 1.93rem;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
border-left: 6px solid #c00;
padding: 0 20px 0 14px
}
.headline-elevate .headline__description-text,
.headline-elevate .headline__live-indicator-text,
.headline-elevate .headline__section-link {
display: none
}
.headline-elevate.headline--has-lowertext {
padding: 0;
margin-bottom: 32px
}
.article_elevate_xlarge .headline-elevate .headline__text {
border-left: none;
position: relative;
margin-bottom: 32px
}
.article_elevate_xlarge .headline-elevate .headline__text:after {
content: '';
width: 140px;
border-bottom: 12px solid #c00000;
display: block;
margin: 32px auto 0
}
.article_elevate_xlarge .headline-elevate .headline__byline-sub-text {
display: inline-flex;
margin: 0 auto
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .headline-elevate .headline__text {
padding: 0 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .headline-elevate .headline__text:after {
border-bottom: 6px solid #c00000
}
}
@media screen and (min-width:480px) and (max-width:767px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .headline-elevate .headline__text {
padding: 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .headline-elevate .headline__text:after {
border-bottom: 8px solid #c00000
}
}
@media screen and (min-width:768px) and (max-width:1023px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .headline-elevate .headline__text {
padding: 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .headline-elevate .headline__text:after {
border-bottom: 8px solid #c00000
}
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline-elevate .headline__text {
padding: 0 32px 0 26px
}
}
@media screen and (min-width:768px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline-elevate .headline__text {
border-left: 12px solid #c00;
padding-left: 20px;
font-size: 2rem;
line-height: 2.5rem
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .headline-elevate .headline__text {
border-left: none
}
}
@media screen and (min-width:1024px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline-elevate .headline__text {
padding: 0 48px 0 36px;
font-size: 2.4rem;
line-height: 3rem;
width: 100%;
left: auto;
right: auto;
margin-left: auto;
margin-right: auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline-elevate .headline .headline__footer,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .headline-elevate .headline__text {
padding: 0 48px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline-elevate .headline__subscription-text {
margin-left: 48px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline-elevate .headline.headline--has-lowertext {
margin-bottom: 40px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .headline__subscription-text {
margin-left: 0
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline {
max-width: 70%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .headline-elevate .headline__text {
font-size: 3.1rem;
line-height: 3.75rem
}
}
.formfield-radio-buttons__option-label-highlight,
.user-account-reg-wall__info .user-account-reg-wall__tooltip,
.user-account-reg-wall__info .user-account-reg-wall__tooltip-text,
.user-account-reg-wall__modal,
.user-account-reg-wall__title,
.user-account-shared-page,
.user-account-shared__button,
.user-account-shared__link {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif
}
.user-account-shared__heading {
text-align: center;
margin: 0 0 24px;
max-width: 400px;
color: #262626
}
.user-account-shared__heading-text {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin: 0 8px 8px;
color: #262626
}
.user-account-shared__heading-subtext {
font-size: 16px;
line-height: 20px;
color: #262626;
margin: 0;
display: inline-block
}
.user-account-shared__heading-subtext--hide,
.user-account-shared__sso .user-account-shared__sso-disclaimer--intl {
display: none
}
.user-account-shared__link {
text-decoration: underline;
color: #0c0c0c;
background-color: transparent;
border: none;
padding: 0;
outline: 0;
cursor: pointer
}
.user-account-shared__link:hover {
color: #6e6e6e;
text-decoration: none
}
.user-account-shared__link--heading {
color: inherit
}
.user-account-shared__link[aria-disabled=true] {
cursor: not-allowed;
color: #b1b1b1
}
.user-account-shared__form-field {
width: 100%;
max-width: none;
margin-bottom: 10px
}
.user-account-shared__button {
width: 100%;
padding: 16px 32px;
border: 0;
border-radius: 8px;
background: #0c0c0c;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 16px;
cursor: pointer
}
.user-account-shared__button:hover {
background-color: #6e6e6e
}
.user-account-shared__button[aria-disabled=true] {
border: none;
color: #fff;
background-color: rgba(12, 12, 12, .2);
cursor: not-allowed
}
.user-account-shared__button--outline {
background: #fff;
color: #262626;
border: 1px solid #262626
}
.user-account-shared__button--outline:hover {
background-color: #e6e6e6
}
.user-account-shared__button--outline:hover[aria-disabled=true] {
background-color: #b1b1b1;
cursor: not-allowed
}
.user-account-shared__button--link {
text-decoration: none;
text-align: center;
max-width: 180px
}
.user-account-shared__paragraph-text {
letter-spacing: .2px;
font-size: 14px;
margin: 0
}
.user-account-shared__paragraph-text a {
color: inherit
}
.user-account-shared__paragraph-text--opt-out,
.user-account-shared__paragraph-text--small,
.user-account-shared__paragraph-text--tos {
font-size: 12px;
line-height: 18px;
color: #262626
}
.user-account-shared__paragraph-text--opt-out,
.user-account-shared__paragraph-text--opt-out a,
.user-account-shared__paragraph-text--tos,
.user-account-shared__paragraph-text--tos a {
color: #262626
}
.user-account-shared__paragraph-text--opt-out a:hover,
.user-account-shared__paragraph-text--tos a:hover {
color: #6e6e6e;
text-decoration: none
}
.user-account-shared__paragraph-text--tos {
margin: 16px 0
}
.user-account-shared__sso {
width: 100%
}
.user-account-shared__sso .user-account-shared__sso-disclaimer--domestic {
display: block
}
.user-account-shared__sso--intl .user-account-shared__sso-disclaimer--domestic {
display: none
}
.user-account-shared__sso--intl .user-account-shared__sso-disclaimer--intl {
display: block
}
.user-account-shared__sso-disclaimer {
font-size: 12px;
line-height: 18px;
margin-bottom: 16px;
letter-spacing: .4px
}
.user-account-shared__sso-disclaimer-link {
color: #0c0c0c
}
.user-account-shared__sso-disclaimer-link:hover {
color: #6e6e6e;
text-decoration: none
}
.user-account-shared__sso-separator {
display: flex;
align-items: center;
text-align: center;
color: #6e6e6e;
margin-bottom: 16px
}
.user-account-shared__sso-separator::after,
.user-account-shared__sso-separator::before {
content: '';
flex: 1;
border-bottom: 1px solid #b1b1b1
}
.user-account-shared__sso-separator:not(:empty)::before {
margin-right: .25em
}
.user-account-shared__sso-separator:not(:empty)::after {
margin-left: .25em
}
.user-account-shared__stripe-card-element {
border-radius: 8px;
padding: 14px 16px;
margin-bottom: 8px;
background: 0 0;
border: 1px solid #6e6e6e;
color: #262626
}
.user-account-shared__stripe-card-element.StripeElement--invalid {
border: 1px solid #f13a3a
}
.user-account-shared__stripe-card-element.StripeElement--focus {
border: 2px solid #262626
}
.user-account-shared__stripe-card-element.StripeElement--focus+label {
display: block
}
.user-account-shared__stripe-card-element.StripeElement:not(:-ms-input-placeholder)+label {
display: block
}
.user-account-shared__stripe-card-element.StripeElement:not(:placeholder-shown)+label {
display: block
}
.user-account-shared__stripe-card-element.StripeElement--webkit-autofill {
background: rgba(255, 255, 255, .2) !important
}
.user-account-shared__stripe-card-element+label>span {
position: relative
}
.user-account-shared__stripe-card-element #cardnumber-label {
left: 32px
}
.user-account-shared__processing span {
animation: processing_animation 1.3s infinite cubic-bezier(.455, .03, .515, .955)
}
.user-account-shared__processing span:nth-child(2) {
animation-delay: .2s
}
.user-account-shared__processing span:last-child {
animation-delay: .4s
}
.user-account-shared-page {
display: flex;
justify-content: center;
width: 100%;
min-height: calc(100vh - 256px)
}
.user-account-shared-page .brand-logo,
.user-account-shared-page .user-account-shared__cnn-logo {
display: none;
height: 24px;
width: 64px
}
.user-account-shared-page .brand-logo:focus,
.user-account-shared-page .user-account-shared__cnn-logo:focus {
outline: 0
}
.user-account-shared-page .brand-logo .cnn-logo,
.user-account-shared-page .user-account-shared__cnn-logo .cnn-logo {
height: 24px;
width: 64px
}
.user-account-shared__wrapper {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
background-color: #fff;
border-radius: 8px;
margin: 0;
padding: 24px 24px 32px;
width: 100%;
max-width: 586px;
min-height: calc(100vh - 364px)
}
.user-account-shared__wrapper--not-found {
padding: 16px;
background: 0 0;
margin: 64px auto;
align-items: start;
max-width: 1440px
}
.user-account-shared__not-found-heading {
font-size: 42px;
line-height: 42px;
margin: 0 0 16px;
color: #262626;
font-weight: 700
}
.user-account-shared__not-found-subheading {
font-size: 24px;
line-height: 30px;
margin: 0 0 48px;
color: #262626;
font-weight: 400
}
.user-account-shared__existing-account {
display: none;
max-width: 386px;
text-align: center
}
.user-account-shared__existing-account-text {
margin: 8px 0 24px;
line-height: 24px;
font-size: 14px;
letter-spacing: .2px
}
.user-account-shared__existing-account--email,
.user-account-shared__existing-account--existing-sso,
.user-account-shared__existing-account--sso {
display: none
}
.user-account-shared__sso-connected,
.user-account-shared__sso-connected .user-account-shared__existing-account--sso,
.user-account-shared__sso-existing,
.user-account-shared__sso-existing .user-account-shared__existing-account--existing-sso,
.user-account-shared__sso-not-connected,
.user-account-shared__sso-not-connected .user-account-shared__existing-account--email {
display: block
}
.user-account-shared__loading-indicator {
width: 100%;
max-width: 250px;
height: 8px;
border: 1px solid #b1b1b1;
animation: loading 6s ease-in-out 0s infinite;
-webkit-animation: loading 2s ease-in-out 0s infinite;
background-color: #b1b1b1;
background-image: linear-gradient(to right, #e6e6e6 5%, #b1b1b1 20%, #e6e6e6 35%)
}
.user-account-shared__hide {
display: none
}
.user-account-shared__full-page-loading-wrapper {
display: none;
align-items: center;
justify-content: center;
width: 100%;
min-height: calc(100vh - 256px)
}
.user-account-shared__confirmation-wrapper {
display: none;
width: 100%
}
.user-account-shared__confirmation-wrapper--show {
display: block
}
.user-account-shared__confirmation-subtext {
text-align: center;
color: #262626;
display: block
}
.user-account-shared__confirmation-heading {
margin: 12px auto;
font-size: 24px;
line-height: 30px
}
.user-account-shared__confirmation-infotext {
margin: 0;
color: #262626;
text-align: center;
line-height: 18px
}
.user-account-shared__confirmation-button {
margin-top: 24px;
display: inline-block;
text-align: center;
text-decoration: none
}
.user-account-shared--confirmation-show {
display: block
}
.user-account-shared__view-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
position: relative;
width: 100%
}
.user-account-shared__view-wrapper--hide {
display: none
}
.layout-user-account--no-header .user-account-shared-page .brand-logo,
.layout-user-account--no-header .user-account-shared-page .user-account-shared__cnn-logo {
display: block;
margin-bottom: 16px
}
.layout-user-account--no-header .layout-user-account__cnn-logo-wrapper {
display: none
}
.layout-user-account--no-header .grecaptcha-badge {
visibility: hidden
}
.layout-user-account--restricted-cnn .layout-user-account__cnn-logo-wrapper {
display: flex
}
@media (min-width:480px) {
.user-account-shared-page .brand-logo,
.user-account-shared-page .user-account-shared__cnn-logo {
display: block;
height: 36px;
width: 93px;
margin-bottom: 24px
}
.user-account-shared-page .brand-logo .cnn-logo,
.user-account-shared-page .user-account-shared__cnn-logo .cnn-logo {
height: 36px;
width: 93px
}
.user-account-shared__wrapper {
margin: 48px 80px;
width: auto;
min-height: 0;
height: fit-content;
height: -moz-max-content
}
.user-account-shared__wrapper--not-found {
margin: 64px auto
}
.user-account-shared__heading-text {
margin: 0 0 8px
}
}
@media (min-width:960px) {
.user-account-shared__wrapper {
padding: 56px 100px;
min-width: 500px
}
.user-account-shared__wrapper--not-found {
padding: 32px;
margin: 80px auto
}
.user-account-shared__not-found-heading {
line-height: 48px
}
.user-account-shared__not-found-subheading {
margin: 0 0 48px;
font-weight: 400
}
.user-account-shared__heading-text {
margin: 0 0 8px
}
.user-account-shared__formfield-radio-special-offer-label-text--small {
max-width: 300px
}
.layout-user-account--no-header .user-account-shared-page .brand-logo,
.layout-user-account--no-header .user-account-shared-page .user-account-shared__cnn-logo {
margin-bottom: 16px
}
}
@keyframes loading {
0% {
background-position: -500px 0
}
100% {
background-position: 500px 0
}
}
@keyframes processing_animation {
0%,
100% {
opacity: .2
}
50% {
opacity: 1
}
}
.button {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-weight: 700;
width: fit-content;
border-radius: 8px;
font-size: 16px;
line-height: 24px;
outline: 0;
text-decoration: none;
cursor: pointer
}
.button--light-mode {
color: #fff;
background-color: #0c0c0c;
border: none
}
.button--light-mode path {
fill: #fff
}
.button--dark-mode path,
.button--outline-mode path,
.formfield-radio-buttons__option .formfield-radio-buttons__radio-open-icon>path {
fill: #0c0c0c
}
.button--light-mode:hover {
background-color: #6e6e6e;
cursor: pointer
}
.button--light-mode:disabled,
.button--light-mode[aria-disabled=true] {
background-color: rgba(12, 12, 12, .2);
cursor: not-allowed
}
.button--light-mode:focus {
outline: #0c0c0c auto;
outline-offset: 2px
}
.button--dark-mode {
color: #0c0c0c;
background-color: #fff;
border: none
}
.button--dark-mode:hover {
background-color: #6e6e6e;
cursor: pointer
}
.button--dark-mode:disabled,
.button--dark-mode[aria-disabled=true] {
background-color: rgba(255, 255, 255, .2);
cursor: not-allowed
}
.button--outline-mode {
color: #0c0c0c;
background: 0 0;
border: 1px solid #0c0c0c
}
.article__main .article__content>[data-component-name=image].image-elevate .image__dam-img--loading,
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__dam-img--loading,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__dam-img--loading,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__dam-img--loading,
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__dam-img--loading,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__dam-img--loading,
.button--outline-mode:hover {
background-color: #e6e6e6
}
.button--outline-mode:hover {
cursor: pointer
}
.button--outline-mode:disabled,
.button--outline-mode[aria-disabled=true] {
background-color: rgba(255, 255, 255, .2);
cursor: not-allowed
}
.button--red-mode {
color: #fff;
background-color: #c00;
border: none
}
.button--red-mode:disabled,
.button--red-mode[aria-disabled=true] {
background-color: rgba(255, 255, 255, .2);
cursor: not-allowed
}
.button--size-large {
padding: 16px 32px
}
.button--size-medium {
padding: 16px 24px
}
.button--size-small {
padding: 8px
}
.button__icon {
margin-left: 8px;
width: 24px;
height: 24px
}
.formfield-radio-buttons {
display: flex;
flex-direction: column;
width: 100%;
gap: 16px
}
.formfield-radio-buttons__option-label-wrapper {
display: flex;
flex-direction: column
}
.formfield-radio-buttons__option-label,
.formfield-radio-buttons__option-subtext {
text-align: left;
line-height: 20px
}
.formfield-radio-buttons__option-label {
font-size: 16px;
font-weight: 700
}
.formfield-radio-buttons__option-subtext {
font-size: 14px;
font-weight: 400
}
.formfield-radio-buttons__option-label-right {
font-weight: 700;
margin-left: auto
}
.formfield-radio-buttons__option {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 16px;
background-color: transparent;
border: 1px solid #e6e6e6;
border-radius: 8px;
color: #262626;
position: relative;
cursor: pointer
}
.formfield-radio-buttons__option .formfield-radio-buttons__radio-filled-icon {
display: none;
width: 18px;
height: 18px;
border-radius: 50%;
background-image: url(/media/sites/cnn/icons/radio-selected.svg)
}
.formfield-radio-buttons__option .formfield-radio-buttons__radio-open-icon {
display: block;
width: 18px;
height: 18px;
background-image: url(/media/sites/cnn/icons/radio.svg)
}
.formfield-radio-buttons__option--selected {
border: 1px solid #0c0c0c
}
.formfield-radio-buttons__option--selected .formfield-radio-buttons__radio-filled-icon {
display: block
}
.formfield-radio-buttons__option--selected .formfield-radio-buttons__radio-open-icon,
.user-account-reg-wall--hide {
display: none
}
.formfield-radio-buttons__option-input-wrapper {
position: relative;
width: 18px;
height: 18px;
margin-right: 20px
}
.formfield-radio-buttons__option-label-highlight {
font-size: 12px
}
.formfield-radio-buttons__option-badge {
border-radius: 8px;
background: #c00;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 18px;
position: absolute;
right: -6px;
top: -9px;
padding: 0 12px;
text-transform: uppercase
}
.formfield-radio-buttons__option-input {
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 18px;
height: 18px;
margin: 0;
border-radius: 50%
}
@media (min-width:480px) {
.formfield-radio-buttons__option:hover {
background-color: #e6e6e6
}
}
@keyframes slideIn {
from {
transform: translateY(100px);
opacity: 0
}
to {
transform: translateY(0);
opacity: 1
}
}
.user-account-reg-wall {
width: 100%;
height: 100%
}
.user-account-reg-wall__dismiss {
width: 24px;
height: 24px;
cursor: pointer;
background-image: url(/media/sites/cnn/icons/ui-close.svg);
position: absolute;
top: 0;
right: 0;
margin: 16px 16px 0 0
}
.user-account-reg-wall__overlay {
position: fixed;
top: 0;
left: 0;
z-index: 25;
width: 100%;
height: 100%;
background: rgba(217, 217, 217, .5)
}
.user-account-reg-wall--sub .user-account-reg-wall__overlay {
background: rgba(0, 0, 0, .75)
}
.user-account-reg-wall__content {
display: flex;
flex-direction: column;
align-items: center;
width: auto
}
.user-account-reg-wall__svg-wrapper {
width: 43px;
height: 20px;
margin: 0 auto 8px
}
.user-account-reg-wall__svg-wrapper:before {
margin: auto;
content: '';
display: block;
height: 20px;
width: 43px;
background-image: url(/media/sites/cnn/cnn.svg);
background-repeat: no-repeat
}
.user-account-reg-wall--sub .user-account-reg-wall__svg-wrapper,
.user-account-reg-wall--sub .user-account-reg-wall__svg-wrapper:before {
width: 61px;
height: 28px
}
.user-account-reg-wall__subtext {
line-height: 24px;
display: flex;
flex-direction: column
}
.user-account-reg-wall__offer {
font-size: 16px;
display: flex;
flex-direction: column;
gap: 4px;
margin: 24px 0 0;
line-height: 26px
}
.user-account-reg-wall__offer--subtext {
font-size: 14px
}
.user-account-reg-wall__text-wrapper {
font-size: 16px;
line-height: 22px;
margin-bottom: 8px
}
.user-account-reg-wall__text-wrapper--subtext {
margin: 0
}
.user-account-reg-wall--sub .user-account-reg-wall__text-wrapper--subtext {
font-size: 16px;
line-height: 30px;
padding-bottom: 16px
}
.user-account-reg-wall__title {
display: block;
line-height: 30px;
font-weight: 700;
max-width: 288px;
margin: 0 auto
}
.user-account-reg-wall--sub .user-account-reg-wall__title {
font-size: 24px;
line-height: 30px;
display: block;
padding: 22px 0 4px
}
.user-account-reg-wall__cta2 {
font-size: 12px;
line-height: 18px;
margin: 8px 0;
color: #0c0c0c
}
.user-account-reg-wall__cta2--link {
color: inherit;
text-decoration: underline
}
.user-account-reg-wall__cta2--link:hover {
cursor: pointer;
color: #6e6e6e;
text-decoration: none
}
.user-account-reg-wall--sub .user-account-reg-wall__cta2 {
font-size: 14px;
margin: 16px 0 8px
}
.user-account-reg-wall__info {
display: flex;
flex-direction: row;
justify-content: center;
align-items: baseline;
margin-top: 10px;
font-style: italic;
font-size: 12px
}
.user-account-reg-wall__info:before {
margin: auto;
content: '';
display: block;
height: 12px;
width: 12px;
background-image: url(/media/sites/cnn/icons/info-icon.svg);
background-repeat: no-repeat
}
.user-account-reg-wall__info .user-account-reg-wall__tooltip {
display: none;
margin: 26px 0 0 4px;
position: absolute;
bottom: 50px;
background-color: #262626;
border-radius: 8px;
color: #fff;
font-size: 12px;
font-weight: 400;
max-width: 256px;
padding: 12px 16px
}
.user-account-reg-wall__info .user-account-reg-wall__tooltip-text {
display: inline;
margin: 0;
font-style: normal;
font-size: 12px
}
.user-account-reg-wall__info:hover .user-account-reg-wall__tooltip {
display: inline-block
}
.button+.user-account-reg-wall__info {
margin-top: 16px
}
.user-account-reg-wall--sub .button {
width: 100%;
max-width: 338px;
height: 48px;
padding-top: 12px;
padding-bottom: 12px
}
.user-account-reg-wall__modal {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
bottom: 0;
left: 0;
padding: 32px 23px 21px;
box-sizing: border-box;
width: 100%;
min-height: 200px;
z-index: 50;
box-shadow: 0 -4px 8px rgba(0, 0, 0, .25);
background-color: #fff;
text-align: center
}
.user-account-reg-wall__modal--slide {
animation: slideIn .5s forwards
}
.user-account-reg-wall__modal--no-script .user-account-reg-wall__svg-wrapper {
margin-top: 32px
}
.user-account-reg-wall__modal--no-script .user-account-reg-wall__svg-wrapper:before {
margin: auto;
content: '';
display: block;
height: 32px;
width: 32px;
background-image: url(/media/sites/cnn/icons/sig-alert-icon.svg);
background-repeat: no-repeat
}
.user-account-reg-wall__modal--no-script .user-account-reg-wall__title {
text-align: center;
font-size: 24px;
font-weight: 700;
line-height: 22px;
margin: 32px 0
}
.user-account-reg-wall__modal--no-script .user-account-reg-wall__subtext {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
display: block
}
.user-account-reg-wall__perks-list {
margin: 16px 0 12px;
padding: 0;
font-size: 14px;
line-height: 20px;
list-style-type: none;
list-style-position: inside;
text-align: left;
width: 100%
}
.user-account-reg-wall__perks-list-item {
background-image: url(/media/sites/cnn/icons/ui-check-mark.svg);
background-position: left;
background-size: 16px 16px;
background-repeat: no-repeat;
padding-left: 22px;
margin-bottom: 12px
}
.user-account-reg-wall__perks-text {
font-size: 14px;
font-weight: 700;
line-height: 24px;
margin: 0
}
.user-account-reg-wall__renewal-text {
margin: 8px 0 32px;
font-size: 12px
}
.user-account-reg-wall__eyebrow-text {
margin: 0 0 16px;
font-size: 16px;
line-height: 20px
}
.user-account-reg-wall__product-offerings {
display: flex;
flex-direction: column;
gap: 16px
}
.user-account-reg-wall__interactive-content {
width: 100%;
display: flex;
flex-direction: column;
align-items: center
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__content,
.user-account-reg-wall--minimal-radios .user-account-reg-wall__content {
display: flex;
flex-direction: column
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__svg-wrapper,
.user-account-reg-wall--minimal-radios .user-account-reg-wall__svg-wrapper {
margin: 12px 0 24px
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__text-wrapper,
.user-account-reg-wall--minimal-radios .user-account-reg-wall__text-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
max-width: 296px;
align-items: center;
margin: 0
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__interactive-content,
.user-account-reg-wall--minimal-radios .user-account-reg-wall__interactive-content {
width: 100%
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__subtext,
.user-account-reg-wall--minimal-radios .user-account-reg-wall__subtext {
display: block;
margin-top: 16px
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__title,
.user-account-reg-wall--minimal-radios .user-account-reg-wall__title {
padding: 0 0 8px;
margin: 0
}
.user-account-reg-wall--minimal-radios .user-account-reg-wall__title {
padding: 0
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__text-wrapper {
align-items: flex-start;
text-align: left
}
@media (min-width:480px) {
.user-account-reg-wall__content {
width: 743px
}
.user-account-reg-wall__text-wrapper {
font-size: 18px;
margin-bottom: 8px
}
.user-account-reg-wall__modal {
padding: 24px 34px 29px;
min-height: 232px
}
.user-account-reg-wall--sub .user-account-reg-wall__modal {
padding-top: 32px;
padding-bottom: 24px
}
.user-account-reg-wall__cta2 {
font-size: 16px;
line-height: 22px;
margin: 16px 0
}
.user-account-reg-wall__info {
margin-top: 4px
}
.user-account-reg-wall__subtext {
display: block
}
.user-account-reg-wall__subtext-promo {
margin-left: 4px
}
.user-account-reg-wall__title {
max-width: none
}
.user-account-reg-wall__perks-list {
margin-bottom: 0
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__content,
.user-account-reg-wall--minimal-radios .user-account-reg-wall__content {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-evenly;
align-items: center
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__text-wrapper,
.user-account-reg-wall--minimal-radios .user-account-reg-wall__text-wrapper {
align-items: flex-start;
text-align: left;
margin: 0
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__svg-wrapper,
.user-account-reg-wall--minimal-radios .user-account-reg-wall__svg-wrapper {
width: 68px;
height: 24px;
margin-top: 0
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall__interactive-content,
.user-account-reg-wall--minimal-radios .user-account-reg-wall__interactive-content {
max-width: 330px
}
.user-account-reg-wall--enhanced-radios .user-account-reg-wall--minimal-radios .user-account-reg-wall__text-wrapper--subtext,
.user-account-reg-wall--minimal-radios .user-account-reg-wall--minimal-radios .user-account-reg-wall__text-wrapper--subtext {
padding-bottom: 0
}
}
.article__main .article__content>[data-component-name=image].image-elevate,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate {
border-bottom: none;
margin-bottom: 24px
}
.article__main .article__content>[data-component-name=image].image-elevate .image__hide-placeholder .kiln-placeholder,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__hide-placeholder .kiln-placeholder {
display: none
}
.article__main .article__content>[data-component-name=image].image-elevate .image__picture,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__picture {
width: 100%
}
.article__main .article__content>[data-component-name=image].image-elevate .image__metadata,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__metadata {
display: block;
border-bottom: none;
color: #6e6e6e;
font-family: noto_serif, Georgia, Times New Roman, serif;
line-height: 1.27rem;
font-size: .77rem;
margin-top: 8px;
max-width: 660px
}
.article__main .article__content>[data-component-name=image].image-elevate .image__dam-img,
.article__main .article__content>[data-component-name=image].image-elevate .image__img,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__dam-img,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__img {
width: 100%;
max-width: 1116px;
height: 100%
}
.article__main .article__content>[data-component-name=image].image-elevate .image__caption,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__caption {
display: inline;
order: 1
}
.article__main .article__content>[data-component-name=image].image-elevate .image__credit,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__credit {
display: inline;
font-style: italic;
order: 2
}
.article__main .article__content>[data-component-name=image].image-elevate .image__credit::before,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__credit::before {
content: '('
}
.article__main .article__content>[data-component-name=image].image-elevate .image__credit::after,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__credit::after {
content: ')'
}
.article__main .article__content>[data-component-name=image].image-elevate .image__container,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__container {
display: flex;
margin-bottom: 0
}
.article__main .article__content>[data-component-name=image].image-elevate .image__img--fade-in,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__img--fade-in {
opacity: 0;
visibility: hidden;
transition: opacity .4s ease-in
}
.article__main .article__content>[data-component-name=image].image-elevate .image__img--visible,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__img--visible {
display: block
}
.article__main .article__content>[data-component-name=image].image-elevate .image__img--hidden,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__img--hidden {
display: none
}
.article__main .article__content>[data-component-name=image].image-elevate .image__dam-img,
.article__main .article__content>[data-component-name=image].image-elevate .image__img,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__dam-img,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate .image__img {
border-radius: 4px
}
.article__main .article__content>[data-component-name=image].image-elevate.image--eq-large .image__dam-img,
.article__main .article__content>[data-component-name=image].image-elevate.image--eq-large .image__img,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate.image--eq-large .image__dam-img,
.article__main .article__lede-wrapper>[data-component-name=image].image-elevate.image--eq-large .image__img {
border-radius: 8px
}
@media screen and (min-width:768px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__img {
width: 100%;
max-width: 1116px;
position: relative;
left: 0;
right: 0;
margin-left: 0;
margin-right: 0
}
}
@media screen and (max-width:767px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__img {
border-radius: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__metadata,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__metadata {
margin: 8px auto 0 32px
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__metadata,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__metadata {
margin-left: 0
}
}
@media screen and (max-width:1023px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__metadata,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__metadata {
margin-top: 8px
}
}
@media screen and (min-width:1024px) and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate {
width: calc(1116px / 1.25)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__img {
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__metadata,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__metadata {
margin-top: 8px
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate {
width: 1116px;
margin-left: calc(-1116px / 4.5)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__img {
width: 100%;
margin: 0 auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>.image-elevate .image__metadata,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>.image-elevate .image__metadata {
margin: 8px auto 0
}
}
.article__main .article__content>[data-component-name=image].image_inline-small-elevate {
max-width: 676px;
margin: 32px 0 0;
display: block;
left: 13%;
position: relative
}
.article__main .article__content>[data-component-name=image].image_inline-small-elevate .image_inline-small__picture {
display: flex
}
.article__main .article__content>[data-component-name=image].image_inline-small-elevate .image_inline-small__dam-img,
.article__main .article__content>[data-component-name=image].image_inline-small-elevate .image_inline-small__img {
border-radius: 4px;
width: 100%;
height: auto
}
.article__main .article__content>[data-component-name=image].image_inline-small-elevate .image_inline-small__metadata {
color: #6e6e6e;
font-family: noto_serif, Georgia, Times New Roman, serif;
display: block
}
.article__main .article__content>[data-component-name=image].image_inline-small-elevate .image_inline-small__credit {
display: inline;
font-style: italic
}
.article__main .article__content>[data-component-name=image].image_inline-small-elevate .image_inline-small__credit::before {
content: '('
}
.article__main .article__content>[data-component-name=image].image_inline-small-elevate .image_inline-small__credit::after {
content: ')'
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_inline-small-elevate {
display: flex
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_inline-small-elevate .image_inline-small__container {
max-width: 432px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_inline-small-elevate .image_inline-small__metadata {
display: block;
margin-left: 16px;
max-width: 218px
}
}
.article__main .article__content>[data-component-name=image].image_medium-elevate {
max-width: 676px;
display: block;
left: 13%;
position: relative;
margin-bottom: 24px
}
.article__main .article__content>[data-component-name=image].image_medium-elevate .image_medium__picture {
display: flex
}
.article__main .article__content>[data-component-name=image].image_medium-elevate .image_medium__dam-img,
.article__main .article__content>[data-component-name=image].image_medium-elevate .image_medium__img {
border-radius: 4px;
width: 100%;
height: auto
}
.article__main .article__content>[data-component-name=image].image_medium-elevate .image_medium__metadata {
color: #6e6e6e;
font-family: noto_serif, Georgia, Times New Roman, serif;
display: block
}
.article__main .article__content>[data-component-name=image].image_medium-elevate .image_medium__credit {
display: inline;
font-style: italic
}
.article__main .article__content>[data-component-name=image].image_medium-elevate .image_medium__credit::before {
content: '('
}
.article__main .article__content>[data-component-name=image].image_medium-elevate .image_medium__credit::after {
content: ')'
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_medium-elevate {
display: flex
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_medium-elevate .image_medium__container {
max-width: 432px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_medium-elevate .image_medium__metadata {
display: block;
margin-left: 16px;
max-width: 218px
}
}
.article__main .article__content>[data-component-name=image].image_large-elevate,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate {
width: 100%;
max-width: 660px;
margin-bottom: 24px
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__hide-placeholder .kiln-placeholder,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__hide-placeholder .kiln-placeholder {
display: none
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__picture,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__picture {
width: 100%
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__dam-img,
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__img,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__dam-img,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__img {
border-radius: 4px;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: 100%
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__metadata,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__metadata {
display: block;
color: #6e6e6e;
font-family: noto_serif, Georgia, Times New Roman, serif;
line-height: 20px;
font-size: 14px;
margin-top: 8px
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__caption,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__caption {
color: #6e6e6e;
order: 1
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__credit,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__credit {
display: inline;
font-style: italic;
order: 2
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__credit::before,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__credit::before {
content: '('
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__credit::after,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__credit::after {
content: ')'
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__container,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__container {
display: flex;
margin-bottom: 0
}
.article__main .article__content>[data-component-name=image].image_large-elevate.image_large--eq-large .image_large__dam-img,
.article__main .article__content>[data-component-name=image].image_large-elevate.image_large--eq-large .image_large__img,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate.image_large--eq-large .image_large__dam-img,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate.image_large--eq-large .image_large__img,
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__dam-img,
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__img,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__dam-img,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__img {
border-radius: 8px
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__img--fade-in,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__img--fade-in {
opacity: 0;
visibility: hidden;
transition: opacity .4s ease-in
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__img--visible,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__img--visible {
display: block
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__img--hidden,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__img--hidden,
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__hide-placeholder .kiln-placeholder,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__hide-placeholder .kiln-placeholder {
display: none
}
.article__main .article__content>[data-component-name=image].image_large-elevate .image_large__metadata.image_large__metadata,
.article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__metadata.image_large__metadata {
margin-top: 8px
}
.article_elevate_large .layout-article-elevate__lede,
.article_elevate_xlarge .layout-article-elevate__lede {
max-width: 1344px
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate {
margin-bottom: 24px
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__picture,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__picture {
width: 100%
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__metadata,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__metadata {
display: block;
border-bottom: none;
color: #6e6e6e;
font-family: noto_serif, Georgia, Times New Roman, serif;
line-height: 20px;
font-size: 14px;
max-width: 660px;
margin-top: 8px
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__caption,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__caption {
display: inline;
font-size: 14px;
order: 1
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__credit,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__credit {
display: inline;
font-style: italic;
order: 2
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__credit::before,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__credit::before {
content: '('
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__credit::after,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__credit::after {
content: ')'
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__container,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__container {
display: flex;
margin-bottom: 0
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__dam-img,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__dam-img {
max-width: 1344px;
width: 100%;
object-fit: cover;
height: 100%
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__img,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__img {
width: 100%;
max-width: 1344px;
height: 100%
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__img--fade-in,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__img--fade-in {
opacity: 0;
visibility: hidden;
transition: opacity .4s ease-in
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__img--visible,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__img--visible {
display: block
}
.article_elevate_large .layout-article-elevate__lede .image_large-elevate .image_large__img--hidden,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__img--hidden {
display: none
}
.article_elevate_xlarge .layout-article-elevate__lede {
max-width: 1800px
}
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate {
margin-bottom: 24px
}
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__dam-img,
.article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__img {
max-width: 1800px;
border-radius: 0
}
@media screen and (min-width:768px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_large-elevate .image_large__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_large-elevate .image_large__img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__img {
width: 100%;
max-width: 660px;
position: relative;
left: 0;
right: 0;
margin-left: 0;
margin-right: 0
}
}
@media screen and (max-width:767px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_large-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate {
margin-left: auto;
margin-right: auto;
max-width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_large-elevate .image_large__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_large-elevate .image_large__img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__lede-wrapper>[data-component-name=image].image_large-elevate .image_large__img {
border-radius: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.image_large-elevate .image_large__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.image_large-elevate .image_large__img {
border-radius: 0;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw
}
}
@media screen and (min-width:1024px) and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.image_large-elevate .image_large__metadata {
margin: 8px 0 0
}
}
@media screen and (min-width:1024px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.image_large-elevate {
position: relative;
left: auto;
right: auto;
margin-left: auto;
margin-right: auto
}
}
@media screen and (min-width:1801px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.sponsorship.underscored).article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__dam-img,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.sponsorship.underscored).article_elevate_xlarge .layout-article-elevate__lede .image_large-elevate .image_large__img {
border-radius: 8px
}
}
@media screen and (min-width:1440px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.sponsorship.underscored) .layout-article-elevate__lede>.image_large-elevate {
padding: 0
}
}
.article__main .article__content>[data-component-name=image].image_expandable-elevate {
display: block;
width: 100%;
padding-top: 24px
}
.article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__metadata {
color: #6e6e6e;
font-family: noto_serif, Georgia, Times New Roman, serif;
line-height: 1.27rem;
font-size: .77rem;
margin-top: 8px
}
.article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__metadata p {
margin: 0
}
.article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__credit {
font-style: italic;
padding: 0
}
.article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__credit::before {
content: '('
}
.article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__credit::after {
content: ')'
}
.article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__dam-img,
.article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__img {
border-radius: 4px
}
.article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__metadata.image_expandable__metadata {
margin-top: 8px
}
@media screen and (min-width:768px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_expandable-elevate {
display: table-cell;
padding-right: 12px;
padding-bottom: 24px;
padding-top: 0;
position: relative
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__container {
width: 542px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_expandable-elevate+.image_expandable-elevate {
padding-right: 0;
padding-left: 12px
}
}
@media screen and (max-width:767px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_expandable-elevate {
max-width: 660px;
margin-left: 32px;
padding-right: 32px;
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_expandable-elevate+.image_expandable-elevate {
margin-top: 24px;
margin-bottom: 24px
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_expandable-elevate {
left: -13vw
}
}
@media screen and (min-width:1024px) and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_expandable-elevate {
left: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__container {
max-width: 485px
}
}
@media screen and (min-width:768px) and (max-width:1023px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_expandable-elevate {
left: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .article__content>[data-component-name=image].image_expandable-elevate .image_expandable__container {
max-width: 332px
}
}
.article__content>.video-resource-elevate,
.article__lede-wrapper>.video-resource-elevate,
.layout-article-elevate__lede>.video-resource-elevate {
width: 100%;
margin-bottom: 24px
}
.article__content>.video-resource-elevate .video-resource,
.article__lede-wrapper>.video-resource-elevate .video-resource,
.layout-article-elevate__lede>.video-resource-elevate .video-resource {
width: 100%;
max-width: 100%
}
.article__content>.video-resource-elevate .video-resource__cover,
.article__lede-wrapper>.video-resource-elevate .video-resource__cover,
.layout-article-elevate__lede>.video-resource-elevate .video-resource__cover {
display: block
}
.layout-article-elevate .article__content>.video-resource--media-extra-large {
clip-path: inset(0 0 0 0 round 8px)
}
.layout-article-elevate .layout-article-elevate__main .article__main .article__content>.video-resource {
margin-bottom: 24px
}
.article__content>.video-resource-elevate {
max-width: 660px
}
.article__lede-wrapper>.video-resource-elevate {
margin-bottom: 24px
}
.article__lede-wrapper>.video-resource-elevate:has(.video-resource__stuck) {
position: static;
clip-path: none
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__content>.video-resource-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__lede-wrapper>.video-resource-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-article-elevate__lede>.video-resource-elevate {
max-width: unset;
clip-path: none;
width: 100vw;
left: 50%;
margin-left: -50vw
}
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).layout-article-elevate:not(.sponsorship.underscored) .article__content>.video-resource {
max-width: 660px;
left: 0
}
}
@media screen and (max-width:767px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .article__content>.video-resource-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.video-resource-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_small .article__content>.video-resource-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_small .article__lede-wrapper>.video-resource-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .article__content>.video-resource-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede>.video-resource-elevate {
clip-path: none;
width: 100vw;
left: 50%;
margin-left: -50vw;
max-width: unset
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__content>.video-resource-elevate .video-resource__overlay,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__lede-wrapper>.video-resource-elevate .video-resource__overlay,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-article-elevate__lede>.video-resource-elevate .video-resource__overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.77%, rgba(0, 0, 0, .8) 89.97%)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__content>.video-resource-elevate .video-resource__overlay:hover,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__lede-wrapper>.video-resource-elevate .video-resource__overlay:hover,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-article-elevate__lede>.video-resource-elevate .video-resource__overlay:hover {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 9.72%, rgba(0, 0, 0, .8) 98.49%)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.video-resource-elevate .video-resource[data-component-name=video-player],
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede>.video-resource-elevate .video-resource[data-component-name=video-player] {
overflow: hidden
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_small .article__lede-wrapper>.video-resource-elevate .video-resource {
width: 100%;
max-width: 100%
}
}
@media screen and (min-width:768px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.video-resource-elevate .video-resource,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede>.video-resource-elevate .video-resource {
width: 100%;
max-width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.video-resource-elevate .video-resource__chyron,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede>.video-resource-elevate .video-resource__chyron {
font-size: 24px;
line-height: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.video-resource-elevate .video-resource__runtime,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede>.video-resource-elevate .video-resource__runtime {
font-size: 14px;
line-height: 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.video-resource-elevate .video-resource__playhead,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.video-resource-elevate .video-resource__playhead.spinner::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede>.video-resource-elevate .video-resource__playhead,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede>.video-resource-elevate .video-resource__playhead.spinner::before {
width: 84px;
height: 84px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede>.video-resource-elevate .video-resource__controls,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede>.video-resource-elevate .video-resource__controls {
padding: 24px
}
}
@media screen and (min-width:1024px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede .video-resource-elevate .video-resource,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede .video-resource-elevate .video-resource {
width: 100%;
max-width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede .video-resource-elevate .video-resource__playhead,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede .video-resource-elevate .video-resource__playhead {
align-self: center;
width: 120px;
height: 120px;
position: absolute;
margin: auto;
left: 0;
right: 0;
text-align: center;
top: 0;
bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede .video-resource-elevate .video-resource__playhead.spinner::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede .video-resource-elevate .video-resource__playhead.spinner::before {
width: 120px;
height: 120px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede .video-resource-elevate .video-resource__playhead .play-icon,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede .video-resource-elevate .video-resource__playhead .play-icon {
width: 65px;
margin-left: 10px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede .video-resource-elevate .video-resource__controls,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede .video-resource-elevate .video-resource__overlay,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede .video-resource-elevate .video-resource__controls,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede .video-resource-elevate .video-resource__overlay {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_large .layout-article-elevate__lede .video-resource-elevate .video-resource__info,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede .video-resource-elevate .video-resource__info {
position: absolute;
bottom: 24px;
left: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_small .article__lede-wrapper>.video-resource-elevate {
width: 100%;
max-width: 660px
}
}
@media screen and (max-width:1800px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).article_elevate_xlarge .layout-article-elevate__lede .video-resource-elevate {
clip-path: none
}
}
.article {
margin-bottom: 32px
}
.article__lede-wrapper {
border: none;
margin: 0;
padding: 0;
z-index: 1
}
.article__lede-wrapper .video-resource {
margin: 0
}
.article__lede-wrapper .video-inline_carousel,
.article__lede-wrapper .video-resource__details {
margin-bottom: 32px
}
.article__lede-wrapper .gallery-inline {
margin-bottom: 16px
}
.article__content {
z-index: 1
}
.article__main {
display: flex;
flex-direction: column
}
.article__main .interactive-video {
margin-top: 0;
margin-bottom: 32px
}
.article__main .article__content>[data-component-name=image],
.article__main .article__lede-wrapper>[data-component-name=image] {
border-bottom: 0;
padding-bottom: 0
}
.article__main .article__content>[data-component-name=image] .image-slider__metadata,
.article__main .article__content>[data-component-name=image] .image__metadata,
.article__main .article__content>[data-component-name=image] .image_expandable__metadata,
.article__main .article__content>[data-component-name=image] .image_inline-small__metadata,
.article__main .article__content>[data-component-name=image] .image_large__metadata,
.article__main .article__content>[data-component-name=image] .image_medium__metadata,
.article__main .article__content>[data-component-name=image] .interactive-video__metadata,
.article__main .article__lede-wrapper>[data-component-name=image] .image-slider__metadata,
.article__main .article__lede-wrapper>[data-component-name=image] .image__metadata,
.article__main .article__lede-wrapper>[data-component-name=image] .image_expandable__metadata,
.article__main .article__lede-wrapper>[data-component-name=image] .image_inline-small__metadata,
.article__main .article__lede-wrapper>[data-component-name=image] .image_large__metadata,
.article__main .article__lede-wrapper>[data-component-name=image] .image_medium__metadata,
.article__main .article__lede-wrapper>[data-component-name=image] .interactive-video__metadata {
display: block;
max-width: 676px;
margin: 8px auto 0;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 8px
}
.article__main .article__content>[data-component-name=image] .image-slider__credit,
.article__main .article__content>[data-component-name=image] .image__credit,
.article__main .article__content>[data-component-name=image] .image_expandable__credit,
.article__main .article__content>[data-component-name=image] .image_inline-small__credit,
.article__main .article__content>[data-component-name=image] .image_large__credit,
.article__main .article__content>[data-component-name=image] .image_medium__credit,
.article__main .article__content>[data-component-name=image] .interactive-video__credit,
.article__main .article__lede-wrapper>[data-component-name=image] .image-slider__credit,
.article__main .article__lede-wrapper>[data-component-name=image] .image__credit,
.article__main .article__lede-wrapper>[data-component-name=image] .image_expandable__credit,
.article__main .article__lede-wrapper>[data-component-name=image] .image_inline-small__credit,
.article__main .article__lede-wrapper>[data-component-name=image] .image_large__credit,
.article__main .article__lede-wrapper>[data-component-name=image] .image_medium__credit,
.article__main .article__lede-wrapper>[data-component-name=image] .interactive-video__credit {
line-height: 20px;
display: inline;
visibility: visible;
color: #6e6e6e;
font-size: 14px
}
.article__main .article__content>[data-component-name=image] .image-slider__caption,
.article__main .article__content>[data-component-name=image] .image__caption,
.article__main .article__content>[data-component-name=image] .image_expandable__caption,
.article__main .article__content>[data-component-name=image] .image_inline-small__caption,
.article__main .article__content>[data-component-name=image] .image_large__caption,
.article__main .article__content>[data-component-name=image] .image_medium__caption,
.article__main .article__content>[data-component-name=image] .interactive-video__caption,
.article__main .article__lede-wrapper>[data-component-name=image] .image-slider__caption,
.article__main .article__lede-wrapper>[data-component-name=image] .image__caption,
.article__main .article__lede-wrapper>[data-component-name=image] .image_expandable__caption,
.article__main .article__lede-wrapper>[data-component-name=image] .image_inline-small__caption,
.article__main .article__lede-wrapper>[data-component-name=image] .image_large__caption,
.article__main .article__lede-wrapper>[data-component-name=image] .image_medium__caption,
.article__main .article__lede-wrapper>[data-component-name=image] .interactive-video__caption {
display: inline;
font-size: 14px;
line-height: 20px;
color: #0c0c0c
}
.article__main .article__content>.image_inline .image_inline-small__metadata,
.article__main .article__lede-wrapper>.image_inline .image_inline-small__metadata {
border: 0;
display: block
}
.article__main .article__content>.image.image--eq-small .image__credit,
.article__main .article__lede-wrapper>.image.image--eq-small .image__credit {
line-height: 20px
}
.article__main .article__content>.interactive-video .interactive-video__caption,
.article__main .article__lede-wrapper>.interactive-video .interactive-video__caption {
margin-top: 0
}
.article__main .article__content>.image_inline-small .image_inline-small__caption,
.article__main .article__lede-wrapper>.image_inline-small .image_inline-small__caption {
margin-bottom: 0
}
.article__main .article__content>.image-slider .image-slider__caption,
.article__main .article__lede-wrapper>.image-slider .image-slider__caption {
display: block;
padding-top: 0;
margin-top: 8px
}
.article__content>.video-resource,
.article__lede-wrapper>.video-resource,
.layout-no-rail-article-fullwidth__lede>.video-resource {
margin-bottom: 24px;
position: relative
}
.article__content>.video-resource .video-resource__cover,
.article__lede-wrapper>.video-resource .video-resource__cover,
.layout-no-rail-article-fullwidth__lede>.video-resource .video-resource__cover {
display: block
}
.article__content>.video-resource {
max-width: 676px
}
.article__lede-wrapper>.video-resource:has(.video-resource__stuck) {
position: static;
clip-path: none
}
.article__lede-wrapper>.video-resource:has(.video-resource__stuck).video-resource--media-extra-large {
clip-path: none
}
.article__content .image__picture,
.article__lede-wrapper .image__picture,
.layout-no-rail-article-fullwidth-comms__lede .image__picture,
.layout-no-rail-article-fullwidth-sponsor__lede .image__picture,
.layout-no-rail-article-fullwidth__lede .image__picture {
display: contents;
height: 0
}
.layout-no-rail-article-fullwidth .article .article__content,
.layout-no-rail-article-fullwidth-comms .article .article__content,
.layout-no-rail-article-fullwidth-sponsor .article .article__content {
margin: 0
}
.sponsorship .article {
justify-content: center;
max-width: 1100px;
margin-left: auto;
margin-right: auto
}
.sponsorship .article .active {
flex: 1
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .image_medium__metadata {
display: flex;
border: none;
margin-top: 0;
margin-left: 16px;
max-width: 218px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__main .image_medium__caption {
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__lede-wrapper>.video-resource .video-resource__controls,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth__lede>.video-resource .video-resource__controls {
padding: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__lede-wrapper>.video-resource .video-resource__playhead,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__lede-wrapper>.video-resource .video-resource__playhead.spinner::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth__lede>.video-resource .video-resource__playhead,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth__lede>.video-resource .video-resource__playhead.spinner::before {
width: 84px;
height: 84px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__lede-wrapper>.video-resource .video-resource__chyron,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth__lede>.video-resource .video-resource__chyron {
font-size: 24px;
line-height: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__lede-wrapper>.video-resource .video-resource__runtime,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth__lede>.video-resource .video-resource__runtime {
font-size: 14px;
line-height: 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.sponsorship.underscored) .article__content>.video-resource,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.sponsorship.underscored) .article__content>[data-article-gutter] {
max-width: 676px;
position: relative
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).layout-no-rail-article-fullwidth .layout-no-rail-article-fullwidth__lede .video-resource,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content .video-resource {
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__content {
margin-right: 60px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article .video-inline_carousel [data-component-name=video-resource] .video-resource__details {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article .video-inline_carousel .video-resource__image .image {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article .video-inline_carousel .video-playlist [data-component-name=video-resource] .video-resource__details {
display: flex;
flex-direction: column-reverse;
align-self: flex-start;
padding-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article .video-inline_carousel .video-playlist [data-component-name=video-resource] .video-resource__details .video-resource__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article .video-inline_carousel .video-playlist [data-component-name=video-resource] .video-resource__details .video-resource__headline {
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article .video-inline_carousel .video-playlist [data-component-name=video-resource] .image {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).layout-no-rail-article-fullwidth .article__content>.video-resource {
left: calc((910px - 676px)/ 2)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content {
margin-right: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content>[data-article-gutter] {
left: calc((100vw - 1086px)/ 2)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail .article .article__content {
margin-right: calc(75px - 16px)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .sponsorship .article .active {
max-width: 1100px
}
}
@media screen and (min-width:960px) and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content>.video-resource {
left: calc((100vw - 1086px)/ 2)
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article {
margin-bottom: 48px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__content {
margin-right: 88px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content {
margin-right: 0;
width: 100%;
max-width: 910px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content .video-resource {
margin-left: auto;
margin-right: auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content>[data-article-gutter] {
left: calc((98vw - 1072px)/ 2)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail .article .article__content {
margin-right: calc(110px - 16px)
}
}
.headline__sub-description::before {
/*content: url(/media/sites/cnn/icons/clock.svg);*/
top: 3px;
left: -2px;
position: relative
}
@media screen and (min-width:1360px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth .article__content,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth-comms .article__content,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth-sponsor .article__content,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .sponsorship.underscored .article__content {
margin-right: 94px
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth .article__main,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth-comms .article__main,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth-sponsor .article__main {
margin-top: var(--theme-article-spacing-top)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__content>.video-resource,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .article__lede-wrapper>.video-resource,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth__lede>.video-resource {
margin-left: -16px;
margin-right: -16px;
max-width: unset;
clip-path: none
}
}
@media screen and (max-width:708px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content>[data-article-gutter] {
left: 0
}
}
@media screen and (min-width:709px) and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.sponsorship.underscored) .article__content>.video-resource,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.sponsorship.underscored) .article__content>[data-article-gutter] {
left: calc((100vw - 708px)/ 2)
}
}
@media screen and (min-width:960px) and (max-width:1080px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content>.video-resource,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content>[data-article-gutter] {
left: 0
}
}
@media screen and (min-width:1332px) and (max-width:1440px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content>[data-article-gutter] {
left: 13%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored):not(.layout-article-elevate) .article__content-container {
padding-left: calc((100vw - 1325px)/ 2)
}
}
@media screen and (min-width:1440px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored) .article__content>[data-article-gutter] {
left: 13%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(.layout-no-rail-article-fullwidth):not(.layout-no-rail-article-fullwidth-comms):not(.layout-no-rail-article-fullwidth-sponsor):not(.sponsorship.underscored):not(.layout-article-elevate) .article .article__content-container {
padding-left: 6%
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-rail {
height: 900px;
position: relative
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-rail__container {
position: sticky;
top: 40px
}
.kiln-edit-mode body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-rail {
margin-bottom: 24px
}
.kiln-edit-mode body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-rail .ad-slot-rail__container {
top: calc(3.5rem + 40px)
}
.kiln-edit-mode body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-rail .ad-slot {
height: 250px
}
}
.ad-feedback__container {
box-sizing: border-box;
margin: 0 auto;
padding: 30px;
background: #fff;
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .25);
border-radius: 8px;
display: block;
flex-direction: row-reverse;
justify-content: space-between;
max-height: 100%;
max-width: 500px;
overflow-y: auto
}
.ad-feedback__container .ad-feedback__form {
display: block;
flex-grow: 1
}
.ad-feedback__container .ad-feedback__form .ad-feedback__heading {
padding-bottom: 20px;
display: flex;
justify-content: space-between
}
.ad-feedback__container .ad-feedback__form .ad-feedback__heading__text {
margin: 0;
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
height: auto;
font-size: 20px;
font-weight: 700;
letter-spacing: 2px;
line-height: normal;
text-transform: uppercase;
width: 320px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__heading__close {
width: 24px;
height: 24px;
cursor: pointer;
background-image: url(/media/sites/cnn/icons/ui-close.svg)
}
.ad-feedback__container .ad-feedback__form .ad-feedback__content-container {
display: flex;
flex-flow: column;
margin-bottom: 20px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__content-container:last-of-type {
margin-bottom: 0
}
.ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__question-container {
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: .2px;
line-height: 24px;
margin: 0 0 10px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__answers-container {
display: flex;
margin-left: -7px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__answers-container .ad-feedback__emoji-container {
display: flex;
flex-flow: column;
align-items: center;
margin-right: 20px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container {
display: flex;
align-items: center
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .ad-feedback__technical-issues-slider {
opacity: 0;
width: 60px;
height: 34px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e6e6e6;
transition: .4s
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .slider:before {
position: absolute;
content: '';
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: #fff;
transition: .4s
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .slider.round {
border-radius: 34px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .slider.round:before {
border-radius: 50%
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .ad-feedback__technical-issues-slider:checked~.slider:before {
transform: translateX(26px)
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .ad-feedback__technical-issues-slider:checked~.slider {
background-color: #006598
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .ad-feedback__technical-issues-checkbox-label {
margin-left: 10px;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
color: #0c0c0c
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-container {
margin-bottom: 20px
}
.ad-feedback__container .ad-feedback__form .hide {
display: none
}
.ad-feedback__container .ad-feedback__emoji-base {
text-align: center;
cursor: pointer;
padding: 8px
}
.ad-feedback__container .ad-feedback__emoji-base .ad-feedback__emoji-label-text {
width: 56px;
height: 19px;
color: #0c0c0c;
font-size: 12px;
font-weight: 400;
text-align: center;
letter-spacing: .2px;
line-height: 18px;
margin-top: 5px;
margin-bottom: 0
}
.ad-feedback__container .ad-feedback__emoji-base:before {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
width: 32px;
height: 32px;
position: relative;
vertical-align: top;
cursor: pointer;
text-align: center;
content: '';
filter: invert(95%) sepia(3%) saturate(4129%) hue-rotate(189deg) brightness(123%) contrast(39%)
}
.ad-feedback__container .ad-feedback__emoji-base:hover:before {
filter: none
}
.ad-feedback__container .ad-feedback__emoji-base.ad-feedback__emoji-bad:before {
background-image: url(/media/sites/cnn/icons/feedback-emoji-bad.svg)
}
.ad-feedback__container .ad-feedback__emoji-base.ad-feedback__emoji-not-good:before {
background-image: url(/media/sites/cnn/icons/feedback-emoji-not-good.svg)
}
.ad-feedback__container .ad-feedback__emoji-base.ad-feedback__emoji-okay:before {
background-image: url(/media/sites/cnn/icons/feedback-emoji-okay.svg)
}
.ad-feedback__container .ad-feedback__emoji-base.ad-feedback__emoji-good:before {
background-image: url(/media/sites/cnn/icons/feedback-emoji-good.svg)
}
.ad-feedback__container .ad-feedback__emoji-base.ad-feedback__emoji-great:before {
background-image: url(/media/sites/cnn/icons/feedback-emoji-great.svg)
}
.ad-feedback__container .ad-feedback__emoji-radio-input {
position: absolute;
opacity: 0;
width: 30px;
height: 30px
}
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-base {
font-weight: 700;
white-space: nowrap
}
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-bad:before,
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-not-good:before {
filter: invert(37%) sepia(83%) saturate(3309%) hue-rotate(337deg) brightness(100%) contrast(100%)
}
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-okay:before {
filter: invert(75%) sepia(51%) saturate(594%) hue-rotate(343deg) brightness(102%) contrast(101%)
}
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-good:before,
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-great:before {
filter: invert(72%) sepia(18%) saturate(860%) hue-rotate(125deg) brightness(89%) contrast(91%)
}
.ad-feedback__container .ad-feedback__comment {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
color: #0c0c0c;
font-size: 13px;
font-weight: 400;
letter-spacing: .2px;
line-height: 24px;
padding: 10px 16px;
background: #fff;
border-radius: 4px;
border: 1px solid #b1b1b1;
height: 78px;
resize: none
}
.ad-feedback__container .ad-feedback__comment:-ms-input-placeholder {
color: #6e6e6e
}
.ad-feedback__container .ad-feedback__comment::placeholder {
color: #6e6e6e
}
.ad-feedback__container .ad-feedback__comment.ad-feedback__comment_error {
background-color: #ffd5d5;
border: 1px solid #a20000
}
.ad-feedback__container .ad-feedback__comment-error-msg {
margin-top: 5px;
font-size: 14px;
color: #a20000
}
.ad-feedback__container .ad-feedback__actions {
display: flex;
justify-content: flex-end;
margin-bottom: 10px
}
.ad-feedback__container .ad-feedback__actions>.button {
border: none;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
height: 44px;
width: 106px;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
cursor: pointer
}
.ad-feedback__container .ad-feedback__actions>.button.ad-feedback__cancel {
color: #0c0c0c;
background-color: transparent;
margin-right: 20px
}
.ad-feedback__container .ad-feedback__actions>.button.ad-feedback__cancel:hover,
.ad-feedback__container .ad-feedback__submitted__close:hover {
background-color: #e6e6e6
}
.ad-feedback__container .ad-feedback__actions>.button.ad-feedback__submit {
color: #fff;
background-color: #0c0c0c
}
.ad-feedback__container .ad-feedback__actions>.button.ad-feedback__submit:hover {
background-color: #6e6e6e
}
.ad-feedback__container .ad-feedback__actions>.button.ad-feedback__submit:disabled {
background-color: rgba(12, 12, 12, .2);
cursor: default
}
.ad-feedback__container .ad-feedback__checkbox-container {
display: flex;
align-items: center;
position: relative;
width: fit-content;
width: -moz-max-content;
padding-left: 30px;
margin-bottom: 10px;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 14px;
font-weight: 400;
height: 24px;
letter-spacing: .18px;
line-height: 24px;
white-space: nowrap
}
.ad-feedback__container .ad-feedback__checkbox-container .ad-feedback__checkmark {
position: absolute;
left: 0;
background: #fff;
border-radius: 4px;
border: 1px solid #b1b1b1;
height: 20px;
width: 20px
}
.ad-feedback__container .ad-feedback__checkbox-container .ad-feedback__checkmark:after {
content: '';
position: absolute;
display: none;
left: 7px;
top: 4px;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 1px 1px 0;
transform: rotate(45deg)
}
.ad-feedback__container .ad-feedback__checkbox-container .ad-feedback__checkbox__input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}
.ad-feedback__container .ad-feedback__checkbox-container .ad-feedback__checkbox__input:checked~.ad-feedback__checkmark {
background: #006598;
border: none
}
.ad-feedback__container .ad-feedback__checkbox-container .ad-feedback__checkbox__input:checked~.ad-feedback__checkmark:after {
display: block
}
.ad-feedback__container .ad-feedback__submitted {
color: #0c0c0c;
display: none;
flex-direction: column;
align-items: center;
width: 100%;
position: relative
}
.ad-feedback__container .ad-feedback__submitted__checkmark {
background: url(/media/sites/cnn/icons/system-check-default.svg) center no-repeat;
background-size: cover;
height: 64px;
width: 64px;
filter: invert(39%) sepia(39%) saturate(542%) hue-rotate(98deg) brightness(96%) contrast(100%)
}
.ad-feedback__container .ad-feedback__submitted__title {
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 20px;
font-weight: 700;
height: 26px;
letter-spacing: 2px;
line-height: 26px;
text-transform: uppercase;
margin-top: 24px
}
.ad-feedback__container .ad-feedback__submitted__close,
.ad-feedback__container .ad-feedback__submitted__message {
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 16px;
text-align: center
}
.ad-feedback__container .ad-feedback__submitted__message {
font-weight: 400;
letter-spacing: .2px;
line-height: 24px;
width: 295px;
margin-top: 16px
}
.ad-feedback__container .ad-feedback__submitted__close {
font-weight: 700;
margin-top: 30px;
cursor: pointer;
border: none;
border-radius: 4px;
height: 44px;
line-height: 44px;
width: 106px
}
.ad-feedback__container .ad-feedback__submitted__close-icon {
width: 24px;
height: 24px;
cursor: pointer;
background-image: url(/media/sites/cnn/icons/ui-close.svg);
position: absolute;
top: 0;
right: 0
}
.ad-feedback__container.submitted {
width: 422px
}
.ad-feedback__container.submitted .ad-feedback__form {
display: none
}
.ad-feedback__container.submitted .ad-feedback__submitted {
display: flex
}
.modal__overlay {
z-index: 200;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(12, 12, 12, .95);
opacity: 100%
}
.modal__overlay .modal__container {
background: #0c0c0c;
color: #fff
}
@media screen and (min-width:480px) {
.modal__container {
height: auto;
width: auto
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container {
padding: 8% 6% 6%;
margin: 8px;
overflow-y: auto;
max-height: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__scrollable {
overflow-y: auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__heading {
position: relative;
margin-bottom: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__heading__text {
font-size: 16px;
font-weight: 700;
width: fit-content;
width: -moz-max-content;
line-height: 18px;
margin-bottom: 0;
letter-spacing: .5px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__heading__close {
position: absolute;
background-position: 0 -4px;
top: 0;
right: 0;
width: 20px;
cursor: pointer;
background-image: url(/media/sites/cnn/icons/ui-close.svg)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__question-container {
font-size: 14px;
line-height: 18px;
margin: 0 0 10px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__answers-container {
justify-content: space-between;
margin-left: 7px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__answers-container .ad-feedback__emoji-container {
width: 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__checkbox-container {
font-size: 14px;
padding-left: 25px;
margin-bottom: 10px;
line-height: 16px;
height: 30px;
white-space: normal
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__comment {
line-height: 18px
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header__container .adSlotLoaded .ad-feedback-link-container,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header__container .adSlotLoaded .ad-slot__feedback {
display: flex
}
}
.ad-slot-header {
position: fixed;
top: 0;
left: 0;
width: 100%
}
.ad-slot-header .ad-slot-header__container {
background-color: var(--theme-ad-slot-background-color);
transform: translateY(0);
transition: transform 1s ease 0s;
width: 100%
}
.userAccountVisible .ad-slot-header .ad-slot-header__container {
transition: none
}
.kiln-edit-mode .ad-slot-header .ad-slot-header__container {
background-color: transparent
}
.ad-slot-header .resizeListenerIframe {
display: block;
height: 100%;
left: 0;
opacity: 0;
overflow: hidden;
pointer-events: all;
position: absolute;
top: 0;
width: 100%;
z-index: -1
}
.ad-slot-header .ad.ad::after {
display: none
}
.ad-slot-header .ad-slot {
padding: 0 !important;
position: sticky;
top: 0;
z-index: -1
}
.ad-slot-header .ad-slot .celtra-ad-inline-host {
margin: 0
}
.ad-slot-header.userAccountVisible {
position: fixed
}
.ad-slot-header__wrapper {
clip-path: inset(0)
}
@media screen and (max-width:959px) {
.ad-slot-header__wrapper {
min-height: 50px;
background-color: #0c0c0c
}
.ad-slot-header .ad-slot-header__container .adSlotLoaded .ad-slot__ad-label::after {
content: ''
}
.ad-slot-header .ad-slot-header__container .adSlotLoaded .ad-feedback-link__label {
display: none
}
.focus-mode-sponsored .ad-slot-header,
.focus-mode-sponsored .ad-slot-header__wrapper {
min-height: 100px
}
}
@media screen and (min-width:960px) {
.ad-slot-header,
.ad-slot-header__wrapper {
min-height: 276px
}
.ad-slot-header {
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #0c0c0c
}
.ad-slot-header .ad-slot-header__container {
display: flex;
align-items: center;
justify-content: center;
background-color: #0c0c0c
}
.ad-slot-header .ad-slot-header__container .ad-feedback-link-container,
.ad-slot-header .ad-slot-header__container .ad-slot__feedback {
display: flex;
justify-content: space-between
}
.focus-mode-sponsored .ad-slot-header,
.focus-mode-sponsored .ad-slot-header__wrapper {
min-height: 100px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) header.header__wrapper-outer {
height: calc(10px + 40px);
top: -276px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__ad-label {
margin: 2px 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback {
padding: 0 !important;
justify-content: space-between;
max-width: 100% !important
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__ad-label,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__ad-label {
color: var(--theme-ad-slot-text-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text {
color: var(--theme-ad-slot-text-color);
margin: 4px 0 2px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text .icon-ui-speech-bubble {
fill: var(--theme-ad-slot-text-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text__label:before {
background-color: var(--theme-ad-slot-text-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link:hover,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text:hover,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link:hover,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text:hover {
color: var(--theme-ad-slot-text-hover)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link:hover .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text:hover .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link:hover .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text:hover .icon-ui-speech-bubble {
fill: var(--theme-ad-slot-text-hover)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link:hover .ad-feedback-link__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text:hover .ad-feedback-link__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link:hover .ad-feedback-link__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text:hover .ad-feedback-link__label:before {
background-color: var(--theme-ad-slot-text-hover)
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot.adSlotLoaded {
padding-bottom: 8px
}
}
.focus-mode-sponsored .ad-slot-header__wrapper .ad-slot {
display: none !important
}
.focus-mode-sponsored .focus-mode-top-ad {
width: 100%
}
.image {
border-bottom: 1px solid #e6e6e6;
margin: 32px 0;
padding-bottom: 8px;
width: 100%
}
.image__hide-placeholder .kiln-placeholder {
display: none
}
.image__picture {
width: 100%
}
.image__metadata {
display: grid
}
.image__caption {
color: #0c0c0c;
font-size: 12px;
font-weight: 400;
line-height: 18px;
margin-top: 8px;
text-align: left;
order: 2
}
.image__caption a {
color: #0c0c0c;
text-underline-offset: 4px;
text-decoration: underline
}
.image__caption a:hover {
color: #6e6e6e;
text-decoration: none
}
.image__credit {
color: #6e6e6e;
font-size: 10px;
font-weight: 400;
margin-top: 4px;
text-align: right;
order: 1;
visibility: hidden
}
.image__container {
display: flex
}
.image__dam-img {
width: 100%;
object-fit: cover;
height: 100%
}
.image__dam-img--loading {
background-color: #e6e6e6
}
.image__img {
width: 100%;
height: 100%;
max-width: 100%
}
.image__img--fade-in {
opacity: 0;
visibility: hidden;
transition: opacity .4s ease-in
}
.image__img--visible {
display: block
}
.image__img--hidden {
display: none
}
.image__label {
font-size: 10px;
font-weight: 700;
position: absolute;
bottom: 0;
left: 0;
margin: 0;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 8px;
display: flex;
align-items: center
}
.image__label-indicator {
display: none
}
.image__label--type-breaking {
background: #c00;
color: #fff
}
.image__label--type-exclusive,
.image__label--type-investigates {
background: #0c0c0c;
color: #fff
}
.image__label--type-live-video,
.image__label--type-updates {
display: block;
background: #fff;
color: #0c0c0c
}
.image__label--type-live-video .image__label-indicator,
.image__label--type-updates .image__label-indicator {
display: block;
color: #c00;
font-size: 26px;
line-height: .4;
padding-right: 4px
}
.image__label--type-analysis,
.image__label--type-opinion,
.image__label--type-trending {
background: #fff;
color: #c00
}
.image__label--type-custom {
background: #fff;
color: #0c0c0c
}
.image__label--type-custom-video,
.image__label--type-gallery,
.image__label--type-podcasts,
.image__label--type-video {
background: rgba(12, 12, 12, .5);
color: #fff
}
.kiln-edit-mode .image__label {
visibility: visible
}
.image__label-icon {
float: left;
fill: #f8f8f8;
margin-right: 4px;
width: 14px;
height: 14px;
background-position: center;
background-repeat: no-repeat
}
.image__label--type-custom-video .image__label-icon,
.image__label--type-video .image__label-icon {
background-image: url(/media/sites/cnn/icons/video.svg)
}
.image__label--type-gallery .image__label-icon {
background-image: url(/media/sites/cnn/icons/photo.svg)
}
.image__label-bull-span {
align-items: center;
display: flex
}
.image__lede>.image {
margin: 0 0 32px;
width: 100%
}
.image__lede>.image__container {
width: 100%;
height: 0;
padding-bottom: calc(100% * (9 / 16));
position: relative
}
.image__lede>.image__dam-img {
width: 100%;
height: auto;
position: absolute
}
.image__related-content .image {
border: 0;
margin: 0;
padding: 0
}
.image__related-content .image__outer-container {
margin: 0;
padding: 0
}
.image__related-content .image__outer-container::after {
display: none
}
.image__related-content .image__container {
display: flex
}
.image__related-content .image__caption,
.image__related-content .image__credit {
display: none
}
.image__related-content .image__img {
width: 100%
}
.image--eq-extra-small .image__container {
margin-bottom: 24px
}
.image--eq-extra-small .image__credit {
visibility: hidden;
margin: 0;
padding: 0
}
.image.image--eq-small .image__container {
margin-bottom: auto
}
.image.image--eq-small .image__container:only-child {
margin-bottom: 24px
}
.image.image--eq-small .image__credit {
line-height: 12px;
padding: 4px 0;
visibility: visible
}
.image.image--eq-small .image__label {
font-size: 12px;
padding: 8px 16px
}
.image.image--eq-small .image__label-icon {
width: 16px;
height: 16px
}
.underscored .article__content>.image,
.underscored .article__main>.image__lede .image {
border-bottom: 0;
padding-bottom: 0
}
.underscored .article__content>.image .image__credit,
.underscored .article__main>.image__lede .image .image__credit {
padding-bottom: 0
}
.card:not(:only-child) .underscored:empty {
min-height: 24px;
margin: 4px 0 0;
padding: 0
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .image__caption {
margin-top: 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .underscored .card:not(:only-child) .image__credit:empty {
min-height: 24px;
margin-top: 4px;
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .image__related-content.related-content__image .image {
border: 0;
margin: 0;
padding: 0
}
}
.vossi-alerts {
display: block;
padding: var(--appr-space-lg);
align-items: flex-start;
gap: var(--appr-space-lg);
align-self: stretch;
border-radius: 0 0 var(--appr-border-radius-md, 4px) var(--appr-border-radius-md, 4px);
background: var(--gradient-red-_black, linear-gradient(90deg, #C00 37.35%, #591A1A 100%));
box-shadow: 0 6px 12px 0 var(--appr-color-shadow-low, #0c0c0c1a)
}
.vossi-alerts__title {
color: var(--appr-color-text-primary-inverse);
font-family: var(--theme-font-family-ui);
font-size: var(--appr-font-size-ui-emphasis-lg);
font-style: normal;
font-weight: var(--theme-font-weight-ui-all-caps);
line-height: var(--base-font-line-height-22);
letter-spacing: var(--appr-font-letter-spacing-label-emphasis-md);
margin-bottom: var(--base-space-08);
margin-right: var(--base-space-20)
}
.vossi-alerts__description,
.vossi-alerts__description a,
.vossi-alerts__description ul {
color: var(--appr-color-text-primary-inverse);
font-family: var(--theme-font-family-body);
font-size: var(--appr-font-size-body-md);
font-style: normal;
font-weight: var(--base-font-weight-regular);
line-height: var(--appr-font-line-height-header-xs);
letter-spacing: var(--base-font-letter-spacing-none)
}
.vossi-alerts__description ul {
display: block;
padding-left: 18px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
margin: var(--base-space-none)
}
.vossi-alerts__description a {
-webkit-text-decoration-line: var(--base-font-text-decoration-none);
text-decoration-line: var(--base-font-text-decoration-none)
}
.vossi-alerts__description a:hover {
-webkit-text-decoration-line: var(--base-font-text-decoration-underline);
text-decoration-line: var(--base-font-text-decoration-underline);
text-underline-offset: var(--base-space-04);
text-decoration-thickness: var(--base-size-01)
}
.vossi-alerts__close {
display: block;
width: var(--appr-size-icon-button-height-md);
height: var(--appr-size-icon-button-height-md);
justify-content: flex-end;
align-items: flex-start;
flex-shrink: 0;
border-radius: var(--appr-border-radius-md)
}
.vossi-alerts__close:focus {
display: flex;
border: var(--appr-border-width-action-sm-focus) solid var(--appr-color-border-action-focused-inverse)
}
.alerts {
position: relative;
width: 100%;
z-index: 2
}
.alerts--visible {
display: block
}
.alerts__item {
display: flex;
justify-content: center;
z-index: 1
}
.alerts__container {
position: relative;
max-width: calc(1440px - 63px);
width: calc(100% - (2 * 32px))
}
.alerts__title {
text-transform: uppercase
}
.alerts__close {
position: absolute;
right: 0;
cursor: pointer
}
.alerts__close:after,
.alerts__close:before {
position: absolute;
left: 15px;
content: ' ';
height: 22px;
width: 2px;
background-color: #fff;
transform: rotate(45deg)
}
.alerts__close:after {
transform: rotate(-45deg)
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .alerts__container {
width: calc(100% - 32px)
}
}
.ad-slot-wrapper.qtm-element {
position: relative;
margin-bottom: 16px;
min-height: 270px;
min-width: 100%;
content: '';
clear: both;
display: table
}
.ad-slot-wrapper.qtm-element:after {
content: 'Advertisement';
display: flex;
color: #b1b1b1;
font-size: 14px;
z-index: 1;
background: #f8f8f8;
width: 300px;
height: 250px;
position: absolute;
align-items: center;
justify-content: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.ad-slot-wrapper.qtm-element:has(.adfuel-rendered)::after {
display: none
}
.ad-slot-wrapper.qtm-element .qtm-slot-inner {
display: block;
min-height: 270px;
min-width: 100%;
margin: 0 auto;
padding: 10px;
position: relative;
text-align: center;
z-index: 2
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-wrapper.qtm-element {
min-height: 250px;
min-width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-wrapper.qtm-element .qtm-slot-inner {
padding: 0;
min-height: 250px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-wrapper.qtm-element:after {
width: 300px;
height: 250px;
margin: 0
}
}
@media screen and (min-width:480px) and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .ad-slot-wrapper.qtm-element,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .ad-slot-wrapper.qtm-element .qtm-slot-inner {
min-height: 250px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .ad-slot-wrapper.qtm-element:after {
height: 250px
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-wrapper.qtm-element {
min-height: 110px;
min-width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-wrapper.qtm-element .ad-slot-inner {
padding: 0;
min-height: 110px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-wrapper.qtm-element:after {
width: 100%;
max-width: 676px;
height: 110px;
margin: 0
}
}
.series-banner {
height: 100%;
overflow: hidden;
margin-bottom: 16px
}
.series-banner__background-wrapper {
z-index: 1;
position: relative;
height: 70px
}
.series-banner__background {
height: 70px
}
.series-banner__background .image {
margin: 0;
height: 100%;
width: 100%;
padding: 0
}
.series-banner__background .image .image__container {
display: block
}
.series-banner__background:has(.image__dam-img[src*=fallback]) {
display: none
}
.series-banner__title-wrapper {
height: 70px;
width: 100%;
padding: 0;
position: absolute;
top: 0
}
.series-banner__title {
margin: 0 auto;
padding: 20px 16px;
width: 100%;
height: 100%;
max-width: 1440px;
min-width: 300px;
display: flex;
flex-direction: column;
justify-content: center
}
.series-banner__no-image {
border-bottom: 1px solid #e6e6e6
}
.series-banner__logo {
display: flex;
justify-content: space-between;
text-decoration: none;
color: inherit
}
.series-banner__logo .image {
display: block;
padding: 0;
width: 100%;
margin: 0;
border-bottom: none
}
.series-banner__logo .image__picture {
display: block;
height: 40px
}
.series-banner__logo .image__container {
display: block;
margin-bottom: 0;
background-color: initial
}
.series-banner__logo .image.image--eq-small .image__container:only-child {
margin-bottom: 0
}
.series-banner__logo .image__dam-img {
max-height: 40px;
max-width: 100%;
object-fit: initial;
width: auto
}
.series-banner__logo-heading {
font-size: 20px;
font-family: var(--theme-section-headline__font-family);
margin: 0
}
.series-banner__logo-heading--no-logo {
max-width: 676px
}
.series-banner__description {
display: none
}
.series-banner__description-mobile {
color: #000;
margin: 0 auto;
padding: 16px 16px 0;
width: 100%;
max-width: 1440px;
min-width: 300px
}
.series-banner__text-banner {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
font-weight: 700;
color: inherit;
text-decoration: none;
align-items: center
}
.series-banner__see-more {
text-decoration: none;
font-size: 14px;
display: flex;
align-items: center;
width: 80px;
font-weight: 700;
justify-content: space-between
}
.series-banner .image__metadata,
.series-banner .image__outer-container::after,
.series-banner~.ad-slot-top .ad-feedback-link-container {
display: none
}
.series-banner__see-more>.icon-ui-caret-right-thick {
fill: inherit;
width: 12px;
height: 12px
}
.series-banner__light-text {
color: #fff;
fill: #fff
}
.series-banner__light-text .series-banner__background:after {
height: 100%;
position: absolute;
content: '';
width: 100%;
top: 0;
left: 0;
background: linear-gradient(83.03deg, rgba(0, 0, 0, .5) 21.86%, rgba(0, 0, 0, 0) 64.84%)
}
.series-banner .image__container {
height: 100%
}
.series-banner .image__outer-container {
float: none;
margin: 0;
padding: 0
}
.series-banner~.ad-slot-top {
padding: 0 0 0 16px
}
.series-banner~.ad-slot-top .ad-slot {
z-index: 2;
width: unset;
border: none;
margin-bottom: 0 !important;
padding: 0
}
.layout__content-wrapper:has(.zone:first-child.zone--t-dark) [data-uri*='/_components/series-banner/'] {
margin-bottom: 0
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .series-banner__background,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .series-banner__background-wrapper,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .series-banner__title-wrapper {
height: 90px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .series-banner__title {
padding: 20px 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .series-banner__logo .image {
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .series-banner__logo .image__picture {
height: 50px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .series-banner__logo .image__dam-img {
max-height: 50px;
height: 50px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .series-banner__description-mobile {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .series-banner~.ad-slot-top {
position: absolute;
max-width: 1440px;
min-width: 300px;
padding: 0 32px;
left: 0;
bottom: 0;
right: 0;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: flex-end;
align-items: center
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .series-banner[data-rendered=true]~.ad-slot-top {
height: 90px
}
}
.ad-slot-top {
align-self: flex-start;
display: flex;
flex-grow: 0;
justify-content: flex-start
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-top {
align-self: flex-end;
border: none;
display: flex;
flex-grow: 1;
justify-content: flex-end;
padding: 0
}
}
@keyframes ad-loading-dark {
0%,
100% {
background-color: #262626
}
50% {
background-color: #404040
}
}
@keyframes ad-loading-light {
0%,
100% {
background-color: #e6e6e6;
opacity: 1
}
50% {
background-color: #e6e6e6;
opacity: .4
}
}
.ad-slot {
text-align: center;
width: 100%
}
.ad-slot.adSlotLoaded {
display: block;
padding: 0 0 24px
}
.ad-slot.adSlotLoaded .ad-slot__ad-label::after {
content: 'Advertisement'
}
.ad-slot.adSlotLoaded .ad-feedback-link-container,
.ad-slot.adSlotLoaded .ad-slot__feedback {
visibility: visible;
display: flex
}
.ad-slot .ad-feedback-link-container,
.ad-slot .ad-slot__feedback {
visibility: hidden;
display: flex;
justify-content: space-between;
padding: 0 4px;
max-width: 350px;
margin-right: auto
}
.ad-slot #ad_ns_atf_01+.ad-slot__feedback,
.ad-slot[data-desktop-slot-id=ad_out_vid_01][data-ad-slot-rendered-size='1x1'],
.ad-slot[data-desktop-slot-id=ad_nat_related_01] .ad-feedback-link-container,
.ad-slot[data-desktop-slot-id=ad_nat_related_02] .ad-feedback-link-container,
.ad-slot[data-mobile-slot-id=ad_nat_related_01] .ad-feedback-link-container,
.zone__ads .ad-slot:empty,
.zone__ads_side .ad-slot:empty {
display: none
}
.ad-slot .ad-feedback-link-container .ad-feedback-link,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text,
.ad-slot .ad-slot__feedback .ad-feedback-link,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text {
margin-top: 4px
}
.ad-slot-top .ad-slot.adSlotLoaded {
padding: 16px 0 40px
}
.ad-slot-top .ad-slot .ad::after {
content: unset
}
.ad-slot[data-desktop-slot-id=ad_ns_atf_02] {
margin-top: 16px;
padding: 0 0 24px
}
.zone__ads .ad-slot.adSlotLoaded {
margin-top: 48px
}
.zone__ads_side .ad-slot {
margin-top: 0
}
.ad-slot .ad-feedback-link-container,
.ad-slot .ad-slot__feedback {
width: fit-content;
width: -moz-max-content;
margin-top: 8px;
font-size: 12px;
margin-left: auto;
color: #6e6e6e;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.ad-slot .ad-feedback-link-container .ad-feedback-link,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text,
.ad-slot .ad-slot__feedback .ad-feedback-link,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text {
cursor: pointer;
display: flex;
color: #6e6e6e
}
.ad-slot .ad-feedback-link-container .ad-feedback-link .icon-ui-speech-bubble,
.ad-slot .ad-feedback-link-container .ad-feedback-link__label:before,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text .icon-ui-speech-bubble,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text__label:before,
.ad-slot .ad-slot__feedback .ad-feedback-link .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-feedback-link__label:before,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text__label:before {
width: 12px;
height: 12px
}
.ad-slot .ad-feedback-link-container .ad-feedback-link .icon-ui-speech-bubble,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-feedback-link .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text .icon-ui-speech-bubble {
fill: #6e6e6e;
margin-top: 1px
}
.ad-slot .ad-feedback-link-container .ad-feedback-link__label:before,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text__label:before,
.ad-slot .ad-slot__feedback .ad-feedback-link__label:before,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text__label:before {
display: inline-block;
content: '';
mask: url(/media/sites/cnn/icons/ui-speech-bubble.svg);
background-color: #6e6e6e;
position: relative;
top: 2px;
right: 4px
}
.ad-slot .ad-feedback-link-container .ad-feedback-link:hover,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text:hover,
.ad-slot .ad-slot__feedback .ad-feedback-link:hover,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text:hover {
color: #0c0c0c
}
.ad-slot .ad-feedback-link-container .ad-feedback-link:hover .icon-ui-speech-bubble,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text:hover .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-feedback-link:hover .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text:hover .icon-ui-speech-bubble {
fill: #0c0c0c
}
.ad-slot .ad-feedback-link-container .ad-feedback-link:hover .ad-feedback-link__label:before,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text:hover .ad-feedback-link__label:before,
.ad-slot .ad-slot__feedback .ad-feedback-link:hover .ad-feedback-link__label:before,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text:hover .ad-feedback-link__label:before {
background-color: #0c0c0c
}
.ad-slot .ad-slot__ad-label {
display: block;
cursor: default;
margin-top: 4px
}
.ad-slot .ad-slot__ad-label:only-child {
width: 100%
}
@media (min-width:960px) {
.ad-slot .ad-feedback-link-container,
.ad-slot .ad-slot__feedback {
margin-top: 0
}
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_03],
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_03] .ad-slot__feedback,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_03]::after,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] {
display: block;
padding: 0 16px 24px;
margin-top: 48px;
min-height: 110px
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 728px;
height: 110px
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nfs_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 120px
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nfs_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nfs_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nfs_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 120px
}
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03],
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01],
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_04],
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01],
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_04] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_04] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_04]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02],
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] {
display: block;
padding: 0 16px 24px;
margin-top: 48px;
min-height: 110px
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-slot__feedback,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02]::after,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 728px;
height: 110px
}
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01],
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01],
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded):has(#ad_rect_btf_02) {
display: block;
padding: 0 16px 32px;
min-height: 270px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded):has(#ad_rect_btf_02) .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded):has(#ad_rect_btf_02) .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded):has(#ad_rect_btf_02)::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_ns_atf_02] {
display: block;
min-height: 110px;
max-width: 300px;
padding: 0;
margin: 0 auto
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_ns_atf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_ns_atf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_ns_atf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
min-height: 110px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] {
display: block;
padding: 0 16px 24px;
margin-top: 48px;
min-height: 110px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
max-width: 300px;
height: 110px
}
@media screen and (min-width:960px) {
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] {
display: block;
padding: 0 16px 24px;
margin-top: 48px;
min-height: 110px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
max-width: 728px;
height: 110px
}
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
.ad-slot-top body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot.adSlotLoaded {
padding: 0 0 12px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot[data-desktop-slot-id=ad_bnr_btf_01]:not([data-mobile-slot-id]) {
display: none
}
}
@media screen and (min-width:1280px) {
.ad-slot-top body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot.adSlotLoaded {
padding: 0 0 24px
}
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] {
display: block;
padding: 0 16px 24px;
min-height: 110px
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 110px
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] {
display: block;
padding: 0 16px 24px;
min-height: 295px
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 250px
}
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] {
display: block;
padding: 0 16px 24px;
min-height: 287px
}
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 250px
}
@media screen and (min-width:960px) {
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] {
display: block;
padding: 0 16px 24px;
min-height: 110px
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: 48px auto auto;
width: 728px;
height: 110px
}
}
.ad-slot-header .ad-slot-header__container .ad-slot {
display: block;
padding: 0 16px 24px;
min-height: unset
}
.ad-slot-header .ad-slot-header__container .ad-slot .ad-feedback-link-container,
.ad-slot-header .ad-slot-header__container .ad-slot .ad-slot__feedback {
display: none
}
.ad-slot-header .ad-slot-header__container .ad-slot::after {
content: '';
display: block;
width: 320px;
height: 50px;
animation: ad-loading-dark 2s ease infinite;
margin: 0 auto
}
.kiln-edit-mode .ad-slot-header .ad-slot-header__container .ad-slot::after {
display: none
}
.ad-slot-header .ad-slot-header__container .ad-slot.adSlotLoaded::after {
content: none
}
@media screen and (min-width:960px) {
.ad-slot-header .ad-slot-header__container .ad-slot {
display: block;
padding: 0 16px 24px;
min-height: unset
}
.ad-slot-header .ad-slot-header__container .ad-slot .ad-feedback-link-container,
.ad-slot-header .ad-slot-header__container .ad-slot .ad-slot__feedback {
display: none
}
.ad-slot-header .ad-slot-header__container .ad-slot::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
position: absolute;
width: 728px;
height: 90px;
animation-name: ad-loading-dark;
top: 0;
left: 50%;
transform: translate(-50%, -50%)
}
.kiln-edit-mode .ad-slot-header .ad-slot-header__container .ad-slot::after {
display: none
}
.ad-slot-header .ad-slot-header__container .ad-slot.adSlotLoaded::after {
content: none
}
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03],
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 278px
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 278px
}
@media screen and (min-width:960px) {
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) {
display: block;
aspect-ratio: 1376/268;
min-height: unset;
padding: 0;
margin-bottom: calc(24px + 24px + 20px)
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded)::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded)::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded)::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 100%;
height: 100%
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad {
display: block !important
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad.adfuel-rendered,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad.adfuel-rendered,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad.adfuel-rendered {
aspect-ratio: 1376/268;
width: 100%;
height: 100%;
padding: 0
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02],
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04],
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 100%;
height: 270px
}
html[data-layout-uri*='layout-with-rail/instances/electioncenter-2022-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='layout-with-rail/instances/electioncenter-2022-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/electioncenter-2022-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-with-rail/instances/electioncenter-2022-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
}
.vossi-byline__link,
.vossi-byline__names {
font-family: var(--theme-font-family-ui);
font-size: var(--appr-font-size-ui-sm);
font-style: normal;
font-weight: var(--base-font-weight-regular);
line-height: var(--appr-font-line-height-ui-sm);
letter-spacing: var(--base-font-letter-spacing-none)
}
.vossi-byline__image {
width: 40px;
height: 40px;
border-radius: var(--appr-border-radius-circle)
}
.vossi-byline__link:focus {
color: var(--appr-color-text-link-primary-focused)
}
.vossi-byline__link:active {
color: var(--appr-color-text-link-secondary-pressed)
}
.vossi-byline__link:hover {
color: var(--appr-color-text-link-secondary-hovered);
-webkit-text-decoration-line: var(--base-font-text-decoration-none);
text-decoration-line: var(--base-font-text-decoration-none)
}
.vossi-byline__link {
color: var(--appr-color-text-link-secondary-default);
-webkit-text-decoration-line: var(--base-font-text-decoration-underline);
text-decoration-line: var(--base-font-text-decoration-underline);
text-underline-offset: var(--base-space-04)
}
.vossi-byline__names {
color: var(--appr-color-text-tertiary)
}
.byline {
margin: 8px 0 0
}
.byline__images {
display: none;
float: left;
padding-right: 4px
}
.byline__image {
display: inline-block;
margin-right: 4px
}
.byline__image-link {
text-decoration: none
}
.byline__image-link:not(:has(.byline__image, .vossi-byline__image)) {
display: none
}
.byline__image-link:first-child:nth-last-child(n+3):has(.byline__image, .vossi-byline__image),
.byline__image-link:nth-last-child(n+3)~.byline__image-link:has(.byline__image, .vossi-byline__image) {
margin-right: -20px
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__image-link:first-child:nth-last-child(n+3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__image-link:first-child:nth-last-child(n+3)~body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__image-link {
margin-right: 0
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline {
margin: 12px 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__images {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__images a:last-child:has(.byline__image, .vossi-byline__image) {
margin-right: 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__images a:last-child:not(:has(.byline__image, .vossi-byline__image)) {
margin-right: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__images a:nth-child(n+3):last-child:not(:has(.byline__image, .vossi-byline__image)) {
display: inline
}
}
.vossi-timestamp {
color: var(--appr-color-text-tertiary);
font-family: var(--theme-font-family-ui);
font-size: var(--appr-font-size-ui-sm);
font-style: normal;
font-weight: 400;
line-height: var(--appr-font-line-height-ui-sm);
letter-spacing: var(--base-font-letter-spacing-none);
margin-top: var(--base-space-04)
}
.timestamp-elevate {
font-size: .66rem;
line-height: 1.11rem;
font-weight: 500;
text-transform: uppercase;
width: fit-content
}
.timestamp-elevate .timestamp__container {
color: #0c0c0c;
display: flex;
align-items: center;
gap: 4px;
text-underline-offset: 4px;
width: fit-content
}
.timestamp-elevate .timestamp__details {
display: none;
margin-top: 4px;
padding-left: 12px;
border-left: solid 1px #e6e6e6
}
.timestamp-elevate .timestamp__time-since--active {
color: #c00
}
.timestamp-elevate .timestamp__expand-btn {
width: 14px;
height: 16px;
background: url(/media/sites/cnn/icons/ui-caret-down-elevate.svg) 0 0/contain no-repeat
}
.timestamp-elevate:not(.timestamp-elevate--expanded) .timestamp__container:hover {
-webkit-text-decoration: underline solid #0c0c0c;
text-decoration: underline solid #0c0c0c
}
.timestamp-elevate:not(.timestamp-elevate--expanded):has(.timestamp__time-since--active) .timestamp__container:hover {
-webkit-text-decoration: underline solid #c00;
text-decoration: underline solid #c00
}
.timestamp-elevate--expanded .timestamp__details {
display: block
}
.timestamp-elevate--expanded .timestamp__expand-btn {
display: none
}
.vossi-social-share {
display: inline-flex;
align-items: flex-start;
gap: var(--appr-space-md)
}
.social-share {
display: var(--social-sharing-display);
margin-top: var(--social-sharing-margin-top)
}
.social-share button {
background: 0 0;
border: none;
padding: 0
}
.social-share button:hover {
cursor: pointer
}
.social-share__share-links {
position: relative
}
.social-share__share {
text-decoration: none
}
.social-share__share .icon-social-twitter {
fill: var(--social-sharing-twitter-fill)
}
.social-share__share .icon-social-facebook {
fill: var(--social-sharing-facebook-fill)
}
.social-share__share .icon-social-email-fill {
fill: var(--social-sharing-email-fill)
}
.social-share__share .icon-ui-link {
fill: var(--social-sharing-link-fill)
}
.social-share__share:hover {
fill: #6e6e6e;
transition: fill .2s
}
.social-share__close,
.social-share__open {
display: none;
fill: var(--social-sharing-open-close-fill)
}
.social-share__close:hover,
.social-share__open:hover {
fill: #0c0c0c
}
.social-share__copied {
visibility: hidden;
display: inline-flex;
background-color: #333;
color: #fff;
fill: #fff;
border-radius: 50px;
padding: 0 4px;
position: absolute;
z-index: 1;
font-size: 10px;
align-items: center;
justify-content: space-evenly;
bottom: 32px;
left: 72px;
right: -32px
}
.social-share__copied svg {
width: 12%
}
.social-share__copied.show {
visibility: visible;
animation: fadein .5s
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0
}
to {
bottom: 32px;
opacity: 1
}
}
.partner-byline {
display: inline-flex;
align-items: center
}
.partner-byline__text {
margin-right: 8px;
color: #6e6e6e;
font-size: 14px;
font-weight: 400
}
.partner-byline__link {
display: flex;
align-items: center;
color: var(--theme-link-color)
}
.partner-byline__link:hover {
color: var(--theme-link-color-hover);
text-decoration: none
}
.partner-byline__link:active,
.partner-byline__link:visited {
text-decoration: none
}
.partner-byline__image {
max-width: 100%;
max-height: 30px
}
.layout-no-rail-article-fullwidth-sponsor__top .partner-byline {
justify-content: center;
width: 100%
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth__top .partner-byline,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__top .partner-byline {
margin-right: 16px;
padding-right: 16px;
border-right: 1px solid #e6e6e6
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-no-rail-article-fullwidth__top .partner-byline,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__top .partner-byline {
margin-top: 8px;
order: 2
}
}
.source,
.source-elevate {
font-weight: 700;
float: left;
z-index: 1
}
.source__cite {
font-style: normal;
line-height: var(--theme-paragraph__line-height);
display: flex;
flex-direction: row
}
.source__location,
.source__text {
display: inline-flex
}
.source__location {
margin-right: 6px
}
.source__location:empty {
margin-right: 0
}
.source__text::before {
content: '('
}
.source__text::after {
content: ')'
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .source__cite {
line-height: var(--theme-paragraph__line-height--from-small)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .source-elevate .source__cite {
line-height: 1.75rem
}
}
.source-elevate {
font-size: 1rem
}
.source-elevate .source__cite {
font-style: normal;
line-height: 1.75rem;
display: flex;
flex-direction: row
}
.source-elevate .source__location {
display: inline-flex;
margin-right: 0
}
.source-elevate .source__text {
display: inline-flex
}
.source-elevate .source__text:not(:empty)::before {
content: '('
}
.source-elevate .source__text:not(:empty)::after {
content: ')'
}
.source-elevate .source__location:not(:empty)+.source__text {
margin-left: 6px
}
.vossi-paragraph a,
.vossi-paragraph strong {
font-family: var(--theme-font-family-body);
font-size: var(--appr-font-size-body-md);
line-height: var(--appr-font-line-height-body-md)
}
.vossi-paragraph a:focus {
color: var(--appr-color-text-link-primary-focused)
}
.vossi-paragraph a:active {
color: var(--appr-color-text-link-primary-pressed)
}
.vossi-paragraph a:hover {
color: var(--theme-link-color-hover);
-webkit-text-decoration-line: var(--theme-paragraph__hover-link-decoration);
text-decoration-line: var(--theme-paragraph__hover-link-decoration)
}
.paragraph-elevate a,
.vossi-paragraph a {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.vossi-paragraph a {
color: var(--theme-paragraph__link-color);
font-style: normal;
font-weight: var(--base-font-weight-regular);
letter-spacing: var(--base-font-letter-spacing-none)
}
.vossi-paragraph,
.vossi-paragraph strong {
color: var(--appr-color-text-primary);
font-style: normal;
letter-spacing: var(--base-font-letter-spacing-none)
}
.vossi-paragraph strong {
font-weight: 700
}
.vossi-paragraph {
font-family: var(--theme-paragraph__font-family);
font-size: var(--theme-paragraph__font-size);
font-weight: 400;
line-height: var(--theme-paragraph__line-height);
margin-bottom: var(--base-space-16);
margin-top: var(--base-space-none);
margin-left: var(--base-space-none);
margin-right: var(--base-space-none)
}
.paragraph {
word-wrap: break-word
}
.paragraph[data-has-icon=true] {
display: flex
}
.paragraph svg {
fill: currentColor;
margin-top: 4px;
margin-right: 16px
}
.paragraph-elevate {
font-family: noto_serif, Georgia, Times New Roman, serif;
font-weight: 400;
font-size: 1rem;
line-height: 175%;
margin-top: 0;
margin-bottom: 24px
}
.paragraph-elevate strong {
font-weight: 700
}
.paragraph-elevate.vossi-paragraph a,
.paragraph-elevate.vossi-paragraph a:focus,
.paragraph-elevate.vossi-paragraph a:hover,
.paragraph-elevate.vossi-paragraph strong {
font-family: noto_serif, Georgia, Times New Roman, serif;
font-size: 1rem;
font-weight: 700
}
.paragraph-elevate a {
font-weight: 700;
color: var(--theme-paragraph__link-color);
-webkit-text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.paragraph-elevate a:hover {
color: var(--theme-link-color-hover);
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration)
}
.paragraph-elevate em {
font-weight: 400
}
.paragraph-elevate[data-article-gutter] {
max-width: 660px
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .paragraph-elevate,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .paragraph-elevate a {
font-size: var(--theme-paragraph__font-size--from-small);
line-height: var(--theme-paragraph__line-height--from-small)
}
}
.subheader,
.subheader-elevate {
padding: 16px 0 8px;
margin: 0
}
.subheader {
clear: inherit;
display: block;
font-family: var(--theme-subheader__font-family);
font-weight: var(--theme-subheader__font-weight)
}
.subheader,
.subheader a,
.subheader__link {
color: #0c0c0c
}
.subheader a,
.subheader__link {
color: var(--theme-paragraph__link-color);
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
-webkit-text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.subheader a:hover,
.subheader__link:hover {
color: var(--theme-link-color-hover);
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration)
}
h2.subheader {
font-size: var(--theme-subheader-h2__font-size);
line-height: var(--theme-subheader-h2__line-height)
}
h3.subheader {
font-size: var(--theme-subheader-h3__font-size);
line-height: var(--theme-subheader-h3__line-height)
}
h4.subheader {
font-size: var(--theme-subheader-h4__font-size);
line-height: var(--theme-subheader-h4__line-height)
}
h5.subheader {
font-size: var(--theme-subheader-h5__font-size);
line-height: var(--theme-subheader-h5__line-height)
}
h6.subheader {
font-size: var(--theme-subheader-h6__font-size);
line-height: var(--theme-subheader-h6__line-height);
text-transform: uppercase
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) h2.subheader {
font-size: var(--theme-subheader-h2__font-size);
line-height: var(--theme-subheader-h2__line-height)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) h3.subheader {
font-size: var(--theme-subheader-h3__font-size);
line-height: var(--theme-subheader-h3__line-height)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) h4.subheader {
font-size: var(--theme-subheader-h4__font-size);
line-height: var(--theme-subheader-h4__line-height)
}
}
h2..subheader-elevate {
font-size: 1.44rem;
line-height: 1.66rem
}
h3..subheader-elevate {
font-size: 1.33rem;
line-height: 1.53rem
}
h4..subheader-elevate {
font-size: 1.22rem;
line-height: 1.4rem
}
h5..subheader-elevate {
font-size: 1.11rem;
line-height: 1.28rem
}
h6..subheader-elevate {
font-size: 1rem;
line-height: 1.15rem;
text-transform: none
}
@media screen and (min-width:1024px) {
h2.body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subheader-elevate {
font-size: 2rem;
line-height: 2.3rem
}
h3.body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subheader-elevate {
font-size: 1.66rem;
line-height: 1.9rem
}
h4.body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subheader-elevate {
font-size: 1.33rem;
line-height: 1.53rem
}
}
.image_expandable__caption-container {
display: flex
}
.image_expandable__metadata {
display: grid
}
.image_expandable__caption {
color: #0c0c0c;
font-size: 12px;
font-weight: 400;
line-height: 18px;
margin-top: 4px;
text-align: left;
margin-bottom: 16px;
order: 2;
-webkit-order: 2
}
.image_expandable__credit {
text-align: right;
color: #6e6e6e;
font-size: 10px;
font-weight: 400;
margin-left: auto;
line-height: 12px;
padding: 4px 0;
order: 1;
-webkit-order: 1
}
.image_expandable__dam-img {
width: 100%;
object-fit: cover;
height: 100%;
vertical-align: bottom
}
.image_expandable__dam-img--loading {
background-color: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .image_expandable {
width: 50%;
display: table-cell;
padding-right: 16px;
padding-top: 24px;
padding-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .image_expandable+.image_expandable {
padding-right: 0;
padding-left: 16px
}
}
.image_large {
max-width: 676px;
margin: 0 auto 32px
}
.image_large .image_large__picture {
display: flex
}
.image_large .image_large__picture .image_large__dam-img {
height: auto;
width: 100%
}
.partner-copyright {
margin: 0 0 16px;
font-style: italic
}
.partner-copyright,
.partner-copyright a {
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 400;
font-size: var(--theme-paragraph__font-size);
line-height: var(--theme-paragraph__line-height)
}
.partner-copyright a {
color: var(--theme-paragraph__link-color);
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
-webkit-text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.partner-copyright a:hover {
color: var(--theme-link-color-hover);
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration)
}
.partner-copyright strong {
font-weight: 700
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .partner-copyright,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .partner-copyright a {
font-size: var(--theme-paragraph__font-size--from-small);
line-height: var(--theme-paragraph__line-height--from-small)
}
}
.radio-control {
font-family: system-ui, sans-serif;
font-size: 16px;
display: flex;
position: relative
}
.radio-control .radio {
appearance: none;
background-color: #fff;
font: inherit;
color: #a2a2a2;
width: 1.3em;
height: 1.3em;
border: 1px solid #a2a2a2;
border-radius: 50%;
transform: translateY(-.13em);
display: grid;
place-content: center;
margin: 0 6px 0 0
}
.radio-control .radio::before {
content: '';
width: .8em;
height: .8em;
border-radius: 50%;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em #1976d3
}
.radio-control .radio.checked::before {
transform: scale(1)
}
.checkbox-control {
font-family: system-ui, sans-serif;
font-size: 16px;
display: flex;
position: relative
}
.checkbox-control .checkbox {
color: #a2a2a2;
border: 1px solid #a2a2a2;
display: grid;
place-content: center;
margin: 0 6px 0 0
}
.checkbox-control .checkbox::before {
content: '';
width: 1.3em;
height: 1.3em;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: inset 1.3em 1.3em #1976d3
}
.checkbox-control .checkbox.checked::before {
transform: scale(1)
}
.configuration {
display: none;
background-color: #fff
}
.configuration .selector {
display: none
}
.configuration .image {
padding-bottom: 0
}
.configuration .component-selector-wrapper--selected {
box-shadow: none
}
.configuration .settings {
cursor: default
}
.configuration [data-tabcontent=Settings] {
display: flex;
flex-wrap: wrap
}
.configuration .settings-section {
margin: 20px 0 0;
padding: 20px;
border-radius: 4px;
max-width: 500px
}
.configuration .settings-section:hover {
border-radius: 4px;
box-shadow: 0 0 0 2px rgb(25 118 210 / 75%)
}
.configuration .settings-section * {
cursor: pointer
}
.configuration .settings-section .tabcontent__headline {
font-size: 18px;
font-weight: 700
}
.configuration .settings-section .tabcontent__label {
font-size: 15px;
margin: 0
}
.configuration .settings-section .tabcontent__select {
font-size: 15px;
padding: 8px 0;
max-width: none
}
.configuration .settings-section .checkbox-label>* {
margin: 8px 0
}
.configuration .settings-section .body {
margin: 30px 0 0
}
.configuration .settings-section .body .url-option {
margin: 35px 0 0
}
.configuration .settings-section .body .url-sub {
padding: 25px 0 0 28px;
font-size: 15px;
color: #6d6d6d;
line-height: 1.8em
}
.configuration .settings-section .body .url-sub .input-text {
border-bottom: 1px solid #6d6d6d;
color: #000
}
.configuration .settings-section .body .url-sub .sub-text {
color: #4b4b4b;
font-size: 12px
}
.configuration .settings-section .body .url-sub .ui-checkbox {
margin: 8px 0 0
}
.configuration .settings-section .body .url-sub .checkbox-text {
padding: 0 0 0 8px;
color: #000;
font-size: 16px
}
.configuration .settings-section .body .preview-url-section {
margin: 30px 0 0
}
.configuration .settings-section .body .preview-url-section .preview-url-heading {
font-size: 15px;
color: #6d6d6d
}
.configuration .settings-section .body .preview-url-section .preview-url {
font-size: 15px;
font-weight: 700;
margin: 8px 0 0
}
.configuration [data-tabcontent=Settings] .settings-section {
flex: 50%
}
.configuration__divider {
background-color: var(--theme-divider);
margin: 24px auto;
height: 1px;
border: none
}
.configuration-cep__collapsed .simple-list-items-wrapper {
max-height: 42px;
overflow: hidden;
transition-duration: .3s
}
.configuration-cep__expanded .simple-list-items-wrapper {
max-height: 1200px;
overflow: hidden;
transition-duration: .3s
}
.configuration-cep__collapsed .ui-icon {
transform: rotate(0)
}
.configuration-cep__expanded .ui-icon {
transform: rotate(-180deg)
}
.configuration__syndication {
flex-direction: row;
display: flex;
justify-content: space-between
}
.configuration__syndication>.tabcontent__block.checkbox-label {
margin-top: 0
}
.kiln-overlay-form--configuration .date-time-picker {
margin: 30px 0
}
.dynamic-logic {
background-color: #ebebeb;
border: 1px solid #555;
margin-bottom: 10px;
padding: 15px 0 10px
}
.edit-list {
background-color: #fff;
margin: 0 10px
}
.tags__list,
.tags__title {
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase
}
.tags__list,
.tags__list-item {
display: inline
}
.tags__list {
padding: 0
}
.tags__list-item:not(:last-child) .tags__link::after {
content: ','
}
.tags__list-item--hidden,
.tags__list-item--invisible {
display: none
}
.tags__link {
color: #0c0c0c;
text-decoration: none
}
.tags__link:active,
.tags__link:focus,
.tags__link:hover {
box-shadow: 0 1px 0 var(--theme-primary)
}
.tags__more-link {
color: var(--theme-color-link);
cursor: pointer
}
.subscribe-button {
background-color: #c00;
border-width: 0;
border-radius: 6px;
color: #fff;
cursor: pointer;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 16px;
font-weight: 700;
height: 30px;
line-height: 20px;
padding: 0 12px
}
.subscribe-button--hide {
display: none
}
.subscribe-button:hover {
background-color: #a4001e
}
.footer {
background-color: var(--theme-footer-background-color);
padding: 1px 0 24px;
/*border-top: 1px solid var(--theme-divider)*/
}
.footer .brand-logo__logo {
width: var(--theme-footer__brand-logo-width);
height: var(--theme-footer__brand-logo-height);
display: block
}
.footer .brand-logo__icon {
margin-top: var(--theme-footer__brand-logo-icon-margin-top)
}
.footer .brand-logo .cnn-logo-dark {
width: 100%;
height: 100%
}
.footer .brand-logo__theme path {
fill: var(--theme-footer-copy-accent)
}
.footer__brand-logo {
margin-bottom: 32px
}
.footer__right {
align-items: center;
display: flex;
position: relative;
margin-bottom: 7px
}
.footer__user-account-menu,
.footer__user-account-nav-menu {
display: none;
width: 100%;
text-align: center
}
.footer__user-account-icon {
margin: 0 0 0 16px;
padding: 0
}
.footer__user-account-nav-mobile {
display: block;
margin: 0
}
.footer__user-account-nav-mobile .user-account-nav__menu-link {
font-size: 16px
}
.footer__user-account-nav-mobile .user-account-nav__icons {
width: 100%;
text-align: center
}
.footer__user-account-nav-desktop,
.footer__user-account-nav-mobile .user-account-nav__icons .user-account-nav__icon-button--unauth {
display: none
}
.footer .footer__user-account-nav-icon .user-account-nav.user-account-nav--unauth .user-account-nav__icons .user-account-nav__text-button.user-account-nav__text-button--unauth {
font-size: 16px;
line-height: 24px;
padding-left: 12px;
padding-right: 12px;
height: 40px;
color: var(--theme-footer__login-button);
border: none
}
.footer .footer__inner {
margin: 0 auto;
width: 100%;
max-width: 1440px;
padding: 0 16px
}
.footer .footer__subnav {
display: flex;
flex-wrap: wrap
}
.footer .footer__subnav .subnav__section-link {
font-size: 16px
}
.footer .footer__subnav .subnav__section-link,
.footer .footer__subnav .subnav__subsection-link {
color: var(--theme-footer-copy-accent)
}
.footer .footer__subnav .subnav__section-link:active,
.footer .footer__subnav .subnav__section-link:focus,
.footer .footer__subnav .subnav__section-link:hover,
.footer .footer__subnav .subnav__subsection-link:active,
.footer .footer__subnav .subnav__subsection-link:focus,
.footer .footer__subnav .subnav__subsection-link:hover {
color: var(--theme-footer-copy-accent-hover)
}
.footer .footer__divider {
background-color: var(--theme-divider);
height: 1px;
border: none;
margin: 24px auto;
width: 100%
}
.footer__divider-mobile {
display: block
}
.footer__mobile-only {
display: contents
}
.footer__desktop-only {
display: none
}
.footer .footer__row {
display: flex;
align-items: center;
flex-direction: column
}
.footer .footer__links {
display: flex;
margin-top: 24px;
justify-content: center;
flex-flow: row wrap
}
.footer .footer__copyright-text,
.footer .footer__disclaimer-text,
.footer .footer__link {
font-size: 12px;
display: block;
text-decoration: none;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
letter-spacing: 0;
text-align: center;
line-height: 20px
}
.footer .footer__link {
margin: 0 16px 4px 0;
color: var(--theme-footer-copy-accent)
}
.footer .footer__copyright-text {
margin: 24px auto 0;
color: var(--theme-footer-copy-accent)
}
.footer .footer__copyright-text>a {
color: var(--theme-footer-copy-accent);
text-decoration: none
}
.footer .footer__disclaimer-text {
color: var(--theme-footer-disclaimer-color);
font-weight: var(--theme-footer-disclaimer-weight);
text-align: center;
margin: 32px auto 0
}
.footer .footer__disclaimer-text>a {
color: #262626;
text-decoration: none
}
.footer .footer__copyright-text>a:hover,
.footer .footer__disclaimer-text>a:hover,
.footer .footer__link:hover {
text-decoration: underline;
color: var(--theme-footer-copy-accent-hover)
}
.footer .uclink,
.footer__vertical-divider {
display: none
}
.footer__audio-link,
.footer__live-tv-link,
.footer__video-link {
display: block;
color: var(--theme-footer-copy-accent);
font-size: 15px;
font-weight: 400;
position: relative;
text-decoration: none;
line-height: 20px
}
.footer__audio-link:active,
.footer__audio-link:focus,
.footer__audio-link:hover,
.footer__live-tv-link:active,
.footer__live-tv-link:focus,
.footer__live-tv-link:hover,
.footer__video-link:active,
.footer__video-link:focus,
.footer__video-link:hover {
color: var(--theme-footer-copy-accent-hover)
}
.footer__audio-link:hover,
.footer__live-tv-link:hover,
.footer__video-link:hover {
-webkit-text-decoration: solid underline var(--theme-footer-copy-accent-hover) 2px;
text-decoration: solid underline var(--theme-footer-copy-accent-hover) 2px;
text-underline-offset: 4px
}
.footer__audio-link-desktop,
.footer__live-tv-link-desktop,
.footer__video-link-desktop {
display: none
}
.footer__audio-link-mobile,
.footer__live-tv-link-mobile,
.footer__video-link-mobile {
letter-spacing: .2px;
line-height: 26px;
font-size: 16px;
text-align: center
}
.footer__audio-link-mobile,
.footer__live-tv-link-mobile {
margin-bottom: 12px
}
.footer .social-links__copy {
color: var(--theme-footer-copy-accent)
}
.footer .social-links__link .facebook-icon,
.footer .social-links__link .instagram-icon,
.footer .social-links__link .linkedin-icon,
.footer .social-links__link .threads-icon,
.footer .social-links__link .tiktok-icon,
.footer .social-links__link .twitter-icon,
.footer .social-links__link .whatsapp-icon,
.footer .social-links__link .youtube-icon {
fill: var(--theme-footer-icon-color)
}
.footer .social-links__link .facebook-icon:hover,
.footer .social-links__link .instagram-icon:hover,
.footer .social-links__link .linkedin-icon:hover,
.footer .social-links__link .threads-icon:hover,
.footer .social-links__link .tiktok-icon:hover,
.footer .social-links__link .twitter-icon:hover,
.footer .social-links__link .whatsapp-icon:hover,
.footer .social-links__link .youtube-icon:hover {
fill: var(--theme-footer-icon-color-hover)
}
.footer__subscribe-button--mobile:not(.subscribe-button--hide) {
display: block;
width: 100%;
margin: 0 0 24px
}
.footer__subscribe-button--desktop:not(.subscribe-button--hide) {
display: none
}
.underscored .footer .brand-logo__logo {
display: inline
}
.underscored .footer .brand-logo__theme path {
fill: revert-layer
}
.underscored .footer .footer__user-account-nav-icon .user-account-nav.user-account-nav--unauth .user-account-nav__icons {
width: max-content
}
.underscored .footer .footer__user-account-nav-icon .user-account-nav.user-account-nav--unauth .user-account-nav__icons .user-account-nav__text-button.user-account-nav__text-button--unauth {
padding-left: 0
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer {
padding-top: 48px;
padding-right: 0;
margin-right: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-menu,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-nav-menu {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__inner {
padding: 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__subnav {
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-icon {
margin: 0 0 0 16px
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__inner {
padding: 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__subnav {
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__subnav .subnav__subsections {
margin-top: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__right {
padding: 0 0 0 80px;
align-self: flex-end;
align-items: inherit
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-nav-icon {
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-nav-desktop {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-menu .footer__divider,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-nav-menu .footer__divider,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-nav-mobile {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__icon-button .icon-ui-avatar-default,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__icon-button .icon-ui-avatar-fill {
fill: var(--theme-footer-copy-accent)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__icon-button:focus {
color: var(--theme-footer__login-button)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__icon-button:focus .user-icon {
fill: var(--theme-footer__login-button)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__user-account-nav-desktop .user-account-nav__text-button {
height: 30px;
font-size: 16px;
line-height: 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider {
display: block;
height: 24px;
margin: 0 0 0 24px;
border-left: 1px solid var(--theme-divider)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__divider-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__mobile-only,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__video-link-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__desktop-only {
display: contents
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__subscribe-button--mobile:not(.subscribe-button--hide),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__video-link-mobile {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__audio-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__video-link {
margin: 0 24px 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__brand-logo {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__row {
flex-direction: row;
justify-content: space-between;
margin-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .search-bar__form {
margin-bottom: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__subscribe-button--desktop:not(.subscribe-button--hide) {
display: block;
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).travel .footer .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
background-color: #404040
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .footer .user-account-nav__icon-button--auth .icon-ui-avatar-default:hover {
background: var(--theme-footer__auth-avatar-hover);
border-radius: 16px
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer {
padding-top: 48px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__video-link-desktop {
white-space: nowrap;
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__video-link-desktop {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__subnav {
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__divider:first-of-type {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__divider:last-of-type {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__links {
justify-content: flex-start
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__copyright-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__disclaimer-text {
text-align: left
}
}
@media screen and (min-width:1280px) and (max-width:1440px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__subnav {
padding: 0
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__menu-options,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__video-link-mobile {
text-align: left
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .social-links__items {
row-gap: 20px;
max-width: 220px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .social-links__items .social-links__item {
padding: 0;
margin-inline-start: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .social-links__items .social-links__item:nth-child(5n+1) {
margin-inline-start: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .social-links__items .social-links__item:nth-child(n+6) {
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__brand-logo {
margin-bottom: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav--auth .user-account-nav__menu,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__icons {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__subnav .subnav__sections {
align-items: start
}
}
@media screen and (min-width:480px) and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .footer .user-account-nav__menu-link--hide,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .footer .user-account-nav__menu-options:after {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .footer .user-account-nav__menu-options {
padding: 0;
text-align: left;
background: unset;
position: relative;
margin-top: 0;
width: fit-content;
border-radius: 0;
box-shadow: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .footer .user-account-nav__menu-item {
margin: 16px 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .footer .user-account-nav__menu-link {
color: var(--theme-footer-copy-accent);
font-size: 16px;
text-decoration: none;
padding: 0
}
}
.header .brand-logo__logo,
.header-elevate .brand-logo__logo {
align-items: var(--theme-header__logo-align-items);
padding-top: var(--theme-header__logo-padding-top)
}
body.cnne[data-page-type*=profile],
body[data-page-type*=gallery]:has(article.gallery_unfurled) {
--theme-header__background: #0c0c0c;
--theme-header__copy-accent: #e6e6e6;
--theme-header__copy-follow: #ffffff;
--theme-header__divider: #e6e6e6;
--theme-header__logo-background-color: none;
--theme-header__logo-color: #ffffff;
--theme-header__logo-width: auto;
--theme-header__logo-inset-width: auto;
--theme-header__icon-color: #ffffff;
--theme-header__icon-color-hover: var(--theme-icon-color-hover);
--theme-header__edition-picker-link: #0c0c0c;
--theme-header__separator: #ffffff;
--theme-header__hover-item-hover: #ffffff;
--theme-header__item-link-color: #e6e6e6;
--theme-header__item-link-hover-color: #ffffff;
--theme-header__item-link-hover-background-color: transparent;
--theme-header__item-link-line-height: 40px;
--theme-header__item-link-font-weight: 500;
--theme-header__more-link-hover-font-weight: 500;
--theme-header__mobile-dropdown-background: none;
--theme-header__dropdown-background: #0c0c0c;
--theme-header__dropdown-item-link-color: #ffffff;
--theme-header__dropdown-item-link-hover-color: #0c0c0c;
--theme-header__dropdown-border-width: none;
--theme-header__dropdown-border-style: none;
--theme-header__dropdown-border-color: none;
--theme-header__dropdown-box-shadow: 0px 3px 8px 0px #6a73810f, 0px 6px 12px 0px #6a738129;
--theme-header__dropdown-hover-item-hover: #ffffff;
--theme-header__dropdown-separator-color: #404040;
--theme-header__dropdown-border-top: none;
--theme-header__dropdown-border: 1px solid var(--theme-header__dropdown-separator-color);
--theme-header__dropdown-border-radius: 4px;
--theme-header__dropdown-margin-top: 2px;
--theme-header__login-button-color: #0c0c0c;
--theme-header__login-button-color-hover: #404040;
--theme-header__login-button-border-color: #ffffff;
--theme-header__login-button-text-color: #ffffff;
--theme-header__login-button-hover-text-color: #ffffff;
--theme-header__scrolled-box-shadow: 0px 3px 8px 0px #6a73810f, 0px 6px 12px 0px #6a738129;
--theme-header__auth-avatar-hover: #6e6e6e;
--theme-user-account__login-button-color: #0c0c0c
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter'] .header__navigation-separator,
html[data-layout-uri*='layout-with-rail/instances/electioncenter'] .header__navigation-separator {
height: 1px;
border-bottom: solid 1px #404040
}
html {
scroll-padding-top: 40px
}
.header {
background-color: var(--theme-header__background);
height: 40px;
left: 0;
right: 0;
transform: translateY(0);
transition: transform 1s ease 0s;
z-index: 100;
position: sticky;
position: -webkit-sticky;
top: 0
}
.header .brand-logo__logo {
background-color: var(--theme-header__logo-background-color);
width: var(--theme-header__logo-width)
}
.header__container,
.header__mobile-nav .header__nav-item-link-accordion {
justify-content: space-between
}
.header .brand-logo__icon {
fill: var(--theme-header__logo-color);
width: var(--theme-header__logo-inset-width);
margin: 0 auto
}
.header .style-solo-logo,
.header .user-account-nav__icon-button .icon-ui-avatar-default,
.header__social-links .social-links__link .facebook-icon,
.header__social-links .social-links__link .instagram-icon,
.header__social-links .social-links__link .linkedin-icon,
.header__social-links .social-links__link .threads-icon,
.header__social-links .social-links__link .tiktok-icon,
.header__social-links .social-links__link .twitter-icon,
.header__social-links .social-links__link .whatsapp-icon,
.header__social-links .social-links__link .youtube-icon {
fill: var(--theme-header__icon-color)
}
.header .brand-logo__section-text {
color: var(--theme-header__copy-follow)
}
.userAccountVisible+.header {
transition: none
}
.kiln-edit-mode .header.component-selector-wrapper {
position: sticky;
top: 3.5rem
}
.header__outer,
.header__subnav-mount {
position: relative
}
.header__navigation-separator {
width: 100%;
height: 2px;
border: none;
margin: 0;
opacity: 1;
transition: visibility 0s, opacity .25s ease-in
}
.header__nav-item-link,
.header__nav-more-link,
.header__nav-special-text {
font-weight: 500;
text-decoration: none;
transition: color .4s ease;
line-height: var(--theme-header__item-link-line-height)
}
.header__navigation-separator::before {
content: '';
display: flex;
border-bottom: 2px solid var(--theme-header__separator);
height: 0;
width: calc(100% - (16px * 2));
max-width: calc(1440px - (16px * 2));
margin: 0 auto
}
.header:not(.header--active) .header__navigation-separator.hide {
visibility: visible;
opacity: 0;
height: 0
}
.header__menu-icon {
display: block
}
.header__outer {
height: 40px;
z-index: 50
}
.header__social-links {
margin: 0 auto;
width: max-content
}
.header__social-links .social-links__copy {
color: var(--theme-header__copy-follow)
}
.header__social-links .social-links__link .facebook-icon:hover,
.header__social-links .social-links__link .instagram-icon:hover,
.header__social-links .social-links__link .linkedin-icon:hover,
.header__social-links .social-links__link .threads-icon:hover,
.header__social-links .social-links__link .tiktok-icon:hover,
.header__social-links .social-links__link .twitter-icon:hover,
.header__social-links .social-links__link .whatsapp-icon:hover,
.header__social-links .social-links__link .youtube-icon:hover {
fill: var(--theme-header__icon-color-hover)
}
.header__socials {
display: none
}
.header__subnav-mount--scrolled {
box-shadow: var(--theme-header__scrolled-box-shadow)
}
.header__container {
display: flex;
align-items: flex-start;
margin: 0 auto;
overflow: visible;
padding: 0 16px;
max-width: 1440px
}
.header__left {
display: flex;
flex: 0 0 auto;
align-items: center;
height: 40px
}
.header__nav {
margin-left: 16px;
display: none;
height: auto;
overflow: visible
}
.header__nav-more {
display: none
}
.header__nav-special {
display: none;
border-bottom: solid 1px var(--theme-header-mobile-nav-border-color);
width: 100%
}
.header__nav-special-text {
color: var(--theme-header__item-link-color);
font-size: 14px;
margin: 0 16px;
white-space: normal
}
.header__nav-special-text:hover {
color: var(--theme-copy-accent-hover)
}
.header__nav-item-link,
.header__nav-more-link {
color: var(--theme-header__copy-accent);
font-size: 15px;
display: block;
white-space: nowrap
}
.header__nav-item-link-centered,
.header__nav-more-link-centered {
justify-content: center;
margin: 0
}
.header__nav-item-link:hover,
.header__nav-more-link:hover {
color: var(--theme-header__item-link-hover-color);
-webkit-text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-underline-offset: 4px
}
.header__nav-item--active>.header__nav-item-link,
.header__nav-more--active>.header__nav-item-link {
font-weight: 700
}
.header__nav-item-dropdown,
.header__nav-more-dropdown {
background-color: var(--theme-header__mobile-dropdown-background);
display: none;
position: absolute;
opacity: 0;
transition: opacity .3s ease;
width: fit-content;
box-shadow: var(--theme-header__dropdown-box-shadow)
}
.header__nav-item-dropdown-item,
.header__nav-more-dropdown-item {
line-height: var(--theme-header__item-link-line-height);
font-weight: var(--theme-header__item-link-font-weight);
display: block;
padding: 0 16px;
text-decoration: none;
font-size: 15px;
color: var(--theme-header__dropdown-item-link-color);
border-bottom: 1px solid var(--theme-header-mobile-nav-border-color)
}
.header__nav-item-dropdown-item:hover,
.header__nav-more-dropdown-item:hover {
background-color: var(--theme-header__dropdown-hover-item-hover);
color: var(--theme-header__dropdown-item-link-hover-color)
}
.header__nav-item-dropdown-item:last-of-type,
.header__nav-more-dropdown-item:last-of-type {
border-bottom: 0
}
.header__nav-item:hover,
.header__nav-more:hover {
background-color: var(--theme-header__item-link-hover-background-color)
}
.header__nav-item:hover .header__nav-item-link,
.header__nav-more:hover .header__nav-item-link {
color: var(--theme-header__item-link-hover-color)
}
.header__nav-more--toggle-caret::after {
content: url(/media/sites/cnn/icons/gray-caret.svg);
border: none;
cursor: pointer;
height: 20px;
width: 20px;
margin: 0;
padding: 0;
top: 8px;
position: relative
}
.header__nav-more--toggle-caret-up::after {
content: url(/media/sites/cnn/icons/gray-caret-up.svg)
}
.header__nav-more-link:hover {
font-weight: var(--theme-header__more-link-hover-font-weight)
}
.header__nav-button {
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.header__subnav-item {
margin: 0;
padding: 0
}
.header__editionizer {
display: none;
text-align: start;
width: 100%;
z-index: 1
}
.header__editionizer-menu {
display: none;
padding: 0;
text-align: start
}
.header__editionizer-item {
margin: 16px 0;
list-style: none
}
.header__editionizer-item:hover {
text-decoration: underline;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.header__editionizer-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: none
}
.header__editionizer--active .header__editionizer-menu {
display: block
}
.header__editionizer--active .header__editionizer-button .icon-ui-caret-down-thick {
transform: rotate(180deg)
}
.header__editionizer-button {
background: 0 0;
border: none;
color: var(--theme-header__copy-accent);
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 26px;
cursor: pointer
}
.header__editionizer .header__editionizer-caret {
display: inline-block;
float: inline-end
}
.header__editionizer .header__editionizer-caret .icon-ui-caret-down-thick {
fill: var(--theme-header__copy-accent);
transition: transform .25s ease;
height: 20px;
width: 20px;
vertical-align: middle
}
.header__editionizer .header__editionizer-desktop {
display: none
}
.header__right {
align-items: center;
display: flex;
position: relative;
height: 40px;
visibility: hidden
}
.header__right .header__editionizer-button {
margin: 0 0 0 16px;
padding: 0;
height: 32px
}
.header__user-account-icon {
margin: 0 0 0 16px;
padding: 0
}
.header__search-icon {
margin: 0 0 0 24px;
padding: 0
}
.header__subscribe-button {
display: none;
background-color: #c00;
color: #fff;
border: 1px;
margin-left: 12px;
border-radius: 6px;
padding: 0 12px;
font-size: 14px;
line-height: 20px;
height: 30px;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
cursor: pointer
}
.header__subscribe-button:hover {
background-color: #a4001e
}
.header__user-account-nav-mobile {
display: block;
margin: 0;
width: 100%
}
.header__user-account-nav-mobile .user-account-nav__menu-options {
text-align: left;
margin: 24px 0 0
}
.header__user-account-nav-mobile .user-account-nav__menu-item {
margin: 0
}
.header__user-account-nav-mobile .user-account-nav__menu-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500
}
.header__user-account-nav-mobile .user-account-nav__menu-item+.user-account-nav__menu-item {
margin-top: 12px
}
.header__user-account-nav-desktop {
display: none
}
.header__inner--subscription .header__user-account-nav-desktop,
.header__inner--subscription .user-account-nav--auth .user-account-nav__icon-button--auth {
display: block
}
.header__inner--subscription .user-account-nav--unauth .user-account-nav__icon-button--unauth,
.header__inner--subscription .user-account-nav__menu-button {
display: none
}
.header__inner--subscription .user-account-nav__menu-options {
padding: 12px 0;
text-align: left;
background: #fff;
position: absolute;
margin-top: 4px;
width: fit-content;
right: calc(4px / 2);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, .25) 0 2px 6px 0
}
.header__inner--subscription .user-account-nav__menu-options:after {
content: '';
width: 0;
height: 0;
position: absolute;
top: -5px;
right: 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fefefe
}
.header__inner--subscription .user-account-nav__menu-item {
margin: 0;
width: 100%;
white-space: nowrap;
list-style: none
}
.header__inner--subscription .user-account-nav__menu-link {
padding: 0 24px;
font-size: 12px;
line-height: 24px;
color: #404040;
display: flex;
flex-direction: row;
align-items: center
}
.header__inner--subscription .user-account-nav__menu-link:hover {
background-color: #e6e6e6;
color: #262626
}
.header__inner--subscription .user-account-nav__menu-link--hide {
display: none
}
.header__inner--subscription .header__right .user-account-nav--auth .user-account-nav__icon-button--auth {
margin-left: 12px
}
.header .user-account-nav--unauth .user-account-nav__text-button--unauth,
.header .user-account-nav__menu-button,
.header .user-account-nav__menu-button:active,
.header .user-account-nav__menu-button:focus,
.header .user-account-nav__menu-button:hover {
color: var(--theme-header__login-button-text-color)
}
.header .user-account-nav--auth .user-account-nav__menu {
width: 100%
}
.header .user-account-nav__icons {
margin: 0
}
.header .user-account-nav__menu--active .icon-ui-caret-down-thick {
transform: rotate(180deg)
}
.header .user-account-nav__caret {
float: right;
width: 20px;
height: 20px;
mask-image: url(/media/sites/cnn/icons/ui-caret-down-thick.svg);
background-color: var(--theme-header__login-button-text-color);
margin: 0
}
.header__close-icon,
.header__menu-icon {
margin-inline-end: 16px;
padding: 0
}
.header__menu-icon,
.header__search-icon {
height: 32px
}
.header__close-icon,
.header__search-icon {
display: none
}
.header__close-icon,
.header__menu-icon,
.header__search-icon {
background: 0 0;
border: none;
box-shadow: none
}
.header__close-icon-svg,
.header__menu-icon-svg,
.header__search-icon-svg {
height: 24px;
width: 24px;
fill: var(--theme-header__icon-color);
transition: fill .4s ease
}
.header__audio-link::before,
.header__video-link::before {
height: 16px;
background-color: var(--theme-header__icon-color);
mask-size: 100%
}
.header__close-icon:focus,
.header__menu-icon:focus,
.header__search-icon:focus {
color: #fff
}
.header__close-icon:active,
.header__close-icon:focus,
.header__close-icon:hover,
.header__menu-icon:active,
.header__menu-icon:focus,
.header__menu-icon:hover,
.header__search-icon:active,
.header__search-icon:focus,
.header__search-icon:hover {
cursor: pointer
}
.header__close-icon:active .header__close-icon-svg,
.header__close-icon:active .header__menu-icon-svg,
.header__close-icon:active .header__search-icon-svg,
.header__close-icon:focus .header__close-icon-svg,
.header__close-icon:focus .header__menu-icon-svg,
.header__close-icon:focus .header__search-icon-svg,
.header__close-icon:hover .header__close-icon-svg,
.header__close-icon:hover .header__menu-icon-svg,
.header__close-icon:hover .header__search-icon-svg,
.header__menu-icon:active .header__close-icon-svg,
.header__menu-icon:active .header__menu-icon-svg,
.header__menu-icon:active .header__search-icon-svg,
.header__menu-icon:focus .header__close-icon-svg,
.header__menu-icon:focus .header__menu-icon-svg,
.header__menu-icon:focus .header__search-icon-svg,
.header__menu-icon:hover .header__close-icon-svg,
.header__menu-icon:hover .header__menu-icon-svg,
.header__menu-icon:hover .header__search-icon-svg,
.header__search-icon:active .header__close-icon-svg,
.header__search-icon:active .header__menu-icon-svg,
.header__search-icon:active .header__search-icon-svg,
.header__search-icon:focus .header__close-icon-svg,
.header__search-icon:focus .header__menu-icon-svg,
.header__search-icon:focus .header__search-icon-svg,
.header__search-icon:hover .header__close-icon-svg,
.header__search-icon:hover .header__menu-icon-svg,
.header__search-icon:hover .header__search-icon-svg {
fill: var(--theme-header__icon-color-hover)
}
.header__user-account-menu,
.header__user-account-nav-menu {
display: none;
width: 100%;
text-align: center
}
.header__audio-link,
.header__live-tv-link,
.header__video-link {
display: none;
align-items: center;
color: var(--theme-header__copy-accent);
font-size: 15px;
font-weight: 500;
text-decoration: none;
line-height: 20px
}
.header__audio-link:active,
.header__audio-link:focus,
.header__audio-link:hover,
.header__live-tv-link:active,
.header__live-tv-link:focus,
.header__live-tv-link:hover,
.header__video-link:active,
.header__video-link:focus,
.header__video-link:hover {
color: var(--theme-header__item-link-hover-color)
}
.header__audio-link:hover,
.header__live-tv-link:hover,
.header__video-link:hover {
-webkit-text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-underline-offset: 4px
}
.header__audio-link::before,
.header__live-tv-link::before,
.header__video-link::before {
content: '';
background-size: 100%;
margin-right: 8px
}
.header__audio-link-mobile,
.header__live-tv-link-mobile,
.header__video-link-mobile {
display: flex
}
.header__video-link::before {
width: 16px;
mask-image: url(/media/sites/cnn/icons/video-icon-header.svg)
}
.header__audio-link::before {
width: 16px;
mask-image: url(/media/sites/cnn/icons/audio-icon-header.svg)
}
.header--active .header__navigation-separator,
.header-elevate,
.header__subnav {
background-color: var(--theme-header__background)
}
.header__live-tv-link::before {
background-image: url(/media/sites/cnn/icons/live-tv-icon-header.svg);
width: 8px;
height: 8px
}
.header .subnav__section-link,
.header .subnav__subsection-link {
color: var(--theme-header__copy-accent)
}
.header .subnav__sections,
.header .subnav__subsections {
align-items: flex-start
}
.header__subnav {
border-bottom: 1px solid var(--theme-header__divider);
box-shadow: rgba(0, 0, 0, .25) 0 25px 27px -31px;
display: none;
left: 0;
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 5
}
.header__subnav .header__container {
padding: 24px 16px;
flex-direction: column
}
.header--active .header__subnav {
display: block
}
.header--active .header__menu-icon {
display: none
}
.header--active .header__close-icon {
display: inline-block
}
.header__divider {
background-color: var(--theme-header__divider);
margin: 24px auto;
height: 1px;
border: none;
width: 40px
}
.header__divider .header__menu-icon {
display: none
}
.header__divider .header__close-icon {
display: inline-block
}
.header__divider--full-width {
width: 100%
}
.header .subnav__specific-content {
display: none
}
.header__mobile-nav {
display: block;
width: calc(100% + 32px)
}
.header__mobile-nav .header__nav {
display: block;
margin: 0 0 16px
}
.header__mobile-nav .header__nav-item:first-child {
border-top: solid 1px var(--theme-header-mobile-nav-border-color)
}
.header__mobile-nav .header__nav-item-accordion--open .header__nav-item-link-accordion::after {
transform: rotate(180deg)
}
.header__mobile-nav .header__nav-item-link {
display: flex;
margin-bottom: 12px;
width: 100%;
line-height: 24px;
white-space: normal;
border-bottom: solid 1px var(--theme-header-mobile-nav-border-color)
}
.header__mobile-nav .header__nav-item-link-accordion:after {
background-color: #fff;
display: inline-block;
content: '';
mask: url(/media/sites/cnn/icons/ui-caret-down.svg) no-repeat 50% 50%;
mask-size: contain;
transition: transform .5s ease;
width: 16px;
min-width: 16px
}
.header__mobile-nav .header__nav-item-dropdown {
display: block;
width: 100%;
opacity: 1;
overflow: hidden;
max-height: 0;
position: relative;
transition: max-height .45s ease
}
.header__mobile-nav .header__nav-item-dropdown--open {
transition: max-height .8s ease;
max-height: 1200px
}
.header__mobile-nav .header__nav-item-dropdown-item {
padding: 8px 16px;
font-size: 14px;
line-height: 24px
}
.underscored .header .header__mobile-nav {
margin-left: -16px
}
.underscored .header .header__mobile-nav .header__nav-item:first-child {
border-top: none
}
.underscored .header .header__mobile-nav .header__nav-item-link {
padding: 8px 16px;
margin-bottom: 0
}
.underscored .header .header__mobile-nav .header__nav-item-link-accordion:after {
background-color: #0c0c0c
}
.underscored .header .header__mobile-nav .header__nav-item-dropdown {
box-shadow: none;
margin-top: 0
}
.underscored .header .header__mobile-nav .header__nav-item-dropdown-item {
border-bottom: 1px solid #fff
}
.underscored .header .brand-logo__theme {
display: flex;
align-items: center
}
.underscored .header .user-account-nav__caret {
mask-image: url(/media/sites/cnn/icons/ui-caret-down.svg);
background-color: #fff;
width: 16px;
height: 14px;
margin-left: 8px;
float: none
}
.underscored .header .user-account-nav--auth .user-account-nav__menu {
width: max-content
}
.header__wrapper-outer {
position: sticky;
z-index: 9998;
height: 40px;
top: 0;
pointer-events: all
}
.header__wrapper-inner {
position: sticky;
top: 0;
height: fit-content;
min-height: 40px;
pointer-events: all
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav--auth .user-account-nav__icon-button--auth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-nav-desktop {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__container {
max-width: 1440px;
width: 100%;
padding: 0 16px;
overflow: visible
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header--active .header__container {
overflow: hidden
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__container {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__right .header__editionizer-button {
margin: 0 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-nav-icon {
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav--unauth .user-account-nav__icon-button--unauth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav__menu-button,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-nav-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__mobile-only,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__video-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header .user-account-nav__menu-options:after {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav--unauth .user-account-nav__text-button--unauth {
border: 1px solid var(--theme-header__login-button-border-color);
box-sizing: border-box;
border-radius: 8px;
padding: 4px 8px;
font-size: 14px;
line-height: 20px;
height: 30px;
background-color: var(--theme-header__login-button-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
background-color: var(--theme-header__login-button-color-hover)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__search-icon {
margin: 0 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-icon {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__search-icon {
margin: 0 12px 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth {
margin-left: 12px;
padding: 0 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
color: var(--theme-header__login-button-hover-text-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-icon {
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link {
margin: 0 24px 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header .user-account-nav__icon-button--auth .icon-ui-avatar-default:hover {
background: var(--theme-header__auth-avatar-hover);
border-radius: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header .user-account-nav__menu-options {
padding: 0;
margin-top: 6px;
min-width: 200px;
background: var(--theme-header__dropdown-background);
border: var(--theme-header__dropdown-border);
box-shadow: var(--theme-header__dropdown-box-shadow);
border-radius: 0 0 4px 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header .user-account-nav__menu-link {
color: var(--theme-header__dropdown-item-link-color);
font-size: 14px;
line-height: 20px;
padding: 9px 24px 9px 12px;
font-weight: 500
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header .user-account-nav__menu-link:hover {
background-color: var(--theme-header__dropdown-hover-item-hover);
color: var(--theme-header__dropdown-item-link-hover-color)
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header_nav-item-link {
font-size: 18px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__mobile-only {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__right .user-account-nav .user-account-nav__menu-options,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__right .user-account-nav--unauth .user-account-nav__text-button--unauth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__subnav .header__subscribe-button {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__subnav .header__container {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-options {
padding: 0;
text-align: left;
background: unset;
position: unset;
width: unset;
border-radius: 0;
box-shadow: none;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-item {
margin: 12px 0;
list-style: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: none;
padding: 0;
display: unset
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-mobile {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-mobile .user-account-nav--unauth .user-account-nav__text-button--unauth {
border: none;
font-size: 18px;
line-height: 26px;
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-mobile .user-account-nav__icon-button--auth {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-mobile .user-account-nav--auth .user-account-nav__menu-button {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .brand-logo__section-text {
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__user-account-nav-mobile .user-account-nav__menu-options {
text-align: center
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__user-account-nav-mobile .user-account-nav__menu-link {
color: #fff
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__navigation-separator:before {
width: calc(100% - (32px * 2));
max-width: calc(1440px - (32px * 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .subnav__section-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .subnav__subsection-link {
color: var(--theme-header__copy-accent)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__close-icon,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__menu-icon {
margin-inline-end: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav {
position: relative;
display: contents;
flex-wrap: wrap;
overflow: hidden;
visibility: hidden;
height: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-special {
width: auto;
border: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more {
height: var(--theme-header__item-link-line-height);
transition: background-color .2s ease;
padding: 0 12px;
text-align: left
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item-dropdown-inner,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more-dropdown-inner {
background-color: var(--theme-header__dropdown-background);
margin-left: -12px;
border: var(--theme-header__dropdown-border);
margin-top: var(--theme-header__dropdown-margin-top);
border-bottom-left-radius: var(--theme-header__dropdown-border-radius);
border-bottom-right-radius: var(--theme-header__dropdown-border-radius)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item-dropdown-item,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more-dropdown-item {
border-width: var(--theme-header__dropdown-border-width);
border-style: var(--theme-header__dropdown-border-style);
border-color: var(--theme-header__dropdown-border-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item:first-of-type,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more:first-of-type {
margin-inline-start: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item:last-of-type,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more:last-of-type {
border-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item:hover>.header__nav-item-dropdown,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more:hover>.header__nav-item-dropdown {
display: block;
opacity: 1;
z-index: 300
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-container {
display: contents
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__container {
padding: 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link-desktop {
white-space: nowrap;
display: flex
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer {
position: relative;
display: block;
padding-top: 0;
width: 100%;
white-space: nowrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer .header__editionizer-header {
display: block;
padding: 0;
line-height: 20px;
width: calc(100% / 5);
text-align: start;
background: 0 0;
border: none;
color: var(--theme-header__copy-accent);
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 16px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer .header__editionizer-desktop {
display: flex;
width: inherit
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer .header__editionizer-mobile {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-link {
font-size: 14px;
font-weight: 400;
display: inherit;
padding: 0;
line-height: 20px;
width: fit-content;
color: var(--theme-header__edition-picker-link)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-link:hover {
text-decoration: underline;
-webkit-text-decoration-color: var(--theme-header__edition-picker-link);
text-decoration-color: var(--theme-header__edition-picker-link);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-link[data-current-edition] {
color: #c00
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-link:first-of-type .header__editionizer-list {
color: #c00;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-item {
margin: 0;
width: calc(100% / 5);
text-align: start;
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__right {
padding: 0 0 0 80px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__right .header__search-icon {
display: inline-block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__right {
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer .header__divider,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-menu .header__divider,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-nav-menu .header__divider {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav {
max-height: calc(100vh - 40px)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav:before {
content: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__editionizer {
display: flex;
align-self: flex-start;
align-items: baseline
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__container {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__socials {
align-items: flex-end;
display: flex;
flex-flow: column;
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header[data-uri*=cnna] .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header[data-uri*=cnna] .header__audio-link::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__mobile-nav,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__mobile-only,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header__video-link-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .subnav:before {
content: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .header__inner--subscription .subnav .user-account-nav--unauth .user-account-nav__text-button--unauth {
padding: 0 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__nav-item-dropdown,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__nav-more-dropdown {
background-color: transparent;
border-bottom-right-radius: var(--theme-header__dropdown-border-radius)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).kiln-edit-mode .header__nav {
visibility: visible
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).menu-opened {
position: fixed
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__editionizer {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__container {
margin-bottom: 40vh
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__left .brand-logo {
z-index: 7
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__left .brand-logo:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subscribe-button {
margin-left: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .search {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .search-bar:before {
content: url(/media/sites/cnn/cnn.svg);
display: block;
margin: auto auto 24px;
width: 46px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__container {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__video-link-desktop {
display: none
}
}
@media screen and (min-width:960px) and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav {
display: contents
}
}
@media screen and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link-mobile {
letter-spacing: .2px;
line-height: 24px;
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-mobile::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-mobile::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link-mobile::before {
content: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-mobile {
margin-bottom: 12px
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav {
height: auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-special {
white-space: nowrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__container {
padding: 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__right .header__editionizer-header {
margin: 0 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__container {
padding-top: 40px;
padding-bottom: 40px;
padding-left: calc(32px + (25vw - 25%));
padding-right: calc(32px - (25vw - 25%))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer .header__editionizer-header,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-item {
width: calc(100% / 7)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__divider {
width: 100%;
margin: 24px auto
}
}
.kiln-edit-mode .header__wrapper-outer {
height: auto;
position: relative;
top: unset
}
.kiln-edit-mode .header__inner {
top: 55px
}
.kiln-edit-mode.homepage-mobile--layout .header__inner,
.kiln-edit-mode.homepage-mobile-app--layout .header__inner {
margin: auto
}
.kiln-edit-mode.homepage-mobile--layout .header__inner {
width: 320px
}
.kiln-edit-mode.homepage-mobile-app--layout .header__inner {
width: 375px
}
.header-elevate {
height: 40px;
left: 0;
right: 0;
transform: translateY(0);
transition: transform 1s ease 0s;
z-index: 100;
position: sticky;
position: -webkit-sticky;
top: 0
}
.header-elevate .header__editionizer--active .header__editionizer-button .icon-ui-caret-down-thick,
.header-elevate .user-account-nav__menu--active .icon-ui-caret-down-thick {
transform: rotate(180deg)
}
.header-elevate .brand-logo__logo {
background-color: var(--theme-header__logo-background-color);
width: var(--theme-header__logo-width)
}
.header-elevate .brand-logo__icon {
fill: var(--theme-header__logo-color);
width: var(--theme-header__logo-inset-width);
margin: 0 auto
}
.header-elevate .brand-logo__section-text {
color: var(--theme-header__copy-follow);
margin-left: 8px
}
.header-elevate .style-solo-logo,
.header-elevate .user-account-nav__icon-button .icon-ui-avatar-default {
fill: var(--theme-header__icon-color)
}
.userAccountVisible+.header-elevate {
transition: none
}
.kiln-edit-mode .header-elevate.component-selector-wrapper {
position: sticky;
top: 3.5rem
}
.header-elevate .header__navigation-separator {
width: 100%;
height: 2px;
border: none;
margin: 0;
opacity: 1;
transition: visibility 0s, opacity .25s ease-in
}
.header-elevate .header__navigation-separator::before {
content: '';
display: flex;
border-bottom: 2px solid var(--theme-header__separator);
height: 0;
width: calc(100% - (20px * 2));
max-width: calc(1440px - (20px * 2));
margin: 0 auto
}
.header-elevate:not(.header--active) .header__navigation-separator.hide {
visibility: visible;
opacity: 0;
height: 0
}
.header-elevate .header__menu-icon {
display: block
}
.header-elevate .header__outer {
height: 40px;
position: relative;
z-index: 50
}
.header-elevate .header__social-links {
margin: 0 auto;
width: max-content
}
.header-elevate .header__social-links .social-links__copy {
color: var(--theme-header__copy-follow)
}
.header-elevate .header__social-links .social-links__link .facebook-icon,
.header-elevate .header__social-links .social-links__link .instagram-icon,
.header-elevate .header__social-links .social-links__link .linkedin-icon,
.header-elevate .header__social-links .social-links__link .threads-icon,
.header-elevate .header__social-links .social-links__link .tiktok-icon,
.header-elevate .header__social-links .social-links__link .twitter-icon,
.header-elevate .header__social-links .social-links__link .whatsapp-icon,
.header-elevate .header__social-links .social-links__link .youtube-icon {
fill: var(--theme-header__icon-color)
}
.header-elevate .header__social-links .social-links__link .facebook-icon:hover,
.header-elevate .header__social-links .social-links__link .instagram-icon:hover,
.header-elevate .header__social-links .social-links__link .linkedin-icon:hover,
.header-elevate .header__social-links .social-links__link .threads-icon:hover,
.header-elevate .header__social-links .social-links__link .tiktok-icon:hover,
.header-elevate .header__social-links .social-links__link .twitter-icon:hover,
.header-elevate .header__social-links .social-links__link .whatsapp-icon:hover,
.header-elevate .header__social-links .social-links__link .youtube-icon:hover {
fill: var(--theme-header__icon-color-hover)
}
.header-elevate .header__socials {
display: none
}
.header-elevate .header__subnav-mount {
position: relative
}
.header-elevate .header__subnav-mount--scrolled {
box-shadow: var(--theme-header__scrolled-box-shadow)
}
.header-elevate .header__container {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 auto;
overflow: visible;
padding: 0 20px;
max-width: 1440px
}
.header-elevate .header__left {
display: flex;
flex: 0 0 auto;
align-items: center;
height: 40px
}
.header-elevate .header__nav {
margin-left: 16px;
display: none;
height: auto;
overflow: visible
}
.header-elevate .header__nav-more {
display: none
}
.header-elevate .header__nav-special {
display: none;
border-bottom: solid 1px var(--theme-header-mobile-nav-border-color);
width: 100%
}
.header-elevate .header__nav-special-text {
color: var(--theme-header__item-link-color);
font-size: 14px;
font-weight: 500;
line-height: var(--theme-header__item-link-line-height);
margin: 0 16px;
text-decoration: none;
transition: color .4s ease;
white-space: normal
}
.header-elevate .header__nav-special-text:hover {
color: var(--theme-copy-accent-hover)
}
.header-elevate .header__nav-item-link,
.header-elevate .header__nav-more-link {
color: var(--theme-header__copy-accent);
font-size: 15px;
display: block;
font-weight: 500;
line-height: var(--theme-header__item-link-line-height);
text-decoration: none;
transition: color .4s ease;
white-space: nowrap
}
.header-elevate .header__nav-item-link-centered,
.header-elevate .header__nav-more-link-centered {
justify-content: center;
margin: 0
}
.header-elevate .header__nav-item-link:hover,
.header-elevate .header__nav-more-link:hover {
color: var(--theme-header__item-link-hover-color);
-webkit-text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-underline-offset: 4px
}
.header-elevate .header__nav-item--active>.header__nav-item-link,
.header-elevate .header__nav-more--active>.header__nav-item-link {
font-weight: 700
}
.header-elevate .header__nav-item-dropdown,
.header-elevate .header__nav-more-dropdown {
background-color: var(--theme-header__mobile-dropdown-background);
display: none;
position: absolute;
opacity: 0;
transition: opacity .3s ease;
width: fit-content;
box-shadow: var(--theme-header__dropdown-box-shadow)
}
.header-elevate .header__nav-item-dropdown-item,
.header-elevate .header__nav-more-dropdown-item {
line-height: var(--theme-header__item-link-line-height);
font-weight: var(--theme-header__item-link-font-weight);
display: block;
padding: 0 16px;
text-decoration: none;
font-size: 15px;
color: var(--theme-header__dropdown-item-link-color);
border-bottom: 1px solid var(--theme-header-mobile-nav-border-color)
}
.header-elevate .header__nav-item-dropdown-item:hover,
.header-elevate .header__nav-more-dropdown-item:hover {
background-color: var(--theme-header__dropdown-hover-item-hover);
color: var(--theme-header__dropdown-item-link-hover-color)
}
.header-elevate .header__nav-item-dropdown-item:last-of-type,
.header-elevate .header__nav-more-dropdown-item:last-of-type {
border-bottom: 0
}
.header-elevate .header__nav-item:hover,
.header-elevate .header__nav-more:hover {
background-color: var(--theme-header__item-link-hover-background-color)
}
.header-elevate .header__nav-item:hover .header__nav-item-link,
.header-elevate .header__nav-more:hover .header__nav-item-link {
color: var(--theme-header__item-link-hover-color)
}
.header-elevate .header__nav-more--toggle-caret::after {
content: url(/media/sites/cnn/icons/gray-caret.svg);
border: none;
cursor: pointer;
height: 20px;
width: 20px;
margin: 0;
padding: 0;
top: 8px;
position: relative
}
.header-elevate .header__nav-more--toggle-caret-up::after {
content: url(/media/sites/cnn/icons/gray-caret-up.svg)
}
.header-elevate .header__nav-more-link:hover {
font-weight: var(--theme-header__more-link-hover-font-weight)
}
.header-elevate .header__nav-button {
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.header-elevate .header__subnav-item {
margin: 0;
padding: 0
}
.header-elevate .header__editionizer {
display: none;
text-align: left;
width: 100%;
z-index: 1
}
.header-elevate .header__editionizer-menu {
display: none;
padding: 0;
text-align: left
}
.header-elevate .header__editionizer-item {
margin: 16px 0;
list-style: none
}
.header-elevate .header__editionizer-item:hover {
text-decoration: underline;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.header-elevate .header__editionizer-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: none
}
.header-elevate .header__editionizer--active .header__editionizer-menu {
display: block
}
.header-elevate .header__editionizer-button {
background: 0 0;
border: none;
color: var(--theme-header__copy-accent);
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 26px;
cursor: pointer
}
.header-elevate .header__editionizer .header__editionizer-caret {
display: inline-block;
float: right
}
.header-elevate .header__editionizer .header__editionizer-caret .icon-ui-caret-down-thick {
fill: var(--theme-header__copy-accent);
transition: transform .25s ease;
height: 20px;
width: 20px;
vertical-align: middle
}
.header-elevate .header__editionizer .header__editionizer-desktop {
display: none
}
.header-elevate .header__right {
align-items: center;
display: flex;
position: relative;
height: 40px;
visibility: hidden
}
.header-elevate .header__right .header__editionizer-button {
margin: 0 0 0 16px;
padding: 0;
height: 32px
}
.header-elevate .header__user-account-icon {
margin: 0 0 0 16px;
padding: 0
}
.header-elevate .header__search-icon {
margin: 0 0 0 24px;
padding: 0
}
.header-elevate .header__subscribe-button {
display: none;
background-color: #c00;
color: #fff;
border: 1px;
margin-left: 0;
border-radius: 6px;
padding: 0 12px;
font-size: 14px;
line-height: 20px;
height: 30px;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
cursor: pointer
}
.header-elevate .header__subscribe-button:hover {
background-color: #a4001e
}
.header-elevate .user-account-nav--unauth .user-account-nav__text-button--unauth,
.header-elevate .user-account-nav__menu-button,
.header-elevate .user-account-nav__menu-button:active,
.header-elevate .user-account-nav__menu-button:focus,
.header-elevate .user-account-nav__menu-button:hover {
color: var(--theme-header__login-button-text-color)
}
.header-elevate .user-account-nav--auth .user-account-nav__menu {
width: 100%
}
.header-elevate .user-account-nav__icons {
margin: 0
}
.header-elevate .user-account-nav__caret {
float: right;
width: 20px;
height: 20px;
mask-image: url(/media/sites/cnn/icons/ui-caret-down-thick.svg);
background-color: var(--theme-header__login-button-text-color);
margin: 0
}
.header-elevate .header__user-account-nav-mobile {
display: block;
margin: 0;
width: 100%
}
.header-elevate .header__user-account-nav-mobile .user-account-nav__menu-options {
text-align: left;
margin: 24px 0 0
}
.header-elevate .header__user-account-nav-mobile .user-account-nav__menu-item {
margin: 0
}
.header-elevate .header__user-account-nav-mobile .user-account-nav__menu-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500
}
.header-elevate .header__user-account-nav-mobile .user-account-nav__menu-item+.user-account-nav__menu-item {
margin-top: 12px
}
.header-elevate .header__user-account-nav-desktop {
display: none
}
.header-elevate .header__inner--subscription .header__user-account-nav-desktop,
.header-elevate .header__inner--subscription .user-account-nav--auth .user-account-nav__icon-button--auth {
display: block
}
.header-elevate .header__inner--subscription .user-account-nav--unauth .user-account-nav__icon-button--unauth,
.header-elevate .header__inner--subscription .user-account-nav__menu-button {
display: none
}
.header-elevate .header__inner--subscription .user-account-nav__menu-options {
padding: 12px 0;
text-align: left;
background: #fff;
position: absolute;
margin-top: 4px;
width: fit-content;
right: calc(4px / 2);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, .25) 0 2px 6px 0
}
.header-elevate .header__inner--subscription .user-account-nav__menu-options:after {
content: '';
width: 0;
height: 0;
position: absolute;
top: -5px;
right: 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fefefe
}
.header-elevate .header__inner--subscription .user-account-nav__menu-item {
margin: 0;
width: 100%;
white-space: nowrap;
list-style: none
}
.header-elevate .header__inner--subscription .user-account-nav__menu-link {
padding: 0 24px;
font-size: 12px;
line-height: 24px;
color: #404040;
display: flex;
flex-direction: row;
align-items: center
}
.header-elevate .header__inner--subscription .user-account-nav__menu-link:hover {
background-color: #e6e6e6;
color: #262626
}
.header-elevate .header__inner--subscription .user-account-nav__menu-link--hide {
display: none
}
.header-elevate .header__inner--subscription .header__right .user-account-nav--auth .user-account-nav__icon-button--auth {
margin-left: 0
}
.header-elevate .header__close-icon,
.header-elevate .header__menu-icon {
margin: 0 16px 0 0;
padding: 0
}
.header-elevate .header__menu-icon,
.header-elevate .header__search-icon {
height: 32px
}
.header-elevate .header__close-icon,
.header-elevate .header__search-icon {
display: none
}
.header-elevate .header__close-icon,
.header-elevate .header__menu-icon,
.header-elevate .header__search-icon {
background: 0 0;
border: none;
box-shadow: none
}
.header-elevate .header__close-icon-svg,
.header-elevate .header__menu-icon-svg,
.header-elevate .header__search-icon-svg {
height: 24px;
width: 24px;
fill: var(--theme-header__icon-color);
transition: fill .4s ease
}
.header-elevate .header__close-icon:focus,
.header-elevate .header__menu-icon:focus,
.header-elevate .header__search-icon:focus {
color: #fff
}
.header-elevate .header__close-icon:active,
.header-elevate .header__close-icon:focus,
.header-elevate .header__close-icon:hover,
.header-elevate .header__menu-icon:active,
.header-elevate .header__menu-icon:focus,
.header-elevate .header__menu-icon:hover,
.header-elevate .header__search-icon:active,
.header-elevate .header__search-icon:focus,
.header-elevate .header__search-icon:hover {
cursor: pointer
}
.header-elevate .header__close-icon:active .header__close-icon-svg,
.header-elevate .header__close-icon:active .header__menu-icon-svg,
.header-elevate .header__close-icon:active .header__search-icon-svg,
.header-elevate .header__close-icon:focus .header__close-icon-svg,
.header-elevate .header__close-icon:focus .header__menu-icon-svg,
.header-elevate .header__close-icon:focus .header__search-icon-svg,
.header-elevate .header__close-icon:hover .header__close-icon-svg,
.header-elevate .header__close-icon:hover .header__menu-icon-svg,
.header-elevate .header__close-icon:hover .header__search-icon-svg,
.header-elevate .header__menu-icon:active .header__close-icon-svg,
.header-elevate .header__menu-icon:active .header__menu-icon-svg,
.header-elevate .header__menu-icon:active .header__search-icon-svg,
.header-elevate .header__menu-icon:focus .header__close-icon-svg,
.header-elevate .header__menu-icon:focus .header__menu-icon-svg,
.header-elevate .header__menu-icon:focus .header__search-icon-svg,
.header-elevate .header__menu-icon:hover .header__close-icon-svg,
.header-elevate .header__menu-icon:hover .header__menu-icon-svg,
.header-elevate .header__menu-icon:hover .header__search-icon-svg,
.header-elevate .header__search-icon:active .header__close-icon-svg,
.header-elevate .header__search-icon:active .header__menu-icon-svg,
.header-elevate .header__search-icon:active .header__search-icon-svg,
.header-elevate .header__search-icon:focus .header__close-icon-svg,
.header-elevate .header__search-icon:focus .header__menu-icon-svg,
.header-elevate .header__search-icon:focus .header__search-icon-svg,
.header-elevate .header__search-icon:hover .header__close-icon-svg,
.header-elevate .header__search-icon:hover .header__menu-icon-svg,
.header-elevate .header__search-icon:hover .header__search-icon-svg {
fill: var(--theme-header__icon-color-hover)
}
.header-elevate .header__user-account-menu,
.header-elevate .header__user-account-nav-menu {
display: none;
width: 100%;
text-align: center
}
.header-elevate .header__audio-link,
.header-elevate .header__live-tv-link,
.header-elevate .header__video-link {
display: none;
align-items: center;
color: var(--theme-header__copy-accent);
font-size: 15px;
font-weight: 500;
text-decoration: none;
line-height: 20px
}
.header-elevate .header__audio-link:active,
.header-elevate .header__audio-link:focus,
.header-elevate .header__audio-link:hover,
.header-elevate .header__live-tv-link:active,
.header-elevate .header__live-tv-link:focus,
.header-elevate .header__live-tv-link:hover,
.header-elevate .header__video-link:active,
.header-elevate .header__video-link:focus,
.header-elevate .header__video-link:hover {
color: var(--theme-header__item-link-hover-color)
}
.header-elevate .header__audio-link:hover,
.header-elevate .header__live-tv-link:hover,
.header-elevate .header__video-link:hover {
-webkit-text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-underline-offset: 4px
}
.header-elevate .header__audio-link::before,
.header-elevate .header__live-tv-link::before,
.header-elevate .header__video-link::before {
content: '';
background-size: 100%;
margin-right: 8px
}
.header-elevate .header__audio-link-mobile,
.header-elevate .header__live-tv-link-mobile,
.header-elevate .header__video-link-mobile {
display: flex
}
.header-elevate .header__video-link::before {
width: 16px;
height: 16px;
mask-image: url(/media/sites/cnn/icons/video-icon-header.svg);
mask-size: 100%;
background-color: var(--theme-header__icon-color)
}
.header-elevate .header__audio-link::before {
width: 16px;
height: 16px;
mask-image: url(/media/sites/cnn/icons/audio-icon-header.svg);
mask-size: 100%;
background-color: var(--theme-header__icon-color)
}
.header-elevate .header__subnav,
.header-elevate.header--active .header__navigation-separator {
background-color: var(--theme-header__background)
}
.header-elevate .header__live-tv-link::before {
background-image: url(/media/sites/cnn/icons/live-tv-icon-header.svg);
width: 8px;
height: 8px
}
.header-elevate .subnav__section-link,
.header-elevate .subnav__subsection-link {
color: var(--theme-header__copy-accent)
}
.header-elevate .subnav__sections,
.header-elevate .subnav__subsections {
align-items: flex-start
}
.header-elevate .header__subnav {
border-bottom: 1px solid var(--theme-header__divider);
box-shadow: rgba(0, 0, 0, .25) 0 25px 27px -31px;
display: none;
left: 0;
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 5
}
.header-elevate .header__subnav .header__container {
padding: 24px 16px;
flex-direction: column
}
.header-elevate.header--active .header__subnav {
display: block
}
.header-elevate.header--active .header__menu-icon {
display: none
}
.header-elevate.header--active .header__close-icon {
display: inline-block
}
.header-elevate .header__divider {
background-color: var(--theme-header__divider);
margin: 24px auto;
height: 1px;
border: none;
width: 40px
}
.header-elevate .header__divider .header__menu-icon {
display: none
}
.header-elevate .header__divider .header__close-icon {
display: inline-block
}
.header-elevate .header__divider--full-width {
width: 100%
}
.header-elevate .subnav__specific-content {
display: none
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__container {
padding: 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-link {
color: var(--theme-header__dropdown-item-link-color);
font-size: 14px;
line-height: 20px;
padding: 9px 24px 9px 12px;
font-weight: 500
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-options {
padding: 0;
margin-top: 6px;
min-width: 200px;
background: var(--theme-header__dropdown-background);
border: var(--theme-header__dropdown-border);
box-shadow: var(--theme-header__dropdown-box-shadow);
border-radius: 0 0 4px 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-options:after {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__navigation-separator:before {
width: calc(100% - (32px * 2));
max-width: calc(1440px - (32px * 2))
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item-link {
font-size: 18px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__container {
padding: 0 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-only {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__right .user-account-nav .user-account-nav__menu-options,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__right .user-account-nav--unauth .user-account-nav__text-button--unauth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__subnav .header__subscribe-button {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__subnav .header__container {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-options {
padding: 0;
text-align: left;
background: unset;
position: unset;
width: unset;
border-radius: 0;
box-shadow: none;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-item {
margin: 12px 0;
list-style: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: none;
padding: 0;
display: unset
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-mobile {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-mobile .user-account-nav--unauth .user-account-nav__text-button--unauth {
border: none;
font-size: 18px;
line-height: 26px;
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-mobile .user-account-nav__icon-button--auth {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-mobile .user-account-nav--auth .user-account-nav__menu-button {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .brand-logo__section-text {
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__navigation-separator:before {
width: calc(100% - (20px * 2));
max-width: calc(1440px - (20px * 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__user-account-nav-mobile .user-account-nav__menu-options {
text-align: center
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__user-account-nav-mobile .user-account-nav__menu-link {
color: #fff
}
}
@media screen and (max-width:767px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).menu-opened {
position: fixed
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subnav .header__editionizer {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subnav .header__container {
margin-bottom: 40vh
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__left .brand-logo {
z-index: 7
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__left .brand-logo:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subscribe-button {
margin-left: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .search {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .search-bar:before {
content: url(/media/sites/cnn/cnn.svg);
display: block;
margin: auto auto 24px;
width: 46px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__container {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__video-link-desktop {
display: none
}
}
@media screen and (min-width:768px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).kiln-edit-mode .header-elevate .header__nav {
visibility: visible
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).kiln-edit-mode .header-elevate .header__right {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth {
margin-left: 16px;
padding: 0 12px;
border: 1px solid var(--theme-header__login-button-border-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
color: var(--theme-header__login-button-hover-text-color);
background-color: var(--theme-header__login-button-color-hover)
}
}
@media screen and (max-width:1023px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).menu-opened {
width: 100%;
position: fixed
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__mobile-only {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__container {
max-width: 1440px;
width: 100%;
overflow: visible
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header--active .header__container {
overflow: hidden
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subnav .header__container {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right .header__editionizer-button {
margin: 0 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right .header__search-icon {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-nav-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav--auth .user-account-nav__icon-button--auth {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-nav-icon {
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-nav-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav--unauth .user-account-nav__icon-button--unauth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-button,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-options:after {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav--unauth .user-account-nav__text-button--unauth {
border: 1px solid var(--theme-header__login-button-border-color);
box-sizing: border-box;
border-radius: 8px;
padding: 4px 8px;
font-size: 14px;
line-height: 20px;
height: 30px;
background-color: var(--theme-header__login-button-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
background-color: var(--theme-header__login-button-color-hover)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__icon-button--auth .icon-ui-avatar-default:hover {
background: var(--theme-header__auth-avatar-hover);
border-radius: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-options {
padding: 0;
margin-top: 6px;
min-width: 200px;
background: var(--theme-header__dropdown-background);
border: var(--theme-header__dropdown-border);
box-shadow: var(--theme-header__dropdown-box-shadow);
border-radius: 0 0 4px 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-link {
color: var(--theme-header__dropdown-item-link-color);
font-size: 14px;
line-height: 20px;
padding: 9px 24px 9px 12px;
font-weight: 500
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-link:hover {
background-color: var(--theme-header__dropdown-hover-item-hover);
color: var(--theme-header__dropdown-item-link-hover-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-icon {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__search-icon {
margin: 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth {
margin-left: 12px;
padding: 0 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
color: var(--theme-header__login-button-hover-text-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-icon {
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link {
margin: 0 24px 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link-mobile {
display: block;
letter-spacing: .2px;
line-height: 24px;
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-mobile::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__live-tv-link-mobile::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link-mobile::before {
content: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__live-tv-link-mobile {
margin-bottom: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav {
display: block;
width: calc(100% + 32px)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav {
display: contents;
margin: 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item:first-child {
border-top: solid 1px var(--theme-header-mobile-nav-border-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-accordion--open .header__nav-item-link-accordion::after {
transform: rotate(180deg)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-link {
display: flex;
margin-bottom: 12px;
width: 100%;
line-height: 24px;
white-space: normal;
border-bottom: solid 1px var(--theme-header-mobile-nav-border-color);
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-link-accordion {
justify-content: space-between
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-link-accordion:after {
background-color: #fff;
display: inline-block;
content: '';
mask: url(/media/sites/cnn/icons/ui-caret-down.svg) no-repeat 50% 50%;
mask-size: contain;
transition: transform .5s ease;
width: 16px;
min-width: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-dropdown {
display: block;
width: 100%;
opacity: 1;
overflow: hidden;
max-height: 0;
position: relative;
transition: max-height .45s ease
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-dropdown--open {
transition: max-height .8s ease;
max-height: 1200px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-dropdown-item {
padding: 8px 16px;
font-size: 14px;
line-height: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer-mobile {
display: block;
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .subnav__sections {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .subnav__section-link {
font-weight: 500
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .subnav__subsections {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subnav-item {
visibility: visible
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
text-decoration: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer-item {
margin: 16px 0;
list-style: none;
font-size: 16px;
font-weight: 500
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .social-links {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .social-links__items {
margin-top: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__mobile-only,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__video-link-mobile {
display: none
}
}
@media screen and (min-width:1024px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).menu-opened {
width: 100%;
position: fixed
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link-desktop {
white-space: nowrap;
display: flex
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav {
position: relative;
display: contents;
flex-wrap: wrap;
overflow: hidden;
visibility: hidden;
height: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-special {
white-space: nowrap;
width: auto;
border: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more {
height: var(--theme-header__item-link-line-height);
transition: background-color .2s ease;
padding: 0 12px;
text-align: left
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item-dropdown-inner,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more-dropdown-inner {
background-color: var(--theme-header__dropdown-background);
margin-left: -12px;
border: var(--theme-header__dropdown-border);
margin-top: var(--theme-header__dropdown-margin-top);
border-bottom-left-radius: var(--theme-header__dropdown-border-radius);
border-bottom-right-radius: var(--theme-header__dropdown-border-radius)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item-dropdown-item,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more-dropdown-item {
border-width: var(--theme-header__dropdown-border-width);
border-style: var(--theme-header__dropdown-border-style);
border-color: var(--theme-header__dropdown-border-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item:first-of-type,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more:first-of-type {
margin-left: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item:last-of-type,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more:last-of-type {
border-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item:hover>.header__nav-item-dropdown,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more:hover>.header__nav-item-dropdown {
display: block;
opacity: 1;
z-index: 300
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-container {
display: contents
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__container {
padding: 0 48px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right .header__editionizer-header {
margin: 0 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right .header__search-icon {
margin: 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subnav .header__container {
padding-top: 40px;
padding-bottom: 40px;
padding-left: calc(48px + (25vw - 25%));
padding-right: calc(48px - (25vw - 25%))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__divider {
width: 100%;
margin: 24px auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__navigation-separator:before {
width: calc(100% - (48px * 2));
max-width: calc(1440px - (48px * 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right:has(.header__user-account-nav-desktop .user-account-nav--auth) .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right:has(.header__user-account-nav-desktop .user-account-nav--auth) .header__video-link-desktop {
margin: 0 32px 0 0
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer .header__editionizer-header,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer-item {
width: calc(100% / 7)
}
}
.subnav {
width: 100%
}
.subnav__sections,
.subnav__subsections {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin: 0;
padding: 0;
list-style: none
}
.subnav__section {
margin-bottom: 12px
}
.subnav__section-link {
font-size: 16px;
line-height: 24px;
font-weight: 500
}
.subnav__subsection-link {
margin-top: 4px;
font-size: 14px;
line-height: 18px
}
.subnav__section-link,
.subnav__subsection-link {
text-decoration: none;
transition: color .4s ease;
color: var(--theme-copy-accent)
}
.subnav__section-link:active,
.subnav__section-link:focus,
.subnav__section-link:hover,
.subnav__subsection-link:active,
.subnav__subsection-link:focus,
.subnav__subsection-link:hover {
color: var(--theme-copy-accent-hover);
text-decoration: underline;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.subnav__subsections {
display: none;
font-size: 12px
}
.subnav__subsection {
margin-top: 4px
}
.subnav__specific-content {
display: block;
text-align: center
}
.subnav__social-links {
margin-top: 32px
}
.subnav .cnn-badge-icon {
width: 50px;
height: 50px;
margin-bottom: 24px
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__section-link {
font-size: 16px;
line-height: 24px;
font-weight: 500
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__sections {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__subsections {
display: block;
margin-top: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__section {
padding: 0 12px 0 0;
margin-bottom: 24px;
width: calc(100% / 5)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__section-link {
margin-bottom: 16px;
line-height: 20px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__section--collapsed .subnav__subsections,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__specific-content {
display: none
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__section {
width: calc(100% / 7)
}
}
.brand-logo {
height: 40px;
display: flex
}
.brand-logo .cnn-badge-icon {
height: 40px;
fill: var(--theme-primary-logo-fill)
}
.brand-logo__logo {
display: flex;
height: 100%;
align-items: center
}
.brand-logo__icon {
fill: var(--theme-brand-logo__icon-color)
}
.brand-logo__theme {
display: block;
height: 100%
}
.brand-logo__theme .business-logo-icon,
.brand-logo__theme .entertainment-logo-icon,
.brand-logo__theme .health-logo-icon,
.brand-logo__theme .politics-logo-icon,
.brand-logo__theme .style-logo-icon,
.brand-logo__theme .tech-logo-icon,
.brand-logo__theme .travel-logo-icon,
.brand-logo__theme .underscored-logo-icon {
position: relative
}
.brand-logo__theme .business-logo-icon .logo-title,
.brand-logo__theme .entertainment-logo-icon .logo-title,
.brand-logo__theme .health-logo-icon .logo-title,
.brand-logo__theme .politics-logo-icon .logo-title,
.brand-logo__theme .style-logo-icon .logo-title,
.brand-logo__theme .tech-logo-icon .logo-title,
.brand-logo__theme .travel-logo-icon .logo-title,
.brand-logo__theme .underscored-logo-icon .logo-title {
fill: var(--theme-secondary-logo-fill)
}
.brand-logo__section-text {
align-items: center;
color: var(--theme-copy-follow);
display: flex;
font-weight: 700;
font-size: 18px;
margin-inline-start: 4px;
height: 100%
}
.brand-logo__theme-link {
text-decoration: none
}
.search-bar {
width: 100%
}
.search-bar__form {
position: relative;
display: block;
width: 100%;
margin-bottom: 24px
}
.search-bar__input {
border: 1px solid var(--theme-searchbox-border);
border-radius: 8px;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 16px;
height: 48px;
width: 100%;
padding: 0 64px 0 8px;
box-shadow: none;
color: var(--theme-copy)
}
.search-bar__input:-ms-input-placeholder {
font-size: 16px;
line-height: 26px;
letter-spacing: 0;
color: #404040
}
.search-bar__input::placeholder {
font-size: 16px;
line-height: 26px;
letter-spacing: 0;
color: #404040
}
.search-bar__input:focus {
outline: 0
}
.search-bar__input::-ms-clear {
display: none
}
.search-bar__submit {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
border: none;
box-shadow: none;
background: 0 0;
display: flex;
align-items: center;
height: 32px;
letter-spacing: 0;
color: #404040;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
content: url(/media/sites/cnn/icons/ui-search.svg)
}
.search-bar__submit:hover {
cursor: pointer
}
.search-bar__button-text {
display: none;
font-size: 14px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0;
margin-right: 16px
}
.search-bar__arrow,
.search-bar__search-icon {
position: relative
}
.search-bar__arrow {
display: none;
right: 8px;
top: 1px
}
.search-bar__arrow svg {
width: 12px;
height: 12px
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .search-bar__input {
padding: 0 calc(64px * 2) 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .search-bar__arrow,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .search-bar__button-text {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .search-bar__search-icon {
display: none
}
}
.social-links {
text-align: center
}
.social-links__copy {
color: var(--theme-copy-follow);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-inline-start: 0
}
.social-links--dark .social-links__copy {
color: #404040
}
.social-links__items {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 16px 0 0;
flex-wrap: wrap;
max-width: 220px
}
.social-links__item {
height: 24px;
list-style: none;
margin-inline-start: 24px
}
.social-links__item:nth-child(5n+1) {
margin-inline-start: 0
}
.social-links__item:nth-child(n+6) {
margin-top: 20px
}
.social-links__link {
color: unset;
text-decoration: none
}
.social-links__link .facebook-icon,
.social-links__link .instagram-icon,
.social-links__link .linkedin-icon,
.social-links__link .threads-icon,
.social-links__link .tiktok-icon,
.social-links__link .twitter-icon,
.social-links__link .whatsapp-icon,
.social-links__link .youtube-icon {
fill: var(--theme-icon-color);
transition: fill .4s ease;
height: 24px;
width: 24px
}
.social-links__link .facebook-icon:hover,
.social-links__link .instagram-icon:hover,
.social-links__link .linkedin-icon:hover,
.social-links__link .threads-icon:hover,
.social-links__link .tiktok-icon:hover,
.social-links__link .twitter-icon:hover,
.social-links__link .whatsapp-icon:hover,
.social-links__link .youtube-icon:hover {
fill: var(--theme-icon-color-hover)
}
.social-links--dark .social-links__link .facebook-icon,
.social-links--dark .social-links__link .facebook-icon:hover,
.social-links--dark .social-links__link .instagram-icon,
.social-links--dark .social-links__link .instagram-icon:hover,
.social-links--dark .social-links__link .linkedin-icon,
.social-links--dark .social-links__link .linkedin-icon:hover,
.social-links--dark .social-links__link .threads-icon,
.social-links--dark .social-links__link .threads-icon:hover,
.social-links--dark .social-links__link .tiktok-icon,
.social-links--dark .social-links__link .tiktok-icon:hover,
.social-links--dark .social-links__link .twitter-icon,
.social-links--dark .social-links__link .twitter-icon:hover,
.social-links--dark .social-links__link .whatsapp-icon,
.social-links--dark .social-links__link .whatsapp-icon:hover,
.social-links--dark .social-links__link .youtube-icon,
.social-links--dark .social-links__link .youtube-icon:hover {
fill: #404040
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links__copy,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links__item:nth-child(5n+1) {
margin-inline-start: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links {
display: flex;
align-items: center
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links__items {
margin-top: 0;
justify-content: center;
max-width: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links__item {
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links__item:nth-child(n+6) {
margin-top: 0
}
}
.user-account-nav {
visibility: hidden
}
.user-account-nav__caret {
display: inline-block;
width: 15px;
height: 14px;
margin-left: 8px;
mask-repeat: no-repeat;
mask-size: 100%;
mask-image: url(/media/sites/cnn/icons/ui-caret-down.svg);
background-color: var(--theme-copy-accent);
transition: transform .25s ease
}
.user-account-nav__menu--active .user-account-nav__caret {
transform: rotate(180deg)
}
.user-account-nav__icons {
display: grid;
width: max-content;
margin: auto
}
.user-account-nav .user-account-nav__avatar {
width: 42px;
height: 42px;
border-radius: 50%
}
.user-account-nav__icon-button {
display: none;
font-size: 10px;
color: var(--theme-copy-accent);
font-weight: 700;
background: 0 0;
border: none;
padding: 0
}
.user-account-nav__icon-button:hover {
cursor: pointer
}
.user-account-nav__icon-button .userAccountFollowDot {
height: 6px;
width: 6px;
background-color: #c00;
border-radius: 50%;
top: 3px;
position: absolute;
display: none
}
.user-account-nav__icon-button .userAccountFollowDot--show {
display: inline-block
}
.user-account-nav__icon-button .icon-ui-avatar-default,
.user-account-nav__icon-button .icon-ui-avatar-fill {
height: 30px;
width: 30px;
fill: var(--theme-copy-accent);
transition: transform .25s ease
}
.user-account-nav__icon-button:focus {
color: var(--theme-user-account__login-button-color)
}
.user-account-nav__menu-button,
.user-account-nav__menu-button:active,
.user-account-nav__menu-button:focus,
.user-account-nav__menu-button:hover,
.user-account-nav__menu-link {
color: var(--theme-copy-accent)
}
.user-account-nav__icon-button:focus .user-icon {
fill: var(--theme-user-account__login-button-color)
}
.user-account-nav__menu-options {
display: none;
padding: 0;
text-align: center;
z-index: 200
}
.user-account-nav__menu--active>.user-account-nav__menu-options {
display: block
}
.user-account-nav__menu-notification-dot {
height: 6px;
width: 6px;
background-color: #c00;
border-radius: 50%;
margin-left: 5px;
display: none
}
.user-account-nav__menu-notification-dot--show {
display: inline-block
}
.user-account-nav--auth .user-account-nav__icon-button--unauth,
.user-account-nav--auth .user-account-nav__text-button--unauth,
.user-account-nav__menu-link--hide {
display: none
}
.user-account-nav__menu-item {
margin: 16px 0;
list-style: none
}
.user-account-nav__menu-link {
font-size: 14px;
text-decoration: none
}
.user-account-nav__menu-button {
font-size: 18px;
font-weight: 700;
background: 0 0;
border: none
}
.user-account-nav__menu-button:hover {
cursor: pointer
}
.user-account-nav--auth .user-account-nav__icon-button--auth:focus {
outline: 0
}
.user-account-nav--auth .user-account-nav__menu {
display: block;
width: max-content;
margin: auto
}
.user-account-nav--auth .hide {
display: none
}
.user-account-nav--unauth .user-account-nav__icon-button--unauth {
display: block;
padding: 8px 32px
}
.user-account-nav--unauth .user-account-nav__text-button--unauth {
display: block;
font-size: 18px;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
line-height: 26px;
letter-spacing: .2px;
border: none;
background-color: inherit;
color: var(--theme-header__login-button-text-color);
cursor: pointer;
padding: 4px 32px 0
}
.user-account-nav--unauth .user-account-nav__menu,
.user-account-nav__override-link,
.user-account-nav__user {
display: none
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav {
position: relative
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav--auth .user-account-nav__icon-button--auth {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav--unauth .user-account-nav__text-button--unauth {
border: 1px solid var(--theme-user-account__login-button-color);
box-sizing: border-box;
border-radius: 8px;
padding: 4px 8px;
font-size: 14px;
line-height: 20px;
height: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
background-color: var(--theme-divider)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav--unauth .user-account-nav__icon-button--unauth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-button {
display: none
}
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-options {
padding: 12px 0;
text-align: left;
background: #fff;
position: absolute;
margin-top: 4px;
width: fit-content;
right: calc(4px / 2);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, .25) 0 2px 6px 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-options:after {
content: '';
width: 0;
height: 0;
position: absolute;
top: -5px;
right: 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fefefe
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-item {
margin: 0;
width: 100%;
white-space: nowrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-link {
padding: 0 24px;
font-size: 12px;
line-height: 24px;
color: #404040;
display: flex;
flex-direction: row;
align-items: center
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-link:hover {
background-color: #e6e6e6;
color: #262626
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-link--hide {
display: none
}
}
.component-selector-wrapper .user-account-nav .user-account-nav__icons .user-account-nav__icon-button--unauth {
display: block
}
.custom-placeholder .status-label,
.kiln-edit-mode .container_headline-carousel__headline:hover,
.kiln-edit-mode [data-component-name=video-resource] .video-resource__image:hover::after,
html {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif
}
.layout,
.layout__content-wrapper {
background-color: #fff;
width: 100%
}
html {
box-sizing: border-box;
min-height: 100%;
min-width: 320px;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden,
.kiln-edit-mode .gallery-inline_unfurled,
.kiln-edit-mode [data-component-name=correction] {
overflow: visible
}
*,
:after,
:before {
box-sizing: inherit;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility
}
.layout {
margin: 0;
padding: 0
}
.layout__content-wrapper {
display: inline-block;
position: relative
}
.layout__content-wrapper .layout__info {
position: relative
}
.layout__bottom,
.layout__breadcrumb,
.layout__top,
.layout__wrapper {
margin: 0 auto;
padding: 0 16px;
width: 100%;
max-width: 1440px;
min-width: 300px
}
.layout__top {
display: flex;
flex-direction: column
}
.kiln-edit-mode .contributors-list .add-contributor-wrapper .add-contributor-button,
.kiln-edit-mode .kiln-overlay-form.card button[aria-label='Add Card'],
.kiln-edit-mode .kiln-overlay-form.card button[aria-label='Duplicate Card'],
.layout__top:empty {
display: none
}
.layout__bottom {
padding: 0;
max-width: 100%
}
.layout__lede .interactive-video {
margin-top: 0;
margin-bottom: 32px
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout__top,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout__wrapper {
padding: 0 32px
}
}
.kiln-field button:focus,
.kiln-field input:focus,
.kiln-field select:focus,
.kiln-field textarea:focus,
.kiln-wrapper button:focus,
.kiln-wrapper input:focus,
.kiln-wrapper select:focus,
.kiln-wrapper textarea:focus {
outline: 0
}
.kiln-edit-mode .kiln-overlay-form.byline button[aria-label='Do Magic'] {
position: absolute;
right: -1px;
margin-top: -11px;
cursor: default
}
.kiln-edit-mode .kiln-overlay-form.byline button[aria-label='Do Magic']:hover {
background: 0 0
}
.kiln-edit-mode .kiln-overlay-form.card__label {
visibility: visible
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-card .input-container {
padding: 15px 30px 120px
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card {
top: 8vh !important;
left: 50vw !important;
width: fit-content !important
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card .input-container {
padding: 15px 30px 24px
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card .ui-textbox__counter {
float: right;
margin-bottom: 8px;
position: relative;
top: 0
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--image {
top: 10% !important;
min-height: 80vh;
width: initial !important
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--image .rich-text-input .rich-text__feedback {
color: rgba(0, 0, 0, .54);
font-size: .875em
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--video-resource {
min-height: 80vh;
left: 50vw !important;
width: 85vw !important
}
.kiln-edit-mode .product-comparison .ql-bubble .ql-tooltip-editor input[type=text],
.kiln-edit-mode .product-offer-card_listing-item .add-bottom,
.kiln-edit-mode .product-offer-card_listing-item .add-top {
left: 0
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--feed .ui-textbox__textarea {
min-height: 20vh;
font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--configuration .static-input-text {
height: auto;
min-height: 2rem
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card fieldset[data-name=checkbox]:has(input[name=hideProduct]) {
margin-top: 16px
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card fieldset[data-name=checkbox]:has(input[name=hideProduct]) .ui-checkbox .ui-checkbox__label-text {
text-transform: lowercase
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card fieldset[data-name=checkbox]:has(input[name=hideProduct]) .ui-checkbox .ui-checkbox__label-text::first-letter {
text-transform: uppercase
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-card .ui-textbox.has-floating-label .ui-textbox__label-text.is-inline,
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card .ui-textbox.has-floating-label .ui-textbox__label-text.is-inline {
pointer-events: all
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-card .static-input-text,
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card .static-input-text {
font-size: 16px
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--live-story-filter-tags .complex-list-item-actions-right,
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--live-story-filter-tags .input-container .ui-button--type-primary {
display: none !important
}
.kiln-edit-mode.article_elevate_large .article__lede-wrapper,
.kiln-edit-mode.article_elevate_small .layout-article-elevate__lede,
.kiln-edit-mode.article_elevate_xlarge .article__lede-wrapper,
.kiln-edit-mode.layout-live-story .container_event-tray .custom-placeholder__right {
display: none
}
.kiln-edit-mode .simple-modal--image-search-modal .ui-modal__container {
width: 80vw;
max-width: 1500px
}
.kiln-edit-mode .simple-modal--selective-publishing .ui-confirm.selective-publishing {
word-wrap: break-word
}
.kiln-edit-mode .image.component-selector-wrapper {
min-height: 40px
}
.kiln-edit-mode .image.component-selector-wrapper .image__metadata .image__credit {
visibility: visible
}
.kiln-edit-mode .image_inline-small {
z-index: 1000
}
.kiln-edit-mode .pull-quote img.icon-sig-quote-default {
filter: invert(8%) sepia(95%) saturate(6927%) hue-rotate(4deg) brightness(98%) contrast(110%)
}
.kiln-edit-mode [data-editable=topGraphic] .placeholder-add-component.ui-button--type-primary {
background-color: unset;
color: #1976d2
}
.kiln-edit-mode [data-editable=topGraphic] .placeholder-add-component.ui-button--type-primary:hover {
background-color: #bbdefb
}
.kiln-edit-mode.layout-homepage-mobile,
.kiln-edit-mode.layout-homepage-mobile-app {
background: repeating-linear-gradient(to bottom, #000, #000 2px, transparent 1px, transparent 880px);
padding: 0
}
.kiln-edit-mode .container_list-headlines-with-images .icon-sig-photo-default,
.kiln-edit-mode .container_list-headlines-with-images .icon-sig-video {
margin-right: 4px
}
.kiln-edit-mode.layout-homepage-mobile,
.kiln-edit-mode.layout-homepage-mobile-app {
width: 414px;
margin: auto
}
.kiln-edit-mode.layout-homepage-mobile-app__bottom,
.kiln-edit-mode.layout-homepage-mobile-app__top,
.kiln-edit-mode.layout-homepage-mobile-app__wrapper,
.kiln-edit-mode.layout-homepage-mobile__bottom,
.kiln-edit-mode.layout-homepage-mobile__top,
.kiln-edit-mode.layout-homepage-mobile__wrapper {
margin: 0 auto
}
.kiln-edit-mode.layout-homepage-mobile-app__content {
width: 414px;
margin: auto
}
.kiln-edit-mode.layout-homepage-mobile-app__bottom,
.kiln-edit-mode.layout-homepage-mobile-app__top,
.kiln-edit-mode.layout-homepage-mobile-app__wrapper {
margin: 0 auto
}
.kiln-edit-mode .product-comparison .ql-editor {
text-align: left
}
.kiln-edit-mode .ad-slot-header,
.kiln-edit-mode .ad-slot-header__wrapper,
.kiln-edit-mode .header__wrapper-outer {
height: unset !important;
min-height: unset !important;
top: unset !important
}
.kiln-edit-mode .ad-slot {
align-items: center;
background-color: #f8f8f8;
display: flex;
justify-content: center;
margin: 0 0 10px;
min-height: 48px;
position: relative;
flex-direction: column
}
.kiln-edit-mode .ad-slot .ad-feedback-link-container,
.kiln-edit-mode .ad-slot .ad-slot__feedback {
display: none
}
.kiln-edit-mode .ad-slot.component-selector-wrapper {
min-height: 48px
}
.kiln-edit-mode .ad-slot[data-desktop-slot-id]::before {
color: #6e6e6e;
content: 'AD SLOT (desktop: ' attr(data-desktop-slot-id) ')';
display: block;
font-size: 16px
}
.kiln-edit-mode .ad-slot[data-mobile-slot-id]::after {
color: #6e6e6e;
content: 'AD SLOT (mobile: ' attr(data-mobile-slot-id) ')';
display: block;
font-size: 16px
}
.kiln-edit-mode [data-uri*='/bizdev-outbrain/'] .kiln-permanent-placeholder {
min-height: 50px !important
}
.kiln-edit-mode [data-uri*='/bizdev-outbrain/'],
.kiln-edit-mode [data-uri*='/bizdev-nativo/'],
.kiln-edit-mode [data-uri*='/bizdev-healthgrade/'] {
width: 100%;
margin-bottom: 10px
}
.kiln-edit-mode .layout__bottom [data-placement] {
display: none
}
.kiln-edit-mode .newsleter-signup .newsletter-signup__form-section--gdpr,
.kiln-edit-mode .newsletter-signup_hub .newsletter-signup__form-section--gdpr,
.kiln-edit-mode .user-account-registration-form [data-specific-to-regions] {
display: block
}
.kiln-edit-mode .openweb-convo {
margin: 8px 0
}
.kiln-edit-mode .paragraph .ql-toolbar svg {
margin: 0
}
.kiln-edit-mode .user-account-registration-form [data-specific-to-regions] .formfield-checkbox__checkbox-label,
.kiln-edit-mode .user-account-registration-form [data-specific-to-regions] .formfield-checkbox__checkbox-label a {
color: #262626
}
.kiln-edit-mode .newsleter-signup,
.kiln-edit-mode .newsletter-signup_hub {
visibility: visible;
height: initial;
opacity: 1
}
.kiln-edit-mode .gallery-inline:not(.gallery-inline_unfurled) .gallery-inline__container>.gallery-inline__slides>.image>.image__metadata .image__caption,
.kiln-edit-mode .gallery-inline__leaf:not(.gallery-inline_unfurled) .gallery-inline__container>.gallery-inline__slides>.image>.image__metadata .image__caption {
width: auto
}
.kiln-edit-mode .product-offer-card_listing-item {
margin-top: 50px
}
.kiln-edit-mode .product-offer-card_listing-item.component-selector-wrapper .product-offer-card_listing-item__settings-container {
grid-row: 1;
grid-column: 1/none;
margin-bottom: 8px
}
.kiln-edit-mode .product-offer-card_listing-item.component-selector-wrapper .product-offer-card_listing-item__image {
top: 56px
}
.kiln-edit-mode .product-offer-card_listing-item__image .selector .add-bottom,
.kiln-edit-mode .product-offer-card_listing-item__image .selector .add-top,
.kiln-edit-mode .product-offer-card_listing-item__image .selector .quick-bar .quick-bar-dupe,
.nav-content .page-list-sites {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .kiln-edit-mode .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .kiln-edit-mode .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='homepage/instances/homepage-international'] .kiln-edit-mode .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .kiln-edit-mode .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded) {
height: auto;
display: flex;
min-height: 0;
animation: none;
padding: 0
}
.layout-profile__top .headline,
body[class*=homepage-mobile].kiln-edit-mode [data-desktop-slot-id]:not([data-mobile-slot-id]) {
display: none
}
.new-page-nav .filterable-list-item-children {
margin-left: 15px
}
.html-embed .kiln-permanent-placeholder {
min-height: 18px !important
}
.kiln-inactive-placeholder,
.kiln-placeholder {
margin-bottom: 12px
}
.inline-placeholder .kiln-inactive-placeholder,
.inline-placeholder .kiln-placeholder {
background: 0 0;
padding: 0;
margin: 0;
min-height: initial !important;
display: block
}
.inline-placeholder .kiln-inactive-placeholder .placeholder-icon,
.inline-placeholder .kiln-placeholder .placeholder-icon,
.kiln-internals .clay-kiln-logo.stellar>svg,
.layout-shared-components .kiln-wrapper.view-mode {
display: none
}
.inline-placeholder .kiln-inactive-placeholder .placeholder-text,
.inline-placeholder .kiln-placeholder .placeholder-text {
color: #8c8c8c;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-align: left;
text-transform: none;
line-height: inherit;
width: 100%
}
.inline-placeholder .kiln-inactive-placeholder .placeholder-text::first-letter,
.inline-placeholder .kiln-placeholder .placeholder-text::first-letter {
text-transform: none
}
.publish-location-form .publishSectionTop {
margin-bottom: 20px
}
.publish-location-form .publishSectionBottom input[disabled] {
border-bottom-style: dotted;
color: #404040;
cursor: default
}
.kiln-internals {
direction: ltr
}
.kiln-internals .clay-kiln-logo.stellar::before {
background-image: url(/media/sites/cnn/stellar-logo.svg);
background-size: 100%;
background-repeat: no-repeat;
content: ' ';
color: transparent;
position: absolute;
left: calc(50vw - 155px);
top: calc(50vh - 55px);
width: 300px;
height: 100px
}
.kiln-wrapper.view-mode .ui-fab {
font-size: 16px !important
}
.kiln-wrapper.view-mode .ui-fab--size-normal,
.kiln-wrapper.view-mode .ui-fab--size-normal .ui-fab__focus-ring {
height: 3.5em !important;
width: 3.5em !important
}
.kiln-wrapper.view-mode .ui-fab--size-small,
.kiln-wrapper.view-mode .ui-fab--size-small .ui-fab__focus-ring {
width: 2.5em !important;
height: 2.5em !important
}
.kiln-wrapper.view-mode .ui-fab__icon .ui-icon {
font-size: 1.5em !important
}
.kiln-edit-mode .interactive__edit-info {
background-color: #e3f2fd;
margin: 16px 0;
color: #0a0a0a;
padding: 24px
}
.kiln-edit-mode .interactive__title {
display: inline-block;
border-bottom: 2px solid #0a0a0a
}
.kiln-edit-mode .interactive__overflow {
width: 100%;
overflow: scroll
}
.tooltip {
font-size: 20px
}
.tooltip .tooltip-content,
.tooltip .tooltip-content .ui-tooltip {
font-size: .8125em !important
}
.tooltip .tooltip-content {
height: 1.625em !important
}
.custom-placeholder {
position: relative
}
.custom-placeholder__right {
position: absolute;
display: flex;
align-items: center;
height: 100%;
top: 0;
right: 0
}
.kiln-edit-mode .product-offer-card,
.kiln-edit-mode .product-offer-card__button-item,
.kiln-edit-mode .product-offer-card_carousel,
.kiln-edit-mode .product-offer-card_carousel__button-item,
.kiln-edit-mode .product-offer-card_expanded,
.kiln-edit-mode .product-offer-card_expanded__button-item,
.kiln-edit-mode .product-offer-card_listing,
.kiln-edit-mode .product-offer-card_listing-item,
.kiln-edit-mode .product-offer-card_listing-item__button-item,
.kiln-edit-mode .product-offer-card_listing__button-item {
position: relative
}
.custom-placeholder .placeholder-label {
justify-content: start !important
}
.custom-placeholder .status-label {
font-size: 12px;
line-height: 12px;
color: #fff;
margin: 12px;
padding: 8px;
border-radius: 16px
}
.custom-placeholder.ready {
border-top: 2px solid #58e59e
}
.custom-placeholder.ready .status-label {
background-color: #58e59e
}
.custom-placeholder.new,
.custom-placeholder.updated {
border-top: 2px solid #ff7979
}
.custom-placeholder.new .status-label,
.custom-placeholder.updated .status-label {
background-color: #ff7979
}
.kiln-search-active {
display: flex;
flex-flow: column nowrap;
overflow: auto
}
.kiln-search-active .kiln-edit-mode:not(.layout-homepage-mobile):not(.layout-homepage-mobile-app) .header {
margin-left: 400px !important;
width: 100%
}
.kiln-search-active .kiln-edit-mode:not(.layout-homepage-mobile):not(.layout-homepage-mobile-app) .header__container {
margin-left: 0
}
.kiln-search-active .kiln-edit-mode:not(.layout-homepage-mobile):not(.layout-homepage-mobile-app) .layout__bottom,
.kiln-search-active .kiln-edit-mode:not(.layout-homepage-mobile):not(.layout-homepage-mobile-app) .layout__wrapper {
margin-left: 400px !important
}
.kiln-search-active .kiln-edit-mode:not(.layout-homepage-mobile):not(.layout-homepage-mobile-app) .footer__inner {
margin-left: 0
}
.layout.tabs {
display: none
}
.kiln-edit-mode {
--counter-height: 23px
}
.kiln-edit-mode .factbox .editor-inline>form:before,
.kiln-edit-mode .list .editor-inline>form:before,
.kiln-edit-mode .list_live-story .editor-inline>form:before {
display: revert
}
.kiln-edit-mode .container_event-tray,
.kiln-edit-mode .container_grid-2__item .card__label-container,
.kiln-edit-mode .container_grid-3__item .card__label-container,
.kiln-edit-mode .container_grid-4__item .card__label-container,
.kiln-edit-mode .container_lead-plus-headlines-with-images__item .card__label-container,
.kiln-edit-mode .container_list-images-with-description__item .card__label-container {
display: block
}
.kiln-edit-mode .kiln-field__disabled .list__new_item {
pointer-events: all
}
.kiln-edit-mode .content-recs,
.kiln-edit-mode .more-from-cnn {
margin-bottom: 12px
}
.kiln-edit-mode .container_event-tray__field-wrapper {
overflow-y: hidden;
overflow-x: auto
}
.kiln-edit-mode .container_event-tray__field-links {
overflow-y: unset;
margin: 30px 1px 40px
}
.kiln-edit-mode .container.container_headline-carousel.component-selector-wrapper .container_headline-carousel__cards-wrapper {
overflow: scroll
}
.kiln-edit-mode .container.container_headline-carousel.component-selector-wrapper .container_headline-carousel__cards-wrapper .container_headline-carousel__field-wrapper {
overflow: unset
}
.kiln-edit-mode .article-text-banner_underscored-deals {
padding: 0
}
.kiln-edit-mode .article-text-banner_underscored-deals__container {
height: unset;
margin-top: 8px;
margin-bottom: 8px
}
.kiln-edit-mode .article-text-banner_underscored-deals .kiln-permanent-placeholder {
min-height: unset !important
}
.kiln-edit-mode .article-text-banner_underscored-deals-with-bullets .kiln-permanent-placeholder,
.kiln-edit-mode .article-text-banner_underscored-sponsored .kiln-permanent-placeholder {
min-height: auto !important
}
.kiln-edit-mode .container_headline-carousel__field-links,
.kiln-edit-mode .container_shelf-carousel__field-links {
padding: 38px 30px 15px;
margin-bottom: 10px;
overflow-y: unset
}
.kiln-edit-mode .container.container_shelf-carousel.component-selector-wrapper .container_shelf-carousel__cards-wrapper {
overflow-x: scroll
}
.kiln-edit-mode .container.container_shelf-carousel.component-selector-wrapper .container_shelf-carousel__field-wrapper {
overflow: unset
}
.kiln-edit-mode .container.container_shelf-carousel.component-selector-wrapper .container_shelf-carousel__item.container__item {
min-width: unset !important
}
.kiln-edit-mode .container_headline-carousel__title {
padding: 0 25px;
margin-bottom: -30px
}
.kiln-edit-mode .accordion-item__content {
max-height: 100%;
padding: 0 0 40px
}
.kiln-edit-mode .accordion-item__content>* {
padding: 0 24px
}
.kiln-edit-mode .accordion-item__content [data-component-name=paragraph] {
margin: 48px 0
}
.kiln-edit-mode .container_grid-2__item .container__text-label--type-video,
.kiln-edit-mode .container_grid-2__item .container__text-label:not(.kiln-edit-mode .container_grid-2__item .container__text-label--type-video),
.kiln-edit-mode .container_grid-2__item .container__video-duration,
.kiln-edit-mode .container_grid-3__item .container__text-label--type-video,
.kiln-edit-mode .container_grid-3__item .container__text-label:not(.kiln-edit-mode .container_grid-3__item .container__text-label--type-video),
.kiln-edit-mode .container_grid-3__item .container__video-duration,
.kiln-edit-mode .container_grid-4__item .container__text-label--type-video,
.kiln-edit-mode .container_grid-4__item .container__text-label:not(.kiln-edit-mode .container_grid-4__item .container__text-label--type-video),
.kiln-edit-mode .container_grid-4__item .container__video-duration,
.kiln-edit-mode .container_lead-plus-headlines-with-images__item .container__text-label--type-video,
.kiln-edit-mode .container_lead-plus-headlines-with-images__item .container__text-label:not(.kiln-edit-mode .container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.kiln-edit-mode .container_lead-plus-headlines-with-images__item .container__video-duration,
.kiln-edit-mode .container_list-images-with-description__item .container__text-label--type-video,
.kiln-edit-mode .container_list-images-with-description__item .container__text-label:not(.kiln-edit-mode .container_list-images-with-description__item .container__text-label--type-video),
.kiln-edit-mode .container_list-images-with-description__item .container__video-duration,
.kiln-edit-mode .kiln-overlay-form--product-card .input-container .reveal-leave-active,
.kiln-edit-mode .kiln-overlay-form--product-offer-card .input-container .reveal-leave-active,
.kiln-edit-mode .product-offer-card .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode .product-offer-card__button-item .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_carousel .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode .product-offer-card_carousel__button-item .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_expanded .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode .product-offer-card_expanded__button-item .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_listing .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode .product-offer-card_listing-item .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode .product-offer-card_listing-item__button-item .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_listing__button-item .copy-to-clipboard {
display: none
}
.kiln-edit-mode .product-card-container_carousel__container-items:has(.sticker) .product-card_carousel__title,
.kiln-edit-mode .product-card-container_grid__container-items:has(.sticker) .product-card_carousel__title {
margin-top: 0
}
.kiln-edit-mode .product-card-container_carousel__container-items:has(.sticker) .product-card_carousel__sticker-container,
.kiln-edit-mode .product-card-container_grid__container-items:has(.sticker) .product-card_carousel__sticker-container {
margin-bottom: 0;
height: fit-content
}
.kiln-edit-mode .product-card-container_carousel__container-items:has(.sticker) .product-card_carousel .product-card_carousel__image,
.kiln-edit-mode .product-card-container_grid__container-items:has(.sticker) .product-card_carousel .product-card_carousel__image {
margin-bottom: 58px
}
.kiln-edit-mode .product-card-container_carousel__container-items:has(.sticker) .product-card_carousel:has(.sticker) .product-card_carousel__image,
.kiln-edit-mode .product-card-container_grid__container-items:has(.sticker) .product-card_carousel:has(.sticker) .product-card_carousel__image {
margin-bottom: 0 !important
}
.kiln-edit-mode .product-offer-card-container_related-products {
pointer-events: all
}
.kiln-edit-mode .product-offer-card-container_related-products .product-offer-card_related-product__image .image {
margin: 0 !important
}
.kiln-edit-mode .product-offer-card-container_carousel {
max-width: unset
}
.kiln-edit-mode .product-offer-card-container_carousel__container-items:has(.sticker) .product-offer-card_carousel__title,
.kiln-edit-mode .product-offer-card-container_grid__container-items:has(.sticker) .product-offer-card_carousel__title {
margin-top: 0
}
.kiln-edit-mode .product-offer-card-container_carousel__container-items:has(.sticker) .product-offer-card_carousel__sticker-container,
.kiln-edit-mode .product-offer-card-container_grid__container-items:has(.sticker) .product-offer-card_carousel__sticker-container {
margin-bottom: 0;
height: fit-content
}
.kiln-edit-mode .product-offer-card-container_carousel__container-items:has(.sticker) .product-offer-card_carousel .product-offer-card_carousel__image,
.kiln-edit-mode .product-offer-card-container_grid__container-items:has(.sticker) .product-offer-card_carousel .product-offer-card_carousel__image {
margin-bottom: 58px
}
.kiln-edit-mode .product-offer-card-container_carousel__container-items:has(.sticker) .product-offer-card_carousel:has(.sticker) .product-offer-card_carousel__image,
.kiln-edit-mode .product-offer-card-container_grid__container-items:has(.sticker) .product-offer-card_carousel:has(.sticker) .product-offer-card_carousel__image {
margin-bottom: 0 !important
}
.kiln-edit-mode .product-card-container_carousel [data-editable=images] .kiln-placeholder,
.kiln-edit-mode .product-card-container_grid [data-editable=images] .kiln-placeholder,
.kiln-edit-mode .product-card-container_listing [data-editable=images] .kiln-placeholder,
.kiln-edit-mode .product-offer-card-container_carousel [data-editable=images] .kiln-placeholder,
.kiln-edit-mode .product-offer-card-container_grid [data-editable=images] .kiln-placeholder,
.kiln-edit-mode .product-offer-card-container_listing [data-editable=images] .kiln-placeholder {
min-height: 100px !important
}
.kiln-edit-mode .product-card-container_landing-page .product-card_landing .kiln-permanent-placeholder,
.kiln-edit-mode .product-card-container_landing-page .product-offer-card_landing .kiln-permanent-placeholder,
.kiln-edit-mode .product-offer-card-container_landing-page .product-card_landing .kiln-permanent-placeholder,
.kiln-edit-mode .product-offer-card-container_landing-page .product-offer-card_landing .kiln-permanent-placeholder {
min-width: 100%
}
.kiln-edit-mode .product-offer-card__button-item:hover .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_carousel__button-item:hover .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_expanded__button-item:hover .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_listing-item__button-item:hover .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_listing__button-item:hover .copy-to-clipboard {
display: block;
font-size: 0;
position: absolute;
top: 0;
right: 0;
background-color: #6a98d9
}
.kiln-edit-mode .product-offer-card__button-item:hover>a.offer-link,
.kiln-edit-mode .product-offer-card_carousel__button-item:hover>a.offer-link,
.kiln-edit-mode .product-offer-card_expanded__button-item:hover>a.offer-link,
.kiln-edit-mode .product-offer-card_listing-item__button-item:hover>a.offer-link,
.kiln-edit-mode .product-offer-card_listing__button-item:hover>a.offer-link {
border-radius: 0;
box-shadow: inset 0 0 0 2px #1878cf, inset 0 0 0 4px #fff;
background-color: var(--theme-button-color)
}
.kiln-edit-mode .product-offer-card__button-item.sortable-chosen>a.offer-link,
.kiln-edit-mode .product-offer-card_carousel__button-item.sortable-chosen>a.offer-link,
.kiln-edit-mode .product-offer-card_expanded__button-item.sortable-chosen>a.offer-link,
.kiln-edit-mode .product-offer-card_listing-item__button-item.sortable-chosen>a.offer-link,
.kiln-edit-mode .product-offer-card_listing__button-item.sortable-chosen>a.offer-link {
box-shadow: inset 0 0 0 2px #0d47a1, inset 0 0 0 4px #fff
}
.kiln-edit-mode .product-offer-card.component-selector-wrapper__sticker-container [data-sticker-expired-or-unsupported=true],
.kiln-edit-mode .product-offer-card.component-selector-wrapper__sticker-container.hide,
.kiln-edit-mode .product-offer-card_carousel.component-selector-wrapper__sticker-container [data-sticker-expired-or-unsupported=true],
.kiln-edit-mode .product-offer-card_carousel.component-selector-wrapper__sticker-container.hide,
.kiln-edit-mode .product-offer-card_expanded.component-selector-wrapper__sticker-container [data-sticker-expired-or-unsupported=true],
.kiln-edit-mode .product-offer-card_expanded.component-selector-wrapper__sticker-container.hide,
.kiln-edit-mode .product-offer-card_listing-item.component-selector-wrapper__sticker-container [data-sticker-expired-or-unsupported=true],
.kiln-edit-mode .product-offer-card_listing-item.component-selector-wrapper__sticker-container.hide,
.kiln-edit-mode .product-offer-card_listing.component-selector-wrapper__sticker-container [data-sticker-expired-or-unsupported=true],
.kiln-edit-mode .product-offer-card_listing.component-selector-wrapper__sticker-container.hide {
display: block
}
.kiln-edit-mode .product-offer-card.hide,
.kiln-edit-mode .product-offer-card.hide .offer-link,
.kiln-edit-mode .product-offer-card_carousel.hide,
.kiln-edit-mode .product-offer-card_carousel.hide .offer-link,
.kiln-edit-mode .product-offer-card_expanded.hide,
.kiln-edit-mode .product-offer-card_expanded.hide .offer-link,
.kiln-edit-mode .product-offer-card_listing-item.hide,
.kiln-edit-mode .product-offer-card_listing-item.hide .offer-link,
.kiln-edit-mode .product-offer-card_listing.hide,
.kiln-edit-mode .product-offer-card_listing.hide .offer-link {
counter-increment: none
}
.kiln-edit-mode .product-offer-card.hide::before,
.kiln-edit-mode .product-offer-card_carousel.hide::before,
.kiln-edit-mode .product-offer-card_expanded.hide::before,
.kiln-edit-mode .product-offer-card_listing-item.hide::before,
.kiln-edit-mode .product-offer-card_listing.hide::before {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .25);
pointer-events: all
}
.kiln-edit-mode .product-offer-card.hide::after,
.kiln-edit-mode .product-offer-card_carousel.hide::after,
.kiln-edit-mode .product-offer-card_expanded.hide::after,
.kiln-edit-mode .product-offer-card_listing-item.hide::after,
.kiln-edit-mode .product-offer-card_listing.hide::after {
content: '';
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
border-radius: 50%;
background: url(/media/sites/cnn/icons/visibility-off.svg) center no-repeat;
background-color: rgba(0, 0, 0, .6);
transform: translate(-50%, -50%);
pointer-events: all
}
.kiln-edit-mode .product-offer-card_carousel__button-item {
z-index: 999
}
.kiln-edit-mode .product-offer-card__sticker-container,
.kiln-edit-mode .product-offer-card_expanded__sticker-container {
margin-top: 68px
}
.kiln-edit-mode .product-offer-card__sticker-container .sticker,
.kiln-edit-mode .product-offer-card_expanded__sticker-container .sticker {
width: fit-content;
position: relative;
top: 0
}
.kiln-edit-mode .product-offer-card .kiln-permanent-placeholder,
.kiln-edit-mode .product-offer-card_expanded .kiln-permanent-placeholder {
min-height: auto
}
.kiln-edit-mode .product-quick-picks--sponsorship .kiln-permanent-placeholder {
min-height: auto !important
}
.kiln-edit-mode .featured-product .featured-product__image .kiln-inactive-placeholder,
.kiln-edit-mode .featured-product .featured-product__image .kiln-placeholder {
margin: 0;
min-height: 160px !important
}
.kiln-edit-mode .tabcontent__image .kiln-placeholder,
.kiln-edit-mode .tabcontent__thumbnail .kiln-placeholder {
min-height: 175px !important
}
.kiln-edit-mode .call-to-action__cta-container .image.portrait.image_hide-placeholder,
.kiln-edit-mode .call-to-action__cta-container div,
.kiln-edit-mode .call-to-action__cta-container div.image,
.kiln-edit-mode .call-to-action__cta-container div.portrait {
max-width: initial
}
.kiln-edit-mode .call-to-action__cta-container .call-to-action__button-text,
.kiln-edit-mode .call-to-action__cta-container a {
color: #fff;
text-decoration: none;
width: 50%;
left: 25%
}
.kiln-edit-mode .sticker {
display: flex !important
}
.kiln-edit-mode .layout.tabs {
display: block
}
.kiln-edit-mode .layout-homepage-mobile-app__content-wrapper .layout.tabs,
.kiln-edit-mode .layout-homepage-mobile__content-wrapper .layout.tabs {
width: 90vw;
margin-left: -35vw
}
.kiln-edit-mode .tabs {
margin-bottom: 0;
direction: ltr
}
.kiln-edit-mode .tabs:not(.active) {
display: none
}
.kiln-edit-mode .tabs.layout {
background: #edf4fb;
border-bottom: solid 1px #0d47a1;
margin-bottom: 10px
}
.kiln-edit-mode .tabs__wrapper {
line-height: 46px;
max-width: 1440px;
margin: 0 auto;
padding-top: 2px
}
.sponsorship .kiln-edit-mode .tabs__wrapper {
max-width: 1100px
}
.kiln-edit-mode .tabs__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap
}
.kiln-edit-mode .tabs__item {
border-bottom: solid 4px transparent;
color: #5c5c5c;
cursor: pointer;
display: inline;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
padding: 10px 30px;
text-transform: uppercase
}
.kiln-edit-mode .tabs__item.active {
border-bottom-color: #0d47a1;
color: #000
}
.kiln-edit-mode .tabs__item:hover {
border-bottom-color: #8cbae8
}
.kiln-edit-mode .tabcontent {
margin: 32px 0 48px
}
.kiln-edit-mode .tabcontent__config,
.kiln-edit-mode .tabcontent__meta,
.kiln-edit-mode .tabcontent__other {
background-color: #fafafa;
border: 1px solid #edf0f2;
padding: 18px;
margin-bottom: 18px
}
.kiln-edit-mode .tabcontent:not(.active) {
display: none
}
.kiln-edit-mode .tabcontent.settings {
direction: ltr
}
.kiln-edit-mode .tabcontent__settings {
padding-top: 18px
}
.kiln-edit-mode .tabcontent__meta,
.kiln-edit-mode .tabcontent__other {
margin-top: 18px
}
.kiln-edit-mode .tabcontent__meta .header,
.kiln-edit-mode .tabcontent__other .header {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px
}
.kiln-edit-mode .tabcontent__group,
.kiln-edit-mode .tabcontent__subgroup {
position: relative
}
.kiln-edit-mode .tabcontent__subgroup {
margin-bottom: 14px
}
.kiln-edit-mode .tabcontent__help,
.kiln-edit-mode .tabcontent__label {
color: #8c8c8c;
margin-bottom: 2px
}
.kiln-edit-mode .tabcontent__help {
font-size: 13px
}
.kiln-edit-mode .tabcontent__underline {
border-bottom: 1px solid #8c8c8c;
margin-bottom: 14px;
margin-right: 32px
}
.kiln-edit-mode .tabcontent__underline .kiln-placeholder {
margin: 0;
padding: 0
}
.kiln-edit-mode .tabcontent__underline .ui-textbox__counter:not(.ui-textbox__counter--wysiwyg-error) {
background-color: transparent;
color: #8c8c8c
}
.kiln-edit-mode .tabcontent__wand {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28'%3E%3Cpath d='M18.594 9.078L23.172 4.5 21.5 2.828l-4.578 4.578zM25.578 4.5q0 .422-.281.703L5.203 25.297q-.281.281-.703.281t-.703-.281L.703 22.203q-.281-.281-.281-.703t.281-.703L20.797.703q.281-.281.703-.281t.703.281l3.094 3.094q.281.281.281.703zM4.469 1.531L6 2l-1.531.469L4 4l-.469-1.531L2 2l1.531-.469L4 0zm5.469 2.531L13.001 5l-3.063.938L9 9.001l-.938-3.063L4.999 5l3.063-.938L9 .999zm14.531 7.469L26 12l-1.531.469L24 14l-.469-1.531L22 12l1.531-.469L24 10zm-10-10L16 2l-1.531.469L14 4l-.469-1.531L12 2l1.531-.469L14 0z'%3E%3C/path%3E%3C/svg%3E");
background-size: 24px 24px;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: block;
position: absolute;
right: 0;
bottom: 0
}
.kiln-edit-mode .tabcontent__thumbnail {
max-width: 300px
}
.kiln-edit-mode .tabcontent__thumbnail .image,
.kiln-edit-mode .tabcontent__thumbnail .kiln-placeholder {
margin-bottom: 0
}
.kiln-edit-mode .tabcontent__thumbnail .image__caption {
display: none
}
.kiln-edit-mode .tabcontent__section {
margin: 56px 0 0;
padding: 0;
border: 0;
cursor: pointer
}
.kiln-edit-mode .tabcontent__section:nth-of-type(1) {
margin-top: 0
}
.kiln-edit-mode .tabcontent__section * {
pointer-events: all
}
.kiln-edit-mode .tabcontent__header {
margin-bottom: 12px;
margin-top: 0
}
.kiln-edit-mode .tabcontent__text {
margin: 0;
font-size: 14px
}
.kiln-edit-mode .tabcontent__text--disabled {
color: #6e6e6e
}
.kiln-edit-mode .tabcontent__block {
display: block;
margin: 32px 0 0
}
.kiln-edit-mode .tabcontent__block:nth-of-type(1) {
margin-top: 0
}
.kiln-edit-mode .tabcontent__block--inline {
display: flex
}
.kiln-edit-mode .tabcontent__alert,
.kiln-edit-mode .tabcontent__label {
display: block;
margin: 0 0 4px;
font-size: 14px;
line-height: 20px;
color: #6e6e6e
}
.kiln-edit-mode .tabcontent__alert {
color: #c00
}
.kiln-edit-mode .tabcontent__checkbox,
.kiln-edit-mode .tabcontent__select {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0
}
.kiln-edit-mode .tabcontent__select {
width: 100%;
max-width: 340px;
padding: 0 0 8px;
border: 0;
border-bottom: 1px solid #6e6e6e;
background: url("data:image/svg+xml,") right center no-repeat;
font-size: 14px;
line-height: 20px;
color: #0c0c0c;
text-transform: capitalize
}
.kiln-edit-mode .tabcontent__select:disabled {
opacity: 1
}
.kiln-edit-mode .tabcontent__checkbox {
display: block;
width: 20px;
height: 20px;
margin-right: 8px;
border: 1px solid #e6e6e6;
color: #fff
}
.kiln-edit-mode .tabcontent__image .image__caption,
.kiln-edit-mode .tabcontent__image .quick-icon-remove {
display: none
}
.kiln-edit-mode .tabcontent__checkbox--checked {
border-color: #3061f2;
background: url("data:image/svg+xml,") center center no-repeat #3061f2
}
.kiln-edit-mode .tabcontent__image {
max-width: 340px;
position: relative
}
.kiln-edit-mode .tabcontent__image .image__container {
aspect-ratio: 16/9;
background-color: #e6e6e6
}
.kiln-edit-mode .tabcontent__image .image__dam-img {
object-fit: contain
}
.kiln-edit-mode .tabcontent__image .tabcontent__wand {
right: -34px;
top: 0
}
.kiln-edit-mode .tabcontent__image .image,
.kiln-edit-mode .tabcontent__image .kiln-placeholder {
border-bottom: 0;
margin: 0 !important
}
.kiln-edit-mode .configuration {
display: block
}
.kiln-edit-mode .container .container__field-links.kiln-field__disabled .container__link:hover::after,
.kiln-edit-mode .container .container__field-links>.kiln-placeholder .placeholder-add-component,
.kiln-edit-mode .container .personalization__cards-wrapper {
display: none
}
.kiln-edit-mode .configuration input[disabled],
.kiln-edit-mode .configuration select[disabled] {
pointer-events: all
}
.kiln-edit-mode .layout-homepage-mobile-app__content-wrapper .configuration,
.kiln-edit-mode .layout-homepage-mobile__content-wrapper .configuration {
width: 90vw;
margin-left: -36vw
}
.kiln-edit-mode .container .card .container__text-edit .icon-sig-photo-default,
.kiln-edit-mode .container .card .container__text-edit .icon-sig-video {
position: relative;
height: 16px;
width: 16px;
top: 2px
}
.kiln-edit-mode .container .card .video-resource:has([data-is-vertical-video-embed=true]) .video-resource__wrapper {
height: auto
}
.kiln-edit-mode .container .container__field-links>.kiln-placeholder {
height: 68px
}
.kiln-edit-mode .container .container__field-links>.kiln-placeholder::after,
.kiln-edit-mode .container .container__field-links>.kiln-placeholder::before {
color: #1976d2
}
.kiln-edit-mode .container .container__field-links>.kiln-placeholder::after {
content: 'Drag Card Here';
font-family: Noto Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: .16px;
line-height: 18px;
text-transform: uppercase
}
.kiln-edit-mode .container .container__field-links>.kiln-placeholder::before {
content: 'add';
font-family: 'Material Icons';
font-size: 24px
}
.kiln-edit-mode .container .container__field-links.kiln-field__disabled .container__link:hover {
outline: 0
}
.kiln-edit-mode .container .factbox {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 16px;
z-index: 1
}
.kiln-edit-mode .container .zone__placeholder {
margin-bottom: 10px
}
.kiln-edit-mode .editor-note__expired {
border-top: 1px dashed #0c0c0c;
display: block;
font-size: 14px
}
.kiln-edit-mode .editor-note__expiration-date {
font-weight: 700
}
.kiln-edit-mode .gallery__main .gallery-inline_unfurled .ql-editor p {
margin: unset
}
.kiln-edit-mode .gallery__main .gallery-inline_unfurled .ql-editor p:not(:first-child) {
margin-top: revert
}
.kiln-edit-mode .gallery__main .gallery-inline_unfurled .ql-editor p:not(:last-child) {
margin-bottom: revert
}
.kiln-edit-mode .gallery-inline__main>.gallery-inline__container>.gallery-inline__slides .image__metadata,
.kiln-edit-mode .gallery-inline__main>.gallery-inline__container>.gallery-inline__slides .image__metadata .image__caption {
flex-grow: 1
}
.kiln-edit-mode .gallery-inline__main>.gallery-inline__container>.gallery-inline__slides .image__metadata .image__caption>.inline-placeholder {
display: block;
height: 100%
}
.kiln-edit-mode .gallery-inline__main>.gallery-inline__container>.gallery-inline__slides .image__metadata .image__caption>.inline-placeholder .ql-editor p {
margin: unset
}
.kiln-edit-mode .gallery-inline.gallery--hidden .kiln-permanent-placeholder,
.kiln-edit-mode .gallery-inline_unfurled .kiln-permanent-placeholder {
min-height: 48px !important
}
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline__slides .image img,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline_slides.kiln-field__disabled,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline_unfurled__slides-unfurled .image img,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline_unfurled__slides-unfurled.kiln-field__disabled,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline__slides .image img,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline_slides.kiln-field__disabled,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline_unfurled__slides-unfurled .image img,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline_unfurled__slides-unfurled.kiln-field__disabled {
opacity: 1
}
.kiln-edit-mode .gallery-inline.gallery--hidden .ql-editor p,
.kiln-edit-mode .gallery-inline_unfurled .ql-editor p {
margin: revert
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout] .gallery-inline__container,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout] .gallery-inline__container {
padding: 25px 15px
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled {
flex-direction: row;
flex-wrap: wrap;
overflow-x: visible;
justify-content: left
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline__slides .image,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline__slides .image,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image {
max-width: 295px;
margin: 5px
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline__slides .image img,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image img,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline__slides .image img,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image img {
max-width: 295px;
width: auto
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline__slides .image__metadata,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline__slides .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image__metadata {
max-width: 295px;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list] .gallery-inline__slides {
flex-wrap: nowrap;
flex-direction: column;
justify-content: left;
overflow-x: scroll;
padding: 0 35px 0 15px
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled {
flex-direction: column;
justify-content: center
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled .image .image__container,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled .image .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled .image .image__container,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled .image .image__metadata {
max-width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline] .gallery-inline__slides {
flex-direction: row
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline] .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline] .image__metadata {
flex-direction: row-reverse;
padding: 5px
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline] .image__caption,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline] .image__caption {
margin: 0
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .gallery-inline__slides {
flex-direction: column
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image {
margin: 0 !important;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__container,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__container {
height: unset;
display: flex
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image img,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image img {
max-width: unset;
max-height: unset;
height: 100%;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__metadata {
width: 636px;
margin: auto
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__credit {
width: unset
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__metadata {
display: inline;
margin-top: unset;
max-width: unset;
font-size: 14px;
padding-left: 4px;
text-align: left
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled],
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] {
flex-direction: column;
justify-content: center
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image .image__container,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image .image__container,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image .image__metadata {
max-width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .gallery-inline__slides {
flex-direction: column;
flex-wrap: nowrap;
justify-content: left;
overflow-x: scroll;
padding: 0 35px 0 15px
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image {
margin: 0 !important;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__container,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__container {
height: unset !important;
display: flex
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image img,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image img {
max-width: unset;
max-height: unset;
height: 100%;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__metadata {
width: 636px;
margin: auto
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__credit {
width: unset
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__metadata {
display: inline;
margin-top: unset;
max-width: unset;
font-size: 14px;
padding-left: 4px;
text-align: left
}
.kiln-edit-mode .gallery-inline.gallery--hidden__top,
.kiln-edit-mode .gallery-inline_unfurled__top {
min-height: 100px
}
.kiln-edit-mode .gallery-inline.gallery--hidden__top .inline-placeholder .placeholder-text,
.kiln-edit-mode .gallery-inline.gallery--hidden__top .ql-editor,
.kiln-edit-mode .gallery-inline_unfurled__top .inline-placeholder .placeholder-text,
.kiln-edit-mode .gallery-inline_unfurled__top .ql-editor {
text-align: center
}
.kiln-edit-mode .gallery-inline.gallery--hidden__top--image,
.kiln-edit-mode .gallery-inline_unfurled__top--image {
max-height: attr(data-original-height)
}
.kiln-edit-mode .gallery-inline.gallery--hidden__slides,
.kiln-edit-mode .gallery-inline.gallery--hidden__slides-unfurled,
.kiln-edit-mode .gallery-inline_unfurled__slides,
.kiln-edit-mode .gallery-inline_unfurled__slides-unfurled {
counter-reset: slide-number;
display: flex
}
.kiln-edit-mode .gallery-inline.gallery--hidden__slides .image__container,
.kiln-edit-mode .gallery-inline.gallery--hidden__slides-unfurled .image__container,
.kiln-edit-mode .gallery-inline_unfurled__slides .image__container,
.kiln-edit-mode .gallery-inline_unfurled__slides-unfurled .image__container {
height: fit-content !important;
position: relative
}
.kiln-edit-mode .gallery-inline.gallery--hidden__slides .image__dam-img,
.kiln-edit-mode .gallery-inline.gallery--hidden__slides-unfurled .image__dam-img,
.kiln-edit-mode .gallery-inline_unfurled__slides .image__dam-img,
.kiln-edit-mode .gallery-inline_unfurled__slides-unfurled .image__dam-img {
max-height: none;
transform: none;
position: static
}
.kiln-edit-mode .gallery-inline.gallery--hidden__slides .image__container:before,
.kiln-edit-mode .gallery-inline.gallery--hidden__slides-unfurled .image__container:before,
.kiln-edit-mode .gallery-inline_unfurled__slides .image__container:before,
.kiln-edit-mode .gallery-inline_unfurled__slides-unfurled .image__container:before {
counter-increment: slide-number;
content: counter(slide-number);
position: absolute;
opacity: .75;
padding: 2px 5px;
border-radius: 5px;
background-color: #000;
color: #fff;
bottom: 10px;
left: 5px
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image,
.kiln-edit-mode .gallery-inline_unfurled .image {
margin: 5px auto;
opacity: 1;
pointer-events: auto;
height: auto !important;
padding-bottom: 20px;
display: flex;
flex-direction: column;
width: fit-content
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image img,
.kiln-edit-mode .gallery-inline_unfurled .image img {
max-width: 720px;
max-height: 405px;
width: auto;
height: auto
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image__container,
.kiln-edit-mode .gallery-inline_unfurled .image__container {
padding-bottom: 0
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled .image__metadata {
visibility: visible;
position: static;
max-width: 720px
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image__caption,
.kiln-edit-mode .gallery-inline_unfurled .image__caption {
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image__title,
.kiln-edit-mode .gallery-inline_unfurled .image__title {
white-space: normal
}
.kiln-edit-mode .gallery-inline.gallery--hidden--hidden .gallery-inline__main,
.kiln-edit-mode .gallery-inline_unfurled--hidden .gallery-inline__main {
background-color: transparent;
min-height: auto;
min-width: auto
}
.kiln-edit-mode .gallery-inline.gallery--hidden--hidden .gallery-inline__container,
.kiln-edit-mode .gallery-inline_unfurled--hidden .gallery-inline__container {
visibility: visible
}
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline__controls,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline__counter,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline__next-overlay,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline__prev-overlay,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline__controls,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline__counter,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline__next-overlay,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline__prev-overlay {
display: none !important
}
.kiln-edit-mode .gallery_unfurled .configuration {
max-width: 999px;
margin: auto;
padding: 24px
}
.kiln-edit-mode .layout-no-rail[data-page-type=gallery] .headline__wrapper {
position: static !important;
padding: 0 !important;
margin: 32px 0;
transform: initial !important
}
.kiln-edit-mode .layout-no-rail-article-fullwidth-comms__top .headline__wrapper .placeholder-text,
.kiln-edit-mode .layout-no-rail-article-fullwidth-sponsor__top .headline__wrapper .placeholder-text,
.kiln-edit-mode .layout-no-rail-article-fullwidth__top .headline__wrapper .placeholder-text,
.kiln-edit-mode .layout-no-rail[data-page-type=gallery] .headline__wrapper .placeholder-text {
text-align: center
}
.kiln-edit-mode .image-slider__image-container {
display: flex;
height: auto;
padding-top: 0
}
.kiln-edit-mode .image-slider__image-container img {
position: unset
}
.kiln-edit-mode .image-slider__image-container .image-slider__handle,
.kiln-edit-mode .image-slider__image-container .image-slider__overlay {
visibility: hidden
}
.kiln-edit-mode .image-slider__image-container .image-slider__image-after,
.kiln-edit-mode .image-slider__image-container .image-slider__image-before {
width: 100%;
height: 100%;
position: unset
}
.kiln-edit-mode .image-slider__image-container .image-slider__image-after .image__dam-img,
.kiln-edit-mode .image-slider__image-container .image-slider__image-before .image__dam-img {
clip-path: unset
}
.kiln-edit-mode .product-card__sticker,
.kiln-edit-mode .product-card__sticker-container,
.kiln-edit-mode .product-card_expanded__sticker,
.kiln-edit-mode .product-card_expanded__sticker-container,
.kiln-edit-mode .product-card_listing__sticker,
.kiln-edit-mode .product-card_listing__sticker-container {
width: max-content
}
.kiln-edit-mode [class^=container] .complex-list-trash,
.kiln-edit-mode [class^=container] .component-list-trash {
background: #455a64;
border-radius: 50%;
color: #fff;
display: none;
height: 70px;
left: calc(50% - 35px);
width: 70px
}
.kiln-edit-mode [class^=container] .complex-list-trash .material-icons,
.kiln-edit-mode [class^=container] .component-list-trash .material-icons {
font-size: 40px
}
.kiln-edit-mode [class^=container] .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode [class^=container] .component-list-trash.kiln-sortable-drop-area {
display: flex
}
.kiln-edit-mode [class^=container] .complex-list-trash.kiln-sortable-drop-area .material-icons:not(:only-child),
.kiln-edit-mode [class^=container] .component-list-trash.kiln-sortable-drop-area .material-icons:not(:only-child) {
align-items: center;
background: #0d47a1;
border-radius: 50%;
color: #fff;
font-size: 45px;
justify-content: center;
padding: 20px;
transform: scale(1.2, 1.2);
transition: transform .3s
}
.kiln-edit-mode .live-story__items-container .kiln-permanent-placeholder {
min-height: 10px !important;
background-color: #e3f2fd
}
.kiln-edit-mode .live-story__items-container .kiln-permanent-placeholder.kiln-error-placeholder {
background-color: #ffebee
}
.kiln-edit-mode .vertical-video {
width: 90%;
max-width: none
}
.kiln-edit-mode .vertical-video section[data-tabcontent=Content] {
max-width: 425px;
width: calc(9 * 100dvh / 16);
margin: 0 auto
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video__video-playlist .kiln-permanent-placeholder {
min-height: 150px !important
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video__video-resource {
display: none;
height: 300px
}
.kiln-edit-mode .vertical-video .video-playlist__navigation,
.kiln-edit-mode .video-inline .video-playlist__outer-container::after {
display: none !important
}
.kiln-edit-mode .vertical-video .image__dam-img {
object-fit: contain
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video__video-resource .image__dam-img {
max-height: 300px
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video .video-resource__wrapper {
height: unset
}
.kiln-edit-mode .vertical-video .video-resource__image {
height: 150px;
width: 100%
}
.kiln-edit-mode .vertical-video .video-playlist__items-container {
height: 400px;
scroll-behavior: none;
-ms-scroll-snap-type: none;
scroll-snap-type: none
}
.kiln-edit-mode .vertical-video .video-playlist__items-container .image__dam-img {
max-height: 150px
}
.kiln-edit-mode .vertical-video .video-resource {
display: block;
height: 150px;
width: 100% !important
}
.kiln-edit-mode .vertical-video .call-to-action,
.kiln-edit-mode .vertical-video .video-playlist__navigation,
.kiln-edit-mode .vertical-video .video-resource__image::before {
display: none
}
.kiln-edit-mode .vertical-video .video-resource>div {
width: 100% !important
}
.kiln-edit-mode .vertical-video .video-player__wrapper {
height: 100%
}
.kiln-edit-mode .vertical-video .video-playlist {
margin-top: 5px
}
.kiln-edit-mode .video-inline .video-playlist {
overflow-x: hidden;
overflow-y: auto;
height: 520px
}
.kiln-edit-mode .video-inline .video-playlist>.kiln-permanent-placeholder {
min-height: 56px !important;
height: 56px !important;
margin-left: 12px
}
.kiln-edit-mode .video-inline .video-playlist__items-container {
margin-right: 4px;
flex-direction: unset;
height: unset !important;
overflow: unset !important
}
.kiln-edit-mode .video-inline .video-playlist__outer-container {
margin-left: 0 !important;
overflow: unset
}
.kiln-edit-mode .video-inline .video-playlist__navigation {
display: none
}
.kiln-edit-mode .video-inline .video-playlist__playlist-wrapper {
padding: 0 12px !important
}
.kiln-edit-mode .video-inline .video-playlist__playlist-wrapper::after {
display: none !important
}
.kiln-edit-mode .video-inline .video-playlist .video-resource {
margin: 0 0 16px 16px
}
.kiln-edit-mode .video-inline_carousel .video-playlist {
overflow-x: visible;
overflow-y: auto
}
.kiln-edit-mode .video-inline_carousel .video-playlist .kiln-permanent-placeholder:first-of-type {
min-height: 36px !important;
height: 36px !important;
position: sticky;
top: 0;
left: 0
}
.kiln-edit-mode .video-inline_carousel .video-playlist .selector {
position: sticky;
top: 0;
left: 0;
z-index: 1
}
.kiln-edit-mode .video-inline_carousel .video-playlist__items-container {
flex-direction: unset;
height: unset !important;
overflow: unset
}
.kiln-edit-mode .video-inline_carousel .video-playlist__items-container[data-editable=videos] .video-resource::after {
background: unset
}
.kiln-edit-mode .video-inline_carousel .video-playlist__outer-container {
margin-left: 32px !important;
overflow: unset
}
.kiln-edit-mode .video-inline_carousel .video-playlist__navigation {
display: none
}
.kiln-edit-mode .video-inline_carousel .video-playlist__playlist-wrapper::after {
display: none !important
}
.kiln-edit-mode .kiln-field :has([field=bylinePicker])>fieldset legend,
.kiln-edit-mode .video-playlist__navigation,
.kiln-edit-mode .video-playlist__outer-container::after,
.kiln-edit-mode[data-page-type=tve] [data-component-name=video-resource] {
display: none
}
.kiln-edit-mode .video-inline_carousel .video-playlist[data-items-layout=grid] .video-playlist__items-container {
overflow: visible;
flex-wrap: wrap
}
.kiln-edit-mode .video-inline_carousel__wrapper {
padding-top: 1px;
padding-bottom: 1px
}
.kiln-edit-mode .video-playlist .kiln-permanent-placeholder:first-of-type {
min-height: 56px !important;
height: 56px !important;
margin-left: 12px
}
.kiln-edit-mode .video-playlist__items-container,
.kiln-edit-mode .video-playlist__outer-container {
overflow: visible
}
.kiln-edit-mode .video-playlist [data-component-name=video-resource] {
margin-top: 4px
}
.kiln-edit-mode .video-playlist [data-component-name=video-resource] .video-resource__image {
margin-right: 8px
}
.kiln-edit-mode .kiln-field :has([field=bylinePicker])>fieldset {
padding: 0
}
.kiln-edit-mode .kiln-field :has([field=bylinePicker]) .component.video-resource {
border: none;
padding: 0;
margin-bottom: -.75rem
}
.kiln-edit-mode .container_vertical-strip-3x4,
.kiln-edit-mode .container_vertical-strip-original-ratio {
display: block
}
.kiln-edit-mode .container_vertical-strip-3x4 .container__headline.container_vertical-strip-original-ratio__headline span,
.kiln-edit-mode .container_vertical-strip-original-ratio .container__headline.container_vertical-strip-original-ratio__headline span {
font-weight: 500;
vertical-align: middle
}
.kiln-edit-mode .container_vertical-strip-3x4 .video-resource__wrapper,
.kiln-edit-mode .container_vertical-strip-original-ratio .video-resource__wrapper {
height: auto;
padding-bottom: 0
}
.kiln-edit-mode .container_ribbon__field-links {
overflow: visible
}
.kiln-edit-mode .container_ribbon__field-links .inline-form {
display: inline-block
}
.kiln-edit-mode html:not([data-layout-uri*=layout-homepage-mobile]) [data-component-name=video-resource] {
min-width: 268px
}
.kiln-edit-mode [data-component-name=video-resource] [data-editable=media] {
width: 100%
}
.kiln-edit-mode [data-component-name=video-resource] .kiln-placeholder {
width: 100%;
margin-bottom: 16px
}
.kiln-edit-mode [data-component-name=video-resource] .selector {
position: initial !important
}
.kiln-edit-mode [data-component-name=video-resource]:hover {
text-decoration: none !important
}
.kiln-edit-mode [data-component-name=video-resource] .video-resource__image::before {
content: '';
background-size: 20%;
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
opacity: .9
}
.kiln-edit-mode [data-component-name=video-resource] .video-resource__image::after {
transition: opacity .8s ease;
content: '';
opacity: 0
}
.kiln-edit-mode [data-component-name=video-resource] .video-resource__image:hover::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 54px;
padding: 6px;
z-index: 1;
background-color: #000;
color: #fff;
font-weight: 400;
font-size: 12px;
opacity: 1
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=disabled] .video-resource__image:has(.image__container)::before {
background: url(/media/sites/cnn/icons/play-icon.svg) center no-repeat
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=disabled] .video-resource__image:has(.image__container):hover::after {
content: 'Autoplay disabled'
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=unmuted] .video-resource__image:has(.image__container)::before {
background: url(/media/sites/cnn/icons/autoplay-icon.svg) center no-repeat
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=unmuted] .video-resource__image:has(.image__container):hover::after {
content: 'Autoplay enabled unmuted'
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=muted] .video-resource__image:has(.image__container)::before {
background: url(/media/sites/cnn/icons/autoplay-muted-icon.svg) center no-repeat
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=muted] .video-resource__image:has(.image__container):hover::after {
content: 'Autoplay enabled muted'
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=scroll] .video-resource__image:has(.image__container)::before {
background: url(/media/sites/cnn/icons/autoplay-onscroll-icon.svg) center no-repeat
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=scroll] .video-resource__image:has(.image__container):hover::after {
content: 'Autoplay enabled on scroll'
}
.kiln-edit-mode [data-component-name=video-playlist] .video-resource[data-unselectable=true] {
opacity: .5
}
.kiln-edit-mode [data-component-name=video-playlist] [data-component-name=video-resource] .video-resource__image:before {
background: unset
}
.kiln-edit-mode [data-component-name=graphic] iframe {
aspect-ratio: 1/1;
max-height: 700px
}
.kiln-edit-mode .dynamic {
padding: 15px 10px 5px;
background-color: #e3f2fd
}
.kiln-edit-mode .dynamic .dynamic--header {
font-family: 'Noto Sans', Arial, sans-serif;
font-size: 14px;
font-stretch: 100%;
font-weight: 600;
margin: 0 0 5px;
padding: 0 0 5px 10px
}
.kiln-edit-mode .header__container {
height: 40px
}
.kiln-edit-mode[data-page-type=vertical-video] {
overflow: visible
}
.kiln-edit-mode[data-page-type=vertical-video] .layout--full-bleed__wrapper {
max-width: 100%;
max-height: 100%
}
.kiln-edit-mode[data-page-type=vertical-video] .video-resource__wrapper {
max-width: 100%;
padding-bottom: 0
}
.kiln-edit-mode[data-page-type=vertical-video] .video-inline_vertical-video .video-resource__wrapper {
height: auto
}
.kiln-edit-mode[data-page-type=vertical-video] [data-component-name=video-playlist] {
display: block
}
.kiln-edit-mode[data-page-type=vertical-video] .vertical-video__closeButton {
display: none
}
.kiln-edit-mode[data-page-type=vertical-video] .video-inline_vertical-video__video-resource {
position: static;
width: auto
}
.kiln-edit-mode[data-page-type=vertical-video] .video-inline_vertical-video .video-playlist__items-container {
width: auto;
height: auto;
overflow-y: visible
}
.kiln-edit-mode [data-component-name=podcast-episode] {
min-height: 20px
}
.kiln-edit-mode [data-component-name=tve-headline-hero] .custom-placeholder .custom-placeholder__right {
margin-top: 16px
}
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_3x4-standard__content,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel__content,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid-image-title-only__content,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid__content {
margin-left: 0 !important;
margin-right: 0 !important
}
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_3x4-standard__arrow,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel__arrow,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid-image-title-only__arrow,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid__arrow {
display: none !important
}
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_3x4-standard__mask,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel__mask,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid-image-title-only__mask,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid__mask {
mask-image: none !important
}
.kiln-edit-mode [data-component-name=tve-carousel] .tve-assets__container {
min-height: 176px;
overflow: visible;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 15px;
row-gap: 15px
}
.kiln-edit-mode [data-component-name=tve-carousel] .tve-assets__container .kiln-permanent-placeholder {
display: none
}
.kiln-edit-mode [data-component-name=tve-carousel] [data-component-name=tve-asset] {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: unset
}
.kiln-edit-mode [data-component-name=tve-carousel] [data-component-name=tve-asset] .tve-asset__image {
width: 100% !important;
max-width: unset
}
.kiln-edit-mode [data-component-name=tve-carousel] [data-component-name=tve-asset] .tve-asset__image img {
width: 100%
}
.kiln-edit-mode [data-component-name=tve-carousel] .kiln-permanent-placeholder {
max-height: 50px;
min-height: 20px !important
}
.kiln-edit-mode [data-component-name=tve-carousel].tve-carousel_3x4-standard .tve-assets__container {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
.kiln-edit-mode [data-component-name=tve-carousel].tve-carousel_large-image-only .tve-assets__container {
grid-template-columns: 1fr 1fr !important
}
.kiln-edit-mode[data-page-type=scratchpad] .ui-toolbar__right .toolbar-publish-button {
cursor: default
}
.kiln-edit-mode[data-page-type=section] {
counter-reset: zone-number product-zone-number stack-number container-number
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/zone/']::before,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/product-zone/']::before,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/stack/']::before,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/container/']::before {
background-color: #0c0c0c;
color: #fff;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 700;
padding: 4px;
border-radius: 4px;
margin: 16px 8px;
position: absolute;
z-index: 2;
left: 0
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/zone/'] .kiln-permanent-placeholder,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/product-zone/'] .kiln-permanent-placeholder,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/stack/'] .kiln-permanent-placeholder,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/container/'] .kiln-permanent-placeholder {
padding: 16px 32px
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/zone/']:before {
counter-increment: zone-number;
content: counter(zone-number)
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/product-zone/']:before {
counter-increment: product-zone-number;
content: counter(product-zone-number)
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/stack/']:before {
counter-increment: stack-number;
content: counter(stack-number)
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/container/']:before {
counter-increment: container-number;
content: counter(container-number)
}
.kiln-edit-mode[data-page-type=article] .kiln-sortable-ghost,
.kiln-edit-mode[data-page-type=live-story] .kiln-sortable-ghost {
border-top: 2px solid #0d47a1;
border-bottom: none;
max-height: 2px;
overflow: hidden;
padding: 0
}
.kiln-edit-mode .image__lede .kiln-placeholder+.image__container,
.kiln-edit-mode .image__lede .kiln-placeholder+.mini-selector+.image__container {
padding-bottom: 0
}
.kiln-edit-mode[data-page-type=article] {
counter-reset: product-counter offer-counter
}
.kiln-edit-mode[data-page-type=article] .paragraph a[rel=sponsored],
.kiln-edit-mode[data-page-type=article] .subheader a[rel=sponsored] {
counter-increment: offer-counter
}
.kiln-edit-mode .article__counters {
display: block;
color: #0d47a1;
position: sticky;
bottom: 0;
background-color: #fff;
width: fit-content;
margin-left: auto
}
.kiln-edit-mode .article__offer-count,
.kiln-edit-mode .article__product-count {
display: grid;
height: var(--counter-height);
place-items: center end;
grid-template-columns: min-content auto;
justify-content: end
}
.kiln-edit-mode .highlights,
.kiln-edit-mode.underscored[data-page-type=article] .headline__text .kiln-placeholder .placeholder-label,
.kiln-edit-mode.underscored[data-page-type=article] .headline_underscored__text .kiln-placeholder .placeholder-label {
display: block
}
.kiln-edit-mode .article__offer-count::before,
.kiln-edit-mode .article__product-count::before {
padding: 0 6px 0 4px
}
.kiln-edit-mode .article__offer-count::after,
.kiln-edit-mode .article__product-count::after {
padding-right: 6px;
font-weight: 700
}
.kiln-edit-mode.underscored[data-page-type=article] .word-count {
bottom: calc(var(--counter-height) * 2)
}
.kiln-edit-mode.underscored[data-page-type=article] .article__product-count::before {
content: 'products: '
}
.kiln-edit-mode.underscored[data-page-type=article] .article__product-count::after {
content: counter(product-counter)
}
.kiln-edit-mode.underscored[data-page-type=article] .article__offer-count::before {
content: 'offers: '
}
.kiln-edit-mode.underscored[data-page-type=article] .article__offer-count::after {
content: counter(offer-counter)
}
.kiln-edit-mode .headline_section-banner-image {
height: 110px
}
.kiln-edit-mode .headline__text {
height: 24px;
margin-top: 20px;
padding-top: 32px
}
.kiln-edit-mode .headline__text .editor-inline {
margin-left: 0
}
.kiln-edit-mode .headline_sponsorship__wrapper {
margin-top: 10px
}
.kiln-edit-mode .headline_sponsorship:has(.selector) .add-bottom,
.kiln-edit-mode .headline_sponsorship:has(.selector) .add-top {
text-align: center;
left: 0;
right: 0
}
.kiln-edit-mode .product-zone .layout--full-bleed .custom-placeholder__right,
.kiln-edit-mode .product-zone .product-zone__inner:has(.layout--full-bleed) .custom-placeholder__right,
.kiln-edit-mode .product-zone .zone__inner:has(.layout--full-bleed) .custom-placeholder__right,
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .quick-bar,
.kiln-edit-mode .zone .layout--full-bleed .custom-placeholder__right,
.kiln-edit-mode .zone .product-zone__inner:has(.layout--full-bleed) .custom-placeholder__right,
.kiln-edit-mode .zone .zone__inner:has(.layout--full-bleed) .custom-placeholder__right,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .quick-bar {
right: 16px
}
.kiln-edit-mode .product-zone:has(.layout--full-bleed),
.kiln-edit-mode .zone:has(.layout--full-bleed) {
left: 50%;
margin-left: -50vw !important;
position: relative;
width: 100vw
}
.kiln-edit-mode .product-zone .layout--full-bleed,
.kiln-edit-mode .product-zone .product-zone__inner:has(.layout--full-bleed),
.kiln-edit-mode .product-zone .zone__inner:has(.layout--full-bleed),
.kiln-edit-mode .zone .layout--full-bleed,
.kiln-edit-mode .zone .product-zone__inner:has(.layout--full-bleed),
.kiln-edit-mode .zone .zone__inner:has(.layout--full-bleed) {
padding: 0 16px
}
.kiln-edit-mode .product-zone .layout--full-bleed .kiln-permanent-placeholder,
.kiln-edit-mode .product-zone .product-zone__inner:has(.layout--full-bleed) .kiln-permanent-placeholder,
.kiln-edit-mode .product-zone .zone__inner:has(.layout--full-bleed) .kiln-permanent-placeholder,
.kiln-edit-mode .zone .layout--full-bleed .kiln-permanent-placeholder,
.kiln-edit-mode .zone .product-zone__inner:has(.layout--full-bleed) .kiln-permanent-placeholder,
.kiln-edit-mode .zone .zone__inner:has(.layout--full-bleed) .kiln-permanent-placeholder {
max-width: unset
}
.kiln-edit-mode .product-zone .layout--full-bleed .custom-placeholder,
.kiln-edit-mode .product-zone .product-zone__inner:has(.layout--full-bleed) .custom-placeholder,
.kiln-edit-mode .product-zone .zone__inner:has(.layout--full-bleed) .custom-placeholder,
.kiln-edit-mode .zone .layout--full-bleed .custom-placeholder,
.kiln-edit-mode .zone .product-zone__inner:has(.layout--full-bleed) .custom-placeholder,
.kiln-edit-mode .zone .zone__inner:has(.layout--full-bleed) .custom-placeholder {
left: 50%;
margin-left: -50vw;
position: relative;
width: 100vw;
padding: 0 16px
}
.kiln-edit-mode .product-zone.layout--slide-carousel .product-zone__items,
.kiln-edit-mode .zone.layout--slide-carousel .product-zone__items {
overflow-x: scroll;
scrollbar-width: auto;
margin-bottom: 14px
}
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-bottom,
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-top,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-bottom,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-top {
left: 50%;
margin-left: -50vw
}
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-bottom .ui-button,
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-top .ui-button,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-bottom .ui-button,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-top .ui-button {
z-index: 10000
}
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .selector-label,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .selector-label {
left: 16px
}
.kiln-edit-mode .component-selector-wrapper.sponsor-banner {
position: absolute
}
.kiln-edit-mode .live-blog,
.kiln-edit-mode .live-blog-auto {
border-radius: 5px;
box-shadow: 0 0 8px 0 #e6e6e6;
padding: 16px
}
.kiln-edit-mode .article-text-banner_underscored-sponsored .ql-editor p {
margin-left: 20px
}
.kiln-edit-mode .editor-bio .image .kiln-placeholder {
display: inline-flex;
min-height: 80px !important
}
.layout-no-rail[data-page-type=gallery] .layout-no-rail__top.kiln-page-area .headline__wrapper {
position: unset;
transform: unset;
width: unset;
padding-bottom: 20px
}
@media screen and (min-width:960px) {
.kiln-edit-mode .headline__text {
height: 100%
}
.kiln-edit-mode .layout-no-rail-article-fullwidth-comms__top .headline__text,
.kiln-edit-mode .layout-no-rail-article-fullwidth-sponsor__top .headline__text,
.kiln-edit-mode .layout-no-rail-article-fullwidth__top .headline__text {
padding-top: 32px
}
}
@media screen and (min-width:480px) {
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned {
border-top-width: 2px;
border-bottom-width: 2px
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created {
background-color: #f2f2f2;
padding: 4px 12px;
display: flex;
justify-content: space-between;
align-items: center
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created-left,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created-left {
width: 70%;
display: flex;
justify-content: left
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created-right,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created-right {
width: 30%;
display: flex;
justify-content: right
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created-right [data-collaboration-avatars],
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created-right [data-collaboration-avatars] {
display: flex;
flex-wrap: wrap;
align-content: center;
margin: 0 16px
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created .custom-placeholder,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created .custom-placeholder {
margin: -6px -12px 0
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created-text,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created-text {
color: #8c8c8c;
font-size: 12px;
font-weight: 500;
line-height: 1.25
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.new),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.new) {
border-top-color: #466cf0;
border-bottom-color: #466cf0
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.new) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.new) .live-story-post__status-name {
background-color: #466cf0
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.for_review),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.for_review) {
border-top-color: #f162c0;
border-bottom-color: #f162c0
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.for_review) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.for_review) .live-story-post__status-name {
background-color: #f162c0
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.in_review),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.in_review) {
border-top-color: #bc0d80;
border-bottom-color: #bc0d80
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.in_review) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.in_review) .live-story-post__status-name {
background-color: #bc0d80
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.ready_to_publish),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.ready_to_publish) {
border-top-color: #881df3;
border-bottom-color: #881df3
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.ready_to_publish) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.ready_to_publish) .live-story-post__status-name {
background-color: #881df3
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.published),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.published) {
border-top-color: #18b959;
border-bottom-color: #18b959
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.published) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.published) .live-story-post__status-name {
background-color: #18b959
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.updating),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.updating) {
border-top-color: #f58d41;
border-bottom-color: #f58d41
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.updating) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.updating) .live-story-post__status-name {
background-color: #f58d41
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.hold_for_release),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.hold_for_release) {
border-top-color: #df2424;
border-bottom-color: #df2424
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.hold_for_release) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.hold_for_release) .live-story-post__status-name {
background-color: #df2424
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__status,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__status {
display: flex;
align-items: center;
justify-content: right
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__status .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__status .live-story-post__status-name {
width: fit-content;
height: fit-content;
text-transform: capitalize;
padding: 4px 10px;
margin: 0 4px;
border-radius: 16px;
color: #fff;
font-weight: 500;
font-size: 12px;
white-space: nowrap
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__publish,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__publish {
display: flex;
justify-content: right;
margin: 8px 0
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video .video-resource__wrapper {
height: unset !important
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video .video-playlist .video-playlist__navigation {
display: none !important
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video .video-playlist .video-resource {
height: 150px !important
}
.kiln-edit-mode .video-resource:has([data-is-vertical-video-embed=true]) .video-resource__wrapper {
padding-bottom: 0
}
}
.layout-shared-components [data-component-name=video-resource][data-vertical-orientation=true] {
max-width: 360px !important
}
.layout-with-rail--with-secondary-header .layout__content-wrapper {
padding-top: 40px
}
.layout-with-rail .header__secondary-header-wrapper {
position: relative;
z-index: -1;
pointer-events: all
}
.layout-with-rail__rail {
display: flex;
flex-direction: column;
width: var(--theme-main-wrapper-right-rail-width);
z-index: 0
}
.layout-with-rail__top {
display: block;
flex-wrap: wrap;
padding-top: 48px
}
.layout-with-rail__wrapper {
column-gap: var(--theme-main-wrapper-column-gap-large-width)
}
.layout-with-rail__info:not(:empty)~.layout-with-rail__top {
padding-top: 32px
}
.layout-with-rail.politics .layout-with-rail__top,
.layout-with-rail.underscored .layout-with-rail__top {
display: block
}
.layout-with-rail.underscored .layout-with-rail__wrapper {
position: relative
}
.layout-with-rail.underscored .layout-with-rail__info:not(:empty) .disclaimer__content {
padding-bottom: 0
}
.layout-with-rail.underscored .layout-with-rail__info:not(:empty) .disclaimer__content p {
margin-bottom: 0
}
.layout-with-rail.underscored .ad-slot-dynamic {
margin: 0 0 24px;
background-color: #e7e7e7
}
.layout-with-rail.underscored .ad-slot-dynamic .ad-slot.adSlotLoaded {
padding: 0
}
.layout-with-rail.underscored .ad-slot-dynamic .ad-slot {
margin-bottom: 0
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__rail {
display: none
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__top {
flex-wrap: nowrap;
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__rail {
display: flex;
flex-direction: column;
width: var(--theme-main-wrapper-right-rail-width)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__rail .container {
margin-bottom: 40px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__wrapper {
display: flex;
flex-direction: row;
column-gap: var(--theme-main-wrapper-column-gap-medium-width)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__main-wrapper {
width: calc(100% - var(--theme-main-wrapper-right-rail-width) - var(--theme-main-wrapper-column-gap-medium-width))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__main-wrapper .video-resource {
width: 100%;
max-width: unset
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).layout-with-rail--lite .layout-with-rail__main-wrapper {
width: 100%;
border-right: none;
padding-right: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).layout-with-rail.underscored .layout-with-rail__wrapper::before {
top: -32px
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__content-wrapper .headline {
max-width: calc(100% - var(--theme-main-wrapper-right-rail-width) - var(--theme-main-wrapper-column-gap-large-width))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__wrapper {
column-gap: var(--theme-main-wrapper-column-gap-large-width)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-with-rail__main-wrapper {
width: calc(100% - var(--theme-main-wrapper-right-rail-width) - var(--theme-main-wrapper-column-gap-large-width))
}
}
.layout-with-rail.article_feature .image__lede .image {
border-bottom: none;
margin-bottom: 24px
}
.layout-with-rail.article_feature .image__lede .image__picture {
display: flex;
justify-content: center
}
.layout-with-rail.article_feature .image__lede .image__picture .image__dam-img {
max-width: 2000px;
width: 100%;
object-fit: cover;
height: 100%
}
.layout-with-rail.article_feature .image__lede .image__metadata {
max-width: 676px;
margin: 8px auto 0 max(30px, (100.5vw - 1024px) / 2);
padding-bottom: 8px;
display: block;
border-bottom: 1px solid #e6e6e6
}
.layout-with-rail.article_feature .image__lede .image__metadata .image__credit {
display: inline;
visibility: visible;
color: #6e6e6e;
font-size: 14px
}
.layout-with-rail.article_feature .image__lede .image__metadata .image__caption {
font-size: 14px;
line-height: 20px;
color: #0c0c0c;
margin-top: 8px;
display: inline
}
@media (max-width:959px) {
.layout-with-rail.article_feature .image__lede .image__metadata {
margin-left: max(16px, (100vw - 670px) / 2);
margin-right: max(16px, (100vw - 670px) / 2)
}
}
@media (min-width:960px) {
.layout-with-rail.article_feature .image__lede .image {
margin-bottom: 32px !important
}
}
@media screen and (min-width:2000px) {
.layout-with-rail.article_feature .image__lede .image .image__picture .image__dam-img {
object-fit: contain
}
.layout-with-rail.article_feature .image__lede {
margin: auto;
max-width: 2000px
}
}
@media screen and (min-width:1280px) {
.layout-with-rail.article_feature .layout-with-rail__content-wrapper .headline {
max-width: 70% !important
}
}
.layout-with-rail.article_feature .layout-with-rail__end .content-recs,
.layout-with-rail.article_leaf .layout-with-rail__end .content-recs {
max-width: 676px;
margin: 0 auto 32px
}
.layout-with-rail.article_feature .layout-with-rail__end .content-recs .container_list-headlines-ranked .container__title:after,
.layout-with-rail.article_feature .layout-with-rail__end .content-recs .container_list-headlines-with-read-times .container__title:after,
.layout-with-rail.article_leaf .layout-with-rail__end .content-recs .container_list-headlines-ranked .container__title:after,
.layout-with-rail.article_leaf .layout-with-rail__end .content-recs .container_list-headlines-with-read-times .container__title:after {
border-top: none
}
.layout-with-rail.article_feature .layout-with-rail__end .content-recs .container_list-headlines-ranked .container__title:before,
.layout-with-rail.article_feature .layout-with-rail__end .content-recs .container_list-headlines-with-read-times .container__title:before,
.layout-with-rail.article_leaf .layout-with-rail__end .content-recs .container_list-headlines-ranked .container__title:before,
.layout-with-rail.article_leaf .layout-with-rail__end .content-recs .container_list-headlines-with-read-times .container__title:before {
display: none
}
.layout-with-rail.article_feature .layout-with-rail__end .content-recs .container_list-headlines-ranked .container__title-text,
.layout-with-rail.article_feature .layout-with-rail__end .content-recs .container_list-headlines-with-read-times .container__title-text,
.layout-with-rail.article_leaf .layout-with-rail__end .content-recs .container_list-headlines-ranked .container__title-text,
.layout-with-rail.article_leaf .layout-with-rail__end .content-recs .container_list-headlines-with-read-times .container__title-text {
font-size: 24px;
line-height: 30px;
margin: 0 0 24px;
text-transform: none;
border-left: 0;
padding-left: 0
}
@media screen and (min-width:1440px) {
.layout-with-rail.article_feature .layout-with-rail__end .content-recs,
.layout-with-rail.article_leaf .layout-with-rail__end .content-recs {
margin-left: calc(50% + 4px);
transform: translateX(-50%)
}
}
@font-face {
font-family: cnn_sans_display;
font-weight: 700;
src: url(/fonts/cnn/cnn_sans_display-bold-v1.woff2)
}
@font-face {
font-family: cnn_sans_display;
font-weight: 500;
src: url(/fonts/cnn/cnn_sans_display-medium-v1.woff2)
}
@font-face {
font-family: cnn_sans_display;
src: url(/fonts/cnn/cnn_sans_display-v1.woff2)
}
@font-face {
font-family: helveticaneue;
src: url(/fonts/cnn/helveticaneue-v1.woff2)
}
@font-face {
font-family: noto_serif;
font-weight: 700;
src: url(/fonts/cnn/noto_serif-bold-v1.woff2)
}
@font-face {
font-family: noto_serif;
src: url(/fonts/cnn/noto_serif-bold_italic-v1.woff2)
}
@font-face {
font-family: noto_serif;
src: url(/fonts/cnn/noto_serif-italic-v1.woff2)
}
@font-face {
font-family: noto_serif;
src: url(/fonts/cnn/noto_serif-v1.woff2)
}
@font-face {
font-family: noto_serif_extra_condensed_black;
src: url(/fonts/cnn/noto_serif_extra_condensed_black-v1.woff2)
}
@font-face {
font-family: noto_serif_semi_condensed;
src: url(/fonts/cnn/noto_serif_semi_condensed-v1.woff2)
}
.subscribe-button {
background-color: #c00;
border-width: 0;
border-radius: 6px;
color: #fff;
cursor: pointer;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 16px;
font-weight: 700;
height: 30px;
line-height: 20px;
padding: 0 12px
}
.subscribe-button--hide {
display: none
}
.subscribe-button:hover {
background-color: #a4001e
}
.footer {
background-color: var(--theme-footer-background-color);
padding: 1px 0 24px;
/*border-top: 1px solid var(--theme-divider)*/
}
.footer .brand-logo__logo {
width: var(--theme-footer__brand-logo-width);
height: var(--theme-footer__brand-logo-height);
display: block
}
.footer .brand-logo__icon {
margin-top: var(--theme-footer__brand-logo-icon-margin-top)
}
.footer .brand-logo .cnn-logo-dark {
width: 100%;
height: 100%
}
.footer .brand-logo__theme path {
fill: var(--theme-footer-copy-accent)
}
.footer__brand-logo {
margin-bottom: 32px
}
.footer__right {
align-items: center;
display: flex;
position: relative;
margin-bottom: 7px
}
.footer__user-account-menu,
.footer__user-account-nav-menu {
display: none;
width: 100%;
text-align: center
}
.footer__user-account-icon {
margin: 0 0 0 16px;
padding: 0
}
.footer__user-account-nav-mobile {
display: block;
margin: 0
}
.footer__user-account-nav-mobile .user-account-nav__menu-link {
font-size: 16px
}
.footer__user-account-nav-mobile .user-account-nav__icons {
width: 100%;
text-align: center
}
.footer__user-account-nav-desktop,
.footer__user-account-nav-mobile .user-account-nav__icons .user-account-nav__icon-button--unauth {
display: none
}
.footer .footer__user-account-nav-icon .user-account-nav.user-account-nav--unauth .user-account-nav__icons .user-account-nav__text-button.user-account-nav__text-button--unauth {
font-size: 16px;
line-height: 24px;
padding-left: 12px;
padding-right: 12px;
height: 40px;
color: var(--theme-footer__login-button);
border: none
}
.footer .footer__inner {
margin: 0 auto;
width: 100%;
max-width: 1440px;
padding: 0 16px
}
.footer .footer__subnav {
display: flex;
flex-wrap: wrap
}
.footer .footer__subnav .subnav__section-link {
font-size: 16px
}
.footer .footer__subnav .subnav__section-link,
.footer .footer__subnav .subnav__subsection-link {
color: var(--theme-footer-copy-accent)
}
.footer .footer__subnav .subnav__section-link:active,
.footer .footer__subnav .subnav__section-link:focus,
.footer .footer__subnav .subnav__section-link:hover,
.footer .footer__subnav .subnav__subsection-link:active,
.footer .footer__subnav .subnav__subsection-link:focus,
.footer .footer__subnav .subnav__subsection-link:hover {
color: var(--theme-footer-copy-accent-hover)
}
.footer .footer__divider {
background-color: var(--theme-divider);
height: 1px;
border: none;
margin: 24px auto;
width: 100%
}
.footer__divider-mobile {
display: block
}
.footer__mobile-only {
display: contents
}
.footer__desktop-only {
display: none
}
.footer .footer__row {
display: flex;
align-items: center;
flex-direction: column
}
.footer .footer__links {
display: flex;
margin-top: 24px;
justify-content: center;
flex-flow: row wrap
}
.footer .footer__copyright-text,
.footer .footer__disclaimer-text,
.footer .footer__link {
font-size: 12px;
display: block;
text-decoration: none;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
letter-spacing: 0;
text-align: center;
line-height: 20px
}
.footer .footer__link {
margin: 0 16px 4px 0;
color: var(--theme-footer-copy-accent)
}
.footer .footer__copyright-text {
margin: 24px auto 0;
color: var(--theme-footer-copy-accent)
}
.footer .footer__copyright-text>a {
color: var(--theme-footer-copy-accent);
text-decoration: none
}
.footer .footer__disclaimer-text {
color: var(--theme-footer-disclaimer-color);
font-weight: var(--theme-footer-disclaimer-weight);
text-align: center;
margin: 32px auto 0
}
.footer .footer__disclaimer-text>a {
color: #262626;
text-decoration: none
}
.footer .footer__copyright-text>a:hover,
.footer .footer__disclaimer-text>a:hover,
.footer .footer__link:hover {
text-decoration: underline;
color: var(--theme-footer-copy-accent-hover)
}
.footer .uclink,
.footer__vertical-divider {
display: none
}
.footer__audio-link,
.footer__live-tv-link,
.footer__video-link {
display: block;
color: var(--theme-footer-copy-accent);
font-size: 15px;
font-weight: 400;
position: relative;
text-decoration: none;
line-height: 20px
}
.footer__audio-link:active,
.footer__audio-link:focus,
.footer__audio-link:hover,
.footer__live-tv-link:active,
.footer__live-tv-link:focus,
.footer__live-tv-link:hover,
.footer__video-link:active,
.footer__video-link:focus,
.footer__video-link:hover {
color: var(--theme-footer-copy-accent-hover)
}
.footer__audio-link:hover,
.footer__live-tv-link:hover,
.footer__video-link:hover {
-webkit-text-decoration: solid underline var(--theme-footer-copy-accent-hover) 2px;
text-decoration: solid underline var(--theme-footer-copy-accent-hover) 2px;
text-underline-offset: 4px
}
.footer__audio-link-desktop,
.footer__live-tv-link-desktop,
.footer__video-link-desktop {
display: none
}
.footer__audio-link-mobile,
.footer__live-tv-link-mobile,
.footer__video-link-mobile {
letter-spacing: .2px;
line-height: 26px;
font-size: 16px;
text-align: center
}
.footer__audio-link-mobile,
.footer__live-tv-link-mobile {
margin-bottom: 12px
}
.footer .social-links__copy {
color: var(--theme-footer-copy-accent)
}
.footer .social-links__link .facebook-icon,
.footer .social-links__link .instagram-icon,
.footer .social-links__link .linkedin-icon,
.footer .social-links__link .threads-icon,
.footer .social-links__link .tiktok-icon,
.footer .social-links__link .twitter-icon,
.footer .social-links__link .whatsapp-icon,
.footer .social-links__link .youtube-icon {
fill: var(--theme-footer-icon-color)
}
.footer .social-links__link .facebook-icon:hover,
.footer .social-links__link .instagram-icon:hover,
.footer .social-links__link .linkedin-icon:hover,
.footer .social-links__link .threads-icon:hover,
.footer .social-links__link .tiktok-icon:hover,
.footer .social-links__link .twitter-icon:hover,
.footer .social-links__link .whatsapp-icon:hover,
.footer .social-links__link .youtube-icon:hover {
fill: var(--theme-footer-icon-color-hover)
}
.footer__subscribe-button--mobile:not(.subscribe-button--hide) {
display: block;
width: 100%;
margin: 0 0 24px
}
.footer__subscribe-button--desktop:not(.subscribe-button--hide) {
display: none
}
.underscored .footer .brand-logo__logo {
display: inline
}
.underscored .footer .brand-logo__theme path {
fill: revert-layer
}
.underscored .footer .footer__user-account-nav-icon .user-account-nav.user-account-nav--unauth .user-account-nav__icons {
width: max-content
}
.underscored .footer .footer__user-account-nav-icon .user-account-nav.user-account-nav--unauth .user-account-nav__icons .user-account-nav__text-button.user-account-nav__text-button--unauth {
padding-left: 0
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer {
padding-top: 48px;
padding-right: 0;
margin-right: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-menu,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-nav-menu {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__inner {
padding: 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__subnav {
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-icon {
margin: 0 0 0 16px
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__inner {
padding: 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__subnav {
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__subnav .subnav__subsections {
margin-top: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__right {
padding: 0 0 0 80px;
align-self: flex-end;
align-items: inherit
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-nav-icon {
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-nav-desktop {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-menu .footer__divider,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-nav-menu .footer__divider,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__user-account-nav-mobile {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__icon-button .icon-ui-avatar-default,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__icon-button .icon-ui-avatar-fill {
fill: var(--theme-footer-copy-accent)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__icon-button:focus {
color: var(--theme-footer__login-button)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__icon-button:focus .user-icon {
fill: var(--theme-footer__login-button)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__user-account-nav-desktop .user-account-nav__text-button {
height: 30px;
font-size: 16px;
line-height: 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider {
display: block;
height: 24px;
margin: 0 0 0 24px;
border-left: 1px solid var(--theme-divider)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__divider-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__mobile-only,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__video-link-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__desktop-only {
display: contents
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__subscribe-button--mobile:not(.subscribe-button--hide),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__video-link-mobile {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__audio-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__video-link {
margin: 0 24px 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__brand-logo {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__row {
flex-direction: row;
justify-content: space-between;
margin-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .search-bar__form {
margin-bottom: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__subscribe-button--desktop:not(.subscribe-button--hide) {
display: block;
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).travel .footer .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
background-color: #404040
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .footer .user-account-nav__icon-button--auth .icon-ui-avatar-default:hover {
background: var(--theme-footer__auth-avatar-hover);
border-radius: 16px
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer {
padding-top: 48px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__video-link-desktop {
white-space: nowrap;
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__vertical-divider.footer__video-link-desktop {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__subnav {
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__divider:first-of-type {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__divider:last-of-type {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__links {
justify-content: flex-start
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__copyright-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__disclaimer-text {
text-align: left
}
}
@media screen and (min-width:1280px) and (max-width:1440px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .footer__subnav {
padding: 0
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__menu-options,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__video-link-mobile {
text-align: left
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .social-links__items {
row-gap: 20px;
max-width: 220px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .social-links__items .social-links__item {
padding: 0;
margin-inline-start: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .social-links__items .social-links__item:nth-child(5n+1) {
margin-inline-start: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .social-links__items .social-links__item:nth-child(n+6) {
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__brand-logo {
margin-bottom: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav--auth .user-account-nav__menu,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer .user-account-nav__icons {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .footer__subnav .subnav__sections {
align-items: start
}
}
@media screen and (min-width:480px) and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .footer .user-account-nav__menu-link--hide,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .footer .user-account-nav__menu-options:after {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .footer .user-account-nav__menu-options {
padding: 0;
text-align: left;
background: unset;
position: relative;
margin-top: 0;
width: fit-content;
border-radius: 0;
box-shadow: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .footer .user-account-nav__menu-item {
margin: 16px 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .footer .user-account-nav__menu-link {
color: var(--theme-footer-copy-accent);
font-size: 16px;
text-decoration: none;
padding: 0
}
}
.ad-feedback__container {
box-sizing: border-box;
margin: 0 auto;
padding: 30px;
background: #fff;
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .25);
border-radius: 8px;
display: block;
flex-direction: row-reverse;
justify-content: space-between;
max-height: 100%;
max-width: 500px;
overflow-y: auto
}
.ad-feedback__container .ad-feedback__form {
display: block;
flex-grow: 1
}
.ad-feedback__container .ad-feedback__form .ad-feedback__heading {
padding-bottom: 20px;
display: flex;
justify-content: space-between
}
.ad-feedback__container .ad-feedback__form .ad-feedback__heading__text {
margin: 0;
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
height: auto;
font-size: 20px;
font-weight: 700;
letter-spacing: 2px;
line-height: normal;
text-transform: uppercase;
width: 320px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__heading__close {
width: 24px;
height: 24px;
cursor: pointer;
background-image: url(/media/sites/cnn/icons/ui-close.svg)
}
.ad-feedback__container .ad-feedback__form .ad-feedback__content-container {
display: flex;
flex-flow: column;
margin-bottom: 20px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__content-container:last-of-type {
margin-bottom: 0
}
.ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__question-container {
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: .2px;
line-height: 24px;
margin: 0 0 10px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__answers-container {
display: flex;
margin-left: -7px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__answers-container .ad-feedback__emoji-container {
display: flex;
flex-flow: column;
align-items: center;
margin-right: 20px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container {
display: flex;
align-items: center
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .ad-feedback__technical-issues-slider {
opacity: 0;
width: 60px;
height: 34px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e6e6e6;
transition: .4s
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .slider:before {
position: absolute;
content: '';
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: #fff;
transition: .4s
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .slider.round {
border-radius: 34px
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .slider.round:before {
border-radius: 50%
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .ad-feedback__technical-issues-slider:checked~.slider:before {
transform: translateX(26px)
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .ad-feedback__technical-issues-slider:checked~.slider {
background-color: #006598
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-checkbox-container .ad-feedback__technical-issues-checkbox-label {
margin-left: 10px;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
color: #0c0c0c
}
.ad-feedback__container .ad-feedback__form .ad-feedback__technical-issues-container {
margin-bottom: 20px
}
.ad-feedback__container .ad-feedback__form .hide {
display: none
}
.ad-feedback__container .ad-feedback__emoji-base {
text-align: center;
cursor: pointer;
padding: 8px
}
.ad-feedback__container .ad-feedback__emoji-base .ad-feedback__emoji-label-text {
width: 56px;
height: 19px;
color: #0c0c0c;
font-size: 12px;
font-weight: 400;
text-align: center;
letter-spacing: .2px;
line-height: 18px;
margin-top: 5px;
margin-bottom: 0
}
.ad-feedback__container .ad-feedback__emoji-base:before {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
width: 32px;
height: 32px;
position: relative;
vertical-align: top;
cursor: pointer;
text-align: center;
content: '';
filter: invert(95%) sepia(3%) saturate(4129%) hue-rotate(189deg) brightness(123%) contrast(39%)
}
.ad-feedback__container .ad-feedback__emoji-base:hover:before {
filter: none
}
.ad-feedback__container .ad-feedback__emoji-base.ad-feedback__emoji-bad:before {
background-image: url(/media/sites/cnn/icons/feedback-emoji-bad.svg)
}
.ad-feedback__container .ad-feedback__emoji-base.ad-feedback__emoji-not-good:before {
background-image: url(/media/sites/cnn/icons/feedback-emoji-not-good.svg)
}
.ad-feedback__container .ad-feedback__emoji-base.ad-feedback__emoji-okay:before {
background-image: url(/media/sites/cnn/icons/feedback-emoji-okay.svg)
}
.ad-feedback__container .ad-feedback__emoji-base.ad-feedback__emoji-good:before {
background-image: url(/media/sites/cnn/icons/feedback-emoji-good.svg)
}
.ad-feedback__container .ad-feedback__emoji-base.ad-feedback__emoji-great:before {
background-image: url(/media/sites/cnn/icons/feedback-emoji-great.svg)
}
.ad-feedback__container .ad-feedback__emoji-radio-input {
position: absolute;
opacity: 0;
width: 30px;
height: 30px
}
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-base {
font-weight: 700;
white-space: nowrap
}
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-bad:before,
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-not-good:before {
filter: invert(37%) sepia(83%) saturate(3309%) hue-rotate(337deg) brightness(100%) contrast(100%)
}
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-okay:before {
filter: invert(75%) sepia(51%) saturate(594%) hue-rotate(343deg) brightness(102%) contrast(101%)
}
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-good:before,
.ad-feedback__container .ad-feedback__emoji-radio-input:checked~.ad-feedback__emoji-great:before {
filter: invert(72%) sepia(18%) saturate(860%) hue-rotate(125deg) brightness(89%) contrast(91%)
}
.ad-feedback__container .ad-feedback__comment {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
color: #0c0c0c;
font-size: 13px;
font-weight: 400;
letter-spacing: .2px;
line-height: 24px;
padding: 10px 16px;
background: #fff;
border-radius: 4px;
border: 1px solid #b1b1b1;
height: 78px;
resize: none
}
.ad-feedback__container .ad-feedback__comment:-ms-input-placeholder {
color: #6e6e6e
}
.ad-feedback__container .ad-feedback__comment::placeholder {
color: #6e6e6e
}
.ad-feedback__container .ad-feedback__comment.ad-feedback__comment_error {
background-color: #ffd5d5;
border: 1px solid #a20000
}
.ad-feedback__container .ad-feedback__comment-error-msg {
margin-top: 5px;
font-size: 14px;
color: #a20000
}
.ad-feedback__container .ad-feedback__actions {
display: flex;
justify-content: flex-end;
margin-bottom: 10px
}
.ad-feedback__container .ad-feedback__actions>.button {
border: none;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
height: 44px;
width: 106px;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
cursor: pointer
}
.ad-feedback__container .ad-feedback__actions>.button.ad-feedback__cancel {
color: #0c0c0c;
background-color: transparent;
margin-right: 20px
}
.ad-feedback__container .ad-feedback__actions>.button.ad-feedback__cancel:hover,
.ad-feedback__container .ad-feedback__submitted__close:hover {
background-color: #e6e6e6
}
.ad-feedback__container .ad-feedback__actions>.button.ad-feedback__submit {
color: #fff;
background-color: #0c0c0c
}
.ad-feedback__container .ad-feedback__actions>.button.ad-feedback__submit:hover {
background-color: #6e6e6e
}
.ad-feedback__container .ad-feedback__actions>.button.ad-feedback__submit:disabled {
background-color: rgba(12, 12, 12, .2);
cursor: default
}
.ad-feedback__container .ad-feedback__checkbox-container {
display: flex;
align-items: center;
position: relative;
width: fit-content;
width: -moz-max-content;
padding-left: 30px;
margin-bottom: 10px;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 14px;
font-weight: 400;
height: 24px;
letter-spacing: .18px;
line-height: 24px;
white-space: nowrap
}
.ad-feedback__container .ad-feedback__checkbox-container .ad-feedback__checkmark {
position: absolute;
left: 0;
background: #fff;
border-radius: 4px;
border: 1px solid #b1b1b1;
height: 20px;
width: 20px
}
.ad-feedback__container .ad-feedback__checkbox-container .ad-feedback__checkmark:after {
content: '';
position: absolute;
display: none;
left: 7px;
top: 4px;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 1px 1px 0;
transform: rotate(45deg)
}
.ad-feedback__container .ad-feedback__checkbox-container .ad-feedback__checkbox__input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}
.ad-feedback__container .ad-feedback__checkbox-container .ad-feedback__checkbox__input:checked~.ad-feedback__checkmark {
background: #006598;
border: none
}
.ad-feedback__container .ad-feedback__checkbox-container .ad-feedback__checkbox__input:checked~.ad-feedback__checkmark:after {
display: block
}
.ad-feedback__container .ad-feedback__submitted {
color: #0c0c0c;
display: none;
flex-direction: column;
align-items: center;
width: 100%;
position: relative
}
.ad-feedback__container .ad-feedback__submitted__checkmark {
background: url(/media/sites/cnn/icons/system-check-default.svg) center no-repeat;
background-size: cover;
height: 64px;
width: 64px;
filter: invert(39%) sepia(39%) saturate(542%) hue-rotate(98deg) brightness(96%) contrast(100%)
}
.ad-feedback__container .ad-feedback__submitted__title {
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 20px;
font-weight: 700;
height: 26px;
letter-spacing: 2px;
line-height: 26px;
text-transform: uppercase;
margin-top: 24px
}
.ad-feedback__container .ad-feedback__submitted__close,
.ad-feedback__container .ad-feedback__submitted__message {
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 16px;
text-align: center
}
.ad-feedback__container .ad-feedback__submitted__message {
font-weight: 400;
letter-spacing: .2px;
line-height: 24px;
width: 295px;
margin-top: 16px
}
.ad-feedback__container .ad-feedback__submitted__close {
font-weight: 700;
margin-top: 30px;
cursor: pointer;
border: none;
border-radius: 4px;
height: 44px;
line-height: 44px;
width: 106px
}
.ad-feedback__container .ad-feedback__submitted__close-icon {
width: 24px;
height: 24px;
cursor: pointer;
background-image: url(/media/sites/cnn/icons/ui-close.svg);
position: absolute;
top: 0;
right: 0
}
.ad-feedback__container.submitted {
width: 422px
}
.ad-feedback__container.submitted .ad-feedback__form {
display: none
}
.ad-feedback__container.submitted .ad-feedback__submitted {
display: flex
}
.modal__overlay {
z-index: 200;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(12, 12, 12, .95);
opacity: 100%
}
.modal__overlay .modal__container {
background: #0c0c0c;
color: #fff
}
@media screen and (min-width:480px) {
.modal__container {
height: auto;
width: auto
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container {
padding: 8% 6% 6%;
margin: 8px;
overflow-y: auto;
max-height: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__scrollable {
overflow-y: auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__heading {
position: relative;
margin-bottom: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__heading__text {
font-size: 16px;
font-weight: 700;
width: fit-content;
width: -moz-max-content;
line-height: 18px;
margin-bottom: 0;
letter-spacing: .5px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__heading__close {
position: absolute;
background-position: 0 -4px;
top: 0;
right: 0;
width: 20px;
cursor: pointer;
background-image: url(/media/sites/cnn/icons/ui-close.svg)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__question-container {
font-size: 14px;
line-height: 18px;
margin: 0 0 10px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__answers-container {
justify-content: space-between;
margin-left: 7px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__form .ad-feedback__content-container .ad-feedback__answers-container .ad-feedback__emoji-container {
width: 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__checkbox-container {
font-size: 14px;
padding-left: 25px;
margin-bottom: 10px;
line-height: 16px;
height: 30px;
white-space: normal
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-feedback__container .ad-feedback__comment {
line-height: 18px
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header__container .adSlotLoaded .ad-feedback-link-container,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header__container .adSlotLoaded .ad-slot__feedback {
display: flex
}
}
.ad-slot-header {
position: fixed;
top: 0;
left: 0;
width: 100%
}
.ad-slot-header .ad-slot-header__container {
background-color: var(--theme-ad-slot-background-color);
transform: translateY(0);
transition: transform 1s ease 0s;
width: 100%
}
.userAccountVisible .ad-slot-header .ad-slot-header__container {
transition: none
}
.kiln-edit-mode .ad-slot-header .ad-slot-header__container {
background-color: transparent
}
.ad-slot-header .resizeListenerIframe {
display: block;
height: 100%;
left: 0;
opacity: 0;
overflow: hidden;
pointer-events: all;
position: absolute;
top: 0;
width: 100%;
z-index: -1
}
.ad-slot-header .ad.ad::after {
display: none
}
.ad-slot-header .ad-slot {
padding: 0 !important;
position: sticky;
top: 0;
z-index: -1
}
.ad-slot-header .ad-slot .celtra-ad-inline-host {
margin: 0
}
.ad-slot-header.userAccountVisible {
position: fixed
}
.ad-slot-header__wrapper {
clip-path: inset(0)
}
@media screen and (max-width:959px) {
.ad-slot-header__wrapper {
min-height: 5px;
background-color: #0c0c0c
}
.ad-slot-header .ad-slot-header__container .adSlotLoaded .ad-slot__ad-label::after {
content: ''
}
.ad-slot-header .ad-slot-header__container .adSlotLoaded .ad-feedback-link__label {
display: none
}
.focus-mode-sponsored .ad-slot-header,
.focus-mode-sponsored .ad-slot-header__wrapper {
min-height: 5px
}
}
@media screen and (min-width:960px) {
.ad-slot-header,
.ad-slot-header__wrapper {
min-height: 5px
}
.ad-slot-header {
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #0c0c0c
}
.ad-slot-header .ad-slot-header__container {
display: flex;
align-items: center;
justify-content: center;
background-color: #0c0c0c
}
.ad-slot-header .ad-slot-header__container .ad-feedback-link-container,
.ad-slot-header .ad-slot-header__container .ad-slot__feedback {
display: flex;
justify-content: space-between
}
.focus-mode-sponsored .ad-slot-header,
.focus-mode-sponsored .ad-slot-header__wrapper {
min-height: 5px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) header.header__wrapper-outer {
height: 20px;
top: -276px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__ad-label {
margin: 2px 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback {
padding: 0 !important;
justify-content: space-between;
max-width: 100% !important
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__ad-label,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__ad-label {
color: var(--theme-ad-slot-text-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text {
color: var(--theme-ad-slot-text-color);
margin: 4px 0 2px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text .icon-ui-speech-bubble {
fill: var(--theme-ad-slot-text-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text__label:before {
background-color: var(--theme-ad-slot-text-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link:hover,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text:hover,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link:hover,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text:hover {
color: var(--theme-ad-slot-text-hover)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link:hover .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text:hover .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link:hover .icon-ui-speech-bubble,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text:hover .icon-ui-speech-bubble {
fill: var(--theme-ad-slot-text-hover)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-feedback-link:hover .ad-feedback-link__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-feedback-link-container .ad-slot__feedback-text:hover .ad-feedback-link__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-feedback-link:hover .ad-feedback-link__label:before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot__feedback .ad-slot__feedback-text:hover .ad-feedback-link__label:before {
background-color: var(--theme-ad-slot-text-hover)
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot-header .ad-slot.adSlotLoaded {
padding-bottom: 8px
}
}
.focus-mode-sponsored .ad-slot-header__wrapper .ad-slot {
display: none !important
}
.focus-mode-sponsored .focus-mode-top-ad {
width: 100%
}
.header .brand-logo__logo,
.header-elevate .brand-logo__logo {
padding-top: var(--theme-header__logo-padding-top)
}
body.cnne[data-page-type*=profile],
body[data-page-type*=gallery]:has(article.gallery_unfurled) {
--theme-header__background: #0c0c0c;
--theme-header__copy-accent: #e6e6e6;
--theme-header__copy-follow: #ffffff;
--theme-header__divider: #e6e6e6;
--theme-header__logo-background-color: none;
--theme-header__logo-color: #ffffff;
--theme-header__logo-width: auto;
--theme-header__logo-inset-width: auto;
--theme-header__icon-color: #ffffff;
--theme-header__icon-color-hover: var(--theme-icon-color-hover);
--theme-header__edition-picker-link: #0c0c0c;
--theme-header__separator: #ffffff;
--theme-header__hover-item-hover: #ffffff;
--theme-header__item-link-color: #e6e6e6;
--theme-header__item-link-hover-color: #ffffff;
--theme-header__item-link-hover-background-color: transparent;
--theme-header__item-link-line-height: 40px;
--theme-header__item-link-font-weight: 500;
--theme-header__more-link-hover-font-weight: 500;
--theme-header__mobile-dropdown-background: none;
--theme-header__dropdown-background: #0c0c0c;
--theme-header__dropdown-item-link-color: #ffffff;
--theme-header__dropdown-item-link-hover-color: #0c0c0c;
--theme-header__dropdown-border-width: none;
--theme-header__dropdown-border-style: none;
--theme-header__dropdown-border-color: none;
--theme-header__dropdown-box-shadow: 0px 3px 8px 0px #6a73810f, 0px 6px 12px 0px #6a738129;
--theme-header__dropdown-hover-item-hover: #ffffff;
--theme-header__dropdown-separator-color: #404040;
--theme-header__dropdown-border-top: none;
--theme-header__dropdown-border: 1px solid var(--theme-header__dropdown-separator-color);
--theme-header__dropdown-border-radius: 4px;
--theme-header__dropdown-margin-top: 2px;
--theme-header__login-button-color: #0c0c0c;
--theme-header__login-button-color-hover: #404040;
--theme-header__login-button-border-color: #ffffff;
--theme-header__login-button-text-color: #ffffff;
--theme-header__login-button-hover-text-color: #ffffff;
--theme-header__scrolled-box-shadow: 0px 3px 8px 0px #6a73810f, 0px 6px 12px 0px #6a738129;
--theme-header__auth-avatar-hover: #6e6e6e;
--theme-user-account__login-button-color: #0c0c0c
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter'] .header__navigation-separator,
html[data-layout-uri*='layout-with-rail/instances/electioncenter'] .header__navigation-separator {
height: 1px;
border-bottom: solid 1px #404040
}
html {
scroll-padding-top: 40px
}
.header {
background-color: var(--theme-header__background);
height: 40px;
left: 0;
right: 0;
transform: translateY(0);
transition: transform 1s ease 0s;
z-index: 100;
position: sticky;
position: -webkit-sticky;
top: 0
}
.header .brand-logo__logo {
background-color: var(--theme-header__logo-background-color);
width: var(--theme-header__logo-width)
}
.header__container,
.header__mobile-nav .header__nav-item-link-accordion {
justify-content: space-between
}
.header .brand-logo__icon {
fill: var(--theme-header__logo-color);
width: var(--theme-header__logo-inset-width);
margin: 0 auto
}
.header .style-solo-logo,
.header .user-account-nav__icon-button .icon-ui-avatar-default,
.header__social-links .social-links__link .facebook-icon,
.header__social-links .social-links__link .instagram-icon,
.header__social-links .social-links__link .linkedin-icon,
.header__social-links .social-links__link .threads-icon,
.header__social-links .social-links__link .tiktok-icon,
.header__social-links .social-links__link .twitter-icon,
.header__social-links .social-links__link .whatsapp-icon,
.header__social-links .social-links__link .youtube-icon {
fill: var(--theme-header__icon-color)
}
.header .brand-logo__section-text {
color: var(--theme-header__copy-follow)
}
.userAccountVisible+.header {
transition: none
}
.kiln-edit-mode .header.component-selector-wrapper {
position: sticky;
top: 3.5rem
}
.header__outer,
.header__subnav-mount {
position: relative
}
.header__navigation-separator {
width: 100%;
height: 2px;
border: none;
margin: 0;
opacity: 1;
transition: visibility 0s, opacity .25s ease-in
}
.header__nav-item-link,
.header__nav-more-link,
.header__nav-special-text {
font-weight: 500;
text-decoration: none;
transition: color .4s ease;
line-height: var(--theme-header__item-link-line-height)
}
.header__navigation-separator::before {
content: '';
display: flex;
border-bottom: 2px solid var(--theme-header__separator);
height: 0;
width: calc(100% - (16px * 2));
max-width: calc(1440px - (16px * 2));
margin: 0 auto
}
.header:not(.header--active) .header__navigation-separator.hide {
visibility: visible;
opacity: 0;
height: 0
}
.header__menu-icon {
display: block
}
.header__outer {
height: 40px;
z-index: 50
}
.header__social-links {
margin: 0 auto;
width: max-content
}
.header__social-links .social-links__copy {
color: var(--theme-header__copy-follow)
}
.header__social-links .social-links__link .facebook-icon:hover,
.header__social-links .social-links__link .instagram-icon:hover,
.header__social-links .social-links__link .linkedin-icon:hover,
.header__social-links .social-links__link .threads-icon:hover,
.header__social-links .social-links__link .tiktok-icon:hover,
.header__social-links .social-links__link .twitter-icon:hover,
.header__social-links .social-links__link .whatsapp-icon:hover,
.header__social-links .social-links__link .youtube-icon:hover {
fill: var(--theme-header__icon-color-hover)
}
.header__socials {
display: none
}
.header__subnav-mount--scrolled {
box-shadow: var(--theme-header__scrolled-box-shadow)
}
.header__container {
display: flex;
align-items: flex-start;
margin: 0 auto;
overflow: visible;
padding: 0 16px;
max-width: 1440px
}
.header__left {
display: flex;
flex: 0 0 auto;
align-items: center;
height: 40px
}
.header__nav {
margin-left: 16px;
display: none;
height: auto;
overflow: visible
}
.header__nav-more {
display: none
}
.header__nav-special {
display: none;
border-bottom: solid 1px var(--theme-header-mobile-nav-border-color);
width: 100%
}
.header__nav-special-text {
color: var(--theme-header__item-link-color);
font-size: 14px;
margin: 0 16px;
white-space: normal
}
.header__nav-special-text:hover {
color: var(--theme-copy-accent-hover)
}
.header__nav-item-link,
.header__nav-more-link {
color: var(--theme-header__copy-accent);
font-size: 15px;
display: block;
white-space: nowrap
}
.header__nav-item-link-centered,
.header__nav-more-link-centered {
justify-content: center;
margin: 0
}
.header__nav-item-link:hover,
.header__nav-more-link:hover {
color: var(--theme-header__item-link-hover-color);
-webkit-text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-underline-offset: 4px
}
.header__nav-item--active>.header__nav-item-link,
.header__nav-more--active>.header__nav-item-link {
font-weight: 700
}
.header__nav-item-dropdown,
.header__nav-more-dropdown {
background-color: var(--theme-header__mobile-dropdown-background);
display: none;
position: absolute;
opacity: 0;
transition: opacity .3s ease;
width: fit-content;
box-shadow: var(--theme-header__dropdown-box-shadow)
}
.header__nav-item-dropdown-item,
.header__nav-more-dropdown-item {
line-height: var(--theme-header__item-link-line-height);
font-weight: var(--theme-header__item-link-font-weight);
display: block;
padding: 0 16px;
text-decoration: none;
font-size: 15px;
color: var(--theme-header__dropdown-item-link-color);
border-bottom: 1px solid var(--theme-header-mobile-nav-border-color)
}
.header__nav-item-dropdown-item:hover,
.header__nav-more-dropdown-item:hover {
background-color: var(--theme-header__dropdown-hover-item-hover);
color: var(--theme-header__dropdown-item-link-hover-color)
}
.header__nav-item-dropdown-item:last-of-type,
.header__nav-more-dropdown-item:last-of-type {
border-bottom: 0
}
.header__nav-item:hover,
.header__nav-more:hover {
background-color: var(--theme-header__item-link-hover-background-color)
}
.header__nav-item:hover .header__nav-item-link,
.header__nav-more:hover .header__nav-item-link {
color: var(--theme-header__item-link-hover-color)
}
.header__nav-more--toggle-caret::after {
content: url(/media/sites/cnn/icons/gray-caret.svg);
border: none;
cursor: pointer;
height: 20px;
width: 20px;
margin: 0;
padding: 0;
top: 8px;
position: relative
}
.header__nav-more--toggle-caret-up::after {
content: url(/media/sites/cnn/icons/gray-caret-up.svg)
}
.header__nav-more-link:hover {
font-weight: var(--theme-header__more-link-hover-font-weight)
}
.header__nav-button {
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.header__subnav-item {
margin: 0;
padding: 0
}
.header__editionizer {
display: none;
text-align: start;
width: 100%;
z-index: 1
}
.header__editionizer-menu {
display: none;
padding: 0;
text-align: start
}
.header__editionizer-item {
margin: 16px 0;
list-style: none
}
.header__editionizer-item:hover {
text-decoration: underline;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.header__editionizer-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: none
}
.header__editionizer--active .header__editionizer-menu {
display: block
}
.header__editionizer--active .header__editionizer-button .icon-ui-caret-down-thick {
transform: rotate(180deg)
}
.header__editionizer-button {
background: 0 0;
border: none;
color: var(--theme-header__copy-accent);
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 26px;
cursor: pointer
}
.header__editionizer .header__editionizer-caret {
display: inline-block;
float: inline-end
}
.header__editionizer .header__editionizer-caret .icon-ui-caret-down-thick {
fill: var(--theme-header__copy-accent);
transition: transform .25s ease;
height: 20px;
width: 20px;
vertical-align: middle
}
.header__editionizer .header__editionizer-desktop {
display: none
}
.header__right {
align-items: center;
display: flex;
position: relative;
height: 40px;
visibility: hidden
}
.header__right .header__editionizer-button {
margin: 0 0 0 16px;
padding: 0;
height: 32px
}
.header__user-account-icon {
margin: 0 0 0 16px;
padding: 0
}
.header__search-icon {
margin: 0 0 0 24px;
padding: 0
}
.header__subscribe-button {
display: none;
background-color: #c00;
color: #fff;
border: 1px;
margin-left: 12px;
border-radius: 6px;
padding: 0 12px;
font-size: 14px;
line-height: 20px;
height: 30px;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
cursor: pointer
}
.header__subscribe-button:hover {
background-color: #a4001e
}
.header__user-account-nav-mobile {
display: block;
margin: 0;
width: 100%
}
.header__user-account-nav-mobile .user-account-nav__menu-options {
text-align: left;
margin: 24px 0 0
}
.header__user-account-nav-mobile .user-account-nav__menu-item {
margin: 0
}
.header__user-account-nav-mobile .user-account-nav__menu-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500
}
.header__user-account-nav-mobile .user-account-nav__menu-item+.user-account-nav__menu-item {
margin-top: 12px
}
.header__user-account-nav-desktop {
display: none
}
.header__inner--subscription .header__user-account-nav-desktop,
.header__inner--subscription .user-account-nav--auth .user-account-nav__icon-button--auth {
display: block
}
.header__inner--subscription .user-account-nav--unauth .user-account-nav__icon-button--unauth,
.header__inner--subscription .user-account-nav__menu-button {
display: none
}
.header__inner--subscription .user-account-nav__menu-options {
padding: 12px 0;
text-align: left;
background: #fff;
position: absolute;
margin-top: 4px;
width: fit-content;
right: calc(4px / 2);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, .25) 0 2px 6px 0
}
.header__inner--subscription .user-account-nav__menu-options:after {
content: '';
width: 0;
height: 0;
position: absolute;
top: -5px;
right: 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fefefe
}
.header__inner--subscription .user-account-nav__menu-item {
margin: 0;
width: 100%;
white-space: nowrap;
list-style: none
}
.header__inner--subscription .user-account-nav__menu-link {
padding: 0 24px;
font-size: 12px;
line-height: 24px;
color: #404040;
display: flex;
flex-direction: row;
align-items: center
}
.header__inner--subscription .user-account-nav__menu-link:hover {
background-color: #e6e6e6;
color: #262626
}
.header__inner--subscription .user-account-nav__menu-link--hide {
display: none
}
.header__inner--subscription .header__right .user-account-nav--auth .user-account-nav__icon-button--auth {
margin-left: 12px
}
.header .user-account-nav--unauth .user-account-nav__text-button--unauth,
.header .user-account-nav__menu-button,
.header .user-account-nav__menu-button:active,
.header .user-account-nav__menu-button:focus,
.header .user-account-nav__menu-button:hover {
color: var(--theme-header__login-button-text-color)
}
.header .user-account-nav--auth .user-account-nav__menu {
width: 100%
}
.header .user-account-nav__icons {
margin: 0
}
.header .user-account-nav__menu--active .icon-ui-caret-down-thick {
transform: rotate(180deg)
}
.header .user-account-nav__caret {
float: right;
width: 20px;
height: 20px;
mask-image: url(/media/sites/cnn/icons/ui-caret-down-thick.svg);
background-color: var(--theme-header__login-button-text-color);
margin: 0
}
.header__close-icon,
.header__menu-icon {
margin-inline-end: 16px;
padding: 0
}
.header__menu-icon,
.header__search-icon {
height: 32px
}
.header__close-icon,
.header__search-icon {
display: none
}
.header__close-icon,
.header__menu-icon,
.header__search-icon {
background: 0 0;
border: none;
box-shadow: none
}
.header__close-icon-svg,
.header__menu-icon-svg,
.header__search-icon-svg {
height: 24px;
width: 24px;
fill: var(--theme-header__icon-color);
transition: fill .4s ease
}
.header__audio-link::before,
.header__video-link::before {
height: 16px;
background-color: var(--theme-header__icon-color);
mask-size: 100%
}
.header__close-icon:focus,
.header__menu-icon:focus,
.header__search-icon:focus {
color: #fff
}
.header__close-icon:active,
.header__close-icon:focus,
.header__close-icon:hover,
.header__menu-icon:active,
.header__menu-icon:focus,
.header__menu-icon:hover,
.header__search-icon:active,
.header__search-icon:focus,
.header__search-icon:hover {
cursor: pointer
}
.header__close-icon:active .header__close-icon-svg,
.header__close-icon:active .header__menu-icon-svg,
.header__close-icon:active .header__search-icon-svg,
.header__close-icon:focus .header__close-icon-svg,
.header__close-icon:focus .header__menu-icon-svg,
.header__close-icon:focus .header__search-icon-svg,
.header__close-icon:hover .header__close-icon-svg,
.header__close-icon:hover .header__menu-icon-svg,
.header__close-icon:hover .header__search-icon-svg,
.header__menu-icon:active .header__close-icon-svg,
.header__menu-icon:active .header__menu-icon-svg,
.header__menu-icon:active .header__search-icon-svg,
.header__menu-icon:focus .header__close-icon-svg,
.header__menu-icon:focus .header__menu-icon-svg,
.header__menu-icon:focus .header__search-icon-svg,
.header__menu-icon:hover .header__close-icon-svg,
.header__menu-icon:hover .header__menu-icon-svg,
.header__menu-icon:hover .header__search-icon-svg,
.header__search-icon:active .header__close-icon-svg,
.header__search-icon:active .header__menu-icon-svg,
.header__search-icon:active .header__search-icon-svg,
.header__search-icon:focus .header__close-icon-svg,
.header__search-icon:focus .header__menu-icon-svg,
.header__search-icon:focus .header__search-icon-svg,
.header__search-icon:hover .header__close-icon-svg,
.header__search-icon:hover .header__menu-icon-svg,
.header__search-icon:hover .header__search-icon-svg {
fill: var(--theme-header__icon-color-hover)
}
.header__user-account-menu,
.header__user-account-nav-menu {
display: none;
width: 100%;
text-align: center
}
.header__audio-link,
.header__live-tv-link,
.header__video-link {
display: none;
align-items: center;
color: var(--theme-header__copy-accent);
font-size: 15px;
font-weight: 500;
text-decoration: none;
line-height: 20px
}
.header__audio-link:active,
.header__audio-link:focus,
.header__audio-link:hover,
.header__live-tv-link:active,
.header__live-tv-link:focus,
.header__live-tv-link:hover,
.header__video-link:active,
.header__video-link:focus,
.header__video-link:hover {
color: var(--theme-header__item-link-hover-color)
}
.header__audio-link:hover,
.header__live-tv-link:hover,
.header__video-link:hover {
-webkit-text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-underline-offset: 4px
}
.header__audio-link::before,
.header__live-tv-link::before,
.header__video-link::before {
content: '';
background-size: 100%;
margin-right: 8px
}
.header__audio-link-mobile,
.header__live-tv-link-mobile,
.header__video-link-mobile {
display: flex
}
.header__video-link::before {
width: 16px;
mask-image: url(/media/sites/cnn/icons/video-icon-header.svg)
}
.header__audio-link::before {
width: 16px;
mask-image: url(/media/sites/cnn/icons/audio-icon-header.svg)
}
.header--active .header__navigation-separator,
.header-elevate,
.header__subnav {
background-color: var(--theme-header__background)
}
.header__live-tv-link::before {
background-image: url(/media/sites/cnn/icons/live-tv-icon-header.svg);
width: 8px;
height: 8px
}
.header .subnav__section-link,
.header .subnav__subsection-link {
color: var(--theme-header__copy-accent)
}
.header .subnav__sections,
.header .subnav__subsections {
align-items: flex-start
}
.header__subnav {
border-bottom: 1px solid var(--theme-header__divider);
box-shadow: rgba(0, 0, 0, .25) 0 25px 27px -31px;
display: none;
left: 0;
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 5
}
.header__subnav .header__container {
padding: 24px 16px;
flex-direction: column
}
.header--active .header__subnav {
display: block
}
.header--active .header__menu-icon {
display: none
}
.header--active .header__close-icon {
display: inline-block
}
.header__divider {
background-color: var(--theme-header__divider);
margin: 24px auto;
height: 1px;
border: none;
width: 40px
}
.header__divider .header__menu-icon {
display: none
}
.header__divider .header__close-icon {
display: inline-block
}
.header__divider--full-width {
width: 100%
}
.header .subnav__specific-content {
display: none
}
.header__mobile-nav {
display: block;
width: calc(100% + 32px)
}
.header__mobile-nav .header__nav {
display: block;
margin: 0 0 16px
}
.header__mobile-nav .header__nav-item:first-child {
border-top: solid 1px var(--theme-header-mobile-nav-border-color)
}
.header__mobile-nav .header__nav-item-accordion--open .header__nav-item-link-accordion::after {
transform: rotate(180deg)
}
.header__mobile-nav .header__nav-item-link {
display: flex;
margin-bottom: 12px;
width: 100%;
line-height: 24px;
white-space: normal;
border-bottom: solid 1px var(--theme-header-mobile-nav-border-color)
}
.header__mobile-nav .header__nav-item-link-accordion:after {
background-color: #fff;
display: inline-block;
content: '';
mask: url(/media/sites/cnn/icons/ui-caret-down.svg) no-repeat 50% 50%;
mask-size: contain;
transition: transform .5s ease;
width: 16px;
min-width: 16px
}
.header__mobile-nav .header__nav-item-dropdown {
display: block;
width: 100%;
opacity: 1;
overflow: hidden;
max-height: 0;
position: relative;
transition: max-height .45s ease
}
.header__mobile-nav .header__nav-item-dropdown--open {
transition: max-height .8s ease;
max-height: 1200px
}
.header__mobile-nav .header__nav-item-dropdown-item {
padding: 8px 16px;
font-size: 14px;
line-height: 24px
}
.underscored .header .header__mobile-nav {
margin-left: -16px
}
.underscored .header .header__mobile-nav .header__nav-item:first-child {
border-top: none
}
.underscored .header .header__mobile-nav .header__nav-item-link {
padding: 8px 16px;
margin-bottom: 0
}
.underscored .header .header__mobile-nav .header__nav-item-link-accordion:after {
background-color: #0c0c0c
}
.underscored .header .header__mobile-nav .header__nav-item-dropdown {
box-shadow: none;
margin-top: 0
}
.underscored .header .header__mobile-nav .header__nav-item-dropdown-item {
border-bottom: 1px solid #fff
}
.underscored .header .brand-logo__theme {
display: flex;
align-items: center
}
.underscored .header .user-account-nav__caret {
mask-image: url(/media/sites/cnn/icons/ui-caret-down.svg);
background-color: #fff;
width: 16px;
height: 14px;
margin-left: 8px;
float: none
}
.underscored .header .user-account-nav--auth .user-account-nav__menu {
width: max-content
}
.header__wrapper-outer {
position: sticky;
z-index: 9998;
height: 40px;
top: 0
}
.header__wrapper-inner {
position: sticky;
top: 0;
height: fit-content;
min-height: 40px;
pointer-events: all
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav--auth .user-account-nav__icon-button--auth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-nav-desktop {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__container {
max-width: 1440px;
width: 100%;
padding: 0 16px;
overflow: visible
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header--active .header__container {
overflow: hidden
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__container {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__right .header__editionizer-button {
margin: 0 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-nav-icon {
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav--unauth .user-account-nav__icon-button--unauth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav__menu-button,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-nav-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__mobile-only,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__video-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header .user-account-nav__menu-options:after {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav--unauth .user-account-nav__text-button--unauth {
border: 1px solid var(--theme-header__login-button-border-color);
box-sizing: border-box;
border-radius: 8px;
padding: 4px 8px;
font-size: 14px;
line-height: 20px;
height: 30px;
background-color: var(--theme-header__login-button-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
background-color: var(--theme-header__login-button-color-hover)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__search-icon {
margin: 0 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-icon {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__search-icon {
margin: 0 12px 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth {
margin-left: 12px;
padding: 0 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
color: var(--theme-header__login-button-hover-text-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-icon {
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link {
margin: 0 24px 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header .user-account-nav__icon-button--auth .icon-ui-avatar-default:hover {
background: var(--theme-header__auth-avatar-hover);
border-radius: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header .user-account-nav__menu-options {
padding: 0;
margin-top: 6px;
min-width: 200px;
background: var(--theme-header__dropdown-background);
border: var(--theme-header__dropdown-border);
box-shadow: var(--theme-header__dropdown-box-shadow);
border-radius: 0 0 4px 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header .user-account-nav__menu-link {
color: var(--theme-header__dropdown-item-link-color);
font-size: 14px;
line-height: 20px;
padding: 9px 24px 9px 12px;
font-weight: 500
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header .user-account-nav__menu-link:hover {
background-color: var(--theme-header__dropdown-hover-item-hover);
color: var(--theme-header__dropdown-item-link-hover-color)
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header_nav-item-link {
font-size: 18px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__mobile-only {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__right .user-account-nav .user-account-nav__menu-options,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__right .user-account-nav--unauth .user-account-nav__text-button--unauth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__subnav .header__subscribe-button {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__subnav .header__container {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-options {
padding: 0;
text-align: left;
background: unset;
position: unset;
width: unset;
border-radius: 0;
box-shadow: none;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-item {
margin: 12px 0;
list-style: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: none;
padding: 0;
display: unset
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-mobile {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-mobile .user-account-nav--unauth .user-account-nav__text-button--unauth {
border: none;
font-size: 18px;
line-height: 26px;
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-mobile .user-account-nav__icon-button--auth {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__user-account-nav-mobile .user-account-nav--auth .user-account-nav__menu-button {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .brand-logo__section-text {
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__user-account-nav-mobile .user-account-nav__menu-options {
text-align: center
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__user-account-nav-mobile .user-account-nav__menu-link {
color: #fff
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__navigation-separator:before {
width: calc(100% - (32px * 2));
max-width: calc(1440px - (32px * 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .subnav__section-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .subnav__subsection-link {
color: var(--theme-header__copy-accent)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__close-icon,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__menu-icon {
margin-inline-end: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav {
position: relative;
display: contents;
flex-wrap: wrap;
overflow: hidden;
visibility: hidden;
height: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-special {
width: auto;
border: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more {
height: var(--theme-header__item-link-line-height);
transition: background-color .2s ease;
padding: 0 12px;
text-align: left
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item-dropdown-inner,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more-dropdown-inner {
background-color: var(--theme-header__dropdown-background);
margin-left: -12px;
border: var(--theme-header__dropdown-border);
margin-top: var(--theme-header__dropdown-margin-top);
border-bottom-left-radius: var(--theme-header__dropdown-border-radius);
border-bottom-right-radius: var(--theme-header__dropdown-border-radius)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item-dropdown-item,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more-dropdown-item {
border-width: var(--theme-header__dropdown-border-width);
border-style: var(--theme-header__dropdown-border-style);
border-color: var(--theme-header__dropdown-border-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item:first-of-type,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more:first-of-type {
margin-inline-start: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item:last-of-type,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more:last-of-type {
border-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item:hover>.header__nav-item-dropdown,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more:hover>.header__nav-item-dropdown {
display: block;
opacity: 1;
z-index: 300
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-container {
display: contents
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__container {
padding: 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link-desktop {
white-space: nowrap;
display: flex
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer {
position: relative;
display: block;
padding-top: 0;
width: 100%;
white-space: nowrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer .header__editionizer-header {
display: block;
padding: 0;
line-height: 20px;
width: calc(100% / 5);
text-align: start;
background: 0 0;
border: none;
color: var(--theme-header__copy-accent);
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 16px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer .header__editionizer-desktop {
display: flex;
width: inherit
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer .header__editionizer-mobile {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-link {
font-size: 14px;
font-weight: 400;
display: inherit;
padding: 0;
line-height: 20px;
width: fit-content;
color: var(--theme-header__edition-picker-link)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-link:hover {
text-decoration: underline;
-webkit-text-decoration-color: var(--theme-header__edition-picker-link);
text-decoration-color: var(--theme-header__edition-picker-link);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-link[data-current-edition] {
color: #c00
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-link:first-of-type .header__editionizer-list {
color: #c00;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-item {
margin: 0;
width: calc(100% / 5);
text-align: start;
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__right {
padding: 0 0 0 80px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__right .header__search-icon {
display: inline-block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__inner--subscription .header__right {
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer .header__divider,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-menu .header__divider,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-nav-menu .header__divider {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav {
max-height: calc(100vh - 40px)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav:before {
content: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__editionizer {
display: flex;
align-self: flex-start;
align-items: baseline
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__container {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__socials {
align-items: flex-end;
display: flex;
flex-flow: column;
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header[data-uri*=cnna] .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header[data-uri*=cnna] .header__audio-link::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__mobile-nav,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__mobile-only,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header__video-link-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .subnav:before {
content: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .header__inner--subscription .subnav .user-account-nav--unauth .user-account-nav__text-button--unauth {
padding: 0 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__nav-item-dropdown,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__nav-more-dropdown {
background-color: transparent;
border-bottom-right-radius: var(--theme-header__dropdown-border-radius)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).kiln-edit-mode .header__nav {
visibility: visible
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).menu-opened {
position: fixed
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__editionizer {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__container {
margin-bottom: 40vh
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__left .brand-logo {
z-index: 7
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__left .brand-logo:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subscribe-button {
margin-left: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .search {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .search-bar:before {
content: url(/media/sites/cnn/cnn.svg);
display: block;
margin: auto auto 24px;
width: 46px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__container {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__video-link-desktop {
display: none
}
}
@media screen and (min-width:960px) and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav {
display: contents
}
}
@media screen and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link-mobile {
letter-spacing: .2px;
line-height: 24px;
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-mobile::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-mobile::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__video-link-mobile::before {
content: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-mobile {
margin-bottom: 12px
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav {
height: auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-special {
white-space: nowrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__container {
padding: 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__right .header__editionizer-header {
margin: 0 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__subnav .header__container {
padding-top: 40px;
padding-bottom: 40px;
padding-left: calc(32px + (25vw - 25%));
padding-right: calc(32px - (25vw - 25%))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer .header__editionizer-header,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__editionizer-item {
width: calc(100% / 7)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__divider {
width: 100%;
margin: 24px auto
}
}
.kiln-edit-mode .header__wrapper-outer {
height: auto;
position: relative;
top: unset
}
.kiln-edit-mode .header__inner {
top: 55px
}
.kiln-edit-mode.homepage-mobile--layout .header__inner,
.kiln-edit-mode.homepage-mobile-app--layout .header__inner {
margin: auto
}
.kiln-edit-mode.homepage-mobile--layout .header__inner {
width: 320px
}
.kiln-edit-mode.homepage-mobile-app--layout .header__inner {
width: 375px
}
.header-elevate {
height: 40px;
left: 0;
right: 0;
transform: translateY(0);
transition: transform 1s ease 0s;
z-index: 100;
position: sticky;
position: -webkit-sticky;
top: 0
}
.header-elevate .header__editionizer--active .header__editionizer-button .icon-ui-caret-down-thick,
.header-elevate .user-account-nav__menu--active .icon-ui-caret-down-thick {
transform: rotate(180deg)
}
.header-elevate .brand-logo__logo {
background-color: var(--theme-header__logo-background-color);
width: var(--theme-header__logo-width)
}
.header-elevate .brand-logo__icon {
fill: var(--theme-header__logo-color);
width: var(--theme-header__logo-inset-width);
margin: 0 auto
}
.header-elevate .brand-logo__section-text {
color: var(--theme-header__copy-follow);
margin-left: 8px
}
.header-elevate .style-solo-logo,
.header-elevate .user-account-nav__icon-button .icon-ui-avatar-default {
fill: var(--theme-header__icon-color)
}
.userAccountVisible+.header-elevate {
transition: none
}
.kiln-edit-mode .header-elevate.component-selector-wrapper {
position: sticky;
top: 3.5rem
}
.header-elevate .header__navigation-separator {
width: 100%;
height: 2px;
border: none;
margin: 0;
opacity: 1;
transition: visibility 0s, opacity .25s ease-in
}
.header-elevate .header__navigation-separator::before {
content: '';
display: flex;
border-bottom: 2px solid var(--theme-header__separator);
height: 0;
width: calc(100% - (20px * 2));
max-width: calc(1440px - (20px * 2));
margin: 0 auto
}
.header-elevate:not(.header--active) .header__navigation-separator.hide {
visibility: visible;
opacity: 0;
height: 0
}
.header-elevate .header__menu-icon {
display: block
}
.header-elevate .header__outer {
height: 40px;
position: relative;
z-index: 50
}
.header-elevate .header__social-links {
margin: 0 auto;
width: max-content
}
.header-elevate .header__social-links .social-links__copy {
color: var(--theme-header__copy-follow)
}
.header-elevate .header__social-links .social-links__link .facebook-icon,
.header-elevate .header__social-links .social-links__link .instagram-icon,
.header-elevate .header__social-links .social-links__link .linkedin-icon,
.header-elevate .header__social-links .social-links__link .threads-icon,
.header-elevate .header__social-links .social-links__link .tiktok-icon,
.header-elevate .header__social-links .social-links__link .twitter-icon,
.header-elevate .header__social-links .social-links__link .whatsapp-icon,
.header-elevate .header__social-links .social-links__link .youtube-icon {
fill: var(--theme-header__icon-color)
}
.header-elevate .header__social-links .social-links__link .facebook-icon:hover,
.header-elevate .header__social-links .social-links__link .instagram-icon:hover,
.header-elevate .header__social-links .social-links__link .linkedin-icon:hover,
.header-elevate .header__social-links .social-links__link .threads-icon:hover,
.header-elevate .header__social-links .social-links__link .tiktok-icon:hover,
.header-elevate .header__social-links .social-links__link .twitter-icon:hover,
.header-elevate .header__social-links .social-links__link .whatsapp-icon:hover,
.header-elevate .header__social-links .social-links__link .youtube-icon:hover {
fill: var(--theme-header__icon-color-hover)
}
.header-elevate .header__socials {
display: none
}
.header-elevate .header__subnav-mount {
position: relative
}
.header-elevate .header__subnav-mount--scrolled {
box-shadow: var(--theme-header__scrolled-box-shadow)
}
.header-elevate .header__container {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 auto;
overflow: visible;
padding: 0 20px;
max-width: 1440px
}
.header-elevate .header__left {
display: flex;
flex: 0 0 auto;
align-items: center;
height: 40px
}
.header-elevate .header__nav {
margin-left: 16px;
display: none;
height: auto;
overflow: visible
}
.header-elevate .header__nav-more {
display: none
}
.header-elevate .header__nav-special {
display: none;
border-bottom: solid 1px var(--theme-header-mobile-nav-border-color);
width: 100%
}
.header-elevate .header__nav-special-text {
color: var(--theme-header__item-link-color);
font-size: 14px;
font-weight: 500;
line-height: var(--theme-header__item-link-line-height);
margin: 0 16px;
text-decoration: none;
transition: color .4s ease;
white-space: normal
}
.header-elevate .header__nav-special-text:hover {
color: var(--theme-copy-accent-hover)
}
.header-elevate .header__nav-item-link,
.header-elevate .header__nav-more-link {
color: var(--theme-header__copy-accent);
font-size: 15px;
display: block;
font-weight: 500;
line-height: var(--theme-header__item-link-line-height);
text-decoration: none;
transition: color .4s ease;
white-space: nowrap
}
.header-elevate .header__nav-item-link-centered,
.header-elevate .header__nav-more-link-centered {
justify-content: center;
margin: 0
}
.header-elevate .header__nav-item-link:hover,
.header-elevate .header__nav-more-link:hover {
color: var(--theme-header__item-link-hover-color);
-webkit-text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-underline-offset: 4px
}
.header-elevate .header__nav-item--active>.header__nav-item-link,
.header-elevate .header__nav-more--active>.header__nav-item-link {
font-weight: 700
}
.header-elevate .header__nav-item-dropdown,
.header-elevate .header__nav-more-dropdown {
background-color: var(--theme-header__mobile-dropdown-background);
display: none;
position: absolute;
opacity: 0;
transition: opacity .3s ease;
width: fit-content;
box-shadow: var(--theme-header__dropdown-box-shadow)
}
.header-elevate .header__nav-item-dropdown-item,
.header-elevate .header__nav-more-dropdown-item {
line-height: var(--theme-header__item-link-line-height);
font-weight: var(--theme-header__item-link-font-weight);
display: block;
padding: 0 16px;
text-decoration: none;
font-size: 15px;
color: var(--theme-header__dropdown-item-link-color);
border-bottom: 1px solid var(--theme-header-mobile-nav-border-color)
}
.header-elevate .header__nav-item-dropdown-item:hover,
.header-elevate .header__nav-more-dropdown-item:hover {
background-color: var(--theme-header__dropdown-hover-item-hover);
color: var(--theme-header__dropdown-item-link-hover-color)
}
.header-elevate .header__nav-item-dropdown-item:last-of-type,
.header-elevate .header__nav-more-dropdown-item:last-of-type {
border-bottom: 0
}
.header-elevate .header__nav-item:hover,
.header-elevate .header__nav-more:hover {
background-color: var(--theme-header__item-link-hover-background-color)
}
.header-elevate .header__nav-item:hover .header__nav-item-link,
.header-elevate .header__nav-more:hover .header__nav-item-link {
color: var(--theme-header__item-link-hover-color)
}
.header-elevate .header__nav-more--toggle-caret::after {
content: url(/media/sites/cnn/icons/gray-caret.svg);
border: none;
cursor: pointer;
height: 20px;
width: 20px;
margin: 0;
padding: 0;
top: 8px;
position: relative
}
.header-elevate .header__nav-more--toggle-caret-up::after {
content: url(/media/sites/cnn/icons/gray-caret-up.svg)
}
.header-elevate .header__nav-more-link:hover {
font-weight: var(--theme-header__more-link-hover-font-weight)
}
.header-elevate .header__nav-button {
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.header-elevate .header__subnav-item {
margin: 0;
padding: 0
}
.header-elevate .header__editionizer {
display: none;
text-align: left;
width: 100%;
z-index: 1
}
.header-elevate .header__editionizer-menu {
display: none;
padding: 0;
text-align: left
}
.header-elevate .header__editionizer-item {
margin: 16px 0;
list-style: none
}
.header-elevate .header__editionizer-item:hover {
text-decoration: underline;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.header-elevate .header__editionizer-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: none
}
.header-elevate .header__editionizer--active .header__editionizer-menu {
display: block
}
.header-elevate .header__editionizer-button {
background: 0 0;
border: none;
color: var(--theme-header__copy-accent);
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 26px;
cursor: pointer
}
.header-elevate .header__editionizer .header__editionizer-caret {
display: inline-block;
float: right
}
.header-elevate .header__editionizer .header__editionizer-caret .icon-ui-caret-down-thick {
fill: var(--theme-header__copy-accent);
transition: transform .25s ease;
height: 20px;
width: 20px;
vertical-align: middle
}
.header-elevate .header__editionizer .header__editionizer-desktop {
display: none
}
.header-elevate .header__right {
align-items: center;
display: flex;
position: relative;
height: 40px;
visibility: hidden
}
.header-elevate .header__right .header__editionizer-button {
margin: 0 0 0 16px;
padding: 0;
height: 32px
}
.header-elevate .header__user-account-icon {
margin: 0 0 0 16px;
padding: 0
}
.header-elevate .header__search-icon {
margin: 0 0 0 24px;
padding: 0
}
.header-elevate .header__subscribe-button {
display: none;
background-color: #c00;
color: #fff;
border: 1px;
margin-left: 0;
border-radius: 6px;
padding: 0 12px;
font-size: 14px;
line-height: 20px;
height: 30px;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
cursor: pointer
}
.header-elevate .header__subscribe-button:hover {
background-color: #a4001e
}
.header-elevate .user-account-nav--unauth .user-account-nav__text-button--unauth,
.header-elevate .user-account-nav__menu-button,
.header-elevate .user-account-nav__menu-button:active,
.header-elevate .user-account-nav__menu-button:focus,
.header-elevate .user-account-nav__menu-button:hover {
color: var(--theme-header__login-button-text-color)
}
.header-elevate .user-account-nav--auth .user-account-nav__menu {
width: 100%
}
.header-elevate .user-account-nav__icons {
margin: 0
}
.header-elevate .user-account-nav__caret {
float: right;
width: 20px;
height: 20px;
mask-image: url(/media/sites/cnn/icons/ui-caret-down-thick.svg);
background-color: var(--theme-header__login-button-text-color);
margin: 0
}
.header-elevate .header__user-account-nav-mobile {
display: block;
margin: 0;
width: 100%
}
.header-elevate .header__user-account-nav-mobile .user-account-nav__menu-options {
text-align: left;
margin: 24px 0 0
}
.header-elevate .header__user-account-nav-mobile .user-account-nav__menu-item {
margin: 0
}
.header-elevate .header__user-account-nav-mobile .user-account-nav__menu-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500
}
.header-elevate .header__user-account-nav-mobile .user-account-nav__menu-item+.user-account-nav__menu-item {
margin-top: 12px
}
.header-elevate .header__user-account-nav-desktop {
display: none
}
.header-elevate .header__inner--subscription .header__user-account-nav-desktop,
.header-elevate .header__inner--subscription .user-account-nav--auth .user-account-nav__icon-button--auth {
display: block
}
.header-elevate .header__inner--subscription .user-account-nav--unauth .user-account-nav__icon-button--unauth,
.header-elevate .header__inner--subscription .user-account-nav__menu-button {
display: none
}
.header-elevate .header__inner--subscription .user-account-nav__menu-options {
padding: 12px 0;
text-align: left;
background: #fff;
position: absolute;
margin-top: 4px;
width: fit-content;
right: calc(4px / 2);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, .25) 0 2px 6px 0
}
.header-elevate .header__inner--subscription .user-account-nav__menu-options:after {
content: '';
width: 0;
height: 0;
position: absolute;
top: -5px;
right: 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fefefe
}
.header-elevate .header__inner--subscription .user-account-nav__menu-item {
margin: 0;
width: 100%;
white-space: nowrap;
list-style: none
}
.header-elevate .header__inner--subscription .user-account-nav__menu-link {
padding: 0 24px;
font-size: 12px;
line-height: 24px;
color: #404040;
display: flex;
flex-direction: row;
align-items: center
}
.header-elevate .header__inner--subscription .user-account-nav__menu-link:hover {
background-color: #e6e6e6;
color: #262626
}
.header-elevate .header__inner--subscription .user-account-nav__menu-link--hide {
display: none
}
.header-elevate .header__inner--subscription .header__right .user-account-nav--auth .user-account-nav__icon-button--auth {
margin-left: 0
}
.header-elevate .header__close-icon,
.header-elevate .header__menu-icon {
margin: 0 16px 0 0;
padding: 0
}
.header-elevate .header__menu-icon,
.header-elevate .header__search-icon {
height: 32px
}
.header-elevate .header__close-icon,
.header-elevate .header__search-icon {
display: none
}
.header-elevate .header__close-icon,
.header-elevate .header__menu-icon,
.header-elevate .header__search-icon {
background: 0 0;
border: none;
box-shadow: none
}
.header-elevate .header__close-icon-svg,
.header-elevate .header__menu-icon-svg,
.header-elevate .header__search-icon-svg {
height: 24px;
width: 24px;
fill: var(--theme-header__icon-color);
transition: fill .4s ease
}
.header-elevate .header__close-icon:focus,
.header-elevate .header__menu-icon:focus,
.header-elevate .header__search-icon:focus {
color: #fff
}
.header-elevate .header__close-icon:active,
.header-elevate .header__close-icon:focus,
.header-elevate .header__close-icon:hover,
.header-elevate .header__menu-icon:active,
.header-elevate .header__menu-icon:focus,
.header-elevate .header__menu-icon:hover,
.header-elevate .header__search-icon:active,
.header-elevate .header__search-icon:focus,
.header-elevate .header__search-icon:hover {
cursor: pointer
}
.header-elevate .header__close-icon:active .header__close-icon-svg,
.header-elevate .header__close-icon:active .header__menu-icon-svg,
.header-elevate .header__close-icon:active .header__search-icon-svg,
.header-elevate .header__close-icon:focus .header__close-icon-svg,
.header-elevate .header__close-icon:focus .header__menu-icon-svg,
.header-elevate .header__close-icon:focus .header__search-icon-svg,
.header-elevate .header__close-icon:hover .header__close-icon-svg,
.header-elevate .header__close-icon:hover .header__menu-icon-svg,
.header-elevate .header__close-icon:hover .header__search-icon-svg,
.header-elevate .header__menu-icon:active .header__close-icon-svg,
.header-elevate .header__menu-icon:active .header__menu-icon-svg,
.header-elevate .header__menu-icon:active .header__search-icon-svg,
.header-elevate .header__menu-icon:focus .header__close-icon-svg,
.header-elevate .header__menu-icon:focus .header__menu-icon-svg,
.header-elevate .header__menu-icon:focus .header__search-icon-svg,
.header-elevate .header__menu-icon:hover .header__close-icon-svg,
.header-elevate .header__menu-icon:hover .header__menu-icon-svg,
.header-elevate .header__menu-icon:hover .header__search-icon-svg,
.header-elevate .header__search-icon:active .header__close-icon-svg,
.header-elevate .header__search-icon:active .header__menu-icon-svg,
.header-elevate .header__search-icon:active .header__search-icon-svg,
.header-elevate .header__search-icon:focus .header__close-icon-svg,
.header-elevate .header__search-icon:focus .header__menu-icon-svg,
.header-elevate .header__search-icon:focus .header__search-icon-svg,
.header-elevate .header__search-icon:hover .header__close-icon-svg,
.header-elevate .header__search-icon:hover .header__menu-icon-svg,
.header-elevate .header__search-icon:hover .header__search-icon-svg {
fill: var(--theme-header__icon-color-hover)
}
.header-elevate .header__user-account-menu,
.header-elevate .header__user-account-nav-menu {
display: none;
width: 100%;
text-align: center
}
.header-elevate .header__audio-link,
.header-elevate .header__live-tv-link,
.header-elevate .header__video-link {
display: none;
align-items: center;
color: var(--theme-header__copy-accent);
font-size: 15px;
font-weight: 500;
text-decoration: none;
line-height: 20px
}
.header-elevate .header__audio-link:active,
.header-elevate .header__audio-link:focus,
.header-elevate .header__audio-link:hover,
.header-elevate .header__live-tv-link:active,
.header-elevate .header__live-tv-link:focus,
.header-elevate .header__live-tv-link:hover,
.header-elevate .header__video-link:active,
.header-elevate .header__video-link:focus,
.header-elevate .header__video-link:hover {
color: var(--theme-header__item-link-hover-color)
}
.header-elevate .header__audio-link:hover,
.header-elevate .header__live-tv-link:hover,
.header-elevate .header__video-link:hover {
-webkit-text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-decoration: solid underline var(--theme-header__item-link-hover-color) 2px;
text-underline-offset: 4px
}
.header-elevate .header__audio-link::before,
.header-elevate .header__live-tv-link::before,
.header-elevate .header__video-link::before {
content: '';
background-size: 100%;
margin-right: 8px
}
.header-elevate .header__audio-link-mobile,
.header-elevate .header__live-tv-link-mobile,
.header-elevate .header__video-link-mobile {
display: flex
}
.header-elevate .header__video-link::before {
width: 16px;
height: 16px;
mask-image: url(/media/sites/cnn/icons/video-icon-header.svg);
mask-size: 100%;
background-color: var(--theme-header__icon-color)
}
.header-elevate .header__audio-link::before {
width: 16px;
height: 16px;
mask-image: url(/media/sites/cnn/icons/audio-icon-header.svg);
mask-size: 100%;
background-color: var(--theme-header__icon-color)
}
.header-elevate .header__subnav,
.header-elevate.header--active .header__navigation-separator {
background-color: var(--theme-header__background)
}
.header-elevate .header__live-tv-link::before {
background-image: url(/media/sites/cnn/icons/live-tv-icon-header.svg);
width: 8px;
height: 8px
}
.header-elevate .subnav__section-link,
.header-elevate .subnav__subsection-link {
color: var(--theme-header__copy-accent)
}
.header-elevate .subnav__sections,
.header-elevate .subnav__subsections {
align-items: flex-start
}
.header-elevate .header__subnav {
border-bottom: 1px solid var(--theme-header__divider);
box-shadow: rgba(0, 0, 0, .25) 0 25px 27px -31px;
display: none;
left: 0;
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 5
}
.header-elevate .header__subnav .header__container {
padding: 24px 16px;
flex-direction: column
}
.header-elevate.header--active .header__subnav {
display: block
}
.header-elevate.header--active .header__menu-icon {
display: none
}
.header-elevate.header--active .header__close-icon {
display: inline-block
}
.header-elevate .header__divider {
background-color: var(--theme-header__divider);
margin: 24px auto;
height: 1px;
border: none;
width: 40px
}
.header-elevate .header__divider .header__menu-icon {
display: none
}
.header-elevate .header__divider .header__close-icon {
display: inline-block
}
.header-elevate .header__divider--full-width {
width: 100%
}
.header-elevate .subnav__specific-content {
display: none
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__container {
padding: 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-link {
color: var(--theme-header__dropdown-item-link-color);
font-size: 14px;
line-height: 20px;
padding: 9px 24px 9px 12px;
font-weight: 500
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-options {
padding: 0;
margin-top: 6px;
min-width: 200px;
background: var(--theme-header__dropdown-background);
border: var(--theme-header__dropdown-border);
box-shadow: var(--theme-header__dropdown-box-shadow);
border-radius: 0 0 4px 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-options:after {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__navigation-separator:before {
width: calc(100% - (32px * 2));
max-width: calc(1440px - (32px * 2))
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item-link {
font-size: 18px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__container {
padding: 0 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-only {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__right .user-account-nav .user-account-nav__menu-options,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__right .user-account-nav--unauth .user-account-nav__text-button--unauth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__subnav .header__subscribe-button {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__subnav .header__container {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-options {
padding: 0;
text-align: left;
background: unset;
position: unset;
width: unset;
border-radius: 0;
box-shadow: none;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-item {
margin: 12px 0;
list-style: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__subnav .user-account-nav .user-account-nav__menu-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-decoration: none;
padding: 0;
display: unset
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-mobile {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-mobile .user-account-nav--unauth .user-account-nav__text-button--unauth {
border: none;
font-size: 18px;
line-height: 26px;
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-mobile .user-account-nav__icon-button--auth {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-mobile .user-account-nav--auth .user-account-nav__menu-button {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .brand-logo__section-text {
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__navigation-separator:before {
width: calc(100% - (20px * 2));
max-width: calc(1440px - (20px * 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__user-account-nav-mobile .user-account-nav__menu-options {
text-align: center
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__user-account-nav-mobile .user-account-nav__menu-link {
color: #fff
}
}
@media screen and (max-width:767px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).menu-opened {
position: fixed
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subnav .header__editionizer {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subnav .header__container {
margin-bottom: 40vh
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__left .brand-logo {
z-index: 7
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__left .brand-logo:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subscribe-button {
margin-left: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .search {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .search-bar:before {
content: url(/media/sites/cnn/cnn.svg);
display: block;
margin: auto auto 24px;
width: 46px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .header .header__container {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode):not(body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne, body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored) .header__video-link-desktop {
display: none
}
}
@media screen and (min-width:768px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).kiln-edit-mode .header-elevate .header__nav {
visibility: visible
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).kiln-edit-mode .header-elevate .header__right {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth {
margin-left: 16px;
padding: 0 12px;
border: 1px solid var(--theme-header__login-button-border-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
color: var(--theme-header__login-button-hover-text-color);
background-color: var(--theme-header__login-button-color-hover)
}
}
@media screen and (max-width:1023px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).menu-opened {
width: 100%;
position: fixed
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__mobile-only {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__container {
max-width: 1440px;
width: 100%;
overflow: visible
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header--active .header__container {
overflow: hidden
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subnav .header__container {
padding-top: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right .header__editionizer-button {
margin: 0 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right .header__search-icon {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-nav-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav--auth .user-account-nav__icon-button--auth {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-nav-icon {
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-nav-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav--unauth .user-account-nav__icon-button--unauth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-button,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-options:after {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav--unauth .user-account-nav__text-button--unauth {
border: 1px solid var(--theme-header__login-button-border-color);
box-sizing: border-box;
border-radius: 8px;
padding: 4px 8px;
font-size: 14px;
line-height: 20px;
height: 30px;
background-color: var(--theme-header__login-button-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
background-color: var(--theme-header__login-button-color-hover)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__icon-button--auth .icon-ui-avatar-default:hover {
background: var(--theme-header__auth-avatar-hover);
border-radius: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-options {
padding: 0;
margin-top: 6px;
min-width: 200px;
background: var(--theme-header__dropdown-background);
border: var(--theme-header__dropdown-border);
box-shadow: var(--theme-header__dropdown-box-shadow);
border-radius: 0 0 4px 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-link {
color: var(--theme-header__dropdown-item-link-color);
font-size: 14px;
line-height: 20px;
padding: 9px 24px 9px 12px;
font-weight: 500
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .user-account-nav__menu-link:hover {
background-color: var(--theme-header__dropdown-hover-item-hover);
color: var(--theme-header__dropdown-item-link-hover-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-icon {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__search-icon {
margin: 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth {
margin-left: 12px;
padding: 0 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__inner--subscription .header__user-account-nav-desktop .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
color: var(--theme-header__login-button-hover-text-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__user-account-icon {
margin: 0 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link {
margin: 0 24px 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link-mobile {
display: block;
letter-spacing: .2px;
line-height: 24px;
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-mobile::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__live-tv-link-mobile::before,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link-mobile::before {
content: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__live-tv-link-mobile {
margin-bottom: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav {
display: block;
width: calc(100% + 32px)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav {
display: contents;
margin: 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item:first-child {
border-top: solid 1px var(--theme-header-mobile-nav-border-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-accordion--open .header__nav-item-link-accordion::after {
transform: rotate(180deg)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-link {
display: flex;
margin-bottom: 12px;
width: 100%;
line-height: 24px;
white-space: normal;
border-bottom: solid 1px var(--theme-header-mobile-nav-border-color);
font-size: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-link-accordion {
justify-content: space-between
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-link-accordion:after {
background-color: #fff;
display: inline-block;
content: '';
mask: url(/media/sites/cnn/icons/ui-caret-down.svg) no-repeat 50% 50%;
mask-size: contain;
transition: transform .5s ease;
width: 16px;
min-width: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-dropdown {
display: block;
width: 100%;
opacity: 1;
overflow: hidden;
max-height: 0;
position: relative;
transition: max-height .45s ease
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-dropdown--open {
transition: max-height .8s ease;
max-height: 1200px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__mobile-nav .header__nav-item-dropdown-item {
padding: 8px 16px;
font-size: 14px;
line-height: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer-desktop {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer-mobile {
display: block;
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .subnav__sections {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .subnav__section-link {
font-weight: 500
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .subnav__subsections {
display: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subnav-item {
visibility: visible
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer-link {
color: var(--theme-header__copy-accent);
font-size: 16px;
line-height: 24px;
text-decoration: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer-item {
margin: 16px 0;
list-style: none;
font-size: 16px;
font-weight: 500
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .social-links {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .social-links__items {
margin-top: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__audio-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__live-tv-link-mobile,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__mobile-only,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).cnne .header__video-link-mobile {
display: none
}
}
@media screen and (min-width:1024px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).menu-opened {
width: 100%;
position: fixed
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__live-tv-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__video-link-desktop {
white-space: nowrap;
display: flex
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav {
position: relative;
display: contents;
flex-wrap: wrap;
overflow: hidden;
visibility: hidden;
height: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-special {
white-space: nowrap;
width: auto;
border: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more {
height: var(--theme-header__item-link-line-height);
transition: background-color .2s ease;
padding: 0 12px;
text-align: left
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item-dropdown-inner,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more-dropdown-inner {
background-color: var(--theme-header__dropdown-background);
margin-left: -12px;
border: var(--theme-header__dropdown-border);
margin-top: var(--theme-header__dropdown-margin-top);
border-bottom-left-radius: var(--theme-header__dropdown-border-radius);
border-bottom-right-radius: var(--theme-header__dropdown-border-radius)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item-dropdown-item,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more-dropdown-item {
border-width: var(--theme-header__dropdown-border-width);
border-style: var(--theme-header__dropdown-border-style);
border-color: var(--theme-header__dropdown-border-color)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item:first-of-type,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more:first-of-type {
margin-left: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item:last-of-type,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more:last-of-type {
border-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-item:hover>.header__nav-item-dropdown,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-more:hover>.header__nav-item-dropdown {
display: block;
opacity: 1;
z-index: 300
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__nav-container {
display: contents
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__container {
padding: 0 48px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right .header__editionizer-header {
margin: 0 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right .header__search-icon {
margin: 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__subnav .header__container {
padding-top: 40px;
padding-bottom: 40px;
padding-left: calc(48px + (25vw - 25%));
padding-right: calc(48px - (25vw - 25%))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__divider {
width: 100%;
margin: 24px auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__navigation-separator:before {
width: calc(100% - (48px * 2));
max-width: calc(1440px - (48px * 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right:has(.header__user-account-nav-desktop .user-account-nav--auth) .header__audio-link-desktop,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__right:has(.header__user-account-nav-desktop .user-account-nav--auth) .header__video-link-desktop {
margin: 0 32px 0 0
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer .header__editionizer-header,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header-elevate .header__editionizer-item {
width: calc(100% / 7)
}
}
.vossi-alerts {
display: block;
padding: var(--appr-space-lg);
align-items: flex-start;
gap: var(--appr-space-lg);
align-self: stretch;
border-radius: 0 0 var(--appr-border-radius-md, 4px) var(--appr-border-radius-md, 4px);
background: var(--gradient-red-_black, linear-gradient(90deg, #C00 37.35%, #591A1A 100%));
box-shadow: 0 6px 12px 0 var(--appr-color-shadow-low, #0c0c0c1a)
}
.vossi-alerts__title {
color: var(--appr-color-text-primary-inverse);
font-family: var(--theme-font-family-ui);
font-size: var(--appr-font-size-ui-emphasis-lg);
font-style: normal;
font-weight: var(--theme-font-weight-ui-all-caps);
line-height: var(--base-font-line-height-22);
letter-spacing: var(--appr-font-letter-spacing-label-emphasis-md);
margin-bottom: var(--base-space-08);
margin-right: var(--base-space-20)
}
.vossi-alerts__description,
.vossi-alerts__description a,
.vossi-alerts__description ul {
color: var(--appr-color-text-primary-inverse);
font-family: var(--theme-font-family-body);
font-size: var(--appr-font-size-body-md);
font-style: normal;
font-weight: var(--base-font-weight-regular);
line-height: var(--appr-font-line-height-header-xs);
letter-spacing: var(--base-font-letter-spacing-none)
}
.vossi-alerts__description ul {
display: block;
padding-left: 18px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
margin: var(--base-space-none)
}
.vossi-alerts__description a {
-webkit-text-decoration-line: var(--base-font-text-decoration-none);
text-decoration-line: var(--base-font-text-decoration-none)
}
.vossi-alerts__description a:hover {
-webkit-text-decoration-line: var(--base-font-text-decoration-underline);
text-decoration-line: var(--base-font-text-decoration-underline);
text-underline-offset: var(--base-space-04);
text-decoration-thickness: var(--base-size-01)
}
.vossi-alerts__close {
display: block;
width: var(--appr-size-icon-button-height-md);
height: var(--appr-size-icon-button-height-md);
justify-content: flex-end;
align-items: flex-start;
flex-shrink: 0;
border-radius: var(--appr-border-radius-md)
}
.vossi-alerts__close:focus {
display: flex;
border: var(--appr-border-width-action-sm-focus) solid var(--appr-color-border-action-focused-inverse)
}
.alerts {
position: relative;
width: 100%;
z-index: 2
}
.alerts--visible {
display: block
}
.alerts__item {
display: flex;
justify-content: center;
z-index: 1
}
.alerts__container {
position: relative;
max-width: calc(1440px - 63px);
width: calc(100% - (2 * 32px))
}
.alerts__title {
text-transform: uppercase
}
.alerts__close {
position: absolute;
right: 0;
cursor: pointer
}
.alerts__close:after,
.alerts__close:before {
position: absolute;
left: 15px;
content: ' ';
height: 22px;
width: 2px;
background-color: #fff;
transform: rotate(45deg)
}
.alerts__close:after {
transform: rotate(-45deg)
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .alerts__container {
width: calc(100% - 32px)
}
}
.scope__settings {
display: flex;
justify-content: center
}
.scope .kiln-permanent-placeholder {
max-width: 1440px;
min-width: 300px;
min-height: 18px;
margin-bottom: 10px
}
.subnav {
width: 100%
}
.subnav__sections,
.subnav__subsections {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin: 0;
padding: 0;
list-style: none
}
.subnav__section {
margin-bottom: 12px
}
.subnav__section-link {
font-size: 16px;
line-height: 24px;
font-weight: 500
}
.subnav__subsection-link {
margin-top: 4px;
font-size: 14px;
line-height: 18px
}
.subnav__section-link,
.subnav__subsection-link {
text-decoration: none;
transition: color .4s ease;
color: var(--theme-copy-accent)
}
.subnav__section-link:active,
.subnav__section-link:focus,
.subnav__section-link:hover,
.subnav__subsection-link:active,
.subnav__subsection-link:focus,
.subnav__subsection-link:hover {
color: var(--theme-copy-accent-hover);
text-decoration: underline;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.subnav__subsections {
display: none;
font-size: 12px
}
.subnav__subsection {
margin-top: 4px
}
.subnav__specific-content {
display: block;
text-align: center
}
.subnav__social-links {
margin-top: 32px
}
.subnav .cnn-badge-icon {
width: 50px;
height: 50px;
margin-bottom: 24px
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__section-link {
font-size: 16px;
line-height: 24px;
font-weight: 500
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__sections {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__subsections {
display: block;
margin-top: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__section {
padding: 0 12px 0 0;
margin-bottom: 24px;
width: calc(100% / 5)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__section-link {
margin-bottom: 16px;
line-height: 20px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__section--collapsed .subnav__subsections,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__specific-content {
display: none
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .subnav__section {
width: calc(100% / 7)
}
}
.brand-logo {
height: 40px;
display: flex
}
.brand-logo .cnn-badge-icon {
height: 40px;
fill: var(--theme-primary-logo-fill)
}
.brand-logo__logo {
display: flex;
height: 100%;
align-items: center
}
.brand-logo__icon {
fill: var(--theme-brand-logo__icon-color)
}
.brand-logo__theme {
display: block;
height: 100%
}
.brand-logo__theme .business-logo-icon,
.brand-logo__theme .entertainment-logo-icon,
.brand-logo__theme .health-logo-icon,
.brand-logo__theme .politics-logo-icon,
.brand-logo__theme .style-logo-icon,
.brand-logo__theme .tech-logo-icon,
.brand-logo__theme .travel-logo-icon,
.brand-logo__theme .underscored-logo-icon {
position: relative
}
.brand-logo__theme .business-logo-icon .logo-title,
.brand-logo__theme .entertainment-logo-icon .logo-title,
.brand-logo__theme .health-logo-icon .logo-title,
.brand-logo__theme .politics-logo-icon .logo-title,
.brand-logo__theme .style-logo-icon .logo-title,
.brand-logo__theme .tech-logo-icon .logo-title,
.brand-logo__theme .travel-logo-icon .logo-title,
.brand-logo__theme .underscored-logo-icon .logo-title {
fill: var(--theme-secondary-logo-fill)
}
.brand-logo__section-text {
align-items: center;
color: var(--theme-copy-follow);
display: flex;
font-weight: 700;
font-size: 18px;
margin-inline-start: 4px;
height: 100%
}
.brand-logo__theme-link {
text-decoration: none
}
.search-bar {
width: 100%
}
.search-bar__form {
position: relative;
display: block;
width: 100%;
margin-bottom: 24px
}
.search-bar__input {
border: 1px solid var(--theme-searchbox-border);
border-radius: 8px;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 16px;
height: 48px;
width: 100%;
padding: 0 64px 0 8px;
box-shadow: none;
color: var(--theme-copy)
}
.search-bar__input:-ms-input-placeholder {
font-size: 16px;
line-height: 26px;
letter-spacing: 0;
color: #404040
}
.search-bar__input::placeholder {
font-size: 16px;
line-height: 26px;
letter-spacing: 0;
color: #404040
}
.search-bar__input:focus {
outline: 0
}
.search-bar__input::-ms-clear {
display: none
}
.search-bar__submit {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
border: none;
box-shadow: none;
background: 0 0;
display: flex;
align-items: center;
height: 32px;
letter-spacing: 0;
color: #404040;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
content: url(/media/sites/cnn/icons/ui-search.svg)
}
.search-bar__submit:hover {
cursor: pointer
}
.search-bar__button-text {
display: none;
font-size: 14px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0;
margin-right: 16px
}
.search-bar__arrow,
.search-bar__search-icon {
position: relative
}
.search-bar__arrow {
display: none;
right: 8px;
top: 1px
}
.search-bar__arrow svg {
width: 12px;
height: 12px
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .search-bar__input {
padding: 0 calc(64px * 2) 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .search-bar__arrow,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .search-bar__button-text {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .search-bar__search-icon {
display: none
}
}
.social-links {
text-align: center
}
.social-links__copy {
color: var(--theme-copy-follow);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-inline-start: 0
}
.social-links--dark .social-links__copy {
color: #404040
}
.social-links__items {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 16px 0 0;
flex-wrap: wrap;
max-width: 220px
}
.social-links__item {
height: 24px;
list-style: none;
margin-inline-start: 24px
}
.social-links__item:nth-child(5n+1) {
margin-inline-start: 0
}
.social-links__item:nth-child(n+6) {
margin-top: 20px
}
.social-links__link {
color: unset;
text-decoration: none
}
.social-links__link .facebook-icon,
.social-links__link .instagram-icon,
.social-links__link .linkedin-icon,
.social-links__link .threads-icon,
.social-links__link .tiktok-icon,
.social-links__link .twitter-icon,
.social-links__link .whatsapp-icon,
.social-links__link .youtube-icon {
fill: var(--theme-icon-color);
transition: fill .4s ease;
height: 24px;
width: 24px
}
.social-links__link .facebook-icon:hover,
.social-links__link .instagram-icon:hover,
.social-links__link .linkedin-icon:hover,
.social-links__link .threads-icon:hover,
.social-links__link .tiktok-icon:hover,
.social-links__link .twitter-icon:hover,
.social-links__link .whatsapp-icon:hover,
.social-links__link .youtube-icon:hover {
fill: var(--theme-icon-color-hover)
}
.social-links--dark .social-links__link .facebook-icon,
.social-links--dark .social-links__link .facebook-icon:hover,
.social-links--dark .social-links__link .instagram-icon,
.social-links--dark .social-links__link .instagram-icon:hover,
.social-links--dark .social-links__link .linkedin-icon,
.social-links--dark .social-links__link .linkedin-icon:hover,
.social-links--dark .social-links__link .threads-icon,
.social-links--dark .social-links__link .threads-icon:hover,
.social-links--dark .social-links__link .tiktok-icon,
.social-links--dark .social-links__link .tiktok-icon:hover,
.social-links--dark .social-links__link .twitter-icon,
.social-links--dark .social-links__link .twitter-icon:hover,
.social-links--dark .social-links__link .whatsapp-icon,
.social-links--dark .social-links__link .whatsapp-icon:hover,
.social-links--dark .social-links__link .youtube-icon,
.social-links--dark .social-links__link .youtube-icon:hover {
fill: #404040
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links__copy,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links__item:nth-child(5n+1) {
margin-inline-start: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links {
display: flex;
align-items: center
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links__items {
margin-top: 0;
justify-content: center;
max-width: none
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links__item {
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .social-links__item:nth-child(n+6) {
margin-top: 0
}
}
.radio-control {
font-family: system-ui, sans-serif;
font-size: 16px;
display: flex;
position: relative
}
.radio-control .radio {
appearance: none;
background-color: #fff;
font: inherit;
color: #a2a2a2;
width: 1.3em;
height: 1.3em;
border: 1px solid #a2a2a2;
border-radius: 50%;
transform: translateY(-.13em);
display: grid;
place-content: center;
margin: 0 6px 0 0
}
.radio-control .radio::before {
content: '';
width: .8em;
height: .8em;
border-radius: 50%;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em #1976d3
}
.radio-control .radio.checked::before {
transform: scale(1)
}
.checkbox-control {
font-family: system-ui, sans-serif;
font-size: 16px;
display: flex;
position: relative
}
.checkbox-control .checkbox {
color: #a2a2a2;
border: 1px solid #a2a2a2;
display: grid;
place-content: center;
margin: 0 6px 0 0
}
.checkbox-control .checkbox::before {
content: '';
width: 1.3em;
height: 1.3em;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: inset 1.3em 1.3em #1976d3
}
.checkbox-control .checkbox.checked::before {
transform: scale(1)
}
.configuration {
display: none;
background-color: #fff
}
.configuration .selector {
display: none
}
.configuration .image {
padding-bottom: 0
}
.configuration .component-selector-wrapper--selected {
box-shadow: none
}
.configuration .settings {
cursor: default
}
.configuration [data-tabcontent=Settings] {
display: flex;
flex-wrap: wrap
}
.configuration .settings-section {
margin: 20px 0 0;
padding: 20px;
border-radius: 4px;
max-width: 500px
}
.configuration .settings-section:hover {
border-radius: 4px;
box-shadow: 0 0 0 2px rgb(25 118 210 / 75%)
}
.configuration .settings-section * {
cursor: pointer
}
.configuration .settings-section .tabcontent__headline {
font-size: 18px;
font-weight: 700
}
.configuration .settings-section .tabcontent__label {
font-size: 15px;
margin: 0
}
.configuration .settings-section .tabcontent__select {
font-size: 15px;
padding: 8px 0;
max-width: none
}
.configuration .settings-section .checkbox-label>* {
margin: 8px 0
}
.configuration .settings-section .body {
margin: 30px 0 0
}
.configuration .settings-section .body .url-option {
margin: 35px 0 0
}
.configuration .settings-section .body .url-sub {
padding: 25px 0 0 28px;
font-size: 15px;
color: #6d6d6d;
line-height: 1.8em
}
.configuration .settings-section .body .url-sub .input-text {
border-bottom: 1px solid #6d6d6d;
color: #000
}
.configuration .settings-section .body .url-sub .sub-text {
color: #4b4b4b;
font-size: 12px
}
.configuration .settings-section .body .url-sub .ui-checkbox {
margin: 8px 0 0
}
.configuration .settings-section .body .url-sub .checkbox-text {
padding: 0 0 0 8px;
color: #000;
font-size: 16px
}
.configuration .settings-section .body .preview-url-section {
margin: 30px 0 0
}
.configuration .settings-section .body .preview-url-section .preview-url-heading {
font-size: 15px;
color: #6d6d6d
}
.configuration .settings-section .body .preview-url-section .preview-url {
font-size: 15px;
font-weight: 700;
margin: 8px 0 0
}
.configuration [data-tabcontent=Settings] .settings-section {
flex: 50%
}
.configuration__divider {
background-color: var(--theme-divider);
margin: 24px auto;
height: 1px;
border: none
}
.configuration-cep__collapsed .simple-list-items-wrapper {
max-height: 42px;
overflow: hidden;
transition-duration: .3s
}
.configuration-cep__expanded .simple-list-items-wrapper {
max-height: 1200px;
overflow: hidden;
transition-duration: .3s
}
.configuration-cep__collapsed .ui-icon {
transform: rotate(0)
}
.configuration-cep__expanded .ui-icon {
transform: rotate(-180deg)
}
.configuration__syndication {
flex-direction: row;
display: flex;
justify-content: space-between
}
.configuration__syndication>.tabcontent__block.checkbox-label {
margin-top: 0
}
.kiln-overlay-form--configuration .date-time-picker {
margin: 30px 0
}
.user-account-nav {
visibility: hidden
}
.user-account-nav__caret {
display: inline-block;
width: 15px;
height: 14px;
margin-left: 8px;
mask-repeat: no-repeat;
mask-size: 100%;
mask-image: url(/media/sites/cnn/icons/ui-caret-down.svg);
background-color: var(--theme-copy-accent);
transition: transform .25s ease
}
.user-account-nav__menu--active .user-account-nav__caret {
transform: rotate(180deg)
}
.user-account-nav__icons {
display: grid;
width: max-content;
margin: auto
}
.user-account-nav .user-account-nav__avatar {
width: 42px;
height: 42px;
border-radius: 50%
}
.user-account-nav__icon-button {
display: none;
font-size: 10px;
color: var(--theme-copy-accent);
font-weight: 700;
background: 0 0;
border: none;
padding: 0
}
.user-account-nav__icon-button:hover {
cursor: pointer
}
.user-account-nav__icon-button .userAccountFollowDot {
height: 6px;
width: 6px;
background-color: #c00;
border-radius: 50%;
top: 3px;
position: absolute;
display: none
}
.user-account-nav__icon-button .userAccountFollowDot--show {
display: inline-block
}
.user-account-nav__icon-button .icon-ui-avatar-default,
.user-account-nav__icon-button .icon-ui-avatar-fill {
height: 30px;
width: 30px;
fill: var(--theme-copy-accent);
transition: transform .25s ease
}
.user-account-nav__icon-button:focus {
color: var(--theme-user-account__login-button-color)
}
.user-account-nav__menu-button,
.user-account-nav__menu-button:active,
.user-account-nav__menu-button:focus,
.user-account-nav__menu-button:hover,
.user-account-nav__menu-link {
color: var(--theme-copy-accent)
}
.user-account-nav__icon-button:focus .user-icon {
fill: var(--theme-user-account__login-button-color)
}
.user-account-nav__menu-options {
display: none;
padding: 0;
text-align: center;
z-index: 200
}
.user-account-nav__menu--active>.user-account-nav__menu-options {
display: block
}
.user-account-nav__menu-notification-dot {
height: 6px;
width: 6px;
background-color: #c00;
border-radius: 50%;
margin-left: 5px;
display: none
}
.user-account-nav__menu-notification-dot--show {
display: inline-block
}
.user-account-nav--auth .user-account-nav__icon-button--unauth,
.user-account-nav--auth .user-account-nav__text-button--unauth,
.user-account-nav__menu-link--hide {
display: none
}
.user-account-nav__menu-item {
margin: 16px 0;
list-style: none
}
.user-account-nav__menu-link {
font-size: 14px;
text-decoration: none
}
.user-account-nav__menu-button {
font-size: 18px;
font-weight: 700;
background: 0 0;
border: none
}
.user-account-nav__menu-button:hover {
cursor: pointer
}
.user-account-nav--auth .user-account-nav__icon-button--auth:focus {
outline: 0
}
.user-account-nav--auth .user-account-nav__menu {
display: block;
width: max-content;
margin: auto
}
.user-account-nav--auth .hide {
display: none
}
.user-account-nav--unauth .user-account-nav__icon-button--unauth {
display: block;
padding: 8px 32px
}
.user-account-nav--unauth .user-account-nav__text-button--unauth {
display: block;
font-size: 18px;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
line-height: 26px;
letter-spacing: .2px;
border: none;
background-color: inherit;
color: var(--theme-header__login-button-text-color);
cursor: pointer;
padding: 4px 32px 0
}
.user-account-nav--unauth .user-account-nav__menu,
.user-account-nav__override-link,
.user-account-nav__user {
display: none
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav {
position: relative
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav--auth .user-account-nav__icon-button--auth {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav--unauth .user-account-nav__text-button--unauth {
border: 1px solid var(--theme-user-account__login-button-color);
box-sizing: border-box;
border-radius: 8px;
padding: 4px 8px;
font-size: 14px;
line-height: 20px;
height: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
background-color: var(--theme-divider)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav--unauth .user-account-nav__icon-button--unauth,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-button {
display: none
}
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-options {
padding: 12px 0;
text-align: left;
background: #fff;
position: absolute;
margin-top: 4px;
width: fit-content;
right: calc(4px / 2);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, .25) 0 2px 6px 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-options:after {
content: '';
width: 0;
height: 0;
position: absolute;
top: -5px;
right: 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fefefe
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-item {
margin: 0;
width: 100%;
white-space: nowrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-link {
padding: 0 24px;
font-size: 12px;
line-height: 24px;
color: #404040;
display: flex;
flex-direction: row;
align-items: center
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-link:hover {
background-color: #e6e6e6;
color: #262626
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav__menu-link--hide {
display: none
}
}
.component-selector-wrapper .user-account-nav .user-account-nav__icons .user-account-nav__icon-button--unauth {
display: block
}
@keyframes ad-loading-dark {
0%,
100% {
background-color: #262626
}
50% {
background-color: #404040
}
}
@keyframes ad-loading-light {
0%,
100% {
background-color: #e6e6e6;
opacity: 1
}
50% {
background-color: #e6e6e6;
opacity: .4
}
}
.ad-slot {
text-align: center;
width: 100%
}
.ad-slot.adSlotLoaded {
display: block;
padding: 0 0 24px
}
.ad-slot.adSlotLoaded .ad-slot__ad-label::after {
content: 'Advertisement'
}
.ad-slot.adSlotLoaded .ad-feedback-link-container,
.ad-slot.adSlotLoaded .ad-slot__feedback {
visibility: visible;
display: flex
}
.ad-slot .ad-feedback-link-container,
.ad-slot .ad-slot__feedback {
visibility: hidden;
display: flex;
justify-content: space-between;
padding: 0 4px;
max-width: 350px;
margin-right: auto
}
.ad-slot #ad_ns_atf_01+.ad-slot__feedback,
.ad-slot[data-desktop-slot-id=ad_out_vid_01][data-ad-slot-rendered-size='1x1'],
.ad-slot[data-desktop-slot-id=ad_nat_related_01] .ad-feedback-link-container,
.ad-slot[data-desktop-slot-id=ad_nat_related_02] .ad-feedback-link-container,
.ad-slot[data-mobile-slot-id=ad_nat_related_01] .ad-feedback-link-container,
.zone__ads .ad-slot:empty,
.zone__ads_side .ad-slot:empty {
display: none
}
.ad-slot .ad-feedback-link-container .ad-feedback-link,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text,
.ad-slot .ad-slot__feedback .ad-feedback-link,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text {
margin-top: 4px
}
.ad-slot-top .ad-slot.adSlotLoaded {
padding: 16px 0 40px
}
.ad-slot-top .ad-slot .ad::after {
content: unset
}
.ad-slot[data-desktop-slot-id=ad_ns_atf_02] {
margin-top: 16px;
padding: 0 0 24px
}
.zone__ads .ad-slot.adSlotLoaded {
margin-top: 48px
}
.zone__ads_side .ad-slot {
margin-top: 0
}
.ad-slot .ad-feedback-link-container,
.ad-slot .ad-slot__feedback {
width: fit-content;
width: -moz-max-content;
margin-top: 8px;
font-size: 12px;
margin-left: auto;
color: #6e6e6e;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.ad-slot .ad-feedback-link-container .ad-feedback-link,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text,
.ad-slot .ad-slot__feedback .ad-feedback-link,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text {
cursor: pointer;
display: flex;
color: #6e6e6e
}
.ad-slot .ad-feedback-link-container .ad-feedback-link .icon-ui-speech-bubble,
.ad-slot .ad-feedback-link-container .ad-feedback-link__label:before,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text .icon-ui-speech-bubble,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text__label:before,
.ad-slot .ad-slot__feedback .ad-feedback-link .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-feedback-link__label:before,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text__label:before {
width: 12px;
height: 12px
}
.ad-slot .ad-feedback-link-container .ad-feedback-link .icon-ui-speech-bubble,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-feedback-link .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text .icon-ui-speech-bubble {
fill: #6e6e6e;
margin-top: 1px
}
.ad-slot .ad-feedback-link-container .ad-feedback-link__label:before,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text__label:before,
.ad-slot .ad-slot__feedback .ad-feedback-link__label:before,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text__label:before {
display: inline-block;
content: '';
mask: url(/media/sites/cnn/icons/ui-speech-bubble.svg);
background-color: #6e6e6e;
position: relative;
top: 2px;
right: 4px
}
.ad-slot .ad-feedback-link-container .ad-feedback-link:hover,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text:hover,
.ad-slot .ad-slot__feedback .ad-feedback-link:hover,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text:hover {
color: #0c0c0c
}
.ad-slot .ad-feedback-link-container .ad-feedback-link:hover .icon-ui-speech-bubble,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text:hover .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-feedback-link:hover .icon-ui-speech-bubble,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text:hover .icon-ui-speech-bubble {
fill: #0c0c0c
}
.ad-slot .ad-feedback-link-container .ad-feedback-link:hover .ad-feedback-link__label:before,
.ad-slot .ad-feedback-link-container .ad-slot__feedback-text:hover .ad-feedback-link__label:before,
.ad-slot .ad-slot__feedback .ad-feedback-link:hover .ad-feedback-link__label:before,
.ad-slot .ad-slot__feedback .ad-slot__feedback-text:hover .ad-feedback-link__label:before {
background-color: #0c0c0c
}
.ad-slot .ad-slot__ad-label {
display: block;
cursor: default;
margin-top: 4px
}
.ad-slot .ad-slot__ad-label:only-child {
width: 100%
}
@media (min-width:960px) {
.ad-slot .ad-feedback-link-container,
.ad-slot .ad-slot__feedback {
margin-top: 0
}
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_03],
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_03] .ad-slot__feedback,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_03]::after,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] {
display: block;
padding: 0 16px 24px;
margin-top: 48px;
min-height: 110px
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 728px;
height: 110px
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nfs_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 120px
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nfs_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nfs_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nfs_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 120px
}
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03],
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01],
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_04],
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01],
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_04] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_04] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_04]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02],
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] {
display: block;
padding: 0 16px 24px;
margin-top: 48px;
min-height: 110px
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-slot__feedback,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-feedback-link-container,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02]::after,
html[data-layout-uri*='homepage/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 728px;
height: 110px
}
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01],
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01],
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded):has(#ad_rect_btf_02) {
display: block;
padding: 0 16px 32px;
min-height: 270px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded):has(#ad_rect_btf_02) .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded):has(#ad_rect_btf_02) .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded):has(#ad_rect_btf_02)::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_ns_atf_02] {
display: block;
min-height: 110px;
max-width: 300px;
padding: 0;
margin: 0 auto
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_ns_atf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_ns_atf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_ns_atf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
min-height: 110px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] {
display: block;
padding: 0 16px 24px;
margin-top: 48px;
min-height: 110px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
max-width: 300px;
height: 110px
}
@media screen and (min-width:960px) {
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] {
display: block;
padding: 0 16px 24px;
margin-top: 48px;
min-height: 110px
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-homepage/instances/cnne-homepage-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_nat_atf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
max-width: 728px;
height: 110px
}
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/weather-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/science-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/climate-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
.ad-slot-top body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot.adSlotLoaded {
padding: 0 0 12px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot[data-desktop-slot-id=ad_bnr_btf_01]:not([data-mobile-slot-id]) {
display: none
}
}
@media screen and (min-width:1280px) {
.ad-slot-top body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .ad-slot.adSlotLoaded {
padding: 0 0 24px
}
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] {
display: block;
padding: 0 16px 24px;
min-height: 110px
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 110px
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] {
display: block;
padding: 0 16px 24px;
min-height: 295px
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 250px
}
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] {
display: block;
padding: 0 16px 24px;
min-height: 287px
}
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_atf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 250px
}
@media screen and (min-width:960px) {
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01],
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] {
display: block;
padding: 0 16px 24px;
min-height: 110px
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/us-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/world-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-politics-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/business-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/landing-page-business'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-markets-homepage/instances/markets-hp-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/health-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/entertainment-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/travel-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/sport-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/style-landing-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-science-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/new-climate-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/weather-full-section'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-estados_unidos-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mundo-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-mexico-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-colombia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-argentina-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-latinoamerica-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-espana-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-economia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-clima-y-tiempo-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-entretenimiento-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-deportes-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-salud-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/cnne-ciencia-sub-section-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/opinions-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: 48px auto auto;
width: 728px;
height: 110px
}
}
.ad-slot-header .ad-slot-header__container .ad-slot {
display: block;
padding: 0 16px 24px;
min-height: unset
}
.ad-slot-header .ad-slot-header__container .ad-slot .ad-feedback-link-container,
.ad-slot-header .ad-slot-header__container .ad-slot .ad-slot__feedback {
display: none
}
.ad-slot-header .ad-slot-header__container .ad-slot::after {
content: '';
display: block;
width: 320px;
height: 50px;
animation: ad-loading-dark 2s ease infinite;
margin: 0 auto
}
.kiln-edit-mode .ad-slot-header .ad-slot-header__container .ad-slot::after {
display: none
}
.ad-slot-header .ad-slot-header__container .ad-slot.adSlotLoaded::after {
content: none
}
@media screen and (min-width:960px) {
.ad-slot-header .ad-slot-header__container .ad-slot {
display: block;
padding: 0 16px 24px;
min-height: unset
}
.ad-slot-header .ad-slot-header__container .ad-slot .ad-feedback-link-container,
.ad-slot-header .ad-slot-header__container .ad-slot .ad-slot__feedback {
display: none
}
.ad-slot-header .ad-slot-header__container .ad-slot::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
position: absolute;
width: 728px;
height: 90px;
animation-name: ad-loading-dark;
top: 0;
left: 50%;
transform: translate(-50%, -50%)
}
.kiln-edit-mode .ad-slot-header .ad-slot-header__container .ad-slot::after {
display: none
}
.ad-slot-header .ad-slot-header__container .ad-slot.adSlotLoaded::after {
content: none
}
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03],
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] {
display: block;
padding: 0 16px 24px;
min-height: 278px
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_03]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_atf_01]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-mobile-slot-id=ad_rect_btf_02]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 278px
}
@media screen and (min-width:960px) {
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) {
display: block;
aspect-ratio: 1376/268;
min-height: unset;
padding: 0;
margin-bottom: calc(24px + 24px + 20px)
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded) .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded)::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded)::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot:not(.adSlotLoaded)::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 100%;
height: 100%
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad {
display: block !important
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad.adfuel-rendered,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad.adfuel-rendered,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] [data-desktop-slot-id=ad_bnr_btf_01].ad-slot.adSlotLoaded>.ad.adfuel-rendered {
aspect-ratio: 1376/268;
width: 100%;
height: 100%;
padding: 0
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02],
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04],
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04],
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04] .ad-slot__feedback,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-feedback-link-container,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter_2024_primaries_layout'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-2022-v2'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_02]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_04]::after,
html[data-layout-uri*='layout-no-rail/instances/electioncenter-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_bnr_btf_03]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 100%;
height: 270px
}
html[data-layout-uri*='layout-with-rail/instances/electioncenter-2022-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] {
display: block;
padding: 0 16px 24px;
min-height: 270px
}
html[data-layout-uri*='layout-with-rail/instances/electioncenter-2022-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-feedback-link-container,
html[data-layout-uri*='layout-with-rail/instances/electioncenter-2022-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01] .ad-slot__feedback {
display: none
}
html[data-layout-uri*='layout-with-rail/instances/electioncenter-2022-v1'] .ad-slot:not(.adSlotLoaded)[data-desktop-slot-id=ad_rect_btf_01]::after {
display: block;
animation: ad-loading-light 2s ease infinite;
content: '';
margin: auto;
width: 300px;
height: 270px
}
}
.product-zone__title,
.product-zone__title-url {
font-size: var(--theme-zone-title__font-size);
line-height: var(--theme-zone-title__line-height)
}
.product-zone__title-underscored-url,
.product-zone__title-url {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.product-zone {
display: flex;
justify-content: center
}
.product-zone .container {
margin-bottom: 0
}
.product-zone .stack .container {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.product-zone .stack .container:last-child {
margin-bottom: 0
}
.product-zone__inner {
max-width: 1440px;
min-width: 300px;
padding: 0;
width: 100%
}
.product-zone__title-url {
font-weight: var(--theme-zone-title__font-weight);
letter-spacing: 0;
color: var(--theme-paragraph__link-color);
-webkit-text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-color: var(--theme-paragraph__link-decoration-color);
-webkit-text-decoration: var(--theme-zone-title__link-decoration);
text-decoration: var(--theme-zone-title__link-decoration)
}
.product-zone__title-url:hover {
color: var(--theme-link-color-hover);
-webkit-text-decoration: var(--theme-zone-title__hover-link-decoration);
text-decoration: var(--theme-zone-title__hover-link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness)
}
.product-zone__title-container {
display: flex;
align-items: baseline
}
.product-zone__title {
color: #0c0c0c;
font-weight: var(--theme-zone-title__font-weight);
font-family: var(--theme-zone-title__font-family);
margin-top: 0;
margin-bottom: 16px;
z-index: 3;
position: relative
}
.product-zone__title:after {
border-top: 4px solid #e6e6e6;
border-bottom: 4px solid #e6e6e6;
height: calc(8px + 1px);
margin-left: 16px;
flex: 1;
content: ''
}
.product-zone__title--full-width,
.product-zone__title--full-width .product-zone__title-url {
text-align: center;
font-size: 48px;
display: block;
letter-spacing: 1px;
font-weight: var(--theme-zone-title__font-weight);
line-height: 56px;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
margin: 24px
}
.product-zone__title--full-width .product-zone__title-url:after,
.product-zone__title--full-width:after {
border-top: none;
border-bottom: none;
height: 0;
margin-left: 0;
flex: 1;
content: ''
}
.product-zone__title--18-24 {
font-size: 18px;
line-height: 18px
}
.product-zone__title-underscored-url {
color: #0c0c0c;
font-size: 16px;
line-height: 30px;
font-weight: 400;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c
}
.product-zone__title-underscored-url:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.product-zone__title--underscored {
font-size: 36px;
font-weight: 700;
margin-bottom: 24px;
margin-right: 12px;
text-transform: none;
line-height: 1
}
.product-zone__title--underscored:after {
display: none
}
.product-zone__title--underscored .product-zone__title-underscored-text {
border-bottom: 6px solid #0c0c0c;
padding: 0;
margin-left: 0;
display: inline-block
}
.product-zone__title--underscored .product-zone__title-url {
font-size: 36px;
font-weight: var(--theme-zone-title__font-weight);
margin-bottom: 0;
margin-right: 12px;
text-transform: none;
text-decoration: none
}
.product-zone__kicker {
text-align: center
}
.product-zone__kicker-url {
text-decoration: none
}
.product-zone__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.product-zone__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.product-zone__kicker .image__metadata {
display: none
}
.product-zone__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.product-zone__kicker:not(:empty)+.product-zone__title--full-width {
margin-top: 0
}
.product-zone__items {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: space-between
}
.product-zone__items>div {
width: 100%
}
.product-zone--outlined {
padding: 20px 12px;
border: .5px solid #ddd;
border-radius: 5px;
min-height: 400px
}
.product-zone--t-highlight {
background-color: #f8f8f8
}
.product-zone--t-light {
background-color: transparent
}
.product-zone--t-white {
background-color: #fff
}
.product-zone--t-dark,
.product-zone--t-dark .product-zone__inner,
.product-zone--t-dark .product-zone__outer {
background-color: #0c0c0c;
color: #fff
}
.product-zone--t-dark+.product-zone--t-light,
.product-zone--t-dark+.zone--t-light {
margin-top: 64px
}
.product-zone--t-dark .product-zone__title {
color: #fff;
font-weight: 700
}
.product-zone--t-dark .product-zone__title:after {
border-top: 4px solid #c00;
border-bottom: 4px solid #c00
}
.product-zone--t-dark .product-zone__title-url,
.product-zone--t-dark .product-zone__title-url:hover {
color: #fff
}
.product-zone--t-dark .layout--7-3 {
padding-top: 16px
}
.product-zone--t-dark .container__title:after {
border-color: #404040
}
.product-zone--t-dark .container__headline,
.product-zone--t-dark .container__headline:hover,
.product-zone--t-dark .container__item a,
.product-zone--t-dark .container__item a:hover,
.product-zone--t-dark .container__link:hover .container__headline,
.product-zone--t-dark .container__title,
.product-zone--t-dark .container__title:hover {
color: #fff
}
.product-zone--t-dark .container__title-arrow,
.product-zone--t-dark .icon-sig-photo-default,
.product-zone--t-dark .icon-sig-video {
fill: #fff
}
.product-zone--t-dark .container__item:not(:last-child) {
border-color: #6e6e6e
}
.product-zone--t-dark .container__item .image__credit,
.product-zone--t-dark .container__item .image_sponsorship__credit {
color: #b1b1b1
}
.product-zone--t-dark .container__text .icon-sig-photo-default,
.product-zone--t-dark .container__text .icon-sig-video {
fill: #f8f8f8
}
.product-zone--t-dark .container__text-label {
color: #fff
}
.product-zone--t-dark .container__title-url .right-arrow {
fill: #0c0c0c
}
.product-zone--t-dark,
.product-zone--t-day-of-deals,
.product-zone--t-sleep-week,
.product-zone--t-underscored {
position: relative;
padding: 0
}
.product-zone--t-dark .product-zone__outer,
.product-zone--t-day-of-deals .product-zone__outer,
.product-zone--t-sleep-week .product-zone__outer,
.product-zone--t-underscored .product-zone__outer {
z-index: 1;
position: relative;
right: 50%;
left: 50%;
width: 100vw;
margin-left: -50vw;
margin-right: -50vw
}
.product-zone--t-dark .product-zone__inner,
.product-zone--t-day-of-deals .product-zone__inner,
.product-zone--t-sleep-week .product-zone__inner,
.product-zone--t-underscored .product-zone__inner {
z-index: 2
}
.product-zone--t-dark .product-zone__inner:not(:has(.layout--full-bleed)),
.product-zone--t-day-of-deals .product-zone__inner:not(:has(.layout--full-bleed)),
.product-zone--t-sleep-week .product-zone__inner:not(:has(.layout--full-bleed)),
.product-zone--t-underscored .product-zone__inner:not(:has(.layout--full-bleed)) {
padding: 40px 0 32px
}
.product-zone--t-underscored {
margin-top: -32px
}
.product-zone--t-underscored .product-zone__outer {
background: linear-gradient(to bottom, #fff4d1, #ffe0e0 28%, #e2f8ff 65%, #fff 89%)
}
.product-zone--t-sleep-week .product-zone__outer {
background: linear-gradient(to bottom, #120038, #e6dbff 32%, #ffe5fa 65%, #fff 89%)
}
.product-zone--t-day-of-deals .product-zone__outer {
background: linear-gradient(to bottom, #e7e0fc, #e5fbff 32%, #f7fff2 65%, #fff 89%)
}
.product-zone .product-zone__items.layout--full-bleed {
left: 50%;
margin-left: -50vw;
position: relative;
width: 100vw
}
.product-zone.layout--slide-carousel {
position: relative;
width: 100%
}
.product-zone.layout--slide-carousel .product-zone__inner {
height: 100%
}
.product-zone.layout--slide-carousel .product-zone__items {
flex-wrap: nowrap;
justify-content: flex-start;
overflow-x: scroll;
overflow-y: hidden;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
position: relative;
width: 100%;
height: 100%;
z-index: 0;
display: flex;
transition-property: transform;
box-sizing: border-box
}
.product-zone.layout--slide-carousel .product-zone__items::-webkit-scrollbar {
display: none
}
.product-zone.layout--slide-carousel .product-zone__items>* {
width: 298px;
min-width: 298px;
margin: 10px;
min-height: 1px
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-next,
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-prev {
align-items: flex-end;
background-color: #0c0c0c;
border-radius: 50%;
border: none;
display: none;
height: 20px;
line-height: 20px;
opacity: 1;
position: absolute;
visibility: visible;
bottom: -34px;
z-index: 1;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
transition: opacity ease-in-out .6s;
width: 20px
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-next.hide,
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-prev.hide {
opacity: 0;
visibility: hidden;
display: none
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-next:before,
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-prev:after {
content: '';
display: inline-block;
position: absolute;
right: 0
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-prev {
right: 36px
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-prev:after {
background-color: #fff;
content: '';
display: block;
height: 2px;
left: 6px;
position: absolute;
top: 9px;
width: 10px
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-prev:before {
border-color: #fff;
border-style: solid;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-width: 0 0 2px 2px;
content: '';
display: block;
height: 6px;
left: 5px;
position: absolute;
top: 7px;
width: 6px;
z-index: 2
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-next {
right: 0;
flex-direction: row-reverse
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-next:after {
background-color: #fff;
content: '';
display: block;
height: 2px;
left: 4px;
position: absolute;
top: 9px;
width: 10px
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-next:before {
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-color: #fff;
border-style: solid;
border-width: 0 0 2px 2px;
content: '';
display: block;
height: 6px;
right: 5px;
position: absolute;
width: 6px;
z-index: 2;
top: 7px;
transform: rotate(225deg);
-webkit-transform: rotate(225deg)
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-next:hover,
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-prev:hover {
cursor: pointer
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-next:disabled:after,
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-prev:disabled:after {
background-color: #b1b1b1
}
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-next:disabled:before,
.product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-prev:disabled:before {
border-bottom: 2px solid #b1b1b1;
border-left: 2px solid #b1b1b1;
border-color: #b1b1b1
}
@media screen and (min-width:480px) and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .product-zone--t-sleep-week .product-zone__outer {
background: linear-gradient(to bottom, #120038, #e6dbff 22%, #ffe5fa 26%, #fff 39%)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .product-zone--t-day-of-deals .product-zone__outer {
background: linear-gradient(to bottom, #e7e0fc, #e5fbff 22%, #f7fff2 26%, #fff 39%)
}
}
@supports not selector(:has(*)) {
.product-zone--t-dark .product-zone__inner:not(.has-pseudo-class-fix-layout--full-bleed),
.product-zone--t-dark .zone__inner:not(.has-pseudo-class-fix-layout--full-bleed),
.product-zone--t-day-of-deals .zone__inner:not(.has-pseudo-class-fix-layout--full-bleed),
.product-zone--t-sleep-week .zone__inner:not(.has-pseudo-class-fix-layout--full-bleed),
.product-zone--t-underscored .zone__inner:not(.has-pseudo-class-fix-layout--full-bleed) {
padding: 40px 0 32px
}
.product-zone__with-ribbon {
margin-bottom: 0
}
.product-zone__with-ribbon .container_ribbon__field-links {
margin: 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .product-zone {
margin-bottom: 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title-container {
flex-wrap: wrap;
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--underscored {
font-size: 30px;
margin-bottom: 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-homepage .product-zone:first-child>.product-zone__inner {
padding-top: 24px
}
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-dark {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-dark .product-zone__inner:not(:has(.layout--full-bleed)) {
padding-bottom: var(--theme-zone__padding-bottom-small)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-day-of-deals,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-sleep-week,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-underscored {
margin-bottom: var(--theme-zone__padding-bottom-small)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-day-of-deals .product-zone__inner,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-sleep-week .product-zone__inner,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-underscored .product-zone__inner {
padding-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--outlined {
padding: 30px 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2-fixed-300>div:nth-child(3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-3-fixed-300>div:nth-child(4) {
width: 300px;
margin: 0 auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2-min-300>div:nth-child(3) {
min-width: 300px
}
}
@supports not selector(:has(*)) {
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-dark .product-zone__inner:not(.has-pseudo-class-fix-layout--full-bleed) {
padding-bottom: var(--theme-zone__padding-bottom-small)
}
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .container,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-dark:not(.product-zone_negative-top) .layout--full-bleed .container_hero-card-feature:last-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-dark:not(.product-zone_negative-top) .layout--full-bleed .container_shelf-carousel:last-child {
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-dark:not(.product-zone_negative-top) .layout--full-bleed .container_shelf-carousel:last-child .container_shelf-carousel__text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-light:not(.product-zone_negative-top) {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-light:not(.product-zone_negative-top) .container_hero-card-feature:last-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-light:not(.product-zone_negative-top) .container_shelf-carousel:last-child {
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-light:not(.product-zone_negative-top) .container_shelf-carousel:last-child .container_shelf-carousel__text {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l0,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l0 .product-zone__title-url {
font-size: 28px;
line-height: 32px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l1,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l1 .product-zone__title-url {
font-size: 32px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l2,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l2 .product-zone__title-url {
font-size: 36px;
line-height: 42px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l3,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l3 .product-zone__title-url {
font-size: 40px;
line-height: 46px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l4,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l4 .product-zone__title-url {
font-size: 44px;
line-height: 50px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l5,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .product-zone__title--full-width.product-zone__title--full-width-size-l5 .product-zone__title-url {
font-size: 48px;
line-height: 56px;
font-weight: 700
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout__top .product-zone {
margin-bottom: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout__top .product-zone:not(.product-zone_negative-top):has(+.headline) {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone {
margin-bottom: var(--theme-zone__margin-bottom-default)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone:has(.container_ribbon) {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone:has(.container_ribbon) .container_ribbon__field-links {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone .container_ribbon {
margin: 0 0 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone.layout--slide-carousel .product-zone__items>* {
width: 445px;
min-width: 445px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-next,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone.layout--slide-carousel .carousel-wrapper__carousel-button-prev {
display: flex
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__kicker-text {
font-size: 30px;
line-height: 36px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__kicker .image {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__kicker .image img {
max-width: 400px;
max-height: 40px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .product-zone {
margin-bottom: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--outlined {
padding: 30px 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-dark {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-dark .product-zone__inner:not(:has(.layout--full-bleed)) {
padding-bottom: var(--theme-zone__padding-bottom-default)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-light+.product-zone--t-dark .product-zone__inner,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-light+.zone--t-dark .product-zone__inner {
padding-top: 64px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title {
font-size: var(--theme-zone-title__font-size-medium-plus);
line-height: var(--theme-zone-title__line-height-medium-plus);
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title-url {
font-size: var(--theme-zone-title__font-size-medium-plus);
line-height: var(--theme-zone-title__line-height-medium-plus)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--18-24 {
font-size: 24px;
line-height: 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l0,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l0 .product-zone__title-url {
font-size: 54px;
line-height: 64px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l1,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l1 .product-zone__title-url {
font-size: 64px;
line-height: 86px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l2,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l2 .product-zone__title-url {
font-size: 74px;
line-height: 96px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l3,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l3 .product-zone__title-url {
font-size: 84px;
line-height: 106px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l4,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l4 .product-zone__title-url {
font-size: 94px;
line-height: 116px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l5,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__title--full-width.product-zone__title--full-width-size-l5 .product-zone__title-url {
font-size: 104px;
line-height: 126px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--full-width>div:first-child {
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--full-width .container_vertical-strip {
padding: 0;
max-width: 769px;
margin: 0 auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--full-width .container_vertical-strip .image__container,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--full-width .container_vertical-strip img {
max-height: 433px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--6-4>div:first-child {
width: calc(60% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--6-4>div:nth-child(2) {
width: calc(40% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--7-3>div:first-child {
width: calc(70% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--7-3>div:nth-child(2) {
width: calc(30% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--one-third-two-thirds>div:first-child {
width: calc(33.33% - ((24px / 2)))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--one-third-two-thirds>div:nth-child(2) {
width: calc(66.66% - ((24px / 2)))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--4-6>div:first-child {
width: calc(40% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--4-6>div:nth-child(2) {
width: calc(60% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-3-fixed-300>div:nth-child(4) {
width: 300px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-3-fixed-300>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-3-fixed-300>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-3-fixed-300>div:nth-child(3) {
width: calc(33.33% - 100px - ((24px * 3)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--5-4-3>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--5-4-3>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--5-4-3>div:nth-child(3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2-min-300>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2-min-300>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2-min-300>div:nth-child(3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-3>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-3>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-3>div:nth-child(3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-right-2>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-right-2>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-right-2>div:nth-child(3) {
width: calc(33.33% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-center>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-center>div:nth-child(3) {
width: calc(30% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-center>div:nth-child(2) {
width: calc(40% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-left-balanced-2>div:first-child {
width: calc(50% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-left-balanced-2>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-left-balanced-2>div:nth-child(3) {
width: calc(25% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2-fixed-300>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2-fixed-300>div:nth-child(2) {
width: calc(50% - 150px - ((24px * 2)/ 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2-fixed-300>div:nth-child(3) {
width: 300px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-4>div {
width: calc(50% - ((24px)/ 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-4>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-4>div:nth-child(2) {
margin-bottom: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items .container>.container__ads>.ad-slot.adSlotLoaded {
padding: 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_card:first-child .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_card:first-child .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--5-4-3 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--5-4-3 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--5-4-3 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--5-4-3 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_card:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_card:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_card:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_card:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_grid-2:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_grid-2:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_card:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_card:not(:last-child) .image_sponsorship__credit {
display: none
}
}
@supports not selector(:has(*)) {
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone--t-dark .product-zone__inner:not(.has-pseudo-class-fix-layout--full-bleed) {
padding-bottom: var(--theme-zone__padding-bottom-default)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone.product-zone__with-ribbon {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone.product-zone__with-ribbon .container_ribbon__field-links {
margin: 0
}
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-center>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-center>div:nth-child(3) {
width: calc(25% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-center>div:nth-child(2) {
width: calc(50% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-2-min-300>div,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-3>div {
width: calc(33.33% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-4>div {
width: calc(25% - ((24px * 2)/ 4))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-4>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--balanced-4>div:nth-child(2) {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--5-4-3>div:first-child {
width: calc(41.66% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--5-4-3>div:nth-child(2) {
width: calc(33.33% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--5-4-3>div:nth-child(3) {
width: calc(25% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-left-balanced-2>div:first-child {
width: calc(50% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-left-balanced-2>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-left-balanced-2>div:nth-child(3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-right-2>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-right-2>div:nth-child(2) {
width: calc(25% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--wide-right-2>div:nth-child(3) {
width: calc(50% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone__items.layout--full-bleed {
justify-content: center
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_grid-2:first-child .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_grid-2:first-child .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_card:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_card:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_grid-2:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_grid-2:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_grid-2:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_grid-2:not(:last-child) .image_sponsorship__credit {
display: none
}
}
@media screen and (min-width:2000px) {
body:not(.layout-homepage) .product-zone .layout--full-bleed {
max-width: 2000px;
width: 100%;
object-fit: cover;
height: 100%;
margin-left: 0;
margin-right: 0;
position: inherit
}
}
[data-page-type=section] .product-zone.layout--full-bleed .container_hero-card-feature .container__item-media-wrapper .image__container,
[data-page-type=section] .product-zone.layout--full-bleed .container_hero-card-feature .container__item-media-wrapper .interactive-video__container {
border-radius: 0
}
.layout--4-6 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--4-6 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--4-6 .container_list-headlines-with-images .image__credit,
.layout--4-6 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--5-4-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--5-4-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--5-4-3 .container_list-headlines-with-images .image__credit,
.layout--5-4-3 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--6-4 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--6-4 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--6-4 .container_list-headlines-with-images .image__credit,
.layout--6-4 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--7-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--7-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--7-3 .container_list-headlines-with-images .image__credit,
.layout--7-3 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--balanced-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--balanced-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--balanced-2 .container_list-headlines-with-images .image__credit,
.layout--balanced-2 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--balanced-2-fixed-300 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--balanced-2-fixed-300 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--balanced-2-fixed-300 .container_list-headlines-with-images .image__credit,
.layout--balanced-2-fixed-300 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--balanced-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--balanced-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--balanced-3 .container_list-headlines-with-images .image__credit,
.layout--balanced-3 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--balanced-3-fixed-300 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--balanced-3-fixed-300 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--balanced-3-fixed-300 .container_list-headlines-with-images .image__credit,
.layout--balanced-3-fixed-300 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--full-width .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--full-width .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--wide-center .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--wide-center .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--wide-center .container_list-headlines-with-images .image__credit,
.layout--wide-center .container_list-headlines-with-images .image_sponsorship__credit,
.layout--wide-left-balanced-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--wide-left-balanced-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--wide-left-balanced-2 .container_list-headlines-with-images .image__credit,
.layout--wide-left-balanced-2 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--wide-right-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--wide-right-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--wide-right-2 .container_list-headlines-with-images .image__credit,
.layout--wide-right-2 .container_list-headlines-with-images .image_sponsorship__credit {
display: none
}
@media screen and (max-width:640px) {
body:not([class^=homepage-mobile]) .layout--4-6 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--4-6 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-3 .image__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-3 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-4 .image__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-4 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--6-4 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--6-4 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--7-3 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--7-3 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--balanced-2 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--balanced-2 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--balanced-2-fixed-300 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--balanced-2-fixed-300 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--balanced-3 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--balanced-3 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--balanced-3-fixed-300 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--balanced-3-fixed-300 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--full-width .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--full-width .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--wide-center .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--wide-center .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--wide-left-balanced-2 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--wide-left-balanced-2 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--wide-right-2 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--wide-right-2 .container_grid-2 .image_sponsorship__credit {
display: none
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container__item:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container__item:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_lead-plus-headlines-with-images:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_lead-plus-headlines-with-images:not(:first-child) .image_sponsorship__credit {
display: none
}
}
@media screen and (min-width:960px) and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_app-collections:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_app-collections:not(:last-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_grid-3:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_grid-3:not(:last-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_lead-plus-headlines-with-images:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_lead-plus-headlines-with-images:not(:last-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_lead-plus-headlines:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_lead-plus-headlines:not(:last-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_vertical-strip:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_vertical-strip:not(:last-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_card:last-child .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_card:last-child .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_grid-2 .image_sponsorship__credit {
display: none
}
}
@media screen and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--full-width .container_list-headlines-with-images .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--full-width .container_list-headlines-with-images .image_sponsorship__credit {
display: none
}
}
.tags__list,
.tags__title {
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase
}
.tags__list,
.tags__list-item {
display: inline
}
.tags__list {
padding: 0
}
.tags__list-item:not(:last-child) .tags__link::after {
content: ','
}
.tags__list-item--hidden,
.tags__list-item--invisible {
display: none
}
.tags__link {
color: #0c0c0c;
text-decoration: none
}
.tags__link:active,
.tags__link:focus,
.tags__link:hover {
box-shadow: 0 1px 0 var(--theme-primary)
}
.tags__more-link {
color: var(--theme-color-link);
cursor: pointer
}
.zone__title-underscored-url,
.zone__title-url {
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.zone {
display: flex;
justify-content: center;
margin-bottom: var(--theme-zone__margin-bottom-default)
}
.zone .container {
margin-bottom: 0
}
.zone .stack .container {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.zone .stack .container:last-child {
margin-bottom: 0
}
.zone__inner {
max-width: 1440px;
min-width: 300px;
padding: 0;
width: 100%
}
.zone__kicker {
text-align: center
}
.zone__kicker-url {
text-decoration: none
}
.zone__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.zone__title,
.zone__title-url {
font-size: var(--theme-zone-title__font-size);
font-weight: var(--theme-zone-title__font-weight)
}
.zone__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.zone__kicker:not(:empty)+.zone__title--full-width,
.zone__title {
margin-top: 0
}
.zone__kicker .image__metadata {
display: none
}
.zone__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.zone__title-url {
line-height: 30px;
letter-spacing: 0;
color: var(--theme-paragraph__link-color);
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
-webkit-text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration: var(--theme-zone-title__link-decoration);
text-decoration: var(--theme-zone-title__link-decoration)
}
.zone__title-url:hover {
color: var(--theme-link-color-hover);
-webkit-text-decoration: var(--theme-zone-title__hover-link-decoration);
text-decoration: var(--theme-zone-title__hover-link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness)
}
.zone__title-container {
display: flex;
align-items: baseline
}
.zone__title {
color: #0c0c0c;
line-height: var(--theme-zone-title__line-height);
font-family: var(--theme-zone-title__font-family);
margin-bottom: 16px
}
.zone__title:after {
border-top: 4px solid #e6e6e6;
border-bottom: 4px solid #e6e6e6;
height: calc(8px + 1px);
margin-left: 16px;
flex: 1;
content: ''
}
.zone__title--full-width,
.zone__title--full-width .zone__title-url {
text-align: center;
font-size: 48px;
display: block;
font-weight: 700;
line-height: 56px;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
margin: 24px;
letter-spacing: 0
}
.layout--4-6 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--4-6 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--4-6 .container_list-headlines-with-images .image__credit,
.layout--4-6 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--5-4-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--5-4-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--5-4-3 .container_list-headlines-with-images .image__credit,
.layout--5-4-3 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--6-4 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--6-4 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--6-4 .container_list-headlines-with-images .image__credit,
.layout--6-4 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--7-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--7-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--7-3 .container_list-headlines-with-images .image__credit,
.layout--7-3 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--balanced-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--balanced-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--balanced-2 .container_list-headlines-with-images .image__credit,
.layout--balanced-2 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--balanced-2-fixed-300 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--balanced-2-fixed-300 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--balanced-2-fixed-300 .container_list-headlines-with-images .image__credit,
.layout--balanced-2-fixed-300 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--balanced-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--balanced-3 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--balanced-3 .container_list-headlines-with-images .image__credit,
.layout--balanced-3 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--balanced-3-fixed-300 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--balanced-3-fixed-300 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--balanced-3-fixed-300 .container_list-headlines-with-images .image__credit,
.layout--balanced-3-fixed-300 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--full-width .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--full-width .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--wide-center .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--wide-center .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--wide-center .container_list-headlines-with-images .image__credit,
.layout--wide-center .container_list-headlines-with-images .image_sponsorship__credit,
.layout--wide-left-balanced-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--wide-left-balanced-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--wide-left-balanced-2 .container_list-headlines-with-images .image__credit,
.layout--wide-left-balanced-2 .container_list-headlines-with-images .image_sponsorship__credit,
.layout--wide-right-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image__credit,
.layout--wide-right-2 .container_lead-plus-headlines-with-images .container__item:not(:first-child) .image_sponsorship__credit,
.layout--wide-right-2 .container_list-headlines-with-images .image__credit,
.layout--wide-right-2 .container_list-headlines-with-images .image_sponsorship__credit,
.zone .layout--5-4-3>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .auth-player-container__back-player-icon-container,
.zone .layout--5-4-3>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__t1-copy,
.zone .layout--5-4-3>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .pui_metadata_title,
.zone .layout--balanced-2-fixed-300>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .auth-player-container__back-player-icon-container,
.zone .layout--balanced-2-fixed-300>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__t1-copy,
.zone .layout--balanced-2-fixed-300>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .pui_metadata_title,
.zone .layout--wide-left-balanced-2>.container:not(:first-child) [data-component-name=video-resource][data-custom-experience=tve] .auth-player-container__back-player-icon-container,
.zone .layout--wide-left-balanced-2>.container:not(:first-child) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__t1-copy,
.zone .layout--wide-left-balanced-2>.container:not(:first-child) [data-component-name=video-resource][data-custom-experience=tve] .pui_metadata_title,
.zone .layout--wide-right-2>.container:not(:nth-child(3)) [data-component-name=video-resource][data-custom-experience=tve] .auth-player-container__back-player-icon-container,
.zone .layout--wide-right-2>.container:not(:nth-child(3)) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__t1-copy,
.zone .layout--wide-right-2>.container:not(:nth-child(3)) [data-component-name=video-resource][data-custom-experience=tve] .pui_metadata_title,
.zone [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__back-player-icon-container:first-child,
.zone__title--underscored:after {
display: none
}
.zone__title--full-width .zone__title-url:after,
.zone__title--full-width:after {
border-top: none;
border-bottom: none;
height: 0;
margin-left: 0;
flex: 1;
content: ''
}
.zone__title--bold {
font-weight: 700
}
.zone__title-underscored-url {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
color: #0c0c0c;
font-size: 16px;
line-height: 30px;
font-weight: 400;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c
}
.zone__title-underscored-url:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.zone__title--18-24 {
font-size: 18px;
line-height: 18px
}
.zone__title--underscored,
.zone__title--underscored .zone__title-url {
font-size: 36px;
font-weight: 700;
margin-right: 12px;
text-transform: none
}
.zone__title--underscored {
margin-bottom: 24px;
line-height: 1
}
.zone__title--underscored .zone__title-underscored-text {
border-bottom: 6px solid #0c0c0c;
padding: 0;
margin-left: 0;
display: inline-block
}
.zone__title--underscored .zone__title-url {
margin-bottom: 0;
text-decoration: none
}
.zone__items {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: space-between
}
.zone__items>div {
width: 100%
}
.zone--outlined {
padding: 20px 12px;
border: .5px solid #ddd;
border-radius: 5px;
margin-bottom: 30px;
min-height: 400px
}
.zone--t-highlight {
background-color: #f8f8f8
}
.zone--t-light {
background-color: transparent
}
.zone--t-light-with-margins {
margin: 0 16px
}
.zone--t-white {
background-color: #fff
}
.zone--t-dark,
.zone--t-dark .zone__inner,
.zone--t-dark .zone__outer {
background-color: #0c0c0c;
color: #fff
}
.zone--t-dark+.product-zone--t-light,
.zone--t-dark+.zone--t-light {
margin-top: 48px
}
.zone--t-dark .zone__title {
color: #fff
}
.zone--t-dark .zone__title:after {
border-top: 4px solid #c00;
border-bottom: 4px solid #c00
}
.zone--t-dark .zone__title-url,
.zone--t-dark .zone__title-url:hover {
color: #fff
}
.zone--t-dark .layout--7-3 {
padding-top: 16px
}
.zone--t-dark .container__title:after {
border-color: #404040
}
.zone--t-dark .container__title-url .right-arrow {
fill: #0c0c0c
}
.zone--t-dark .container__headline:hover .right-arrow,
.zone--t-dark .container__item a:hover .right-arrow,
.zone--t-dark .container__title-arrow,
.zone--t-dark .container__title.hover:hover .right-arrow,
.zone--t-dark .container__title:hover .right-arrow,
.zone--t-dark .icon-sig-photo-default,
.zone--t-dark .icon-sig-video {
fill: #fff
}
.zone--t-dark .container__headline,
.zone--t-dark .container__headline:hover,
.zone--t-dark .container__item a,
.zone--t-dark .container__item a:hover,
.zone--t-dark .container__title,
.zone--t-dark .container__title.hover,
.zone--t-dark .container__title.hover:hover,
.zone--t-dark .container__title:hover {
color: #fff
}
.zone--t-dark .container__link:hover .container__headline {
color: #fff;
-webkit-text-decoration-color: #fff;
text-decoration-color: #fff
}
.zone--t-dark .container__item:not(:last-child) {
border-color: #6e6e6e
}
.zone--t-dark .container__item .image__credit,
.zone--t-dark .container__item .image_sponsorship__credit {
color: #b1b1b1
}
.zone--t-dark .container__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video.svg)
}
.zone--t-dark .container__text .icon-sig-photo-default,
.zone--t-dark .container__text .icon-sig-video {
fill: #f8f8f8
}
.zone--t-dark .container__text-label {
color: #fff
}
.zone--t-dark .container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio.svg)
}
.zone--t-dark .container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone.svg)
}
.zone--t-dark .container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo.svg)
}
.zone--t-dark .container__text-label--type-custom-video:not(:empty)::before,
.zone--t-dark .container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video.svg)
}
.zone--t-dark,
.zone--t-day-of-deals,
.zone--t-sleep-week,
.zone--t-underscored {
position: relative;
padding: 0
}
.zone--t-dark .zone__outer,
.zone--t-day-of-deals .zone__outer,
.zone--t-sleep-week .zone__outer,
.zone--t-underscored .zone__outer {
z-index: 1;
position: relative;
right: 50%;
left: 50%;
width: 100vw;
margin-left: -50vw;
margin-right: -50vw
}
.zone--t-dark .zone__inner,
.zone--t-day-of-deals .zone__inner,
.zone--t-sleep-week .zone__inner,
.zone--t-underscored .zone__inner {
z-index: 2
}
.zone--t-dark .zone__inner:not(:has(.layout--full-bleed)),
.zone--t-day-of-deals .zone__inner:not(:has(.layout--full-bleed)),
.zone--t-sleep-week .zone__inner:not(:has(.layout--full-bleed)),
.zone--t-underscored .zone__inner:not(:has(.layout--full-bleed)) {
padding: 40px 0 32px
}
.zone--t-underscored {
margin-top: -32px
}
.zone--t-underscored .zone__outer {
background: linear-gradient(to bottom, #fff4d1, #ffe0e0 28%, #e2f8ff 65%, #fff 89%)
}
.zone--t-sleep-week .zone__outer {
background: linear-gradient(to bottom, #120038, #e6dbff 32%, #ffe5fa 65%, #fff 89%)
}
.zone--t-day-of-deals .zone__outer {
background: linear-gradient(to bottom, #e7e0fc, #e5fbff 32%, #f7fff2 65%, #fff 89%)
}
.zone .zone__items.layout--full-bleed {
left: 50%;
margin-left: -50vw;
position: relative;
width: 100vw
}
.zone [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-image>img {
position: relative;
object-fit: contain
}
.zone [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-container {
top: 4px;
right: 16px
}
@media screen and (min-width:960px) {
.zone [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-container body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) {
width: 35%
}
}
.zone .layout--5-4-3>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay,
.zone .layout--balanced-2-fixed-300>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay,
.zone .layout--wide-left-balanced-2>.container:not(:first-child) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay,
.zone .layout--wide-right-2>.container:not(:nth-child(3)) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay {
padding: 0 4px;
top: 2px;
right: 0
}
.zone .layout--5-4-3>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__t2-copy,
.zone .layout--balanced-2-fixed-300>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__t2-copy,
.zone .layout--wide-left-balanced-2>.container:not(:first-child) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__t2-copy,
.zone .layout--wide-right-2>.container:not(:nth-child(3)) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__t2-copy {
font-size: 8px
}
.zone .layout--5-4-3>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__cta,
.zone .layout--balanced-2-fixed-300>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__cta,
.zone .layout--wide-left-balanced-2>.container:not(:first-child) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__cta,
.zone .layout--wide-right-2>.container:not(:nth-child(3)) [data-component-name=video-resource][data-custom-experience=tve] .freeview-overlay__cta {
font-size: 11px;
line-height: 26px;
padding: 0 8px;
margin-left: 7px
}
.zone .layout--5-4-3>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-text,
.zone .layout--balanced-2-fixed-300>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-text,
.zone .layout--wide-left-balanced-2>.container:not(:first-child) [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-text,
.zone .layout--wide-right-2>.container:not(:nth-child(3)) [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-text {
font-size: 8px
}
.zone .layout--5-4-3>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-image,
.zone .layout--balanced-2-fixed-300>.container:nth-child(3) [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-image,
.zone .layout--wide-left-balanced-2>.container:not(:first-child) [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-image,
.zone .layout--wide-right-2>.container:not(:nth-child(3)) [data-component-name=video-resource][data-custom-experience=tve] .fave-player-container__tv-co-branding-image {
height: 20px
}
#taui-mvpdpicker {
z-index: 10001
}
@media screen and (min-width:480px) and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .zone--t-sleep-week .zone__outer {
background: linear-gradient(to bottom, #120038, #e6dbff 22%, #ffe5fa 26%, #fff 39%)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobil-app.kiln-edit-mode) .zone--t-day-of-deals .zone__outer {
background: linear-gradient(to bottom, #e7e0fc, #e5fbff 22%, #f7fff2 26%, #fff 39%)
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).underscored .zone {
margin-bottom: 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__title-container {
flex-wrap: wrap;
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__title--underscored {
font-size: 30px;
margin-bottom: 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-homepage .zone:first-child>.zone__inner {
padding-top: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).layout-homepage .zone--t-dark:last-of-type,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode).layout-homepage-mobile .zone--t-dark:last-of-type {
margin-bottom: 0
}
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-dark {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-dark .zone__inner:not(:has(.layout--full-bleed)) {
padding-bottom: var(--theme-zone__padding-bottom-small)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-day-of-deals,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-sleep-week,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-underscored {
margin-bottom: var(--theme-zone__padding-bottom-small)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-day-of-deals .zone__inner,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-sleep-week .zone__inner,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-underscored .zone__inner {
padding-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__title--full-width.zone__title .zone__title-url:hover {
text-decoration-thickness: 1px;
text-underline-offset: 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--outlined {
padding: 30px 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2-fixed-300>div:nth-child(3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-3-fixed-300>div:nth-child(4) {
width: 300px;
margin: 0 auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2-min-300>div:nth-child(3) {
min-width: 300px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .container {
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l0,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l0 .zone__title-url {
font-size: 28px;
line-height: 32px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l1,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l1 .zone__title-url {
font-size: 32px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l2,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l2 .zone__title-url {
font-size: 36px;
line-height: 42px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l3,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l3 .zone__title-url {
font-size: 40px;
line-height: 46px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l4,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l4 .zone__title-url {
font-size: 44px;
line-height: 50px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l5,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l5 .zone__title-url {
font-size: 48px;
line-height: 56px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container__item:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container__item:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_lead-plus-headlines-with-images:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_lead-plus-headlines-with-images:not(:first-child) .image_sponsorship__credit {
display: none
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__title,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__title-url {
font-size: var(--theme-zone-title__font-size-medium-plus);
line-height: var(--theme-zone-title__line-height-medium-plus)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__title {
margin-bottom: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__title--18-24 {
font-size: 24px;
line-height: 20px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__title--full-width {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l0,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l0 .zone__title-url {
font-size: 54px;
line-height: 64px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l1,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l1 .zone__title-url {
font-size: 64px;
line-height: 86px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l2,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l2 .zone__title-url {
font-size: 74px;
line-height: 96px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l3,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l3 .zone__title-url {
font-size: 84px;
line-height: 106px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l4,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l4 .zone__title-url {
font-size: 94px;
line-height: 116px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l5,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone .zone__title--full-width.zone__title--full-width-size-l5 .zone__title-url {
font-size: 104px;
line-height: 126px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__title--full-width .zone__title-url {
margin: 0 24px 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__kicker-text {
font-size: 30px;
line-height: 36px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__kicker .image {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__kicker .image img {
max-width: 400px;
max-height: 40px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--outlined {
padding: 30px 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-dark {
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-dark .zone__inner:not(:has(.layout--full-bleed)) {
padding-bottom: var(--theme-zone__padding-bottom-default)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-light+.product-zone--t-dark .zone__inner,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-light+.zone--t-dark .zone__inner {
padding-top: 64px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--full-width>div:first-child {
width: 100%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--full-width .container_vertical-strip {
padding: 0;
max-width: 769px;
margin: 0 auto
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--full-width .container_vertical-strip .image__container,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--full-width .container_vertical-strip img {
max-height: 433px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--6-4>div:first-child {
width: calc(60% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--6-4>div:nth-child(2) {
width: calc(40% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--7-3>div:first-child {
width: calc(70% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--7-3>div:nth-child(2) {
width: calc(30% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--one-third-two-thirds>div:first-child {
width: calc(33.33% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--one-third-two-thirds>div:nth-child(2) {
width: calc(66.66% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--4-6>div:first-child {
width: calc(40% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--4-6>div:nth-child(2) {
width: calc(60% - (24px / 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-3-fixed-300>div:nth-child(4) {
width: 300px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-3-fixed-300>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-3-fixed-300>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-3-fixed-300>div:nth-child(3) {
width: calc(33.33% - 100px - ((24px * 3)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-center>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-center>div:nth-child(3) {
width: calc(30% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-center>div:nth-child(2) {
width: calc(40% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--5-4-3>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--5-4-3>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--5-4-3>div:nth-child(3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2-min-300>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2-min-300>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2-min-300>div:nth-child(3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-3>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-3>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-3>div:nth-child(3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-right-2>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-right-2>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-right-2>div:nth-child(3) {
width: calc(33.33% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-left-balanced-2>div:first-child {
width: calc(50% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-left-balanced-2>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-left-balanced-2>div:nth-child(3) {
width: calc(25% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2-fixed-300>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2-fixed-300>div:nth-child(2) {
width: calc(50% - 150px - ((24px * 2)/ 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2-fixed-300>div:nth-child(3) {
width: 300px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-4>div {
width: calc(50% - ((24px)/ 2))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-4>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-4>div:nth-child(2) {
margin-bottom: 32px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items .container>.container__ads>.ad-slot.adSlotLoaded {
padding: 0 0 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .product-zone+.zone .zone__title:not(.zone__title--full-width) {
margin: 0 0 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_card:first-child .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_card:first-child .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--5-4-3 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--5-4-3 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--5-4-3 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--5-4-3 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_card:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_card:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_card:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_card:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_grid-2:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_grid-2:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2-fixed-300 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_card:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_card:not(:last-child) .image_sponsorship__credit {
display: none
}
}
@supports not selector(:has(*)) {
.zone--t-dark .zone__inner:not(.has-pseudo-class-fix-layout--full-bleed),
.zone--t-day-of-deals .zone__inner:not(.has-pseudo-class-fix-layout--full-bleed),
.zone--t-sleep-week .zone__inner:not(.has-pseudo-class-fix-layout--full-bleed),
.zone--t-underscored .zone__inner:not(.has-pseudo-class-fix-layout--full-bleed) {
padding: 40px 0 32px
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-dark .zone__inner:not(.has-pseudo-class-fix-layout--full-bleed) {
padding-bottom: var(--theme-zone__padding-bottom-small)
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone--t-dark .zone__inner:not(.has-pseudo-class-fix-layout--full-bleed) {
padding-bottom: var(--theme-zone__padding-bottom-default)
}
}
}
[data-page-type=section] .zone.layout--full-bleed .container_hero-card-feature .container__item-media-wrapper .image__container,
[data-page-type=section] .zone.layout--full-bleed .container_hero-card-feature .container__item-media-wrapper .interactive-video__container {
border-radius: 0
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-center>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-center>div:nth-child(3) {
width: calc(25% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-center>div:nth-child(2) {
width: calc(50% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-2-min-300>div,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-3>div {
width: calc(33.33% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-4>div {
width: calc(25% - ((24px * 2)/ 4))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-4>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--balanced-4>div:nth-child(2) {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--5-4-3>div:first-child {
width: calc(41.66% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--5-4-3>div:nth-child(2) {
width: calc(33.33% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--5-4-3>div:nth-child(3) {
width: calc(25% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-left-balanced-2>div:first-child {
width: calc(50% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-left-balanced-2>div:nth-child(2),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-left-balanced-2>div:nth-child(3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-right-2>div:first-child,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-right-2>div:nth-child(2) {
width: calc(25% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .zone__items.layout--wide-right-2>div:nth-child(3) {
width: calc(50% - ((24px * 2)/ 3))
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_grid-2:first-child .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_grid-2:first-child .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_card:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_card:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_grid-2:not(:first-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_grid-2:not(:first-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_grid-2:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_grid-2:not(:last-child) .image_sponsorship__credit {
display: none
}
}
@media screen and (max-width:640px) {
body:not([class^=homepage-mobile]) .layout--4-6 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--4-6 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-3 .image__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-3 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-4 .image__credit,
body:not([class^=homepage-mobile]) .layout--5-4-3 .container_grid-4 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--6-4 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--6-4 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--7-3 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--7-3 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--balanced-2 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--balanced-2 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--balanced-2-fixed-300 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--balanced-2-fixed-300 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--balanced-3 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--balanced-3 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--balanced-3-fixed-300 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--balanced-3-fixed-300 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--full-width .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--full-width .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--wide-center .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--wide-center .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--wide-left-balanced-2 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--wide-left-balanced-2 .container_grid-2 .image_sponsorship__credit,
body:not([class^=homepage-mobile]) .layout--wide-right-2 .container_grid-2 .image__credit,
body:not([class^=homepage-mobile]) .layout--wide-right-2 .container_grid-2 .image_sponsorship__credit {
display: none
}
}
@media screen and (min-width:960px) and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--4-6 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--6-4 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--7-3 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-2 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_app-collections:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_app-collections:not(:last-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_grid-3:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_grid-3:not(:last-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_lead-plus-headlines-with-images:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_lead-plus-headlines-with-images:not(:last-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_lead-plus-headlines:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_lead-plus-headlines:not(:last-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_vertical-strip:not(:last-child) .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3-fixed-300 .container_vertical-strip:not(:last-child) .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-center .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_card .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_card .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-left-balanced-2 .container_grid-2 .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_card:last-child .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_card:last-child .image_sponsorship__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_grid-2 .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--wide-right-2 .container_grid-2 .image_sponsorship__credit {
display: none
}
}
@media screen and (max-width:1279px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--full-width .container_list-headlines-with-images .image__credit,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--full-width .container_list-headlines-with-images .image_sponsorship__credit {
display: none
}
}
.image {
border-bottom: 1px solid #e6e6e6;
margin: 32px 0;
padding-bottom: 8px;
width: 100%
}
.image__hide-placeholder .kiln-placeholder {
display: none
}
.image__picture {
width: 100%
}
.image__metadata {
display: grid
}
.image__caption {
color: #0c0c0c;
font-size: 12px;
font-weight: 400;
line-height: 18px;
margin-top: 8px;
text-align: left;
order: 2
}
.image__caption a {
color: #0c0c0c;
text-underline-offset: 4px;
text-decoration: underline
}
.image__caption a:hover {
color: #6e6e6e;
text-decoration: none
}
.image__credit {
color: #6e6e6e;
font-size: 10px;
font-weight: 400;
margin-top: 4px;
text-align: right;
order: 1;
visibility: hidden
}
.image__container {
display: flex
}
.image__dam-img {
width: 100%;
object-fit: cover;
height: 100%
}
.image__dam-img--loading {
background-color: #e6e6e6
}
.image__img {
width: 100%;
height: 100%;
max-width: 100%
}
.image__img--fade-in {
opacity: 0;
visibility: hidden;
transition: opacity .4s ease-in
}
.image__img--visible {
display: block
}
.image__img--hidden {
display: none
}
.image__label {
font-size: 10px;
font-weight: 700;
position: absolute;
bottom: 0;
left: 0;
margin: 0;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 8px;
display: flex;
align-items: center
}
.image__label-indicator {
display: none
}
.image__label--type-breaking {
background: #c00;
color: #fff
}
.image__label--type-exclusive,
.image__label--type-investigates {
background: #0c0c0c;
color: #fff
}
.image__label--type-live-video,
.image__label--type-updates {
display: block;
background: #fff;
color: #0c0c0c
}
.image__label--type-live-video .image__label-indicator,
.image__label--type-updates .image__label-indicator {
display: block;
color: #c00;
font-size: 26px;
line-height: .4;
padding-right: 4px
}
.image__label--type-analysis,
.image__label--type-opinion,
.image__label--type-trending {
background: #fff;
color: #c00
}
.image__label--type-custom {
background: #fff;
color: #0c0c0c
}
.image__label--type-custom-video,
.image__label--type-gallery,
.image__label--type-podcasts,
.image__label--type-video {
background: rgba(12, 12, 12, .5);
color: #fff
}
.kiln-edit-mode .image__label {
visibility: visible
}
.image__label-icon {
float: left;
fill: #f8f8f8;
margin-right: 4px;
width: 14px;
height: 14px;
background-position: center;
background-repeat: no-repeat
}
.image__label--type-custom-video .image__label-icon,
.image__label--type-video .image__label-icon {
background-image: url(/media/sites/cnn/icons/video.svg)
}
.image__label--type-gallery .image__label-icon {
background-image: url(/media/sites/cnn/icons/photo.svg)
}
.image__label-bull-span {
align-items: center;
display: flex
}
.image__lede>.image {
margin: 0 0 32px;
width: 100%
}
.image__lede>.image__container {
width: 100%;
height: 0;
padding-bottom: calc(100% * (9 / 16));
position: relative
}
.image__lede>.image__dam-img {
width: 100%;
height: auto;
position: absolute
}
.image__related-content .image {
border: 0;
margin: 0;
padding: 0
}
.image__related-content .image__outer-container {
margin: 0;
padding: 0
}
.image__related-content .image__outer-container::after {
display: none
}
.image__related-content .image__container {
display: flex
}
.image__related-content .image__caption,
.image__related-content .image__credit {
display: none
}
.image__related-content .image__img {
width: 100%
}
.image--eq-extra-small .image__container {
margin-bottom: 24px
}
.image--eq-extra-small .image__credit {
visibility: hidden;
margin: 0;
padding: 0
}
.image.image--eq-small .image__container {
margin-bottom: auto
}
.image.image--eq-small .image__container:only-child {
margin-bottom: 24px
}
.image.image--eq-small .image__credit {
line-height: 12px;
padding: 4px 0;
visibility: visible
}
.image.image--eq-small .image__label {
font-size: 12px;
padding: 8px 16px
}
.image.image--eq-small .image__label-icon {
width: 16px;
height: 16px
}
.underscored .article__content>.image,
.underscored .article__main>.image__lede .image {
border-bottom: 0;
padding-bottom: 0
}
.underscored .article__content>.image .image__credit,
.underscored .article__main>.image__lede .image .image__credit {
padding-bottom: 0
}
.card:not(:only-child) .underscored:empty {
min-height: 24px;
margin: 4px 0 0;
padding: 0
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .image__caption {
margin-top: 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .underscored .card:not(:only-child) .image__credit:empty {
min-height: 24px;
margin-top: 4px;
padding: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .image__related-content.related-content__image .image {
border: 0;
margin: 0;
padding: 0
}
}
.stack_condensed {
display: flex;
justify-content: center
}
.stack_condensed__inner {
max-width: 1440px;
padding: 0;
width: 100%
}
.stack_condensed__items {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.stack_condensed__items>.container:not(:last-child) {
margin-bottom: 16px
}
.stack_condensed__items .container_lead-package__item:last-child,
.stack_condensed__items .container_lead-plus-headlines__item:last-child {
padding-bottom: 0
}
.stack_condensed__items .html-embed {
width: 100%;
margin: 0;
padding-bottom: 16px
}
.stack_condensed:not(:last-child) {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.stack_condensed .container__title--bulleted-headlines::after {
top: -2px
}
.stack_condensed .container__title--bulleted-headlines .container__title-text,
.stack_condensed .container__title--bulleted-headlines .container__title_url-text {
margin-bottom: 12px
}
.kiln-edit-mode .stack_condensed .stack_condensed__placeholder {
margin-bottom: 10px
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .stack_condensed:not(:last-child) {
margin-bottom: 0
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .stack_condensed:not(:last-child) {
margin-bottom: 0
}
}
.stack {
display: flex;
justify-content: center
}
.stack__inner {
max-width: 1440px;
padding: 0;
width: 100%
}
.stack__items {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.stack__items .container_lead-package__item:last-child,
.stack__items .container_lead-plus-headlines__item:last-child {
padding-bottom: 0
}
.stack__items .html-embed {
width: 100%;
margin: 0;
padding-bottom: 16px
}
.stack:not(:last-child) {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.kiln-edit-mode .stack .stack__placeholder {
margin-bottom: 10px
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .stack__items .live-story-timeline:not(:first-child) {
margin-top: 16px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .stack:not(:last-child) {
margin-bottom: 0
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .stack:not(:last-child) {
margin-bottom: 0
}
}
.container__title--underscored .container_card__title_url-sub-text,
.container__title_url-sub-text {
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.container {
margin-bottom: var(--theme-container-margin-bottom-default);
width: 100%
}
.container:last-child {
margin-bottom: 0
}
.container__title {
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: var(--theme-container-title__margin-bottom)
}
.container__title:after,
.container__title:before {
content: '';
display: block;
left: 0;
position: absolute;
top: 0
}
.container__title-url {
color: inherit;
text-decoration: none
}
.container__title-url .right-arrow {
content: '';
display: inline-block;
fill: var(--theme-container-title__arrow-color--initial);
stroke: var(--theme-container-title__arrow-color--initial);
height: var(--theme-container-title__arrow-size);
margin-left: 8px;
position: relative;
top: var(--theme-container-title__arrow-top-pos);
vertical-align: top;
width: var(--theme-container-title__arrow-size)
}
.container__title.hover:hover .right-arrow {
fill: var(--theme-container-title__arrow-color--hover);
stroke: var(--theme-container-title__arrow-color--hover);
transition: .4s
}
.container__title-text,
.container__title_url-text {
display: inline-block;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: var(--theme-container-title__text-size);
font-weight: 700;
letter-spacing: .5px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin-bottom: 16px;
margin-top: 0
}
.container__title--underscored .container_card__title_url-sub-text:hover,
.container__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration)
}
.container__title--underscored.hover:hover:before {
width: 16px
}
.container__title--underscored .container__title-url {
align-items: center;
display: inline-flex
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
line-height: 36px;
padding-bottom: 0
}
.container__title--underscored:after {
border-top: none
}
.container__title--underscored .container__title_url-text {
width: auto
}
.container__title--underscored .container_card__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.container__title--underscored .container_card__title_url-sub-text:hover {
color: #6e6e6e
}
.container__kicker-url,
.container__link {
text-decoration: none
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title-text,
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text {
border-left: 6px solid #0c0c0c;
padding-left: 10px
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover {
color: #6e6e6e;
border-left-color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover .right-arrow {
fill: #6e6e6e;
stroke: #6e6e6e;
transition: .4s
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active {
color: #404040;
border-left-color: #404040
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active .right-arrow {
fill: #404040;
stroke: #404040
}
.container__title--bold:after,
.container__title--bold:before {
display: none
}
.container__title--bold .container__title-text,
.container__title--bold .container__title_url-text {
text-align: left;
text-transform: initial;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif, cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 24px;
color: #0c0c0c;
letter-spacing: .6px;
line-height: 30px
}
.container__title--bold .container__title_url-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 2px;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--bold .container__title_url-text:hover {
color: #6e6e6e;
-webkit-text-decoration-line: none;
text-decoration-line: none
}
.container__link:hover .container__banner,
.container__link:hover .container__headline,
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--emphatic:before {
content: unset
}
.container__title--emphatic .container__title-text,
.container__title--emphatic .container__title_url-text {
text-transform: none;
font-size: var(--theme-container-title-emphatic__font-size);
font-weight: var(--theme-section-headline__font-weight);
line-height: var(--theme-container-title-emphatic__line-height);
letter-spacing: 0;
margin-top: 0
}
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
color: var(--theme-link-color-hover);
cursor: pointer
}
.container__kicker {
text-align: center
}
.container__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.container__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.container__kicker .image__container {
background: 0 0
}
.container__kicker .image__metadata {
display: none
}
.container__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.container__item {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.container__item:first-child {
border-top: none;
padding-top: 0
}
.container__item.fill,
.container__item.placeholder {
opacity: .5
}
.container__item .component-selector-wrapper {
position: unset
}
.container__item .interactive-video,
.container__item .interactive-video_inline-small {
margin-top: 0;
margin-bottom: 0
}
.container__item .interactive-video [data-editable=metaCaption],
.container__item .interactive-video_inline-small [data-editable=metaCaption] {
display: none
}
.container__item .interactive-video__player,
.container__item .interactive-video_inline-small__player {
object-position: top
}
.container__item img,
.container__item video {
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.container__item .image,
.container__item .image_inline-small {
margin: 0;
padding: 0;
border: none
}
.container__item .image__caption,
.container__item .image_inline-small__caption {
display: none
}
.container__item .image__credit,
.container__item .image_inline-small__credit {
color: #6e6e6e;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 0;
padding: 0 0 8px;
text-align: right
}
.container__item .image .mini-selector,
.container__item .image_inline-small .mini-selector {
display: none
}
.container__item .interactive-video {
margin: 0;
padding: 0;
border: none
}
.container__item .interactive-video__metadata {
max-width: none;
border-bottom: none;
padding-bottom: 0
}
.container__item .interactive-video__metadata .interactive-video__caption {
line-height: initial;
text-align: right
}
.container__item .interactive-video__metadata .interactive-video__caption .inline-placeholder {
display: none;
height: 0
}
.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
display: block;
padding: 4px 0 8px;
font-size: 10px;
line-height: 12px
}
.container__item .video {
border-bottom: 0;
margin: 0;
padding-bottom: 8px
}
.container__item .video__caption {
display: none
}
.container__item .video__credit {
margin-top: 6px
}
.container__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.container__item-media .image__credit,
.container__item-media .image_sponsorship__credit,
.container__item-media .interactive-video__credit {
visibility: hidden
}
.container__item-media .image__container,
.container__item-media .image_sponsorship__container,
.container__item-media .interactive-video__container {
flex-direction: column;
overflow: hidden;
position: relative
}
.container__item-media .image__container:after,
.container__item-media .image_sponsorship__container:after,
.container__item-media .interactive-video__container:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.container__item-media .image--eq-small~.image__metadata .image__credit,
.container__item-media .image_sponsorship--eq-small~.image__metadata .image__credit,
.container__item-media .interactive-video--eq-small~.image__metadata .image__credit {
line-height: 12px;
padding: 4px;
visibility: visible
}
.container__item-media .image--eq-small~.image__metadata .card__label,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label {
padding: 8px 16px;
letter-spacing: .5px
}
.container__item-media .image--eq-small~.image__metadata .card__label-icon,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label-icon,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label-icon {
width: 16px;
height: 16px
}
.container__item-media .interactive-video__container::after {
position: relative
}
.container.lazy .image__container,
.container.lazy .image_sponsorship__container {
background: #e6e6e6
}
.container__headline {
color: #0c0c0c;
font-family: var(--theme-container__font-family);
font-size: 16px;
font-weight: var(--theme-container__font-weight);
letter-spacing: .5px;
line-height: 22px
}
.container_headline-carousel__headline {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px
}
.container__banner {
color: #0c0c0c;
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
line-height: 22px;
width: calc(100% - 30px)
}
.container__link {
color: unset;
display: inline-block;
width: 100%
}
.container__link:hover img,
.container__link:hover video {
opacity: var(--theme-container-image-opacity--hover);
transition: .2s
}
.container__link:hover .image__container,
.container__link:hover .image_sponsorship__container {
background: var(--theme-container-image-color--hover)
}
.container__link:hover .container__banner,
.container__link:hover .container__headline {
color: var(--theme-container-color--hover);
-webkit-text-decoration-color: var(--theme-container-text-decoration-color--hover);
text-decoration-color: var(--theme-container-text-decoration-color--hover)
}
.container__field-links {
margin: 0;
padding: 0
}
.container__text-label {
font-weight: 700;
display: inline
}
.container__text-label--type-breaking,
.container__text-label--type-live-video,
.container__text-label--type-updates {
color: #d50000
}
.container__text-label--type-audio:not(:empty)::before,
.container__text-label--type-custom-video:not(:empty)::before,
.container__text-label--type-gallery:not(:empty)::before,
.container__text-label--type-podcasts:not(:empty)::before,
.container__text-label--type-video:not(:empty)::before {
width: 20px;
height: 18px;
vertical-align: middle;
display: inline-block
}
.container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio-dark.svg)
}
.container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone-dark.svg)
}
.container__text-label--type-video {
display: none
}
.container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo-dark.svg)
}
.container__text-label--type-custom-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label:not(:empty)::after {
content: ':'
}
.container__text {
display: inline-block;
font-family: var(--theme-font-family);
width: 100%
}
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
display: none;
float: left;
height: 20px;
margin-right: 4px;
margin-top: 2px;
padding-bottom: 3px
}
.container__video-duration {
display: none
}
.container__headline .icon-sig-photo-default,
.container__headline .icon-sig-video,
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
fill: #a4001e
}
.container__description {
display: none
}
.container__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
color: #0c0c0c;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
display: none;
padding-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 22px
}
.container__title_url-sub-text:hover {
color: #6e6e6e
}
.container__title--bulleted-headlines {
display: flex
}
.container__title--bulleted-headlines::before {
display: none
}
.container__title--bulleted-headlines::after {
margin: 0 0 0 8px;
display: block;
position: relative;
top: -4px;
border-top: none;
border-bottom: 1px solid #e6e6e6;
align-self: center;
flex-grow: 2
}
.container__title--bulleted-headlines .container__title-text,
.container__title--bulleted-headlines .container__title_url-text {
margin: 0 0 16px;
width: auto;
letter-spacing: .5px
}
.container.hide {
display: none
}
.container_list-headlines-with-images__item .container__text-label--type-gallery,
.container_list-headlines-with-read-times__item .container__text-label--type-gallery {
display: inline
}
.container_list-headlines-with-images__item .container__text-label--type-video,
.container_list-headlines-with-read-times__item .container__text-label--type-video {
display: none
}
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration {
display: inline-block
}
.container_ribbon .container__text-label--type-custom-video,
.container_ribbon .container__text-label--type-gallery,
.container_ribbon .container__text-label--type-video,
.container_ribbon-left .container__text-label--type-custom-video,
.container_ribbon-left .container__text-label--type-gallery,
.container_ribbon-left .container__text-label--type-video {
display: inline
}
.container_ribbon .container__text-label--type-video .container__text-label--text-content,
.container_ribbon-left .container__text-label--type-video .container__text-label--text-content {
display: none
}
.container_ribbon .container__text-label--type-video:after,
.container_ribbon-left .container__text-label--type-video:after {
content: ''
}
.container_bulleted-headlines__item .container__video-duration-icon,
.container_feature-cards__item .container__video-duration-icon,
.container_grid-2__item .container__video-duration-icon,
.container_grid-3__item .container__video-duration-icon,
.container_grid-4__item .container__video-duration-icon,
.container_lead-package__item .container__video-duration-icon,
.container_lead-plus-headlines-with-images__item .container__video-duration-icon,
.container_lead-plus-headlines__item .container__video-duration-icon,
.container_list-headlines-ranked__item .container__video-duration-icon,
.container_list-headlines-with-images__item .container__video-duration-icon,
.container_list-headlines-with-read-times__item .container__video-duration-icon,
.container_list-headlines__item .container__video-duration-icon,
.container_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: -2px;
padding-bottom: 0;
vertical-align: middle
}
.container_grid-2__item .card--media-card-label-show .card__label-container,
.container_grid-3__item .card--media-card-label-show .card__label-container,
.container_grid-4__item .card--media-card-label-show .card__label-container,
.container_lead-plus-headlines-with-images__item .card--media-card-label-show .card__label-container,
.container_list-images-with-description__item .card--media-card-label-show .card__label-container {
display: block
}
.container_grid-2__item .card__label-container,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-3__item .card__label-container,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-4__item .card__label-container,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_lead-plus-headlines-with-images__item .card__label-container,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_list-images-with-description__item .card__label-container,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video {
display: none
}
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video),
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video),
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video),
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-video,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video),
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-video {
display: inline
}
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
display: inline-block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .card__label-container {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__video-duration--type-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines__item .container__video-duration {
display: inline-block
}
.container_bulleted-headlines__item .icon-sig-video,
.container_feature-cards__item .icon-sig-photo-default,
.container_feature-cards__item .icon-sig-video,
.container_feature-cards__item:nth-child(1) .container__video-duration,
.container_grid-2__item .icon-sig-video,
.container_grid-3__item .icon-sig-video,
.container_grid-4__item .icon-sig-video,
.container_lead-package__item .icon-sig-photo-default,
.container_lead-package__item .icon-sig-video,
.container_lead-package__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines-with-images__item .icon-sig-photo-default,
.container_lead-plus-headlines-with-images__item .icon-sig-video,
.container_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines__item .icon-sig-photo-default,
.container_lead-plus-headlines__item .icon-sig-video,
.container_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.container_list-headlines-ranked__item .icon-sig-video,
.container_list-headlines-with-images__item .icon-sig-video,
.container_list-headlines-with-read-times__item .icon-sig-video,
.container_list-headlines__item .icon-sig-video,
.container_list-images-with-description__item .icon-sig-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration,
.container_list-headlines__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.container_feature-cards__item .container__video-duration,
.container_lead-package__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container .card__label--type-video .card__label-bull-span,
.container_bulleted-headlines .container__text-label--has-duration:not(:empty)::before,
.container_grid-2 .container__text-label--has-duration:not(:empty)::before,
.container_grid-3 .container__text-label--has-duration:not(:empty)::before,
.container_grid-4 .container__text-label--has-duration:not(:empty)::before,
.container_lead-package .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-ranked .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-read-times .container__text-label--has-duration:not(:empty)::before,
.container_list-images-with-description .container__text-label--has-duration:not(:empty)::before {
display: none
}
.container .card__label--type-video .card__label--duration {
display: inline
}
.container .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.container .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.container .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.container .pagination-next,
.container .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.container .pagination-next:hover,
.container .pagination-previous:hover {
background: #e6e6e6
}
.container .pagination-next.disabled,
.container .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.container .pagination-next.disabled::before,
.container .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.container .pagination-next svg,
.container .pagination-previous svg {
margin: 0
}
.container .pagination-next-direction,
.container .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.container .pagination-next::before,
.container .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.container .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.container .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container .pagination-link.active,
.container .pagination-link:active,
.container .pagination-link:focus,
.container .pagination-link:hover {
color: #0c0c0c
}
.container .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.product-zone--t-dark_feature-cards__item .container__video-duration-icon,
.product-zone--t-dark_grid-2__item .container__video-duration-icon,
.product-zone--t-dark_grid-3__item .container__video-duration-icon,
.product-zone--t-dark_grid-4__item .container__video-duration-icon,
.product-zone--t-dark_lead-package__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-images-with-description__item .container__video-duration-icon,
.zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.zone--t-dark_feature-cards__item .container__video-duration-icon,
.zone--t-dark_grid-2__item .container__video-duration-icon,
.zone--t-dark_grid-3__item .container__video-duration-icon,
.zone--t-dark_grid-4__item .container__video-duration-icon,
.zone--t-dark_lead-package__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.zone--t-dark_list-headlines__item .container__video-duration-icon,
.zone--t-dark_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: 2px;
padding-bottom: 0;
vertical-align: -1.5px
}
.container .pagination-link.active:after {
background: #000
}
.container .pagination-link:active:after,
.container .pagination-link:focus:after,
.container .pagination-link:hover:after {
background: #e6e6e6
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text {
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover {
color: #fff;
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow {
fill: #fff;
stroke: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active {
color: #f8f8f8;
border-left-color: #f8f8f8
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow {
fill: #f8f8f8;
stroke: #f8f8f8
}
.product-zone--t-dark_ribbon .container__text-label--type-gallery,
.product-zone--t-dark_ribbon .container__text-label--type-video,
.product-zone--t-dark_ribbon-left .container__text-label--type-gallery,
.product-zone--t-dark_ribbon-left .container__text-label--type-video,
.zone--t-dark_ribbon .container__text-label--type-gallery,
.zone--t-dark_ribbon .container__text-label--type-video,
.zone--t-dark_ribbon-left .container__text-label--type-gallery,
.zone--t-dark_ribbon-left .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .card__label-container,
.product-zone--t-dark_grid-3__item .card__label-container,
.product-zone--t-dark_grid-4__item .card__label-container,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.product-zone--t-dark_list-images-with-description__item .card__label-container,
.zone--t-dark_grid-2__item .card__label-container,
.zone--t-dark_grid-3__item .card__label-container,
.zone--t-dark_grid-4__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_list-images-with-description__item .card__label-container {
display: block
}
.product-zone--t-dark_grid-2__item .card__label-container--hide,
.product-zone--t-dark_grid-2__item .container__text-label,
.product-zone--t-dark_grid-3__item .card__label-container--hide,
.product-zone--t-dark_grid-3__item .container__text-label,
.product-zone--t-dark_grid-4__item .card__label-container--hide,
.product-zone--t-dark_grid-4__item .container__text-label,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.product-zone--t-dark_list-images-with-description__item .card__label-container--hide,
.product-zone--t-dark_list-images-with-description__item .container__text-label,
.zone--t-dark_grid-2__item .card__label-container--hide,
.zone--t-dark_grid-2__item .container__text-label,
.zone--t-dark_grid-3__item .card__label-container--hide,
.zone--t-dark_grid-3__item .container__text-label,
.zone--t-dark_grid-4__item .card__label-container--hide,
.zone--t-dark_grid-4__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_list-images-with-description__item .card__label-container--hide,
.zone--t-dark_list-images-with-description__item .container__text-label {
display: none
}
.product-zone--t-dark_grid-2__item .container__text-label--show,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-3__item .container__text-label--show,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-4__item .container__text-label--show,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-2__item .container__text-label--show,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-3__item .container__text-label--show,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-4__item .container__text-label--show,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_list-images-with-description__item .container__text-label--show,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--type-video,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--type-video,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration--type-video,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show,
.zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label {
display: none
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration {
display: inline-block
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_bulleted-headlines__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--hidden,
.product-zone--t-dark_grid-2__item .icon-sig-video,
.product-zone--t-dark_grid-3__item .container__video-duration--hidden,
.product-zone--t-dark_grid-3__item .icon-sig-video,
.product-zone--t-dark_grid-4__item .container__video-duration--hidden,
.product-zone--t-dark_grid-4__item .icon-sig-video,
.product-zone--t-dark_lead-package__item .icon-sig-video,
.product-zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.product-zone--t-dark_list-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines__item .icon-sig-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.product-zone--t-dark_list-images-with-description__item .icon-sig-video,
.zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.zone--t-dark_bulleted-headlines__item .icon-sig-video,
.zone--t-dark_feature-cards__item .icon-sig-video,
.zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--hidden,
.zone--t-dark_grid-2__item .icon-sig-video,
.zone--t-dark_grid-3__item .container__video-duration--hidden,
.zone--t-dark_grid-3__item .icon-sig-video,
.zone--t-dark_grid-4__item .container__video-duration--hidden,
.zone--t-dark_grid-4__item .icon-sig-video,
.zone--t-dark_lead-package__item .icon-sig-video,
.zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.zone--t-dark_list-headlines__item .container__video-duration--hidden,
.zone--t-dark_list-headlines__item .icon-sig-video,
.zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.zone--t-dark_list-images-with-description__item .icon-sig-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.product-zone--t-dark_feature-cards__item .container__video-duration,
.product-zone--t-dark_lead-package__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration,
.zone--t-dark_feature-cards__item .container__video-duration,
.zone--t-dark_lead-package__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.product-zone--t-dark .card__label--type-video .card__label-bull-span,
.zone--t-dark .card__label--type-video .card__label-bull-span {
display: none
}
.product-zone--t-dark .card__label--type-video .card__label--duration,
.zone--t-dark .card__label--type-video .card__label--duration {
display: inline
}
.product-zone--t-dark .pagination,
.zone--t-dark .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.product-zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.product-zone--t-dark .pagination-next,
.product-zone--t-dark .pagination-previous,
.zone--t-dark .pagination-next,
.zone--t-dark .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.product-zone--t-dark .pagination-next:hover,
.product-zone--t-dark .pagination-previous:hover,
.zone--t-dark .pagination-next:hover,
.zone--t-dark .pagination-previous:hover {
background: #e6e6e6
}
.product-zone--t-dark .pagination-next.disabled,
.product-zone--t-dark .pagination-previous.disabled,
.zone--t-dark .pagination-next.disabled,
.zone--t-dark .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.product-zone--t-dark .pagination-next.disabled::before,
.product-zone--t-dark .pagination-previous.disabled::before,
.zone--t-dark .pagination-next.disabled::before,
.zone--t-dark .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.product-zone--t-dark .pagination-next svg,
.product-zone--t-dark .pagination-previous svg,
.zone--t-dark .pagination-next svg,
.zone--t-dark .pagination-previous svg {
margin: 0
}
.product-zone--t-dark .pagination-next-direction,
.product-zone--t-dark .pagination-previous-direction,
.zone--t-dark .pagination-next-direction,
.zone--t-dark .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.product-zone--t-dark .pagination-next::before,
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.product-zone--t-dark .pagination-links,
.zone--t-dark .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.product-zone--t-dark .pagination-link,
.zone--t-dark .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.product-zone--t-dark .pagination-link.active,
.product-zone--t-dark .pagination-link:active,
.product-zone--t-dark .pagination-link:focus,
.product-zone--t-dark .pagination-link:hover,
.zone--t-dark .pagination-link.active,
.zone--t-dark .pagination-link:active,
.zone--t-dark .pagination-link:focus,
.zone--t-dark .pagination-link:hover {
color: #0c0c0c
}
.product-zone--t-dark .pagination-link:after,
.zone--t-dark .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark .pagination-link.active:after,
.zone--t-dark .pagination-link.active:after {
background: #000
}
.product-zone--t-dark .pagination-link:active:after,
.product-zone--t-dark .pagination-link:focus:after,
.product-zone--t-dark .pagination-link:hover:after,
.zone--t-dark .pagination-link:active:after,
.zone--t-dark .pagination-link:focus:after,
.zone--t-dark .pagination-link:hover:after {
background: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title_url-text {
font-size: 36px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title_url-text {
font-size: 46px;
line-height: 52px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title_url-text {
font-size: 56px;
line-height: 62px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker-text {
font-size: 20px;
line-height: 26px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image {
margin: 0 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title_url-text {
letter-spacing: 0;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title_url-text {
font-size: 32px;
font-weight: 700;
line-height: 38px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title_url-sub-text {
font-size: 14px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a {
flex-wrap: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a p {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
font-size: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
margin-bottom: 4px
}
}
.container_grid-4 {
margin-bottom: 24px
}
.container_grid-4__title {
margin-bottom: var(--theme-container-title__margin-bottom-grid-4)
}
.container_grid-4__field-links {
display: grid;
column-gap: 24px;
row-gap: 24px;
margin-top: 0;
padding: 0;
grid-template-columns: repeat(4, 1fr)
}
.container_grid-4__field-links .container_grid-4__item {
border-top: 0;
margin: 0
}
.container_grid-4__field-links .container_grid-4__item .container_grid-4__headline {
font-weight: 400;
font-size: 16px;
line-height: 20px
}
.container_grid-4__field-links .container_grid-4__item .container_grid-4__text {
margin-top: 0
}
.container_grid-4__field-links.paginated {
row-gap: 0;
margin-top: -32px
}
.container_grid-4__field-links.paginated .card {
overflow: hidden;
transition: opacity .5s;
margin-bottom: 0;
margin-top: 32px
}
.container_grid-4__field-links.paginated .card.hide {
margin-top: 0;
height: 0;
opacity: 0
}
.container__title--underscored {
margin-bottom: 24px
}
.container__title--underscored:before {
display: none;
transition: none
}
.container__title--underscored.hover:hover:before {
transition: none
}
.container__title--underscored .container__title-url {
margin-bottom: 0
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
font-size: 36px;
font-weight: 700;
margin-bottom: 0;
margin-right: 12px;
text-transform: none
}
.container__title--underscored .container__title-text .container__title-underscored-text,
.container__title--underscored .container__title_url-text .container__title-underscored-text {
border-bottom: 6px solid #0c0c0c;
padding: 0;
margin-left: 0;
display: inline-block
}
.container__title--underscored .container__title_url-sub-text {
display: block;
margin: 0
}
.container__title--underscored .container__title_url-sub-text:hover {
text-decoration: none
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_grid-4__field-links {
grid-template-columns: repeat(2, 1fr)
}
}
.bizdev-outbrain {
position: relative;
width: 100%
}
.bizdev-outbrain[data-visible-viewport=desktop] {
margin-bottom: 0
}
.bizdev-outbrain--unfurled {
max-width: 1100px;
margin: 0 auto;
padding: 0 10px
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .bizdev-outbrain[data-visible-viewport=mobile] {
margin-bottom: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .bizdev-outbrain[data-visible-viewport=desktop] {
margin-bottom: 48px
}
}
.container__title--underscored .container_card__title_url-sub-text,
.container__title_url-sub-text {
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.container {
margin-bottom: var(--theme-container-margin-bottom-default);
width: 100%
}
.container:last-child {
margin-bottom: 0
}
.container__title {
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: var(--theme-container-title__margin-bottom)
}
.container__title:after,
.container__title:before {
content: '';
display: block;
left: 0;
position: absolute;
top: 0
}
.container__title-url {
color: inherit;
text-decoration: none
}
.container__title-url .right-arrow {
content: '';
display: inline-block;
fill: var(--theme-container-title__arrow-color--initial);
stroke: var(--theme-container-title__arrow-color--initial);
height: var(--theme-container-title__arrow-size);
margin-left: 8px;
position: relative;
top: var(--theme-container-title__arrow-top-pos);
vertical-align: top;
width: var(--theme-container-title__arrow-size)
}
.container__title.hover:hover .right-arrow {
fill: var(--theme-container-title__arrow-color--hover);
stroke: var(--theme-container-title__arrow-color--hover);
transition: .4s
}
.container__title-text,
.container__title_url-text {
display: inline-block;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: var(--theme-container-title__text-size);
font-weight: 700;
letter-spacing: .5px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin-bottom: 16px;
margin-top: 0
}
.container__title--underscored:before {
display: none;
transition: none
}
.container__title--underscored.hover:hover:before {
transition: none;
width: 16px
}
.container__title--underscored .container__title-url {
align-items: center;
display: inline-flex;
margin-bottom: 24px
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
font-size: 36px;
font-weight: 700;
line-height: 36px;
margin-bottom: 0;
margin-right: 12px;
text-transform: none;
padding-bottom: 0
}
.container__title--underscored:after {
border-top: none
}
.container__title--underscored .container__title_url-text {
width: auto
}
.container__title--underscored .container_card__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.container__title--underscored .container_card__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__kicker-url,
.container__link {
text-decoration: none
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title-text,
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text {
border-left: 6px solid #0c0c0c;
padding-left: 10px
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover {
color: #6e6e6e;
border-left-color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover .right-arrow {
fill: #6e6e6e;
stroke: #6e6e6e;
transition: .4s
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active {
color: #404040;
border-left-color: #404040
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active .right-arrow {
fill: #404040;
stroke: #404040
}
.container__title--bold:after,
.container__title--bold:before {
display: none
}
.container__title--bold .container__title-text,
.container__title--bold .container__title_url-text {
text-align: left;
text-transform: initial;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif, cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 24px;
color: #0c0c0c;
letter-spacing: .6px;
line-height: 30px
}
.container__title--bold .container__title_url-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 2px;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--bold .container__title_url-text:hover {
color: #6e6e6e;
-webkit-text-decoration-line: none;
text-decoration-line: none
}
.container__link:hover .container__banner,
.container__link:hover .container__headline,
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--emphatic:before {
content: unset
}
.container__title--emphatic .container__title-text,
.container__title--emphatic .container__title_url-text {
text-transform: none;
font-size: var(--theme-container-title-emphatic__font-size);
font-weight: var(--theme-section-headline__font-weight);
line-height: var(--theme-container-title-emphatic__line-height);
letter-spacing: 0;
margin-top: 0
}
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
color: var(--theme-link-color-hover);
cursor: pointer
}
.container__kicker {
text-align: center
}
.container__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.container__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.container__kicker .image__container {
background: 0 0
}
.container__kicker .image__metadata {
display: none
}
.container__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.container__item {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.container__item:first-child {
border-top: none;
padding-top: 0
}
.container__item.fill,
.container__item.placeholder {
opacity: .5
}
.container__item .component-selector-wrapper {
position: unset
}
.container__item .interactive-video,
.container__item .interactive-video_inline-small {
margin-top: 0;
margin-bottom: 0
}
.container__item .interactive-video [data-editable=metaCaption],
.container__item .interactive-video_inline-small [data-editable=metaCaption] {
display: none
}
.container__item .interactive-video__player,
.container__item .interactive-video_inline-small__player {
object-position: top
}
.container__item img,
.container__item video {
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.container__item .image,
.container__item .image_inline-small {
margin: 0;
padding: 0;
border: none
}
.container__item .image__caption,
.container__item .image_inline-small__caption {
display: none
}
.container__item .image__credit,
.container__item .image_inline-small__credit {
color: #6e6e6e;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 0;
padding: 0 0 8px;
text-align: right
}
.container__item .image .mini-selector,
.container__item .image_inline-small .mini-selector {
display: none
}
.container__item .interactive-video {
margin: 0;
padding: 0;
border: none
}
.container__item .interactive-video__metadata {
max-width: none;
border-bottom: none;
padding-bottom: 0
}
.container__item .interactive-video__metadata .interactive-video__caption {
line-height: initial;
text-align: right
}
.container__item .interactive-video__metadata .interactive-video__caption .inline-placeholder {
display: none;
height: 0
}
.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
display: block;
padding: 4px 0 8px;
font-size: 10px;
line-height: 12px
}
.container__item .video {
border-bottom: 0;
margin: 0;
padding-bottom: 8px
}
.container__item .video__caption {
display: none
}
.container__item .video__credit {
margin-top: 6px
}
.container__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.container__item-media .image__credit,
.container__item-media .image_sponsorship__credit,
.container__item-media .interactive-video__credit {
visibility: hidden
}
.container__item-media .image__container,
.container__item-media .image_sponsorship__container,
.container__item-media .interactive-video__container {
flex-direction: column;
overflow: hidden;
position: relative
}
.container__item-media .image__container:after,
.container__item-media .image_sponsorship__container:after,
.container__item-media .interactive-video__container:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.container__item-media .image--eq-small~.image__metadata .image__credit,
.container__item-media .image_sponsorship--eq-small~.image__metadata .image__credit,
.container__item-media .interactive-video--eq-small~.image__metadata .image__credit {
line-height: 12px;
padding: 4px;
visibility: visible
}
.container__item-media .image--eq-small~.image__metadata .card__label,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label {
padding: 8px 16px;
letter-spacing: .5px
}
.container__item-media .image--eq-small~.image__metadata .card__label-icon,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label-icon,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label-icon {
width: 16px;
height: 16px
}
.container__item-media .interactive-video__container::after {
position: relative
}
.container.lazy .image__container,
.container.lazy .image_sponsorship__container {
background: #e6e6e6
}
.container__headline {
color: #0c0c0c;
font-family: var(--theme-container__font-family);
font-size: 16px;
font-weight: var(--theme-container__font-weight);
letter-spacing: .5px;
line-height: 22px
}
.container_headline-carousel__headline {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px
}
.container__banner {
color: #0c0c0c;
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
line-height: 22px;
width: calc(100% - 30px)
}
.container__link {
color: unset;
display: inline-block;
width: 100%
}
.container__link:hover img,
.container__link:hover video {
opacity: var(--theme-container-image-opacity--hover);
transition: .2s
}
.container__link:hover .image__container,
.container__link:hover .image_sponsorship__container {
background: var(--theme-container-image-color--hover)
}
.container__link:hover .container__banner,
.container__link:hover .container__headline {
color: var(--theme-container-color--hover);
-webkit-text-decoration-color: var(--theme-container-text-decoration-color--hover);
text-decoration-color: var(--theme-container-text-decoration-color--hover)
}
.container__field-links {
margin: 0;
padding: 0
}
.container__text-label {
font-weight: 700;
display: inline
}
.container__text-label--type-breaking,
.container__text-label--type-live-video,
.container__text-label--type-updates {
color: #d50000
}
.container__text-label--type-audio:not(:empty)::before,
.container__text-label--type-custom-video:not(:empty)::before,
.container__text-label--type-gallery:not(:empty)::before,
.container__text-label--type-podcasts:not(:empty)::before,
.container__text-label--type-video:not(:empty)::before {
width: 20px;
height: 18px;
vertical-align: middle;
display: inline-block
}
.container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio-dark.svg)
}
.container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone-dark.svg)
}
.container__text-label--type-video {
display: none
}
.container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo-dark.svg)
}
.container__text-label--type-custom-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label:not(:empty)::after {
content: ':'
}
.container__text {
display: inline-block;
font-family: var(--theme-font-family);
width: 100%
}
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
display: none;
float: left;
height: 20px;
margin-right: 4px;
margin-top: 2px;
padding-bottom: 3px
}
.container__video-duration {
display: none
}
.container__headline .icon-sig-photo-default,
.container__headline .icon-sig-video,
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
fill: #a4001e
}
.container__description {
display: none
}
.container__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: #0c0c0c;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
display: none;
padding-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 22px
}
.container__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__title--bulleted-headlines {
display: flex
}
.container__title--bulleted-headlines::before {
display: none
}
.container__title--bulleted-headlines::after {
margin: 0 0 0 8px;
display: block;
position: relative;
top: -4px;
border-top: none;
border-bottom: 1px solid #e6e6e6;
align-self: center;
flex-grow: 2
}
.container__title--bulleted-headlines .container__title-text,
.container__title--bulleted-headlines .container__title_url-text {
margin: 0 0 16px;
width: auto;
letter-spacing: .5px
}
.container.hide {
display: none
}
.container_list-headlines-with-images__item .container__text-label--type-gallery,
.container_list-headlines-with-read-times__item .container__text-label--type-gallery {
display: inline
}
.container_list-headlines-with-images__item .container__text-label--type-video,
.container_list-headlines-with-read-times__item .container__text-label--type-video {
display: none
}
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration {
display: inline-block
}
.container_ribbon .container__text-label--type-custom-video,
.container_ribbon .container__text-label--type-gallery,
.container_ribbon .container__text-label--type-video,
.container_ribbon-left .container__text-label--type-custom-video,
.container_ribbon-left .container__text-label--type-gallery,
.container_ribbon-left .container__text-label--type-video {
display: inline
}
.container_ribbon .container__text-label--type-video .container__text-label--text-content,
.container_ribbon-left .container__text-label--type-video .container__text-label--text-content {
display: none
}
.container_ribbon .container__text-label--type-video:after,
.container_ribbon-left .container__text-label--type-video:after {
content: ''
}
.container_bulleted-headlines__item .container__video-duration-icon,
.container_feature-cards__item .container__video-duration-icon,
.container_grid-2__item .container__video-duration-icon,
.container_grid-3__item .container__video-duration-icon,
.container_grid-4__item .container__video-duration-icon,
.container_lead-package__item .container__video-duration-icon,
.container_lead-plus-headlines-with-images__item .container__video-duration-icon,
.container_lead-plus-headlines__item .container__video-duration-icon,
.container_list-headlines-ranked__item .container__video-duration-icon,
.container_list-headlines-with-images__item .container__video-duration-icon,
.container_list-headlines-with-read-times__item .container__video-duration-icon,
.container_list-headlines__item .container__video-duration-icon,
.container_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: -2px;
padding-bottom: 0;
vertical-align: middle
}
.container_grid-2__item .card--media-card-label-show .card__label-container,
.container_grid-3__item .card--media-card-label-show .card__label-container,
.container_grid-4__item .card--media-card-label-show .card__label-container,
.container_lead-plus-headlines-with-images__item .card--media-card-label-show .card__label-container,
.container_list-images-with-description__item .card--media-card-label-show .card__label-container {
display: block
}
.container_grid-2__item .card__label-container,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-3__item .card__label-container,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-4__item .card__label-container,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_lead-plus-headlines-with-images__item .card__label-container,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_list-images-with-description__item .card__label-container,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video {
display: none
}
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video),
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video),
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video),
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-video,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video),
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-video {
display: inline
}
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
display: inline-block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .card__label-container {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__video-duration--type-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines__item .container__video-duration {
display: inline-block
}
.container_bulleted-headlines__item .icon-sig-video,
.container_feature-cards__item .icon-sig-photo-default,
.container_feature-cards__item .icon-sig-video,
.container_feature-cards__item:nth-child(1) .container__video-duration,
.container_grid-2__item .icon-sig-video,
.container_grid-3__item .icon-sig-video,
.container_grid-4__item .icon-sig-video,
.container_lead-package__item .icon-sig-photo-default,
.container_lead-package__item .icon-sig-video,
.container_lead-package__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines-with-images__item .icon-sig-photo-default,
.container_lead-plus-headlines-with-images__item .icon-sig-video,
.container_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines__item .icon-sig-photo-default,
.container_lead-plus-headlines__item .icon-sig-video,
.container_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.container_list-headlines-ranked__item .icon-sig-video,
.container_list-headlines-with-images__item .icon-sig-video,
.container_list-headlines-with-read-times__item .icon-sig-video,
.container_list-headlines__item .icon-sig-video,
.container_list-images-with-description__item .icon-sig-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration,
.container_list-headlines__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.container_feature-cards__item .container__video-duration,
.container_lead-package__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container .card__label--type-video .card__label-bull-span,
.container_bulleted-headlines .container__text-label--has-duration:not(:empty)::before,
.container_grid-2 .container__text-label--has-duration:not(:empty)::before,
.container_grid-3 .container__text-label--has-duration:not(:empty)::before,
.container_grid-4 .container__text-label--has-duration:not(:empty)::before,
.container_lead-package .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-ranked .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-read-times .container__text-label--has-duration:not(:empty)::before,
.container_list-images-with-description .container__text-label--has-duration:not(:empty)::before {
display: none
}
.container .card__label--type-video .card__label--duration {
display: inline
}
.container .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.container .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.container .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.container .pagination-next,
.container .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.container .pagination-next:hover,
.container .pagination-previous:hover {
background: #e6e6e6
}
.container .pagination-next.disabled,
.container .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.container .pagination-next.disabled::before,
.container .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.container .pagination-next svg,
.container .pagination-previous svg {
margin: 0
}
.container .pagination-next-direction,
.container .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.container .pagination-next::before,
.container .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.container .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.container .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container .pagination-link.active,
.container .pagination-link:active,
.container .pagination-link:focus,
.container .pagination-link:hover {
color: #0c0c0c
}
.container .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.product-zone--t-dark_feature-cards__item .container__video-duration-icon,
.product-zone--t-dark_grid-2__item .container__video-duration-icon,
.product-zone--t-dark_grid-3__item .container__video-duration-icon,
.product-zone--t-dark_grid-4__item .container__video-duration-icon,
.product-zone--t-dark_lead-package__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-images-with-description__item .container__video-duration-icon,
.zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.zone--t-dark_feature-cards__item .container__video-duration-icon,
.zone--t-dark_grid-2__item .container__video-duration-icon,
.zone--t-dark_grid-3__item .container__video-duration-icon,
.zone--t-dark_grid-4__item .container__video-duration-icon,
.zone--t-dark_lead-package__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.zone--t-dark_list-headlines__item .container__video-duration-icon,
.zone--t-dark_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: 2px;
padding-bottom: 0;
vertical-align: -1.5px
}
.container .pagination-link.active:after {
background: #000
}
.container .pagination-link:active:after,
.container .pagination-link:focus:after,
.container .pagination-link:hover:after {
background: #e6e6e6
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text {
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover {
color: #fff;
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow {
fill: #fff;
stroke: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active {
color: #f8f8f8;
border-left-color: #f8f8f8
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow {
fill: #f8f8f8;
stroke: #f8f8f8
}
.product-zone--t-dark_ribbon .container__text-label--type-gallery,
.product-zone--t-dark_ribbon .container__text-label--type-video,
.product-zone--t-dark_ribbon-left .container__text-label--type-gallery,
.product-zone--t-dark_ribbon-left .container__text-label--type-video,
.zone--t-dark_ribbon .container__text-label--type-gallery,
.zone--t-dark_ribbon .container__text-label--type-video,
.zone--t-dark_ribbon-left .container__text-label--type-gallery,
.zone--t-dark_ribbon-left .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .card__label-container,
.product-zone--t-dark_grid-3__item .card__label-container,
.product-zone--t-dark_grid-4__item .card__label-container,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.product-zone--t-dark_list-images-with-description__item .card__label-container,
.zone--t-dark_grid-2__item .card__label-container,
.zone--t-dark_grid-3__item .card__label-container,
.zone--t-dark_grid-4__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_list-images-with-description__item .card__label-container {
display: block
}
.product-zone--t-dark_grid-2__item .card__label-container--hide,
.product-zone--t-dark_grid-2__item .container__text-label,
.product-zone--t-dark_grid-3__item .card__label-container--hide,
.product-zone--t-dark_grid-3__item .container__text-label,
.product-zone--t-dark_grid-4__item .card__label-container--hide,
.product-zone--t-dark_grid-4__item .container__text-label,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.product-zone--t-dark_list-images-with-description__item .card__label-container--hide,
.product-zone--t-dark_list-images-with-description__item .container__text-label,
.zone--t-dark_grid-2__item .card__label-container--hide,
.zone--t-dark_grid-2__item .container__text-label,
.zone--t-dark_grid-3__item .card__label-container--hide,
.zone--t-dark_grid-3__item .container__text-label,
.zone--t-dark_grid-4__item .card__label-container--hide,
.zone--t-dark_grid-4__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_list-images-with-description__item .card__label-container--hide,
.zone--t-dark_list-images-with-description__item .container__text-label {
display: none
}
.product-zone--t-dark_grid-2__item .container__text-label--show,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-3__item .container__text-label--show,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-4__item .container__text-label--show,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-2__item .container__text-label--show,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-3__item .container__text-label--show,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-4__item .container__text-label--show,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_list-images-with-description__item .container__text-label--show,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--type-video,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--type-video,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration--type-video,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show,
.zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label {
display: none
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration {
display: inline-block
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_bulleted-headlines__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--hidden,
.product-zone--t-dark_grid-2__item .icon-sig-video,
.product-zone--t-dark_grid-3__item .container__video-duration--hidden,
.product-zone--t-dark_grid-3__item .icon-sig-video,
.product-zone--t-dark_grid-4__item .container__video-duration--hidden,
.product-zone--t-dark_grid-4__item .icon-sig-video,
.product-zone--t-dark_lead-package__item .icon-sig-video,
.product-zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.product-zone--t-dark_list-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines__item .icon-sig-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.product-zone--t-dark_list-images-with-description__item .icon-sig-video,
.zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.zone--t-dark_bulleted-headlines__item .icon-sig-video,
.zone--t-dark_feature-cards__item .icon-sig-video,
.zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--hidden,
.zone--t-dark_grid-2__item .icon-sig-video,
.zone--t-dark_grid-3__item .container__video-duration--hidden,
.zone--t-dark_grid-3__item .icon-sig-video,
.zone--t-dark_grid-4__item .container__video-duration--hidden,
.zone--t-dark_grid-4__item .icon-sig-video,
.zone--t-dark_lead-package__item .icon-sig-video,
.zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.zone--t-dark_list-headlines__item .container__video-duration--hidden,
.zone--t-dark_list-headlines__item .icon-sig-video,
.zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.zone--t-dark_list-images-with-description__item .icon-sig-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.product-zone--t-dark_feature-cards__item .container__video-duration,
.product-zone--t-dark_lead-package__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration,
.zone--t-dark_feature-cards__item .container__video-duration,
.zone--t-dark_lead-package__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container_lead-package__item-media-wrapper:not(.card--media-large) .interactive-video__metadata,
.product-zone--t-dark .card__label--type-video .card__label-bull-span,
.zone--t-dark .card__label--type-video .card__label-bull-span {
display: none
}
.product-zone--t-dark .card__label--type-video .card__label--duration,
.zone--t-dark .card__label--type-video .card__label--duration {
display: inline
}
.product-zone--t-dark .pagination,
.zone--t-dark .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.product-zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.product-zone--t-dark .pagination-next,
.product-zone--t-dark .pagination-previous,
.zone--t-dark .pagination-next,
.zone--t-dark .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.product-zone--t-dark .pagination-next:hover,
.product-zone--t-dark .pagination-previous:hover,
.zone--t-dark .pagination-next:hover,
.zone--t-dark .pagination-previous:hover {
background: #e6e6e6
}
.product-zone--t-dark .pagination-next.disabled,
.product-zone--t-dark .pagination-previous.disabled,
.zone--t-dark .pagination-next.disabled,
.zone--t-dark .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.product-zone--t-dark .pagination-next.disabled::before,
.product-zone--t-dark .pagination-previous.disabled::before,
.zone--t-dark .pagination-next.disabled::before,
.zone--t-dark .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.product-zone--t-dark .pagination-next svg,
.product-zone--t-dark .pagination-previous svg,
.zone--t-dark .pagination-next svg,
.zone--t-dark .pagination-previous svg {
margin: 0
}
.product-zone--t-dark .pagination-next-direction,
.product-zone--t-dark .pagination-previous-direction,
.zone--t-dark .pagination-next-direction,
.zone--t-dark .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.product-zone--t-dark .pagination-next::before,
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.product-zone--t-dark .pagination-links,
.zone--t-dark .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.product-zone--t-dark .pagination-link,
.zone--t-dark .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.product-zone--t-dark .pagination-link.active,
.product-zone--t-dark .pagination-link:active,
.product-zone--t-dark .pagination-link:focus,
.product-zone--t-dark .pagination-link:hover,
.zone--t-dark .pagination-link.active,
.zone--t-dark .pagination-link:active,
.zone--t-dark .pagination-link:focus,
.zone--t-dark .pagination-link:hover {
color: #0c0c0c
}
.product-zone--t-dark .pagination-link:after,
.zone--t-dark .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark .pagination-link.active:after,
.zone--t-dark .pagination-link.active:after {
background: #000
}
.product-zone--t-dark .pagination-link:active:after,
.product-zone--t-dark .pagination-link:focus:after,
.product-zone--t-dark .pagination-link:hover:after,
.zone--t-dark .pagination-link:active:after,
.zone--t-dark .pagination-link:focus:after,
.zone--t-dark .pagination-link:hover:after {
background: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title_url-text {
font-size: 36px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title_url-text {
font-size: 46px;
line-height: 52px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title_url-text {
font-size: 56px;
line-height: 62px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker-text {
font-size: 20px;
line-height: 26px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image {
margin: 0 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title_url-text {
letter-spacing: 0;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title_url-text {
font-size: 32px;
font-weight: 700;
line-height: 38px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title_url-sub-text {
font-size: 14px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a {
flex-wrap: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a p {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
font-size: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
margin-bottom: 4px
}
}
.container_lead-package {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.container_lead-package__ads .ad-slot.adSlotLoaded {
padding: 0 0 24px
}
.container_lead-package__item,
.container_lead-package__text:not(:first-child) {
padding: 0;
margin: 0
}
.container_lead-package__item .interactive-video__metadata {
border-bottom: 0;
text-align: right
}
.container_lead-package__item .interactive-video__metadata .interactive-video__caption {
font-size: 10px;
line-height: 12px;
color: #6e6e6e
}
.container_lead-package__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
font-size: 10px
}
.container_lead-package__item .container_lead-package__link {
display: inline-block
}
.container_lead-package__item:not(:first-child) {
margin-left: 24px
}
.container_lead-package__item:not(:first-child) .container_lead-package__link .container_lead-package__text {
display: list-item;
list-style-type: initial;
clear: both
}
.container_lead-package__item:not(:last-child) {
padding: 0 0 12px
}
.container_lead-package__item:nth-child(1) .container_lead-package__link:first-child {
display: block
}
.container_lead-package__item:nth-child(1) .container_lead-package__text-label {
display: none
}
.container_lead-package__item:nth-child(1) .container_lead-package__headline {
font-size: 20px;
line-height: 26px;
font-weight: 500 !important;
letter-spacing: 0
}
.container_lead-package__item:nth-child(1) .image__credit,
.container_lead-package__item:nth-child(1) .image_sponsorship__credit {
padding: 4px 0
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-package .container__title--emphatic {
margin-top: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-package .container__kicker~.container__title--emphatic {
margin-top: 8px
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-package__item:nth-child(1) .container_lead-package__banner {
font-size: 36px;
line-height: 42px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_lead-package:nth-child(n+4) {
margin-top: 48px
}
}
.container__title--underscored .container_card__title_url-sub-text,
.container__title_url-sub-text {
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.container {
margin-bottom: var(--theme-container-margin-bottom-default);
width: 100%
}
.container:last-child {
margin-bottom: 0
}
.container__title {
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: var(--theme-container-title__margin-bottom)
}
.container__title:after,
.container__title:before {
content: '';
display: block;
left: 0;
position: absolute;
top: 0
}
.container__title-url {
color: inherit;
text-decoration: none
}
.container__title-url .right-arrow {
content: '';
display: inline-block;
fill: var(--theme-container-title__arrow-color--initial);
stroke: var(--theme-container-title__arrow-color--initial);
height: var(--theme-container-title__arrow-size);
margin-left: 8px;
position: relative;
top: var(--theme-container-title__arrow-top-pos);
vertical-align: top;
width: var(--theme-container-title__arrow-size)
}
.container__title.hover:hover .right-arrow {
fill: var(--theme-container-title__arrow-color--hover);
stroke: var(--theme-container-title__arrow-color--hover);
transition: .4s
}
.container__title-text,
.container__title_url-text {
display: inline-block;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: var(--theme-container-title__text-size);
font-weight: 700;
letter-spacing: .5px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin-bottom: 16px;
margin-top: 0
}
.container__title--underscored .container_card__title_url-sub-text:hover,
.container__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration)
}
.container__title--underscored.hover:hover:before {
width: 16px
}
.container__title--underscored .container__title-url {
align-items: center;
display: inline-flex
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
line-height: 36px;
padding-bottom: 0
}
.container__title--underscored:after {
border-top: none
}
.container__title--underscored .container__title_url-text {
width: auto
}
.container__title--underscored .container_card__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.container__title--underscored .container_card__title_url-sub-text:hover {
color: #6e6e6e
}
.container__kicker-url,
.container__link {
text-decoration: none
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title-text,
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text {
border-left: 6px solid #0c0c0c;
padding-left: 10px
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover {
color: #6e6e6e;
border-left-color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover .right-arrow {
fill: #6e6e6e;
stroke: #6e6e6e;
transition: .4s
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active {
color: #404040;
border-left-color: #404040
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active .right-arrow {
fill: #404040;
stroke: #404040
}
.container__title--bold:after,
.container__title--bold:before {
display: none
}
.container__title--bold .container__title-text,
.container__title--bold .container__title_url-text {
text-align: left;
text-transform: initial;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif, cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 24px;
color: #0c0c0c;
letter-spacing: .6px;
line-height: 30px
}
.container__title--bold .container__title_url-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 2px;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--bold .container__title_url-text:hover {
color: #6e6e6e;
-webkit-text-decoration-line: none;
text-decoration-line: none
}
.container__link:hover .container__banner,
.container__link:hover .container__headline,
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--emphatic:before {
content: unset
}
.container__title--emphatic .container__title-text,
.container__title--emphatic .container__title_url-text {
text-transform: none;
font-size: var(--theme-container-title-emphatic__font-size);
font-weight: var(--theme-section-headline__font-weight);
line-height: var(--theme-container-title-emphatic__line-height);
letter-spacing: 0;
margin-top: 0
}
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
color: var(--theme-link-color-hover);
cursor: pointer
}
.container__kicker {
text-align: center
}
.container__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.container__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.container__kicker .image__container {
background: 0 0
}
.container__kicker .image__metadata {
display: none
}
.container__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.container__item {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.container__item:first-child {
border-top: none;
padding-top: 0
}
.container__item.fill,
.container__item.placeholder {
opacity: .5
}
.container__item .component-selector-wrapper {
position: unset
}
.container__item .interactive-video,
.container__item .interactive-video_inline-small {
margin-top: 0;
margin-bottom: 0
}
.container__item .interactive-video [data-editable=metaCaption],
.container__item .interactive-video_inline-small [data-editable=metaCaption] {
display: none
}
.container__item .interactive-video__player,
.container__item .interactive-video_inline-small__player {
object-position: top
}
.container__item img,
.container__item video {
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.container__item .image,
.container__item .image_inline-small {
margin: 0;
padding: 0;
border: none
}
.container__item .image__caption,
.container__item .image_inline-small__caption {
display: none
}
.container__item .image__credit,
.container__item .image_inline-small__credit {
color: #6e6e6e;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 0;
padding: 0 0 8px;
text-align: right
}
.container__item .image .mini-selector,
.container__item .image_inline-small .mini-selector {
display: none
}
.container__item .interactive-video {
margin: 0;
padding: 0;
border: none
}
.container__item .interactive-video__metadata {
max-width: none;
border-bottom: none;
padding-bottom: 0
}
.container__item .interactive-video__metadata .interactive-video__caption {
line-height: initial;
text-align: right
}
.container__item .interactive-video__metadata .interactive-video__caption .inline-placeholder {
display: none;
height: 0
}
.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
display: block;
padding: 4px 0 8px;
font-size: 10px;
line-height: 12px
}
.container__item .video {
border-bottom: 0;
margin: 0;
padding-bottom: 8px
}
.container__item .video__caption {
display: none
}
.container__item .video__credit {
margin-top: 6px
}
.container__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.container__item-media .image__credit,
.container__item-media .image_sponsorship__credit,
.container__item-media .interactive-video__credit {
visibility: hidden
}
.container__item-media .image__container,
.container__item-media .image_sponsorship__container,
.container__item-media .interactive-video__container {
flex-direction: column;
overflow: hidden;
position: relative
}
.container__item-media .image__container:after,
.container__item-media .image_sponsorship__container:after,
.container__item-media .interactive-video__container:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.container__item-media .image--eq-small~.image__metadata .image__credit,
.container__item-media .image_sponsorship--eq-small~.image__metadata .image__credit,
.container__item-media .interactive-video--eq-small~.image__metadata .image__credit {
line-height: 12px;
padding: 4px;
visibility: visible
}
.container__item-media .image--eq-small~.image__metadata .card__label,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label {
padding: 8px 16px;
letter-spacing: .5px
}
.container__item-media .image--eq-small~.image__metadata .card__label-icon,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label-icon,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label-icon {
width: 16px;
height: 16px
}
.container__item-media .interactive-video__container::after {
position: relative
}
.container.lazy .image__container,
.container.lazy .image_sponsorship__container {
background: #e6e6e6
}
.container__headline {
color: #0c0c0c;
font-family: var(--theme-container__font-family);
font-size: 16px;
font-weight: var(--theme-container__font-weight);
letter-spacing: .5px;
line-height: 22px
}
.container_headline-carousel__headline {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px
}
.container__banner {
color: #0c0c0c;
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
line-height: 22px;
width: calc(100% - 30px)
}
.container__link {
color: unset;
display: inline-block;
width: 100%
}
.container__link:hover img,
.container__link:hover video {
opacity: var(--theme-container-image-opacity--hover);
transition: .2s
}
.container__link:hover .image__container,
.container__link:hover .image_sponsorship__container {
background: var(--theme-container-image-color--hover)
}
.container__link:hover .container__banner,
.container__link:hover .container__headline {
color: var(--theme-container-color--hover);
-webkit-text-decoration-color: var(--theme-container-text-decoration-color--hover);
text-decoration-color: var(--theme-container-text-decoration-color--hover)
}
.container__field-links {
margin: 0;
padding: 0
}
.container__text-label {
font-weight: 700;
display: inline
}
.container__text-label--type-breaking,
.container__text-label--type-live-video,
.container__text-label--type-updates {
color: #d50000
}
.container__text-label--type-audio:not(:empty)::before,
.container__text-label--type-custom-video:not(:empty)::before,
.container__text-label--type-gallery:not(:empty)::before,
.container__text-label--type-podcasts:not(:empty)::before,
.container__text-label--type-video:not(:empty)::before {
width: 20px;
height: 18px;
vertical-align: middle;
display: inline-block
}
.container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio-dark.svg)
}
.container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone-dark.svg)
}
.container__text-label--type-video {
display: none
}
.container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo-dark.svg)
}
.container__text-label--type-custom-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label:not(:empty)::after {
content: ':'
}
.container__text {
display: inline-block;
font-family: var(--theme-font-family);
width: 100%
}
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
display: none;
float: left;
height: 20px;
margin-right: 4px;
margin-top: 2px;
padding-bottom: 3px
}
.container__video-duration {
display: none
}
.container__headline .icon-sig-photo-default,
.container__headline .icon-sig-video,
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
fill: #a4001e
}
.container__description {
display: none
}
.container__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
color: #0c0c0c;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
display: none;
padding-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 22px
}
.container__title_url-sub-text:hover {
color: #6e6e6e
}
.container__title--bulleted-headlines {
display: flex
}
.container__title--bulleted-headlines::before {
display: none
}
.container__title--bulleted-headlines::after {
margin: 0 0 0 8px;
display: block;
position: relative;
top: -4px;
border-top: none;
border-bottom: 1px solid #e6e6e6;
align-self: center;
flex-grow: 2
}
.container__title--bulleted-headlines .container__title-text,
.container__title--bulleted-headlines .container__title_url-text {
margin: 0 0 16px;
width: auto;
letter-spacing: .5px
}
.container.hide {
display: none
}
.container_list-headlines-with-images__item .container__text-label--type-gallery,
.container_list-headlines-with-read-times__item .container__text-label--type-gallery {
display: inline
}
.container_list-headlines-with-images__item .container__text-label--type-video,
.container_list-headlines-with-read-times__item .container__text-label--type-video {
display: none
}
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration {
display: inline-block
}
.container_ribbon .container__text-label--type-custom-video,
.container_ribbon .container__text-label--type-gallery,
.container_ribbon .container__text-label--type-video,
.container_ribbon-left .container__text-label--type-custom-video,
.container_ribbon-left .container__text-label--type-gallery,
.container_ribbon-left .container__text-label--type-video {
display: inline
}
.container_ribbon .container__text-label--type-video .container__text-label--text-content,
.container_ribbon-left .container__text-label--type-video .container__text-label--text-content {
display: none
}
.container_ribbon .container__text-label--type-video:after,
.container_ribbon-left .container__text-label--type-video:after {
content: ''
}
.container_bulleted-headlines__item .container__video-duration-icon,
.container_feature-cards__item .container__video-duration-icon,
.container_grid-2__item .container__video-duration-icon,
.container_grid-3__item .container__video-duration-icon,
.container_grid-4__item .container__video-duration-icon,
.container_lead-package__item .container__video-duration-icon,
.container_lead-plus-headlines-with-images__item .container__video-duration-icon,
.container_lead-plus-headlines__item .container__video-duration-icon,
.container_list-headlines-ranked__item .container__video-duration-icon,
.container_list-headlines-with-images__item .container__video-duration-icon,
.container_list-headlines-with-read-times__item .container__video-duration-icon,
.container_list-headlines__item .container__video-duration-icon,
.container_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: -2px;
padding-bottom: 0;
vertical-align: middle
}
.container_grid-2__item .card--media-card-label-show .card__label-container,
.container_grid-3__item .card--media-card-label-show .card__label-container,
.container_grid-4__item .card--media-card-label-show .card__label-container,
.container_lead-plus-headlines-with-images__item .card--media-card-label-show .card__label-container,
.container_list-images-with-description__item .card--media-card-label-show .card__label-container {
display: block
}
.container_grid-2__item .card__label-container,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-3__item .card__label-container,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-4__item .card__label-container,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_lead-plus-headlines-with-images__item .card__label-container,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_list-images-with-description__item .card__label-container,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video {
display: none
}
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video),
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video),
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video),
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-video,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video),
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-video {
display: inline
}
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
display: inline-block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .card__label-container {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__video-duration--type-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines__item .container__video-duration {
display: inline-block
}
.container_bulleted-headlines__item .icon-sig-video,
.container_feature-cards__item .icon-sig-photo-default,
.container_feature-cards__item .icon-sig-video,
.container_feature-cards__item:nth-child(1) .container__video-duration,
.container_grid-2__item .icon-sig-video,
.container_grid-3__item .icon-sig-video,
.container_grid-4__item .icon-sig-video,
.container_lead-package__item .icon-sig-photo-default,
.container_lead-package__item .icon-sig-video,
.container_lead-package__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines-with-images__item .icon-sig-photo-default,
.container_lead-plus-headlines-with-images__item .icon-sig-video,
.container_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines__item .icon-sig-photo-default,
.container_lead-plus-headlines__item .icon-sig-video,
.container_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.container_list-headlines-ranked__item .icon-sig-video,
.container_list-headlines-with-images__item .icon-sig-video,
.container_list-headlines-with-read-times__item .icon-sig-video,
.container_list-headlines__item .icon-sig-video,
.container_list-images-with-description__item .icon-sig-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration,
.container_list-headlines__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.container_feature-cards__item .container__video-duration,
.container_lead-package__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container .card__label--type-video .card__label-bull-span,
.container_bulleted-headlines .container__text-label--has-duration:not(:empty)::before,
.container_grid-2 .container__text-label--has-duration:not(:empty)::before,
.container_grid-3 .container__text-label--has-duration:not(:empty)::before,
.container_grid-4 .container__text-label--has-duration:not(:empty)::before,
.container_lead-package .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-ranked .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-read-times .container__text-label--has-duration:not(:empty)::before,
.container_list-images-with-description .container__text-label--has-duration:not(:empty)::before {
display: none
}
.container .card__label--type-video .card__label--duration {
display: inline
}
.container .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.container .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.container .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.container .pagination-next,
.container .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.container .pagination-next:hover,
.container .pagination-previous:hover {
background: #e6e6e6
}
.container .pagination-next.disabled,
.container .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.container .pagination-next.disabled::before,
.container .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.container .pagination-next svg,
.container .pagination-previous svg {
margin: 0
}
.container .pagination-next-direction,
.container .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.container .pagination-next::before,
.container .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.container .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.container .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container .pagination-link.active,
.container .pagination-link:active,
.container .pagination-link:focus,
.container .pagination-link:hover {
color: #0c0c0c
}
.container .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.product-zone--t-dark_feature-cards__item .container__video-duration-icon,
.product-zone--t-dark_grid-2__item .container__video-duration-icon,
.product-zone--t-dark_grid-3__item .container__video-duration-icon,
.product-zone--t-dark_grid-4__item .container__video-duration-icon,
.product-zone--t-dark_lead-package__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-images-with-description__item .container__video-duration-icon,
.zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.zone--t-dark_feature-cards__item .container__video-duration-icon,
.zone--t-dark_grid-2__item .container__video-duration-icon,
.zone--t-dark_grid-3__item .container__video-duration-icon,
.zone--t-dark_grid-4__item .container__video-duration-icon,
.zone--t-dark_lead-package__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.zone--t-dark_list-headlines__item .container__video-duration-icon,
.zone--t-dark_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: 2px;
padding-bottom: 0;
vertical-align: -1.5px
}
.container .pagination-link.active:after {
background: #000
}
.container .pagination-link:active:after,
.container .pagination-link:focus:after,
.container .pagination-link:hover:after {
background: #e6e6e6
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text {
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover {
color: #fff;
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow {
fill: #fff;
stroke: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active {
color: #f8f8f8;
border-left-color: #f8f8f8
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow {
fill: #f8f8f8;
stroke: #f8f8f8
}
.product-zone--t-dark_ribbon .container__text-label--type-gallery,
.product-zone--t-dark_ribbon .container__text-label--type-video,
.product-zone--t-dark_ribbon-left .container__text-label--type-gallery,
.product-zone--t-dark_ribbon-left .container__text-label--type-video,
.zone--t-dark_ribbon .container__text-label--type-gallery,
.zone--t-dark_ribbon .container__text-label--type-video,
.zone--t-dark_ribbon-left .container__text-label--type-gallery,
.zone--t-dark_ribbon-left .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .card__label-container,
.product-zone--t-dark_grid-3__item .card__label-container,
.product-zone--t-dark_grid-4__item .card__label-container,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.product-zone--t-dark_list-images-with-description__item .card__label-container,
.zone--t-dark_grid-2__item .card__label-container,
.zone--t-dark_grid-3__item .card__label-container,
.zone--t-dark_grid-4__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_list-images-with-description__item .card__label-container {
display: block
}
.product-zone--t-dark_grid-2__item .card__label-container--hide,
.product-zone--t-dark_grid-2__item .container__text-label,
.product-zone--t-dark_grid-3__item .card__label-container--hide,
.product-zone--t-dark_grid-3__item .container__text-label,
.product-zone--t-dark_grid-4__item .card__label-container--hide,
.product-zone--t-dark_grid-4__item .container__text-label,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.product-zone--t-dark_list-images-with-description__item .card__label-container--hide,
.product-zone--t-dark_list-images-with-description__item .container__text-label,
.zone--t-dark_grid-2__item .card__label-container--hide,
.zone--t-dark_grid-2__item .container__text-label,
.zone--t-dark_grid-3__item .card__label-container--hide,
.zone--t-dark_grid-3__item .container__text-label,
.zone--t-dark_grid-4__item .card__label-container--hide,
.zone--t-dark_grid-4__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_list-images-with-description__item .card__label-container--hide,
.zone--t-dark_list-images-with-description__item .container__text-label {
display: none
}
.product-zone--t-dark_grid-2__item .container__text-label--show,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-3__item .container__text-label--show,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-4__item .container__text-label--show,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-2__item .container__text-label--show,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-3__item .container__text-label--show,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-4__item .container__text-label--show,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_list-images-with-description__item .container__text-label--show,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--type-video,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--type-video,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration--type-video,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show,
.zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label {
display: none
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration {
display: inline-block
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_bulleted-headlines__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--hidden,
.product-zone--t-dark_grid-2__item .icon-sig-video,
.product-zone--t-dark_grid-3__item .container__video-duration--hidden,
.product-zone--t-dark_grid-3__item .icon-sig-video,
.product-zone--t-dark_grid-4__item .container__video-duration--hidden,
.product-zone--t-dark_grid-4__item .icon-sig-video,
.product-zone--t-dark_lead-package__item .icon-sig-video,
.product-zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.product-zone--t-dark_list-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines__item .icon-sig-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.product-zone--t-dark_list-images-with-description__item .icon-sig-video,
.zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.zone--t-dark_bulleted-headlines__item .icon-sig-video,
.zone--t-dark_feature-cards__item .icon-sig-video,
.zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--hidden,
.zone--t-dark_grid-2__item .icon-sig-video,
.zone--t-dark_grid-3__item .container__video-duration--hidden,
.zone--t-dark_grid-3__item .icon-sig-video,
.zone--t-dark_grid-4__item .container__video-duration--hidden,
.zone--t-dark_grid-4__item .icon-sig-video,
.zone--t-dark_lead-package__item .icon-sig-video,
.zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.zone--t-dark_list-headlines__item .container__video-duration--hidden,
.zone--t-dark_list-headlines__item .icon-sig-video,
.zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.zone--t-dark_list-images-with-description__item .icon-sig-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.product-zone--t-dark_feature-cards__item .container__video-duration,
.product-zone--t-dark_lead-package__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration,
.zone--t-dark_feature-cards__item .container__video-duration,
.zone--t-dark_lead-package__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.product-zone--t-dark .card__label--type-video .card__label-bull-span,
.zone--t-dark .card__label--type-video .card__label-bull-span {
display: none
}
.product-zone--t-dark .card__label--type-video .card__label--duration,
.zone--t-dark .card__label--type-video .card__label--duration {
display: inline
}
.product-zone--t-dark .pagination,
.zone--t-dark .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.product-zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.product-zone--t-dark .pagination-next,
.product-zone--t-dark .pagination-previous,
.zone--t-dark .pagination-next,
.zone--t-dark .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.product-zone--t-dark .pagination-next:hover,
.product-zone--t-dark .pagination-previous:hover,
.zone--t-dark .pagination-next:hover,
.zone--t-dark .pagination-previous:hover {
background: #e6e6e6
}
.product-zone--t-dark .pagination-next.disabled,
.product-zone--t-dark .pagination-previous.disabled,
.zone--t-dark .pagination-next.disabled,
.zone--t-dark .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.product-zone--t-dark .pagination-next.disabled::before,
.product-zone--t-dark .pagination-previous.disabled::before,
.zone--t-dark .pagination-next.disabled::before,
.zone--t-dark .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.product-zone--t-dark .pagination-next svg,
.product-zone--t-dark .pagination-previous svg,
.zone--t-dark .pagination-next svg,
.zone--t-dark .pagination-previous svg {
margin: 0
}
.product-zone--t-dark .pagination-next-direction,
.product-zone--t-dark .pagination-previous-direction,
.zone--t-dark .pagination-next-direction,
.zone--t-dark .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.product-zone--t-dark .pagination-next::before,
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.product-zone--t-dark .pagination-links,
.zone--t-dark .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.product-zone--t-dark .pagination-link,
.zone--t-dark .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.product-zone--t-dark .pagination-link.active,
.product-zone--t-dark .pagination-link:active,
.product-zone--t-dark .pagination-link:focus,
.product-zone--t-dark .pagination-link:hover,
.zone--t-dark .pagination-link.active,
.zone--t-dark .pagination-link:active,
.zone--t-dark .pagination-link:focus,
.zone--t-dark .pagination-link:hover {
color: #0c0c0c
}
.product-zone--t-dark .pagination-link:after,
.zone--t-dark .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark .pagination-link.active:after,
.zone--t-dark .pagination-link.active:after {
background: #000
}
.product-zone--t-dark .pagination-link:active:after,
.product-zone--t-dark .pagination-link:focus:after,
.product-zone--t-dark .pagination-link:hover:after,
.zone--t-dark .pagination-link:active:after,
.zone--t-dark .pagination-link:focus:after,
.zone--t-dark .pagination-link:hover:after {
background: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title_url-text {
font-size: 36px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title_url-text {
font-size: 46px;
line-height: 52px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title_url-text {
font-size: 56px;
line-height: 62px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker-text {
font-size: 20px;
line-height: 26px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image {
margin: 0 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title_url-text {
letter-spacing: 0;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title_url-text {
font-size: 32px;
font-weight: 700;
line-height: 38px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title_url-sub-text {
font-size: 14px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a {
flex-wrap: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a p {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
font-size: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
margin-bottom: 4px
}
}
.container_grid-3 {
margin-bottom: var(--theme-container__margin-bottom-grid-3)
}
.container_grid-3__field-links {
column-gap: 24px;
row-gap: 32px;
display: grid;
margin-top: 0;
padding: 0
}
.container_grid-3__field-links .container_grid-3__item {
border-top: 0;
margin: 0
}
.container_grid-3__field-links .container_grid-3__item .container_grid-3__headline {
font-size: 16px;
line-height: 20px
}
.container_grid-3__field-links.paginated {
row-gap: 0;
margin-top: -32px
}
.container_grid-3__field-links.paginated .card {
overflow: hidden;
transition: opacity .5s;
margin-bottom: 0;
margin-top: 32px
}
.container_grid-3__field-links.paginated .card.hide {
margin-top: 0;
height: 0;
opacity: 0
}
.container__title--underscored,
.container_grid-3__item-media .image__container:only-child,
.container_grid-3__item-media .image_sponsorship__container:only-child {
margin-bottom: 24px
}
.container__title--underscored:before {
display: none;
transition: none
}
.container__title--underscored.hover:hover:before {
transition: none
}
.container__title--underscored .container__title-url {
margin-bottom: 0
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
font-size: 36px;
font-weight: 700;
margin-bottom: 0;
margin-right: 12px;
text-transform: none
}
.container__title--underscored .container__title-text .container__title-underscored-text,
.container__title--underscored .container__title_url-text .container__title-underscored-text {
border-bottom: 6px solid #0c0c0c;
padding: 0;
margin-left: 0;
display: inline-block
}
.container__title--underscored .container__title_url-sub-text {
display: block;
margin: 0
}
.container__title--underscored .container__title_url-sub-text:hover {
text-decoration: none
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_grid-3__field-links {
grid-template-columns: repeat(auto-fit, minmax(25%, 1fr))
}
}
.container__title--underscored .container_card__title_url-sub-text,
.container__title_url-sub-text {
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.container {
margin-bottom: var(--theme-container-margin-bottom-default);
width: 100%
}
.container:last-child {
margin-bottom: 0
}
.container__title {
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: var(--theme-container-title__margin-bottom)
}
.container__title:after,
.container__title:before {
content: '';
display: block;
left: 0;
position: absolute;
top: 0
}
.container__title-url {
color: inherit;
text-decoration: none
}
.container__title-url .right-arrow {
content: '';
display: inline-block;
fill: var(--theme-container-title__arrow-color--initial);
stroke: var(--theme-container-title__arrow-color--initial);
height: var(--theme-container-title__arrow-size);
margin-left: 8px;
position: relative;
top: var(--theme-container-title__arrow-top-pos);
vertical-align: top;
width: var(--theme-container-title__arrow-size)
}
.container__title.hover:hover .right-arrow {
fill: var(--theme-container-title__arrow-color--hover);
stroke: var(--theme-container-title__arrow-color--hover);
transition: .4s
}
.container__title-text,
.container__title_url-text {
display: inline-block;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: var(--theme-container-title__text-size);
font-weight: 700;
letter-spacing: .5px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin-bottom: 16px;
margin-top: 0
}
.container__title--underscored:before {
display: none;
transition: none
}
.container__title--underscored.hover:hover:before {
transition: none;
width: 16px
}
.container__title--underscored .container__title-url {
align-items: center;
display: inline-flex;
margin-bottom: 24px
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
font-size: 36px;
font-weight: 700;
line-height: 36px;
margin-bottom: 0;
margin-right: 12px;
text-transform: none;
padding-bottom: 0
}
.container__title--underscored:after {
border-top: none
}
.container__title--underscored .container__title_url-text {
width: auto
}
.container__title--underscored .container_card__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.container__title--underscored .container_card__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__kicker-url,
.container__link {
text-decoration: none
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title-text,
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text {
border-left: 6px solid #0c0c0c;
padding-left: 10px
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover {
color: #6e6e6e;
border-left-color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover .right-arrow {
fill: #6e6e6e;
stroke: #6e6e6e;
transition: .4s
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active {
color: #404040;
border-left-color: #404040
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active .right-arrow {
fill: #404040;
stroke: #404040
}
.container__title--bold:after,
.container__title--bold:before {
display: none
}
.container__title--bold .container__title-text,
.container__title--bold .container__title_url-text {
text-align: left;
text-transform: initial;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif, cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 24px;
color: #0c0c0c;
letter-spacing: .6px;
line-height: 30px
}
.container__title--bold .container__title_url-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 2px;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--bold .container__title_url-text:hover {
color: #6e6e6e;
-webkit-text-decoration-line: none;
text-decoration-line: none
}
.container__link:hover .container__banner,
.container__link:hover .container__headline,
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--emphatic:before {
content: unset
}
.container__title--emphatic .container__title-text,
.container__title--emphatic .container__title_url-text {
text-transform: none;
font-size: var(--theme-container-title-emphatic__font-size);
font-weight: var(--theme-section-headline__font-weight);
line-height: var(--theme-container-title-emphatic__line-height);
letter-spacing: 0;
margin-top: 0
}
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
color: var(--theme-link-color-hover);
cursor: pointer
}
.container__kicker {
text-align: center
}
.container__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.container__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.container__kicker .image__container {
background: 0 0
}
.container__kicker .image__metadata {
display: none
}
.container__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.container__item {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.container__item:first-child {
border-top: none;
padding-top: 0
}
.container__item.fill,
.container__item.placeholder {
opacity: .5
}
.container__item .component-selector-wrapper {
position: unset
}
.container__item .interactive-video,
.container__item .interactive-video_inline-small {
margin-top: 0;
margin-bottom: 0
}
.container__item .interactive-video [data-editable=metaCaption],
.container__item .interactive-video_inline-small [data-editable=metaCaption] {
display: none
}
.container__item .interactive-video__player,
.container__item .interactive-video_inline-small__player {
object-position: top
}
.container__item img,
.container__item video {
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.container__item .image,
.container__item .image_inline-small {
margin: 0;
padding: 0;
border: none
}
.container__item .image__caption,
.container__item .image_inline-small__caption {
display: none
}
.container__item .image__credit,
.container__item .image_inline-small__credit {
color: #6e6e6e;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 0;
padding: 0 0 8px;
text-align: right
}
.container__item .image .mini-selector,
.container__item .image_inline-small .mini-selector {
display: none
}
.container__item .interactive-video {
margin: 0;
padding: 0;
border: none
}
.container__item .interactive-video__metadata {
max-width: none;
border-bottom: none;
padding-bottom: 0
}
.container__item .interactive-video__metadata .interactive-video__caption {
line-height: initial;
text-align: right
}
.container__item .interactive-video__metadata .interactive-video__caption .inline-placeholder {
display: none;
height: 0
}
.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
display: block;
padding: 4px 0 8px;
font-size: 10px;
line-height: 12px
}
.container__item .video {
border-bottom: 0;
margin: 0;
padding-bottom: 8px
}
.container__item .video__caption {
display: none
}
.container__item .video__credit {
margin-top: 6px
}
.container__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.container__item-media .image__credit,
.container__item-media .image_sponsorship__credit,
.container__item-media .interactive-video__credit {
visibility: hidden
}
.container__item-media .image__container,
.container__item-media .image_sponsorship__container,
.container__item-media .interactive-video__container {
flex-direction: column;
overflow: hidden;
position: relative
}
.container__item-media .image__container:after,
.container__item-media .image_sponsorship__container:after,
.container__item-media .interactive-video__container:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.container__item-media .image--eq-small~.image__metadata .image__credit,
.container__item-media .image_sponsorship--eq-small~.image__metadata .image__credit,
.container__item-media .interactive-video--eq-small~.image__metadata .image__credit {
line-height: 12px;
padding: 4px;
visibility: visible
}
.container__item-media .image--eq-small~.image__metadata .card__label,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label {
padding: 8px 16px;
letter-spacing: .5px
}
.container__item-media .image--eq-small~.image__metadata .card__label-icon,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label-icon,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label-icon {
width: 16px;
height: 16px
}
.container__item-media .interactive-video__container::after {
position: relative
}
.container.lazy .image__container,
.container.lazy .image_sponsorship__container {
background: #e6e6e6
}
.container__headline {
color: #0c0c0c;
font-family: var(--theme-container__font-family);
font-size: 16px;
font-weight: var(--theme-container__font-weight);
letter-spacing: .5px;
line-height: 22px
}
.container_headline-carousel__headline {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px
}
.container__banner {
color: #0c0c0c;
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
line-height: 22px;
width: calc(100% - 30px)
}
.container__link {
color: unset;
display: inline-block;
width: 100%
}
.container__link:hover img,
.container__link:hover video {
opacity: var(--theme-container-image-opacity--hover);
transition: .2s
}
.container__link:hover .image__container,
.container__link:hover .image_sponsorship__container {
background: var(--theme-container-image-color--hover)
}
.container__link:hover .container__banner,
.container__link:hover .container__headline {
color: var(--theme-container-color--hover);
-webkit-text-decoration-color: var(--theme-container-text-decoration-color--hover);
text-decoration-color: var(--theme-container-text-decoration-color--hover)
}
.container__field-links {
margin: 0;
padding: 0
}
.container__text-label {
font-weight: 700;
display: inline
}
.container__text-label--type-breaking,
.container__text-label--type-live-video,
.container__text-label--type-updates {
color: #d50000
}
.container__text-label--type-audio:not(:empty)::before,
.container__text-label--type-custom-video:not(:empty)::before,
.container__text-label--type-gallery:not(:empty)::before,
.container__text-label--type-podcasts:not(:empty)::before,
.container__text-label--type-video:not(:empty)::before {
width: 20px;
height: 18px;
vertical-align: middle;
display: inline-block
}
.container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio-dark.svg)
}
.container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone-dark.svg)
}
.container__text-label--type-video {
display: none
}
.container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo-dark.svg)
}
.container__text-label--type-custom-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label:not(:empty)::after {
content: ':'
}
.container__text {
display: inline-block;
font-family: var(--theme-font-family);
width: 100%
}
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
display: none;
float: left;
height: 20px;
margin-right: 4px;
margin-top: 2px;
padding-bottom: 3px
}
.container__video-duration {
display: none
}
.container__headline .icon-sig-photo-default,
.container__headline .icon-sig-video,
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
fill: #a4001e
}
.container__description {
display: none
}
.container__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
color: #0c0c0c;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
display: none;
padding-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 22px
}
.container__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__title--bulleted-headlines {
display: flex
}
.container__title--bulleted-headlines::before {
display: none
}
.container__title--bulleted-headlines::after {
margin: 0 0 0 8px;
display: block;
position: relative;
top: -4px;
border-top: none;
border-bottom: 1px solid #e6e6e6;
align-self: center;
flex-grow: 2
}
.container__title--bulleted-headlines .container__title-text,
.container__title--bulleted-headlines .container__title_url-text {
margin: 0 0 16px;
width: auto;
letter-spacing: .5px
}
.container.hide {
display: none
}
.container_list-headlines-with-images__item .container__text-label--type-gallery,
.container_list-headlines-with-read-times__item .container__text-label--type-gallery {
display: inline
}
.container_list-headlines-with-images__item .container__text-label--type-video,
.container_list-headlines-with-read-times__item .container__text-label--type-video {
display: none
}
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration {
display: inline-block
}
.container_ribbon .container__text-label--type-custom-video,
.container_ribbon .container__text-label--type-gallery,
.container_ribbon .container__text-label--type-video,
.container_ribbon-left .container__text-label--type-custom-video,
.container_ribbon-left .container__text-label--type-gallery,
.container_ribbon-left .container__text-label--type-video {
display: inline
}
.container_ribbon .container__text-label--type-video .container__text-label--text-content,
.container_ribbon-left .container__text-label--type-video .container__text-label--text-content {
display: none
}
.container_ribbon .container__text-label--type-video:after,
.container_ribbon-left .container__text-label--type-video:after {
content: ''
}
.container_bulleted-headlines__item .container__video-duration-icon,
.container_feature-cards__item .container__video-duration-icon,
.container_grid-2__item .container__video-duration-icon,
.container_grid-3__item .container__video-duration-icon,
.container_grid-4__item .container__video-duration-icon,
.container_lead-package__item .container__video-duration-icon,
.container_lead-plus-headlines-with-images__item .container__video-duration-icon,
.container_lead-plus-headlines__item .container__video-duration-icon,
.container_list-headlines-ranked__item .container__video-duration-icon,
.container_list-headlines-with-images__item .container__video-duration-icon,
.container_list-headlines-with-read-times__item .container__video-duration-icon,
.container_list-headlines__item .container__video-duration-icon,
.container_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: -2px;
padding-bottom: 0;
vertical-align: middle
}
.container_grid-2__item .card--media-card-label-show .card__label-container,
.container_grid-3__item .card--media-card-label-show .card__label-container,
.container_grid-4__item .card--media-card-label-show .card__label-container,
.container_lead-plus-headlines-with-images__item .card--media-card-label-show .card__label-container,
.container_list-images-with-description__item .card--media-card-label-show .card__label-container {
display: block
}
.container_grid-2__item .card__label-container,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-3__item .card__label-container,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-4__item .card__label-container,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_lead-plus-headlines-with-images__item .card__label-container,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_list-images-with-description__item .card__label-container,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video {
display: none
}
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video),
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video),
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video),
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-video,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video),
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-video {
display: inline
}
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
display: inline-block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .card__label-container {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__video-duration--type-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines__item .container__video-duration {
display: inline-block
}
.container_bulleted-headlines__item .icon-sig-video,
.container_feature-cards__item .icon-sig-photo-default,
.container_feature-cards__item .icon-sig-video,
.container_feature-cards__item:nth-child(1) .container__video-duration,
.container_grid-2__item .icon-sig-video,
.container_grid-3__item .icon-sig-video,
.container_grid-4__item .icon-sig-video,
.container_lead-package__item .icon-sig-photo-default,
.container_lead-package__item .icon-sig-video,
.container_lead-package__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines-with-images__item .icon-sig-photo-default,
.container_lead-plus-headlines-with-images__item .icon-sig-video,
.container_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines__item .icon-sig-photo-default,
.container_lead-plus-headlines__item .icon-sig-video,
.container_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.container_list-headlines-ranked__item .icon-sig-video,
.container_list-headlines-with-images__item .icon-sig-video,
.container_list-headlines-with-read-times__item .icon-sig-video,
.container_list-headlines__item .icon-sig-video,
.container_list-images-with-description__item .icon-sig-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration,
.container_list-headlines__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.container_feature-cards__item .container__video-duration,
.container_lead-package__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container .card__label--type-video .card__label-bull-span,
.container_bulleted-headlines .container__text-label--has-duration:not(:empty)::before,
.container_grid-2 .container__text-label--has-duration:not(:empty)::before,
.container_grid-3 .container__text-label--has-duration:not(:empty)::before,
.container_grid-4 .container__text-label--has-duration:not(:empty)::before,
.container_lead-package .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-ranked .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-read-times .container__text-label--has-duration:not(:empty)::before,
.container_list-images-with-description .container__text-label--has-duration:not(:empty)::before {
display: none
}
.container .card__label--type-video .card__label--duration {
display: inline
}
.container .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.container .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.container .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.container .pagination-next,
.container .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.container .pagination-next:hover,
.container .pagination-previous:hover {
background: #e6e6e6
}
.container .pagination-next.disabled,
.container .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.container .pagination-next.disabled::before,
.container .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.container .pagination-next svg,
.container .pagination-previous svg {
margin: 0
}
.container .pagination-next-direction,
.container .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.container .pagination-next::before,
.container .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.container .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.container .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container .pagination-link.active,
.container .pagination-link:active,
.container .pagination-link:focus,
.container .pagination-link:hover {
color: #0c0c0c
}
.container .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.product-zone--t-dark_feature-cards__item .container__video-duration-icon,
.product-zone--t-dark_grid-2__item .container__video-duration-icon,
.product-zone--t-dark_grid-3__item .container__video-duration-icon,
.product-zone--t-dark_grid-4__item .container__video-duration-icon,
.product-zone--t-dark_lead-package__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-images-with-description__item .container__video-duration-icon,
.zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.zone--t-dark_feature-cards__item .container__video-duration-icon,
.zone--t-dark_grid-2__item .container__video-duration-icon,
.zone--t-dark_grid-3__item .container__video-duration-icon,
.zone--t-dark_grid-4__item .container__video-duration-icon,
.zone--t-dark_lead-package__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.zone--t-dark_list-headlines__item .container__video-duration-icon,
.zone--t-dark_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: 2px;
padding-bottom: 0;
vertical-align: -1.5px
}
.container .pagination-link.active:after {
background: #000
}
.container .pagination-link:active:after,
.container .pagination-link:focus:after,
.container .pagination-link:hover:after {
background: #e6e6e6
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text {
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover {
color: #fff;
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow {
fill: #fff;
stroke: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active {
color: #f8f8f8;
border-left-color: #f8f8f8
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow {
fill: #f8f8f8;
stroke: #f8f8f8
}
.product-zone--t-dark_ribbon .container__text-label--type-gallery,
.product-zone--t-dark_ribbon .container__text-label--type-video,
.product-zone--t-dark_ribbon-left .container__text-label--type-gallery,
.product-zone--t-dark_ribbon-left .container__text-label--type-video,
.zone--t-dark_ribbon .container__text-label--type-gallery,
.zone--t-dark_ribbon .container__text-label--type-video,
.zone--t-dark_ribbon-left .container__text-label--type-gallery,
.zone--t-dark_ribbon-left .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .card__label-container,
.product-zone--t-dark_grid-3__item .card__label-container,
.product-zone--t-dark_grid-4__item .card__label-container,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.product-zone--t-dark_list-images-with-description__item .card__label-container,
.zone--t-dark_grid-2__item .card__label-container,
.zone--t-dark_grid-3__item .card__label-container,
.zone--t-dark_grid-4__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_list-images-with-description__item .card__label-container {
display: block
}
.product-zone--t-dark_grid-2__item .card__label-container--hide,
.product-zone--t-dark_grid-2__item .container__text-label,
.product-zone--t-dark_grid-3__item .card__label-container--hide,
.product-zone--t-dark_grid-3__item .container__text-label,
.product-zone--t-dark_grid-4__item .card__label-container--hide,
.product-zone--t-dark_grid-4__item .container__text-label,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.product-zone--t-dark_list-images-with-description__item .card__label-container--hide,
.product-zone--t-dark_list-images-with-description__item .container__text-label,
.zone--t-dark_grid-2__item .card__label-container--hide,
.zone--t-dark_grid-2__item .container__text-label,
.zone--t-dark_grid-3__item .card__label-container--hide,
.zone--t-dark_grid-3__item .container__text-label,
.zone--t-dark_grid-4__item .card__label-container--hide,
.zone--t-dark_grid-4__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_list-images-with-description__item .card__label-container--hide,
.zone--t-dark_list-images-with-description__item .container__text-label {
display: none
}
.product-zone--t-dark_grid-2__item .container__text-label--show,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-3__item .container__text-label--show,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-4__item .container__text-label--show,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-2__item .container__text-label--show,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-3__item .container__text-label--show,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-4__item .container__text-label--show,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_list-images-with-description__item .container__text-label--show,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--type-video,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--type-video,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration--type-video,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show,
.zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label {
display: none
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration {
display: inline-block
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_bulleted-headlines__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--hidden,
.product-zone--t-dark_grid-2__item .icon-sig-video,
.product-zone--t-dark_grid-3__item .container__video-duration--hidden,
.product-zone--t-dark_grid-3__item .icon-sig-video,
.product-zone--t-dark_grid-4__item .container__video-duration--hidden,
.product-zone--t-dark_grid-4__item .icon-sig-video,
.product-zone--t-dark_lead-package__item .icon-sig-video,
.product-zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.product-zone--t-dark_list-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines__item .icon-sig-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.product-zone--t-dark_list-images-with-description__item .icon-sig-video,
.zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.zone--t-dark_bulleted-headlines__item .icon-sig-video,
.zone--t-dark_feature-cards__item .icon-sig-video,
.zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--hidden,
.zone--t-dark_grid-2__item .icon-sig-video,
.zone--t-dark_grid-3__item .container__video-duration--hidden,
.zone--t-dark_grid-3__item .icon-sig-video,
.zone--t-dark_grid-4__item .container__video-duration--hidden,
.zone--t-dark_grid-4__item .icon-sig-video,
.zone--t-dark_lead-package__item .icon-sig-video,
.zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.zone--t-dark_list-headlines__item .container__video-duration--hidden,
.zone--t-dark_list-headlines__item .icon-sig-video,
.zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.zone--t-dark_list-images-with-description__item .icon-sig-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.product-zone--t-dark_feature-cards__item .container__video-duration,
.product-zone--t-dark_lead-package__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration,
.zone--t-dark_feature-cards__item .container__video-duration,
.zone--t-dark_lead-package__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.product-zone--t-dark .card__label--type-video .card__label-bull-span,
.zone--t-dark .card__label--type-video .card__label-bull-span {
display: none
}
.product-zone--t-dark .card__label--type-video .card__label--duration,
.zone--t-dark .card__label--type-video .card__label--duration {
display: inline
}
.product-zone--t-dark .pagination,
.zone--t-dark .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.product-zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.product-zone--t-dark .pagination-next,
.product-zone--t-dark .pagination-previous,
.zone--t-dark .pagination-next,
.zone--t-dark .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.product-zone--t-dark .pagination-next:hover,
.product-zone--t-dark .pagination-previous:hover,
.zone--t-dark .pagination-next:hover,
.zone--t-dark .pagination-previous:hover {
background: #e6e6e6
}
.product-zone--t-dark .pagination-next.disabled,
.product-zone--t-dark .pagination-previous.disabled,
.zone--t-dark .pagination-next.disabled,
.zone--t-dark .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.product-zone--t-dark .pagination-next.disabled::before,
.product-zone--t-dark .pagination-previous.disabled::before,
.zone--t-dark .pagination-next.disabled::before,
.zone--t-dark .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.product-zone--t-dark .pagination-next svg,
.product-zone--t-dark .pagination-previous svg,
.zone--t-dark .pagination-next svg,
.zone--t-dark .pagination-previous svg {
margin: 0
}
.product-zone--t-dark .pagination-next-direction,
.product-zone--t-dark .pagination-previous-direction,
.zone--t-dark .pagination-next-direction,
.zone--t-dark .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.product-zone--t-dark .pagination-next::before,
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.product-zone--t-dark .pagination-links,
.zone--t-dark .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.product-zone--t-dark .pagination-link,
.zone--t-dark .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.product-zone--t-dark .pagination-link.active,
.product-zone--t-dark .pagination-link:active,
.product-zone--t-dark .pagination-link:focus,
.product-zone--t-dark .pagination-link:hover,
.zone--t-dark .pagination-link.active,
.zone--t-dark .pagination-link:active,
.zone--t-dark .pagination-link:focus,
.zone--t-dark .pagination-link:hover {
color: #0c0c0c
}
.product-zone--t-dark .pagination-link:after,
.zone--t-dark .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark .pagination-link.active:after,
.zone--t-dark .pagination-link.active:after {
background: #000
}
.product-zone--t-dark .pagination-link:active:after,
.product-zone--t-dark .pagination-link:focus:after,
.product-zone--t-dark .pagination-link:hover:after,
.zone--t-dark .pagination-link:active:after,
.zone--t-dark .pagination-link:focus:after,
.zone--t-dark .pagination-link:hover:after {
background: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title_url-text {
font-size: 36px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title_url-text {
font-size: 46px;
line-height: 52px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title_url-text {
font-size: 56px;
line-height: 62px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker-text {
font-size: 20px;
line-height: 26px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image {
margin: 0 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title_url-text {
letter-spacing: 0;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title_url-text {
font-size: 32px;
font-weight: 700;
line-height: 38px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title_url-sub-text {
font-size: 14px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a {
flex-wrap: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a p {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
font-size: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
margin-bottom: 4px
}
}
.container_lead-plus-headlines-with-images {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.container_lead-plus-headlines-with-images__text {
line-height: 20px;
margin-left: 12px;
margin-top: 0
}
.container_lead-plus-headlines-with-images__item-media-wrapper {
align-self: flex-start;
width: 130px
}
.container_lead-plus-headlines-with-images .image__credit,
.container_lead-plus-headlines-with-images .image_sponsorship__credit {
margin-top: 4px
}
.container_lead-plus-headlines-with-images__item {
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin-bottom: 12px;
padding: 0
}
.container_lead-plus-headlines-with-images__item:not(:first-child) {
display: flex
}
.container_lead-plus-headlines-with-images__item:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
padding: 0 0 12px;
margin: 0 0 12px
}
.container_lead-plus-headlines-with-images__item .container_lead-plus-headlines-with-images__item-media .interactive-video,
.container_lead-plus-headlines-with-images__item .container_lead-plus-headlines-with-images__item-media img {
width: 100%
}
.container_lead-plus-headlines-with-images__item .container_lead-plus-headlines-with-images__link {
display: flex
}
.container_lead-plus-headlines-with-images__item .container_lead-plus-headlines-with-images__link:first-of-type {
flex: 1
}
.container_lead-plus-headlines-with-images__item .container_lead-plus-headlines-with-images__headline {
margin-top: -4px
}
.container_lead-plus-headlines-with-images__item.container__item .image__credit,
.container_lead-plus-headlines-with-images__item.container__item .image_sponsorship__credit {
padding: 0
}
.container_lead-plus-headlines-with-images__item:first-child {
padding-bottom: 16px;
align-items: center
}
.container_lead-plus-headlines-with-images__item:first-child .container_image-headline-v2__text-label {
display: none
}
.container_lead-plus-headlines-with-images__item:first-child .image_sponsorship__credit {
visibility: visible
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__text {
letter-spacing: .5px;
display: block;
margin: 0
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__headline {
font-size: var(--theme-container-lead-title__font-size);
font-family: var(--theme-container-lead-title__font-family);
line-height: var(--theme-container-lead-title__line-height);
font-weight: 500;
padding: 0;
margin: 0;
letter-spacing: 0
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media-wrapper {
width: 100%
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media-wrapper:not(.card--media-large) {
margin-bottom: 8px
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media-wrapper:not(.card--media-large) .interactive-video__metadata {
display: none
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media img,
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media video {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media .interactive-video,
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media picture {
width: 100%
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media .interactive-video__metadata {
border-bottom: 0;
text-align: right
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media .interactive-video__metadata .interactive-video__caption {
font-size: 10px;
line-height: 12px;
color: #6e6e6e
}
.container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__item-media .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
font-size: 10px
}
.container_lead-plus-headlines-with-images__item:last-child {
padding-bottom: 0;
margin-bottom: 0
}
.container_lead-plus-headlines-with-images__item:not(:first-child) .card__timestamp {
margin-top: -4px
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-plus-headlines-with-images__item:not(:last-child) {
margin: 0 0 12px;
padding: 0 0 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-plus-headlines-with-images__item:first-child .image_sponsorship__label {
visibility: visible
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-plus-headlines-with-images__item:first-child .container_lead-plus-headlines-with-images__text-label {
display: none
}
}
.container__title--underscored .container_card__title_url-sub-text,
.container__title_url-sub-text {
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.container {
margin-bottom: var(--theme-container-margin-bottom-default);
width: 100%
}
.container:last-child {
margin-bottom: 0
}
.container__title {
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: var(--theme-container-title__margin-bottom)
}
.container__title:after,
.container__title:before {
content: '';
display: block;
left: 0;
position: absolute;
top: 0
}
.container__title-url {
color: inherit;
text-decoration: none
}
.container__title-url .right-arrow {
content: '';
display: inline-block;
fill: var(--theme-container-title__arrow-color--initial);
stroke: var(--theme-container-title__arrow-color--initial);
height: var(--theme-container-title__arrow-size);
margin-left: 8px;
position: relative;
top: var(--theme-container-title__arrow-top-pos);
vertical-align: top;
width: var(--theme-container-title__arrow-size)
}
.container__title.hover:hover .right-arrow {
fill: var(--theme-container-title__arrow-color--hover);
stroke: var(--theme-container-title__arrow-color--hover);
transition: .4s
}
.container__title-text,
.container__title_url-text {
display: inline-block;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: var(--theme-container-title__text-size);
font-weight: 700;
letter-spacing: .5px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin-bottom: 16px;
margin-top: 0
}
.container__title--underscored:before {
display: none;
transition: none
}
.container__title--underscored.hover:hover:before {
transition: none;
width: 16px
}
.container__title--underscored .container__title-url {
align-items: center;
display: inline-flex;
margin-bottom: 24px
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
font-size: 36px;
font-weight: 700;
line-height: 36px;
margin-bottom: 0;
margin-right: 12px;
text-transform: none;
padding-bottom: 0
}
.container__title--underscored:after {
border-top: none
}
.container__title--underscored .container__title_url-text {
width: auto
}
.container__title--underscored .container_card__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.container__title--underscored .container_card__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__kicker-url,
.container__link {
text-decoration: none
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title-text,
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text {
border-left: 6px solid #0c0c0c;
padding-left: 10px
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover {
color: #6e6e6e;
border-left-color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover .right-arrow {
fill: #6e6e6e;
stroke: #6e6e6e;
transition: .4s
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active {
color: #404040;
border-left-color: #404040
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active .right-arrow {
fill: #404040;
stroke: #404040
}
.container__title--bold:after,
.container__title--bold:before {
display: none
}
.container__title--bold .container__title-text,
.container__title--bold .container__title_url-text {
text-align: left;
text-transform: initial;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif, cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 24px;
color: #0c0c0c;
letter-spacing: .6px;
line-height: 30px
}
.container__title--bold .container__title_url-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 2px;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--bold .container__title_url-text:hover {
color: #6e6e6e;
-webkit-text-decoration-line: none;
text-decoration-line: none
}
.container__link:hover .container__banner,
.container__link:hover .container__headline,
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--emphatic:before {
content: unset
}
.container__title--emphatic .container__title-text,
.container__title--emphatic .container__title_url-text {
text-transform: none;
font-size: var(--theme-container-title-emphatic__font-size);
font-weight: var(--theme-section-headline__font-weight);
line-height: var(--theme-container-title-emphatic__line-height);
letter-spacing: 0;
margin-top: 0
}
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
color: var(--theme-link-color-hover);
cursor: pointer
}
.container__kicker {
text-align: center
}
.container__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.container__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.container__kicker .image__container {
background: 0 0
}
.container__kicker .image__metadata {
display: none
}
.container__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.container__item {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.container__item:first-child {
border-top: none;
padding-top: 0
}
.container__item.fill,
.container__item.placeholder {
opacity: .5
}
.container__item .component-selector-wrapper {
position: unset
}
.container__item .interactive-video,
.container__item .interactive-video_inline-small {
margin-top: 0;
margin-bottom: 0
}
.container__item .interactive-video [data-editable=metaCaption],
.container__item .interactive-video_inline-small [data-editable=metaCaption] {
display: none
}
.container__item .interactive-video__player,
.container__item .interactive-video_inline-small__player {
object-position: top
}
.container__item img,
.container__item video {
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.container__item .image,
.container__item .image_inline-small {
margin: 0;
padding: 0;
border: none
}
.container__item .image__caption,
.container__item .image_inline-small__caption {
display: none
}
.container__item .image__credit,
.container__item .image_inline-small__credit {
color: #6e6e6e;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 0;
padding: 0 0 8px;
text-align: right
}
.container__item .image .mini-selector,
.container__item .image_inline-small .mini-selector {
display: none
}
.container__item .interactive-video {
margin: 0;
padding: 0;
border: none
}
.container__item .interactive-video__metadata {
max-width: none;
border-bottom: none;
padding-bottom: 0
}
.container__item .interactive-video__metadata .interactive-video__caption {
line-height: initial;
text-align: right
}
.container__item .interactive-video__metadata .interactive-video__caption .inline-placeholder {
display: none;
height: 0
}
.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
display: block;
padding: 4px 0 8px;
font-size: 10px;
line-height: 12px
}
.container__item .video {
border-bottom: 0;
margin: 0;
padding-bottom: 8px
}
.container__item .video__caption {
display: none
}
.container__item .video__credit {
margin-top: 6px
}
.container__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.container__item-media .image__credit,
.container__item-media .image_sponsorship__credit,
.container__item-media .interactive-video__credit {
visibility: hidden
}
.container__item-media .image__container,
.container__item-media .image_sponsorship__container,
.container__item-media .interactive-video__container {
flex-direction: column;
overflow: hidden;
position: relative
}
.container__item-media .image__container:after,
.container__item-media .image_sponsorship__container:after,
.container__item-media .interactive-video__container:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.container__item-media .image--eq-small~.image__metadata .image__credit,
.container__item-media .image_sponsorship--eq-small~.image__metadata .image__credit,
.container__item-media .interactive-video--eq-small~.image__metadata .image__credit {
line-height: 12px;
padding: 4px;
visibility: visible
}
.container__item-media .image--eq-small~.image__metadata .card__label,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label {
padding: 8px 16px;
letter-spacing: .5px
}
.container__item-media .image--eq-small~.image__metadata .card__label-icon,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label-icon,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label-icon {
width: 16px;
height: 16px
}
.container__item-media .interactive-video__container::after {
position: relative
}
.container.lazy .image__container,
.container.lazy .image_sponsorship__container {
background: #e6e6e6
}
.container__headline {
color: #0c0c0c;
font-family: var(--theme-container__font-family);
font-size: 16px;
font-weight: var(--theme-container__font-weight);
letter-spacing: .5px;
line-height: 22px
}
.container_headline-carousel__headline {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px
}
.container__banner {
color: #0c0c0c;
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
line-height: 22px;
width: calc(100% - 30px)
}
.container__link {
color: unset;
display: inline-block;
width: 100%
}
.container__link:hover img,
.container__link:hover video {
opacity: var(--theme-container-image-opacity--hover);
transition: .2s
}
.container__link:hover .image__container,
.container__link:hover .image_sponsorship__container {
background: var(--theme-container-image-color--hover)
}
.container__link:hover .container__banner,
.container__link:hover .container__headline {
color: var(--theme-container-color--hover);
-webkit-text-decoration-color: var(--theme-container-text-decoration-color--hover);
text-decoration-color: var(--theme-container-text-decoration-color--hover)
}
.container__field-links {
margin: 0;
padding: 0
}
.container__text-label {
font-weight: 700;
display: inline
}
.container__text-label--type-breaking,
.container__text-label--type-live-video,
.container__text-label--type-updates {
color: #d50000
}
.container__text-label--type-audio:not(:empty)::before,
.container__text-label--type-custom-video:not(:empty)::before,
.container__text-label--type-gallery:not(:empty)::before,
.container__text-label--type-podcasts:not(:empty)::before,
.container__text-label--type-video:not(:empty)::before {
width: 20px;
height: 18px;
vertical-align: middle;
display: inline-block
}
.container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio-dark.svg)
}
.container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone-dark.svg)
}
.container__text-label--type-video {
display: none
}
.container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo-dark.svg)
}
.container__text-label--type-custom-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label:not(:empty)::after {
content: ':'
}
.container__text {
display: inline-block;
font-family: var(--theme-font-family);
width: 100%
}
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
display: none;
float: left;
height: 20px;
margin-right: 4px;
margin-top: 2px;
padding-bottom: 3px
}
.container__video-duration {
display: none
}
.container__headline .icon-sig-photo-default,
.container__headline .icon-sig-video,
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
fill: #a4001e
}
.container__description {
display: none
}
.container__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: #0c0c0c;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
display: none;
padding-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 22px
}
.container__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__title--bulleted-headlines {
display: flex
}
.container__title--bulleted-headlines::before {
display: none
}
.container__title--bulleted-headlines::after {
margin: 0 0 0 8px;
display: block;
position: relative;
top: -4px;
border-top: none;
border-bottom: 1px solid #e6e6e6;
align-self: center;
flex-grow: 2
}
.container__title--bulleted-headlines .container__title-text,
.container__title--bulleted-headlines .container__title_url-text {
margin: 0 0 16px;
width: auto;
letter-spacing: .5px
}
.container.hide {
display: none
}
.container_list-headlines-with-images__item .container__text-label--type-gallery,
.container_list-headlines-with-read-times__item .container__text-label--type-gallery {
display: inline
}
.container_list-headlines-with-images__item .container__text-label--type-video,
.container_list-headlines-with-read-times__item .container__text-label--type-video {
display: none
}
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration {
display: inline-block
}
.container_ribbon .container__text-label--type-custom-video,
.container_ribbon .container__text-label--type-gallery,
.container_ribbon .container__text-label--type-video,
.container_ribbon-left .container__text-label--type-custom-video,
.container_ribbon-left .container__text-label--type-gallery,
.container_ribbon-left .container__text-label--type-video {
display: inline
}
.container_ribbon .container__text-label--type-video .container__text-label--text-content,
.container_ribbon-left .container__text-label--type-video .container__text-label--text-content {
display: none
}
.container_ribbon .container__text-label--type-video:after,
.container_ribbon-left .container__text-label--type-video:after {
content: ''
}
.container_bulleted-headlines__item .container__video-duration-icon,
.container_feature-cards__item .container__video-duration-icon,
.container_grid-2__item .container__video-duration-icon,
.container_grid-3__item .container__video-duration-icon,
.container_grid-4__item .container__video-duration-icon,
.container_lead-package__item .container__video-duration-icon,
.container_lead-plus-headlines-with-images__item .container__video-duration-icon,
.container_lead-plus-headlines__item .container__video-duration-icon,
.container_list-headlines-ranked__item .container__video-duration-icon,
.container_list-headlines-with-images__item .container__video-duration-icon,
.container_list-headlines-with-read-times__item .container__video-duration-icon,
.container_list-headlines__item .container__video-duration-icon,
.container_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: -2px;
padding-bottom: 0;
vertical-align: middle
}
.container_grid-2__item .card--media-card-label-show .card__label-container,
.container_grid-3__item .card--media-card-label-show .card__label-container,
.container_grid-4__item .card--media-card-label-show .card__label-container,
.container_lead-plus-headlines-with-images__item .card--media-card-label-show .card__label-container,
.container_list-images-with-description__item .card--media-card-label-show .card__label-container {
display: block
}
.container_grid-2__item .card__label-container,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-3__item .card__label-container,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-4__item .card__label-container,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_lead-plus-headlines-with-images__item .card__label-container,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_list-images-with-description__item .card__label-container,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video {
display: none
}
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video),
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video),
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video),
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-video,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video),
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-video {
display: inline
}
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
display: inline-block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .card__label-container {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__video-duration--type-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines__item .container__video-duration {
display: inline-block
}
.container_bulleted-headlines__item .icon-sig-video,
.container_feature-cards__item .icon-sig-photo-default,
.container_feature-cards__item .icon-sig-video,
.container_feature-cards__item:nth-child(1) .container__video-duration,
.container_grid-2__item .icon-sig-video,
.container_grid-3__item .icon-sig-video,
.container_grid-4__item .icon-sig-video,
.container_lead-package__item .icon-sig-photo-default,
.container_lead-package__item .icon-sig-video,
.container_lead-package__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines-with-images__item .icon-sig-photo-default,
.container_lead-plus-headlines-with-images__item .icon-sig-video,
.container_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines__item .icon-sig-photo-default,
.container_lead-plus-headlines__item .icon-sig-video,
.container_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.container_list-headlines-ranked__item .icon-sig-video,
.container_list-headlines-with-images__item .icon-sig-video,
.container_list-headlines-with-read-times__item .icon-sig-video,
.container_list-headlines__item .icon-sig-video,
.container_list-images-with-description__item .icon-sig-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration,
.container_list-headlines__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.container_feature-cards__item .container__video-duration,
.container_lead-package__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container .card__label--type-video .card__label-bull-span,
.container_bulleted-headlines .container__text-label--has-duration:not(:empty)::before,
.container_grid-2 .container__text-label--has-duration:not(:empty)::before,
.container_grid-3 .container__text-label--has-duration:not(:empty)::before,
.container_grid-4 .container__text-label--has-duration:not(:empty)::before,
.container_lead-package .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-ranked .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-read-times .container__text-label--has-duration:not(:empty)::before,
.container_list-images-with-description .container__text-label--has-duration:not(:empty)::before {
display: none
}
.container .card__label--type-video .card__label--duration {
display: inline
}
.container .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.container .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.container .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.container .pagination-next,
.container .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.container .pagination-next:hover,
.container .pagination-previous:hover {
background: #e6e6e6
}
.container .pagination-next.disabled,
.container .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.container .pagination-next.disabled::before,
.container .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.container .pagination-next svg,
.container .pagination-previous svg {
margin: 0
}
.container .pagination-next-direction,
.container .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.container .pagination-next::before,
.container .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.container .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.container .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container .pagination-link.active,
.container .pagination-link:active,
.container .pagination-link:focus,
.container .pagination-link:hover {
color: #0c0c0c
}
.container .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.product-zone--t-dark_feature-cards__item .container__video-duration-icon,
.product-zone--t-dark_grid-2__item .container__video-duration-icon,
.product-zone--t-dark_grid-3__item .container__video-duration-icon,
.product-zone--t-dark_grid-4__item .container__video-duration-icon,
.product-zone--t-dark_lead-package__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-images-with-description__item .container__video-duration-icon,
.zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.zone--t-dark_feature-cards__item .container__video-duration-icon,
.zone--t-dark_grid-2__item .container__video-duration-icon,
.zone--t-dark_grid-3__item .container__video-duration-icon,
.zone--t-dark_grid-4__item .container__video-duration-icon,
.zone--t-dark_lead-package__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.zone--t-dark_list-headlines__item .container__video-duration-icon,
.zone--t-dark_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: 2px;
padding-bottom: 0;
vertical-align: -1.5px
}
.container .pagination-link.active:after {
background: #000
}
.container .pagination-link:active:after,
.container .pagination-link:focus:after,
.container .pagination-link:hover:after {
background: #e6e6e6
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text {
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover {
color: #fff;
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow {
fill: #fff;
stroke: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active {
color: #f8f8f8;
border-left-color: #f8f8f8
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow {
fill: #f8f8f8;
stroke: #f8f8f8
}
.product-zone--t-dark_ribbon .container__text-label--type-gallery,
.product-zone--t-dark_ribbon .container__text-label--type-video,
.product-zone--t-dark_ribbon-left .container__text-label--type-gallery,
.product-zone--t-dark_ribbon-left .container__text-label--type-video,
.zone--t-dark_ribbon .container__text-label--type-gallery,
.zone--t-dark_ribbon .container__text-label--type-video,
.zone--t-dark_ribbon-left .container__text-label--type-gallery,
.zone--t-dark_ribbon-left .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .card__label-container,
.product-zone--t-dark_grid-3__item .card__label-container,
.product-zone--t-dark_grid-4__item .card__label-container,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.product-zone--t-dark_list-images-with-description__item .card__label-container,
.zone--t-dark_grid-2__item .card__label-container,
.zone--t-dark_grid-3__item .card__label-container,
.zone--t-dark_grid-4__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_list-images-with-description__item .card__label-container {
display: block
}
.product-zone--t-dark_grid-2__item .card__label-container--hide,
.product-zone--t-dark_grid-2__item .container__text-label,
.product-zone--t-dark_grid-3__item .card__label-container--hide,
.product-zone--t-dark_grid-3__item .container__text-label,
.product-zone--t-dark_grid-4__item .card__label-container--hide,
.product-zone--t-dark_grid-4__item .container__text-label,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.product-zone--t-dark_list-images-with-description__item .card__label-container--hide,
.product-zone--t-dark_list-images-with-description__item .container__text-label,
.zone--t-dark_grid-2__item .card__label-container--hide,
.zone--t-dark_grid-2__item .container__text-label,
.zone--t-dark_grid-3__item .card__label-container--hide,
.zone--t-dark_grid-3__item .container__text-label,
.zone--t-dark_grid-4__item .card__label-container--hide,
.zone--t-dark_grid-4__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_list-images-with-description__item .card__label-container--hide,
.zone--t-dark_list-images-with-description__item .container__text-label {
display: none
}
.product-zone--t-dark_grid-2__item .container__text-label--show,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-3__item .container__text-label--show,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-4__item .container__text-label--show,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-2__item .container__text-label--show,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-3__item .container__text-label--show,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-4__item .container__text-label--show,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_list-images-with-description__item .container__text-label--show,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--type-video,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--type-video,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration--type-video,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show,
.zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label {
display: none
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration {
display: inline-block
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_bulleted-headlines__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--hidden,
.product-zone--t-dark_grid-2__item .icon-sig-video,
.product-zone--t-dark_grid-3__item .container__video-duration--hidden,
.product-zone--t-dark_grid-3__item .icon-sig-video,
.product-zone--t-dark_grid-4__item .container__video-duration--hidden,
.product-zone--t-dark_grid-4__item .icon-sig-video,
.product-zone--t-dark_lead-package__item .icon-sig-video,
.product-zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.product-zone--t-dark_list-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines__item .icon-sig-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.product-zone--t-dark_list-images-with-description__item .icon-sig-video,
.zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.zone--t-dark_bulleted-headlines__item .icon-sig-video,
.zone--t-dark_feature-cards__item .icon-sig-video,
.zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--hidden,
.zone--t-dark_grid-2__item .icon-sig-video,
.zone--t-dark_grid-3__item .container__video-duration--hidden,
.zone--t-dark_grid-3__item .icon-sig-video,
.zone--t-dark_grid-4__item .container__video-duration--hidden,
.zone--t-dark_grid-4__item .icon-sig-video,
.zone--t-dark_lead-package__item .icon-sig-video,
.zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.zone--t-dark_list-headlines__item .container__video-duration--hidden,
.zone--t-dark_list-headlines__item .icon-sig-video,
.zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.zone--t-dark_list-images-with-description__item .icon-sig-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.product-zone--t-dark_feature-cards__item .container__video-duration,
.product-zone--t-dark_lead-package__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration,
.zone--t-dark_feature-cards__item .container__video-duration,
.zone--t-dark_lead-package__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.product-zone--t-dark .card__label--type-video .card__label-bull-span,
.zone--t-dark .card__label--type-video .card__label-bull-span {
display: none
}
.product-zone--t-dark .card__label--type-video .card__label--duration,
.zone--t-dark .card__label--type-video .card__label--duration {
display: inline
}
.product-zone--t-dark .pagination,
.zone--t-dark .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.product-zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.product-zone--t-dark .pagination-next,
.product-zone--t-dark .pagination-previous,
.zone--t-dark .pagination-next,
.zone--t-dark .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.product-zone--t-dark .pagination-next:hover,
.product-zone--t-dark .pagination-previous:hover,
.zone--t-dark .pagination-next:hover,
.zone--t-dark .pagination-previous:hover {
background: #e6e6e6
}
.product-zone--t-dark .pagination-next.disabled,
.product-zone--t-dark .pagination-previous.disabled,
.zone--t-dark .pagination-next.disabled,
.zone--t-dark .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.product-zone--t-dark .pagination-next.disabled::before,
.product-zone--t-dark .pagination-previous.disabled::before,
.zone--t-dark .pagination-next.disabled::before,
.zone--t-dark .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.product-zone--t-dark .pagination-next svg,
.product-zone--t-dark .pagination-previous svg,
.zone--t-dark .pagination-next svg,
.zone--t-dark .pagination-previous svg {
margin: 0
}
.product-zone--t-dark .pagination-next-direction,
.product-zone--t-dark .pagination-previous-direction,
.zone--t-dark .pagination-next-direction,
.zone--t-dark .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.product-zone--t-dark .pagination-next::before,
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.product-zone--t-dark .pagination-links,
.zone--t-dark .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.product-zone--t-dark .pagination-link,
.zone--t-dark .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.product-zone--t-dark .pagination-link.active,
.product-zone--t-dark .pagination-link:active,
.product-zone--t-dark .pagination-link:focus,
.product-zone--t-dark .pagination-link:hover,
.zone--t-dark .pagination-link.active,
.zone--t-dark .pagination-link:active,
.zone--t-dark .pagination-link:focus,
.zone--t-dark .pagination-link:hover {
color: #0c0c0c
}
.product-zone--t-dark .pagination-link:after,
.zone--t-dark .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark .pagination-link.active:after,
.zone--t-dark .pagination-link.active:after {
background: #000
}
.product-zone--t-dark .pagination-link:active:after,
.product-zone--t-dark .pagination-link:focus:after,
.product-zone--t-dark .pagination-link:hover:after,
.zone--t-dark .pagination-link:active:after,
.zone--t-dark .pagination-link:focus:after,
.zone--t-dark .pagination-link:hover:after {
background: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title_url-text {
font-size: 36px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title_url-text {
font-size: 46px;
line-height: 52px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title_url-text {
font-size: 56px;
line-height: 62px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker-text {
font-size: 20px;
line-height: 26px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image {
margin: 0 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title_url-text {
letter-spacing: 0;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title_url-text {
font-size: 32px;
font-weight: 700;
line-height: 38px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title_url-sub-text {
font-size: 14px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a {
flex-wrap: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a p {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
font-size: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
margin-bottom: 4px
}
}
.container_lead-plus-headlines {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.container_lead-plus-headlines__ads .ad-slot.adSlotLoaded {
padding: 0 0 24px
}
.container_lead-plus-headlines__item,
.container_lead-plus-headlines__text {
padding: 0;
margin: 0
}
.container_lead-plus-headlines__item .container_lead-plus-headlines__link {
display: inline-block
}
.container_lead-plus-headlines__item:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
margin: 0 0 12px;
padding: 0 0 12px
}
.container_lead-plus-headlines__item:nth-child(1) .container_lead-plus-headlines__link:first-child {
display: block
}
.container_lead-plus-headlines__item-media-wrapper:not(.card--media-large) .interactive-video__metadata,
.container_lead-plus-headlines__item:nth-child(1) .container_lead-plus-headlines__text-label {
display: none
}
.container_lead-plus-headlines__item:nth-child(1) .container_lead-plus-headlines__headline {
font-size: 20px;
line-height: 26px;
font-weight: 500 !important;
letter-spacing: 0
}
.container_lead-plus-headlines__item:nth-child(1) .image__credit,
.container_lead-plus-headlines__item:nth-child(1) .image_sponsorship__credit {
padding: 4px 0
}
.container_lead-plus-headlines__item .interactive-video__metadata {
border-bottom: 0;
text-align: right
}
.container_lead-plus-headlines__item .interactive-video__metadata .interactive-video__caption {
font-size: 10px;
line-height: 12px;
color: #6e6e6e
}
.container_lead-plus-headlines__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
font-size: 10px
}
.container_lead-plus-headlines .card:first-child .card__timestamp {
line-height: 28px
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-plus-headlines .container__title--emphatic {
margin-top: 24px
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_lead-plus-headlines__item:nth-child(1) .container_lead-plus-headlines__banner {
font-size: 36px;
line-height: 42px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout--balanced-3 .container_lead-plus-headlines:nth-child(n+4) {
margin-top: 48px
}
}
.container__title--underscored .container_card__title_url-sub-text,
.container__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.container {
margin-bottom: var(--theme-container-margin-bottom-default);
width: 100%
}
.container:last-child {
margin-bottom: 0
}
.container__title {
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: var(--theme-container-title__margin-bottom)
}
.container__title:after,
.container__title:before {
content: '';
display: block;
left: 0;
position: absolute;
top: 0
}
.container__title-url {
color: inherit;
text-decoration: none
}
.container__title-url .right-arrow {
content: '';
display: inline-block;
fill: var(--theme-container-title__arrow-color--initial);
stroke: var(--theme-container-title__arrow-color--initial);
height: var(--theme-container-title__arrow-size);
margin-left: 8px;
position: relative;
top: var(--theme-container-title__arrow-top-pos);
vertical-align: top;
width: var(--theme-container-title__arrow-size)
}
.container__title.hover:hover .right-arrow {
fill: var(--theme-container-title__arrow-color--hover);
stroke: var(--theme-container-title__arrow-color--hover);
transition: .4s
}
.container__title-text,
.container__title_url-text {
display: inline-block;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: var(--theme-container-title__text-size);
font-weight: 700;
letter-spacing: .5px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin-bottom: 16px;
margin-top: 0
}
.container__title--underscored:before {
display: none;
transition: none
}
.container__title--underscored.hover:hover:before {
transition: none;
width: 16px
}
.container__title--underscored .container__title-url {
align-items: center;
display: inline-flex;
margin-bottom: 24px
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
font-size: 36px;
font-weight: 700;
line-height: 36px;
margin-bottom: 0;
margin-right: 12px;
text-transform: none;
padding-bottom: 0
}
.container__title--underscored:after {
border-top: none
}
.container__title--underscored .container__title_url-text {
width: auto
}
.container__title--underscored .container_card__title_url-sub-text {
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.container__title--underscored .container_card__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__kicker-url,
.container__link {
text-decoration: none
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title-text,
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text {
border-left: 6px solid #0c0c0c;
padding-left: 10px
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover {
color: #6e6e6e;
border-left-color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover .right-arrow {
fill: #6e6e6e;
stroke: #6e6e6e;
transition: .4s
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active {
color: #404040;
border-left-color: #404040
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active .right-arrow {
fill: #404040;
stroke: #404040
}
.container__title--bold:after,
.container__title--bold:before {
display: none
}
.container__title--bold .container__title-text,
.container__title--bold .container__title_url-text {
text-align: left;
text-transform: initial;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif, cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 24px;
color: #0c0c0c;
letter-spacing: .6px;
line-height: 30px
}
.container__title--bold .container__title_url-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 2px;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--bold .container__title_url-text:hover {
color: #6e6e6e;
-webkit-text-decoration-line: none;
text-decoration-line: none
}
.container__link:hover .container__banner,
.container__link:hover .container__headline,
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--emphatic:before {
content: unset
}
.container__title--emphatic .container__title-text,
.container__title--emphatic .container__title_url-text {
text-transform: none;
font-size: var(--theme-container-title-emphatic__font-size);
font-weight: var(--theme-section-headline__font-weight);
line-height: var(--theme-container-title-emphatic__line-height);
letter-spacing: 0;
margin-top: 0
}
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
color: var(--theme-link-color-hover);
cursor: pointer
}
.container__kicker {
text-align: center
}
.container__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.container__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.container__kicker .image__container {
background: 0 0
}
.container__kicker .image__metadata {
display: none
}
.container__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.container__item {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.container__item:first-child {
border-top: none;
padding-top: 0
}
.container__item.fill,
.container__item.placeholder {
opacity: .5
}
.container__item .component-selector-wrapper {
position: unset
}
.container__item .interactive-video,
.container__item .interactive-video_inline-small {
margin-top: 0;
margin-bottom: 0
}
.container__item .interactive-video [data-editable=metaCaption],
.container__item .interactive-video_inline-small [data-editable=metaCaption] {
display: none
}
.container__item .interactive-video__player,
.container__item .interactive-video_inline-small__player {
object-position: top
}
.container__item img,
.container__item video {
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.container__item .image,
.container__item .image_inline-small {
margin: 0;
padding: 0;
border: none
}
.container__item .image__caption,
.container__item .image_inline-small__caption {
display: none
}
.container__item .image__credit,
.container__item .image_inline-small__credit {
color: #6e6e6e;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 0;
padding: 0 0 8px;
text-align: right
}
.container__item .image .mini-selector,
.container__item .image_inline-small .mini-selector {
display: none
}
.container__item .interactive-video {
margin: 0;
padding: 0;
border: none
}
.container__item .interactive-video__metadata {
max-width: none;
border-bottom: none;
padding-bottom: 0
}
.container__item .interactive-video__metadata .interactive-video__caption {
line-height: initial;
text-align: right
}
.container__item .interactive-video__metadata .interactive-video__caption .inline-placeholder {
display: none;
height: 0
}
.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
display: block;
padding: 4px 0 8px;
font-size: 10px;
line-height: 12px
}
.container__item .video {
border-bottom: 0;
margin: 0;
padding-bottom: 8px
}
.container__item .video__caption {
display: none
}
.container__item .video__credit {
margin-top: 6px
}
.container__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.container__item-media .image__credit,
.container__item-media .image_sponsorship__credit,
.container__item-media .interactive-video__credit {
visibility: hidden
}
.container__item-media .image__container,
.container__item-media .image_sponsorship__container,
.container__item-media .interactive-video__container {
flex-direction: column;
overflow: hidden;
position: relative
}
.container__item-media .image__container:after,
.container__item-media .image_sponsorship__container:after,
.container__item-media .interactive-video__container:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.container__item-media .image--eq-small~.image__metadata .image__credit,
.container__item-media .image_sponsorship--eq-small~.image__metadata .image__credit,
.container__item-media .interactive-video--eq-small~.image__metadata .image__credit {
line-height: 12px;
padding: 4px;
visibility: visible
}
.container__item-media .image--eq-small~.image__metadata .card__label,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label {
padding: 8px 16px;
letter-spacing: .5px
}
.container__item-media .image--eq-small~.image__metadata .card__label-icon,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label-icon,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label-icon {
width: 16px;
height: 16px
}
.container__item-media .interactive-video__container::after {
position: relative
}
.container.lazy .image__container,
.container.lazy .image_sponsorship__container {
background: #e6e6e6
}
.container__headline {
color: #0c0c0c;
font-family: var(--theme-container__font-family);
font-size: 16px;
font-weight: var(--theme-container__font-weight);
letter-spacing: .5px;
line-height: 22px
}
.container_headline-carousel__headline {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px
}
.container__banner {
color: #0c0c0c;
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
line-height: 22px;
width: calc(100% - 30px)
}
.container__link {
color: unset;
display: inline-block;
width: 100%
}
.container__link:hover img,
.container__link:hover video {
opacity: var(--theme-container-image-opacity--hover);
transition: .2s
}
.container__link:hover .image__container,
.container__link:hover .image_sponsorship__container {
background: var(--theme-container-image-color--hover)
}
.container__link:hover .container__banner,
.container__link:hover .container__headline {
color: var(--theme-container-color--hover);
-webkit-text-decoration-color: var(--theme-container-text-decoration-color--hover);
text-decoration-color: var(--theme-container-text-decoration-color--hover)
}
.container__field-links {
margin: 0;
padding: 0
}
.container__text-label {
font-weight: 700;
display: inline
}
.container__text-label--type-breaking,
.container__text-label--type-live-video,
.container__text-label--type-updates {
color: #d50000
}
.container__text-label--type-audio:not(:empty)::before,
.container__text-label--type-custom-video:not(:empty)::before,
.container__text-label--type-gallery:not(:empty)::before,
.container__text-label--type-podcasts:not(:empty)::before,
.container__text-label--type-video:not(:empty)::before {
width: 20px;
height: 18px;
vertical-align: middle;
display: inline-block
}
.container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio-dark.svg)
}
.container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone-dark.svg)
}
.container__text-label--type-video {
display: none
}
.container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo-dark.svg)
}
.container__text-label--type-custom-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label:not(:empty)::after {
content: ':'
}
.container__text {
display: inline-block;
font-family: var(--theme-font-family);
width: 100%
}
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
display: none;
float: left;
height: 20px;
margin-right: 4px;
margin-top: 2px;
padding-bottom: 3px
}
.container__video-duration {
display: none
}
.container__headline .icon-sig-photo-default,
.container__headline .icon-sig-video,
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
fill: #a4001e
}
.container__description {
display: none
}
.container__title_url-sub-text {
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: #0c0c0c;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
display: none;
padding-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 22px
}
.container__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__title--bulleted-headlines {
display: flex
}
.container__title--bulleted-headlines::before {
display: none
}
.container__title--bulleted-headlines::after {
margin: 0 0 0 8px;
display: block;
position: relative;
top: -4px;
border-top: none;
border-bottom: 1px solid #e6e6e6;
align-self: center;
flex-grow: 2
}
.container__title--bulleted-headlines .container__title-text,
.container__title--bulleted-headlines .container__title_url-text {
margin: 0 0 16px;
width: auto;
letter-spacing: .5px
}
.container.hide {
display: none
}
.container_list-headlines-with-images__item .container__text-label--type-gallery,
.container_list-headlines-with-read-times__item .container__text-label--type-gallery {
display: inline
}
.container_list-headlines-with-images__item .container__text-label--type-video,
.container_list-headlines-with-read-times__item .container__text-label--type-video {
display: none
}
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration {
display: inline-block
}
.container_ribbon .container__text-label--type-custom-video,
.container_ribbon .container__text-label--type-gallery,
.container_ribbon .container__text-label--type-video,
.container_ribbon-left .container__text-label--type-custom-video,
.container_ribbon-left .container__text-label--type-gallery,
.container_ribbon-left .container__text-label--type-video {
display: inline
}
.container_ribbon .container__text-label--type-video .container__text-label--text-content,
.container_ribbon-left .container__text-label--type-video .container__text-label--text-content {
display: none
}
.container_ribbon .container__text-label--type-video:after,
.container_ribbon-left .container__text-label--type-video:after {
content: ''
}
.container_bulleted-headlines__item .container__video-duration-icon,
.container_feature-cards__item .container__video-duration-icon,
.container_grid-2__item .container__video-duration-icon,
.container_grid-3__item .container__video-duration-icon,
.container_grid-4__item .container__video-duration-icon,
.container_lead-package__item .container__video-duration-icon,
.container_lead-plus-headlines-with-images__item .container__video-duration-icon,
.container_lead-plus-headlines__item .container__video-duration-icon,
.container_list-headlines-ranked__item .container__video-duration-icon,
.container_list-headlines-with-images__item .container__video-duration-icon,
.container_list-headlines-with-read-times__item .container__video-duration-icon,
.container_list-headlines__item .container__video-duration-icon,
.container_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: -2px;
padding-bottom: 0;
vertical-align: middle
}
.container_grid-2__item .card--media-card-label-show .card__label-container,
.container_grid-3__item .card--media-card-label-show .card__label-container,
.container_grid-4__item .card--media-card-label-show .card__label-container,
.container_lead-plus-headlines-with-images__item .card--media-card-label-show .card__label-container,
.container_list-images-with-description__item .card--media-card-label-show .card__label-container {
display: block
}
.container_grid-2__item .card__label-container,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-3__item .card__label-container,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-4__item .card__label-container,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_lead-plus-headlines-with-images__item .card__label-container,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_list-images-with-description__item .card__label-container,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video {
display: none
}
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video),
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video),
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video),
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-video,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video),
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-video {
display: inline
}
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
display: inline-block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .card__label-container {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__video-duration--type-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines__item .container__video-duration {
display: inline-block
}
.container_bulleted-headlines__item .icon-sig-video,
.container_feature-cards__item .icon-sig-photo-default,
.container_feature-cards__item .icon-sig-video,
.container_feature-cards__item:nth-child(1) .container__video-duration,
.container_grid-2__item .icon-sig-video,
.container_grid-3__item .icon-sig-video,
.container_grid-4__item .icon-sig-video,
.container_lead-package__item .icon-sig-photo-default,
.container_lead-package__item .icon-sig-video,
.container_lead-package__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines-with-images__item .icon-sig-photo-default,
.container_lead-plus-headlines-with-images__item .icon-sig-video,
.container_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines__item .icon-sig-photo-default,
.container_lead-plus-headlines__item .icon-sig-video,
.container_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.container_list-headlines-ranked__item .icon-sig-video,
.container_list-headlines-with-images__item .icon-sig-video,
.container_list-headlines-with-read-times__item .icon-sig-video,
.container_list-headlines__item .icon-sig-video,
.container_list-images-with-description__item .icon-sig-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration,
.container_list-headlines__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.container_feature-cards__item .container__video-duration,
.container_lead-package__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container .card__label--type-video .card__label-bull-span,
.container_bulleted-headlines .container__text-label--has-duration:not(:empty)::before,
.container_grid-2 .container__text-label--has-duration:not(:empty)::before,
.container_grid-3 .container__text-label--has-duration:not(:empty)::before,
.container_grid-4 .container__text-label--has-duration:not(:empty)::before,
.container_lead-package .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-ranked .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-read-times .container__text-label--has-duration:not(:empty)::before,
.container_list-images-with-description .container__text-label--has-duration:not(:empty)::before {
display: none
}
.container .card__label--type-video .card__label--duration {
display: inline
}
.container .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.container .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.container .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.container .pagination-next,
.container .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.container .pagination-next:hover,
.container .pagination-previous:hover {
background: #e6e6e6
}
.container .pagination-next.disabled,
.container .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.container .pagination-next.disabled::before,
.container .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.container .pagination-next svg,
.container .pagination-previous svg {
margin: 0
}
.container .pagination-next-direction,
.container .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.container .pagination-next::before,
.container .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.container .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.container .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container .pagination-link.active,
.container .pagination-link:active,
.container .pagination-link:focus,
.container .pagination-link:hover {
color: #0c0c0c
}
.container .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.product-zone--t-dark_feature-cards__item .container__video-duration-icon,
.product-zone--t-dark_grid-2__item .container__video-duration-icon,
.product-zone--t-dark_grid-3__item .container__video-duration-icon,
.product-zone--t-dark_grid-4__item .container__video-duration-icon,
.product-zone--t-dark_lead-package__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-images-with-description__item .container__video-duration-icon,
.zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.zone--t-dark_feature-cards__item .container__video-duration-icon,
.zone--t-dark_grid-2__item .container__video-duration-icon,
.zone--t-dark_grid-3__item .container__video-duration-icon,
.zone--t-dark_grid-4__item .container__video-duration-icon,
.zone--t-dark_lead-package__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.zone--t-dark_list-headlines__item .container__video-duration-icon,
.zone--t-dark_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: 2px;
padding-bottom: 0;
vertical-align: -1.5px
}
.container .pagination-link.active:after {
background: #000
}
.container .pagination-link:active:after,
.container .pagination-link:focus:after,
.container .pagination-link:hover:after {
background: #e6e6e6
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text {
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover {
color: #fff;
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow {
fill: #fff;
stroke: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active {
color: #f8f8f8;
border-left-color: #f8f8f8
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow {
fill: #f8f8f8;
stroke: #f8f8f8
}
.product-zone--t-dark_ribbon .container__text-label--type-gallery,
.product-zone--t-dark_ribbon .container__text-label--type-video,
.product-zone--t-dark_ribbon-left .container__text-label--type-gallery,
.product-zone--t-dark_ribbon-left .container__text-label--type-video,
.zone--t-dark_ribbon .container__text-label--type-gallery,
.zone--t-dark_ribbon .container__text-label--type-video,
.zone--t-dark_ribbon-left .container__text-label--type-gallery,
.zone--t-dark_ribbon-left .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .card__label-container,
.product-zone--t-dark_grid-3__item .card__label-container,
.product-zone--t-dark_grid-4__item .card__label-container,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.product-zone--t-dark_list-images-with-description__item .card__label-container,
.zone--t-dark_grid-2__item .card__label-container,
.zone--t-dark_grid-3__item .card__label-container,
.zone--t-dark_grid-4__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_list-images-with-description__item .card__label-container {
display: block
}
.product-zone--t-dark_grid-2__item .card__label-container--hide,
.product-zone--t-dark_grid-2__item .container__text-label,
.product-zone--t-dark_grid-3__item .card__label-container--hide,
.product-zone--t-dark_grid-3__item .container__text-label,
.product-zone--t-dark_grid-4__item .card__label-container--hide,
.product-zone--t-dark_grid-4__item .container__text-label,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.product-zone--t-dark_list-images-with-description__item .card__label-container--hide,
.product-zone--t-dark_list-images-with-description__item .container__text-label,
.zone--t-dark_grid-2__item .card__label-container--hide,
.zone--t-dark_grid-2__item .container__text-label,
.zone--t-dark_grid-3__item .card__label-container--hide,
.zone--t-dark_grid-3__item .container__text-label,
.zone--t-dark_grid-4__item .card__label-container--hide,
.zone--t-dark_grid-4__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_list-images-with-description__item .card__label-container--hide,
.zone--t-dark_list-images-with-description__item .container__text-label {
display: none
}
.product-zone--t-dark_grid-2__item .container__text-label--show,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-3__item .container__text-label--show,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-4__item .container__text-label--show,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-2__item .container__text-label--show,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-3__item .container__text-label--show,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-4__item .container__text-label--show,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_list-images-with-description__item .container__text-label--show,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--type-video,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--type-video,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration--type-video,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show,
.zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label {
display: none
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration {
display: inline-block
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_bulleted-headlines__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--hidden,
.product-zone--t-dark_grid-2__item .icon-sig-video,
.product-zone--t-dark_grid-3__item .container__video-duration--hidden,
.product-zone--t-dark_grid-3__item .icon-sig-video,
.product-zone--t-dark_grid-4__item .container__video-duration--hidden,
.product-zone--t-dark_grid-4__item .icon-sig-video,
.product-zone--t-dark_lead-package__item .icon-sig-video,
.product-zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.product-zone--t-dark_list-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines__item .icon-sig-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.product-zone--t-dark_list-images-with-description__item .icon-sig-video,
.zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.zone--t-dark_bulleted-headlines__item .icon-sig-video,
.zone--t-dark_feature-cards__item .icon-sig-video,
.zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--hidden,
.zone--t-dark_grid-2__item .icon-sig-video,
.zone--t-dark_grid-3__item .container__video-duration--hidden,
.zone--t-dark_grid-3__item .icon-sig-video,
.zone--t-dark_grid-4__item .container__video-duration--hidden,
.zone--t-dark_grid-4__item .icon-sig-video,
.zone--t-dark_lead-package__item .icon-sig-video,
.zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.zone--t-dark_list-headlines__item .container__video-duration--hidden,
.zone--t-dark_list-headlines__item .icon-sig-video,
.zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.zone--t-dark_list-images-with-description__item .icon-sig-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.product-zone--t-dark_feature-cards__item .container__video-duration,
.product-zone--t-dark_lead-package__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration,
.zone--t-dark_feature-cards__item .container__video-duration,
.zone--t-dark_lead-package__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.product-zone--t-dark .card__label--type-video .card__label-bull-span,
.zone--t-dark .card__label--type-video .card__label-bull-span {
display: none
}
.product-zone--t-dark .card__label--type-video .card__label--duration,
.zone--t-dark .card__label--type-video .card__label--duration {
display: inline
}
.product-zone--t-dark .pagination,
.zone--t-dark .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.product-zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.product-zone--t-dark .pagination-next,
.product-zone--t-dark .pagination-previous,
.zone--t-dark .pagination-next,
.zone--t-dark .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.product-zone--t-dark .pagination-next:hover,
.product-zone--t-dark .pagination-previous:hover,
.zone--t-dark .pagination-next:hover,
.zone--t-dark .pagination-previous:hover {
background: #e6e6e6
}
.product-zone--t-dark .pagination-next.disabled,
.product-zone--t-dark .pagination-previous.disabled,
.zone--t-dark .pagination-next.disabled,
.zone--t-dark .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.product-zone--t-dark .pagination-next.disabled::before,
.product-zone--t-dark .pagination-previous.disabled::before,
.zone--t-dark .pagination-next.disabled::before,
.zone--t-dark .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.product-zone--t-dark .pagination-next svg,
.product-zone--t-dark .pagination-previous svg,
.zone--t-dark .pagination-next svg,
.zone--t-dark .pagination-previous svg {
margin: 0
}
.product-zone--t-dark .pagination-next-direction,
.product-zone--t-dark .pagination-previous-direction,
.zone--t-dark .pagination-next-direction,
.zone--t-dark .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.product-zone--t-dark .pagination-next::before,
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.product-zone--t-dark .pagination-links,
.zone--t-dark .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.product-zone--t-dark .pagination-link,
.zone--t-dark .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.product-zone--t-dark .pagination-link.active,
.product-zone--t-dark .pagination-link:active,
.product-zone--t-dark .pagination-link:focus,
.product-zone--t-dark .pagination-link:hover,
.zone--t-dark .pagination-link.active,
.zone--t-dark .pagination-link:active,
.zone--t-dark .pagination-link:focus,
.zone--t-dark .pagination-link:hover {
color: #0c0c0c
}
.product-zone--t-dark .pagination-link:after,
.zone--t-dark .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark .pagination-link.active:after,
.zone--t-dark .pagination-link.active:after {
background: #000
}
.product-zone--t-dark .pagination-link:active:after,
.product-zone--t-dark .pagination-link:focus:after,
.product-zone--t-dark .pagination-link:hover:after,
.zone--t-dark .pagination-link:active:after,
.zone--t-dark .pagination-link:focus:after,
.zone--t-dark .pagination-link:hover:after {
background: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title_url-text {
font-size: 36px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title_url-text {
font-size: 46px;
line-height: 52px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title_url-text {
font-size: 56px;
line-height: 62px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker-text {
font-size: 20px;
line-height: 26px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image {
margin: 0 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title_url-text {
letter-spacing: 0;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title_url-text {
font-size: 32px;
font-weight: 700;
line-height: 38px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title_url-sub-text {
font-size: 14px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a {
flex-wrap: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a p {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
font-size: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
margin-bottom: 4px
}
}
.container_grid-2 {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.container_grid-2__field-links {
display: grid;
gap: 24px;
grid-template-columns: repeat(2, 1fr)
}
.container_grid-2__field-links.paginated {
row-gap: 0;
margin-top: -32px
}
.container_grid-2__field-links.paginated .card {
overflow: hidden;
transition: opacity .5s;
margin-bottom: 0;
margin-top: 32px
}
.container_grid-2__field-links.paginated .card.hide {
margin-top: 0;
height: 0;
opacity: 0
}
.container_grid-2__item--type-section {
margin-bottom: 24px
}
.container_grid-2__item.container__item {
padding: 0
}
.container_grid-2__item.container__item .interactive-video,
.container_grid-2__item.container__item [data-component-name=video-resource] {
margin-top: 0
}
.container_grid-2__item.container__item .interactive-video__metadata {
border-bottom: 0;
text-align: right
}
.container_grid-2__item.container__item .interactive-video__metadata .interactive-video__caption {
font-size: 10px;
line-height: 12px;
color: #6e6e6e
}
.container_grid-2__item.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
font-size: 10px
}
.container_grid-2__item-media-wrapper {
width: 100%
}
.container_grid-2__item-media-wrapper:not(.card--media-large) .interactive-video__metadata {
display: none
}
.container_grid-2__item-media {
margin-bottom: 0
}
.container_grid-2 .container_grid-2__headline {
font-weight: 400
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_grid-2__text {
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_grid-2__item {
min-width: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_grid-2__headline {
font-size: 16px;
line-height: 24px
}
}
.bizdev-healthgrade {
width: 100%;
margin-top: -8px
}
.container__title--underscored .container_card__title_url-sub-text,
.container__title_url-sub-text {
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.container {
margin-bottom: var(--theme-container-margin-bottom-default);
width: 100%
}
.container:last-child {
margin-bottom: 0
}
.container__title {
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: var(--theme-container-title__margin-bottom)
}
.container__title:after,
.container__title:before {
content: '';
display: block;
left: 0;
position: absolute;
top: 0
}
.container__title-url {
color: inherit;
text-decoration: none
}
.container__title-url .right-arrow {
content: '';
display: inline-block;
fill: var(--theme-container-title__arrow-color--initial);
stroke: var(--theme-container-title__arrow-color--initial);
height: var(--theme-container-title__arrow-size);
margin-left: 8px;
position: relative;
top: var(--theme-container-title__arrow-top-pos);
vertical-align: top;
width: var(--theme-container-title__arrow-size)
}
.container__title.hover:hover .right-arrow {
fill: var(--theme-container-title__arrow-color--hover);
stroke: var(--theme-container-title__arrow-color--hover);
transition: .4s
}
.container__title-text,
.container__title_url-text {
display: inline-block;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: var(--theme-container-title__text-size);
font-weight: 700;
letter-spacing: .5px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin-bottom: 16px;
margin-top: 0
}
.container__title--underscored:before {
display: none;
transition: none
}
.container__title--underscored.hover:hover:before {
transition: none;
width: 16px
}
.container__title--underscored .container__title-url {
align-items: center;
display: inline-flex;
margin-bottom: 24px
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
font-size: 36px;
font-weight: 700;
line-height: 36px;
margin-bottom: 0;
margin-right: 12px;
text-transform: none;
padding-bottom: 0
}
.container__title--underscored:after {
border-top: none
}
.container__title--underscored .container__title_url-text {
width: auto
}
.container__title--underscored .container_card__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.container__title--underscored .container_card__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__kicker-url,
.container__link {
text-decoration: none
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title-text,
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text {
border-left: 6px solid #0c0c0c;
padding-left: 10px
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover {
color: #6e6e6e;
border-left-color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover .right-arrow {
fill: #6e6e6e;
stroke: #6e6e6e;
transition: .4s
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active {
color: #404040;
border-left-color: #404040
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active .right-arrow {
fill: #404040;
stroke: #404040
}
.container__title--bold:after,
.container__title--bold:before {
display: none
}
.container__title--bold .container__title-text,
.container__title--bold .container__title_url-text {
text-align: left;
text-transform: initial;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif, cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 24px;
color: #0c0c0c;
letter-spacing: .6px;
line-height: 30px
}
.container__title--bold .container__title_url-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 2px;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--bold .container__title_url-text:hover {
color: #6e6e6e;
-webkit-text-decoration-line: none;
text-decoration-line: none
}
.container__link:hover .container__banner,
.container__link:hover .container__headline,
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--emphatic:before {
content: unset
}
.container__title--emphatic .container__title-text,
.container__title--emphatic .container__title_url-text {
text-transform: none;
font-size: var(--theme-container-title-emphatic__font-size);
font-weight: var(--theme-section-headline__font-weight);
line-height: var(--theme-container-title-emphatic__line-height);
letter-spacing: 0;
margin-top: 0
}
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
color: var(--theme-link-color-hover);
cursor: pointer
}
.container__kicker {
text-align: center
}
.container__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.container__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.container__kicker .image__container {
background: 0 0
}
.container__kicker .image__metadata {
display: none
}
.container__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.container__item {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.container__item:first-child {
border-top: none;
padding-top: 0
}
.container__item.fill,
.container__item.placeholder {
opacity: .5
}
.container__item .component-selector-wrapper {
position: unset
}
.container__item .interactive-video,
.container__item .interactive-video_inline-small {
margin-top: 0;
margin-bottom: 0
}
.container__item .interactive-video [data-editable=metaCaption],
.container__item .interactive-video_inline-small [data-editable=metaCaption] {
display: none
}
.container__item .interactive-video__player,
.container__item .interactive-video_inline-small__player {
object-position: top
}
.container__item img,
.container__item video {
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.container__item .image,
.container__item .image_inline-small {
margin: 0;
padding: 0;
border: none
}
.container__item .image__caption,
.container__item .image_inline-small__caption {
display: none
}
.container__item .image__credit,
.container__item .image_inline-small__credit {
color: #6e6e6e;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 0;
padding: 0 0 8px;
text-align: right
}
.container__item .image .mini-selector,
.container__item .image_inline-small .mini-selector {
display: none
}
.container__item .interactive-video {
margin: 0;
padding: 0;
border: none
}
.container__item .interactive-video__metadata {
max-width: none;
border-bottom: none;
padding-bottom: 0
}
.container__item .interactive-video__metadata .interactive-video__caption {
line-height: initial;
text-align: right
}
.container__item .interactive-video__metadata .interactive-video__caption .inline-placeholder {
display: none;
height: 0
}
.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
display: block;
padding: 4px 0 8px;
font-size: 10px;
line-height: 12px
}
.container__item .video {
border-bottom: 0;
margin: 0;
padding-bottom: 8px
}
.container__item .video__caption {
display: none
}
.container__item .video__credit {
margin-top: 6px
}
.container__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.container__item-media .image__credit,
.container__item-media .image_sponsorship__credit,
.container__item-media .interactive-video__credit {
visibility: hidden
}
.container__item-media .image__container,
.container__item-media .image_sponsorship__container,
.container__item-media .interactive-video__container {
flex-direction: column;
overflow: hidden;
position: relative
}
.container__item-media .image__container:after,
.container__item-media .image_sponsorship__container:after,
.container__item-media .interactive-video__container:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.container__item-media .image--eq-small~.image__metadata .image__credit,
.container__item-media .image_sponsorship--eq-small~.image__metadata .image__credit,
.container__item-media .interactive-video--eq-small~.image__metadata .image__credit {
line-height: 12px;
padding: 4px;
visibility: visible
}
.container__item-media .image--eq-small~.image__metadata .card__label,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label {
padding: 8px 16px;
letter-spacing: .5px
}
.container__item-media .image--eq-small~.image__metadata .card__label-icon,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label-icon,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label-icon {
width: 16px;
height: 16px
}
.container__item-media .interactive-video__container::after {
position: relative
}
.container.lazy .image__container,
.container.lazy .image_sponsorship__container {
background: #e6e6e6
}
.container__headline {
color: #0c0c0c;
font-family: var(--theme-container__font-family);
font-size: 16px;
font-weight: var(--theme-container__font-weight);
letter-spacing: .5px;
line-height: 22px
}
.container_headline-carousel__headline {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px
}
.container__banner {
color: #0c0c0c;
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
line-height: 22px;
width: calc(100% - 30px)
}
.container__link {
color: unset;
display: inline-block;
width: 100%
}
.container__link:hover img,
.container__link:hover video {
opacity: var(--theme-container-image-opacity--hover);
transition: .2s
}
.container__link:hover .image__container,
.container__link:hover .image_sponsorship__container {
background: var(--theme-container-image-color--hover)
}
.container__link:hover .container__banner,
.container__link:hover .container__headline {
color: var(--theme-container-color--hover);
-webkit-text-decoration-color: var(--theme-container-text-decoration-color--hover);
text-decoration-color: var(--theme-container-text-decoration-color--hover)
}
.container__field-links {
margin: 0;
padding: 0
}
.container__text-label {
font-weight: 700;
display: inline
}
.container__text-label--type-breaking,
.container__text-label--type-live-video,
.container__text-label--type-updates {
color: #d50000
}
.container__text-label--type-audio:not(:empty)::before,
.container__text-label--type-custom-video:not(:empty)::before,
.container__text-label--type-gallery:not(:empty)::before,
.container__text-label--type-podcasts:not(:empty)::before,
.container__text-label--type-video:not(:empty)::before {
width: 20px;
height: 18px;
vertical-align: middle;
display: inline-block
}
.container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio-dark.svg)
}
.container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone-dark.svg)
}
.container__text-label--type-video {
display: none
}
.container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo-dark.svg)
}
.container__text-label--type-custom-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label:not(:empty)::after {
content: ':'
}
.container__text {
display: inline-block;
font-family: var(--theme-font-family);
width: 100%
}
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
display: none;
float: left;
height: 20px;
margin-right: 4px;
margin-top: 2px;
padding-bottom: 3px
}
.container__video-duration {
display: none
}
.container__headline .icon-sig-photo-default,
.container__headline .icon-sig-video,
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
fill: #a4001e
}
.container__description {
display: none
}
.container__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: #0c0c0c;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
display: none;
padding-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 22px
}
.container__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__title--bulleted-headlines {
display: flex
}
.container__title--bulleted-headlines::before {
display: none
}
.container__title--bulleted-headlines::after {
margin: 0 0 0 8px;
display: block;
position: relative;
top: -4px;
border-top: none;
border-bottom: 1px solid #e6e6e6;
align-self: center;
flex-grow: 2
}
.container__title--bulleted-headlines .container__title-text,
.container__title--bulleted-headlines .container__title_url-text {
margin: 0 0 16px;
width: auto;
letter-spacing: .5px
}
.container.hide {
display: none
}
.container_list-headlines-with-images__item .container__text-label--type-gallery,
.container_list-headlines-with-read-times__item .container__text-label--type-gallery {
display: inline
}
.container_list-headlines-with-images__item .container__text-label--type-video,
.container_list-headlines-with-read-times__item .container__text-label--type-video {
display: none
}
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration {
display: inline-block
}
.container_ribbon .container__text-label--type-custom-video,
.container_ribbon .container__text-label--type-gallery,
.container_ribbon .container__text-label--type-video,
.container_ribbon-left .container__text-label--type-custom-video,
.container_ribbon-left .container__text-label--type-gallery,
.container_ribbon-left .container__text-label--type-video {
display: inline
}
.container_ribbon .container__text-label--type-video .container__text-label--text-content,
.container_ribbon-left .container__text-label--type-video .container__text-label--text-content {
display: none
}
.container_ribbon .container__text-label--type-video:after,
.container_ribbon-left .container__text-label--type-video:after {
content: ''
}
.container_bulleted-headlines__item .container__video-duration-icon,
.container_feature-cards__item .container__video-duration-icon,
.container_grid-2__item .container__video-duration-icon,
.container_grid-3__item .container__video-duration-icon,
.container_grid-4__item .container__video-duration-icon,
.container_lead-package__item .container__video-duration-icon,
.container_lead-plus-headlines-with-images__item .container__video-duration-icon,
.container_lead-plus-headlines__item .container__video-duration-icon,
.container_list-headlines-ranked__item .container__video-duration-icon,
.container_list-headlines-with-images__item .container__video-duration-icon,
.container_list-headlines-with-read-times__item .container__video-duration-icon,
.container_list-headlines__item .container__video-duration-icon,
.container_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: -2px;
padding-bottom: 0;
vertical-align: middle
}
.container_grid-2__item .card--media-card-label-show .card__label-container,
.container_grid-3__item .card--media-card-label-show .card__label-container,
.container_grid-4__item .card--media-card-label-show .card__label-container,
.container_lead-plus-headlines-with-images__item .card--media-card-label-show .card__label-container,
.container_list-images-with-description__item .card--media-card-label-show .card__label-container {
display: block
}
.container_grid-2__item .card__label-container,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-3__item .card__label-container,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-4__item .card__label-container,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_lead-plus-headlines-with-images__item .card__label-container,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_list-images-with-description__item .card__label-container,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video {
display: none
}
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video),
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video),
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video),
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-video,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video),
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-video {
display: inline
}
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
display: inline-block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .card__label-container {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__video-duration--type-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines__item .container__video-duration {
display: inline-block
}
.container_bulleted-headlines__item .icon-sig-video,
.container_feature-cards__item .icon-sig-photo-default,
.container_feature-cards__item .icon-sig-video,
.container_feature-cards__item:nth-child(1) .container__video-duration,
.container_grid-2__item .icon-sig-video,
.container_grid-3__item .icon-sig-video,
.container_grid-4__item .icon-sig-video,
.container_lead-package__item .icon-sig-photo-default,
.container_lead-package__item .icon-sig-video,
.container_lead-package__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines-with-images__item .icon-sig-photo-default,
.container_lead-plus-headlines-with-images__item .icon-sig-video,
.container_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines__item .icon-sig-photo-default,
.container_lead-plus-headlines__item .icon-sig-video,
.container_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.container_list-headlines-ranked__item .icon-sig-video,
.container_list-headlines-with-images__item .icon-sig-video,
.container_list-headlines-with-read-times__item .icon-sig-video,
.container_list-headlines__item .icon-sig-video,
.container_list-images-with-description__item .icon-sig-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration,
.container_list-headlines__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.container_feature-cards__item .container__video-duration,
.container_lead-package__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container .card__label--type-video .card__label-bull-span,
.container_bulleted-headlines .container__text-label--has-duration:not(:empty)::before,
.container_grid-2 .container__text-label--has-duration:not(:empty)::before,
.container_grid-3 .container__text-label--has-duration:not(:empty)::before,
.container_grid-4 .container__text-label--has-duration:not(:empty)::before,
.container_lead-package .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-ranked .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-read-times .container__text-label--has-duration:not(:empty)::before,
.container_list-images-with-description .container__text-label--has-duration:not(:empty)::before {
display: none
}
.container .card__label--type-video .card__label--duration {
display: inline
}
.container .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.container .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.container .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.container .pagination-next,
.container .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.container .pagination-next:hover,
.container .pagination-previous:hover {
background: #e6e6e6
}
.container .pagination-next.disabled,
.container .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.container .pagination-next.disabled::before,
.container .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.container .pagination-next svg,
.container .pagination-previous svg {
margin: 0
}
.container .pagination-next-direction,
.container .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.container .pagination-next::before,
.container .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.container .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.container .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container .pagination-link.active,
.container .pagination-link:active,
.container .pagination-link:focus,
.container .pagination-link:hover {
color: #0c0c0c
}
.container .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.product-zone--t-dark_feature-cards__item .container__video-duration-icon,
.product-zone--t-dark_grid-2__item .container__video-duration-icon,
.product-zone--t-dark_grid-3__item .container__video-duration-icon,
.product-zone--t-dark_grid-4__item .container__video-duration-icon,
.product-zone--t-dark_lead-package__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-images-with-description__item .container__video-duration-icon,
.zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.zone--t-dark_feature-cards__item .container__video-duration-icon,
.zone--t-dark_grid-2__item .container__video-duration-icon,
.zone--t-dark_grid-3__item .container__video-duration-icon,
.zone--t-dark_grid-4__item .container__video-duration-icon,
.zone--t-dark_lead-package__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.zone--t-dark_list-headlines__item .container__video-duration-icon,
.zone--t-dark_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: 2px;
padding-bottom: 0;
vertical-align: -1.5px
}
.container .pagination-link.active:after {
background: #000
}
.container .pagination-link:active:after,
.container .pagination-link:focus:after,
.container .pagination-link:hover:after {
background: #e6e6e6
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text {
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover {
color: #fff;
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow {
fill: #fff;
stroke: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active {
color: #f8f8f8;
border-left-color: #f8f8f8
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow {
fill: #f8f8f8;
stroke: #f8f8f8
}
.product-zone--t-dark_ribbon .container__text-label--type-gallery,
.product-zone--t-dark_ribbon .container__text-label--type-video,
.product-zone--t-dark_ribbon-left .container__text-label--type-gallery,
.product-zone--t-dark_ribbon-left .container__text-label--type-video,
.zone--t-dark_ribbon .container__text-label--type-gallery,
.zone--t-dark_ribbon .container__text-label--type-video,
.zone--t-dark_ribbon-left .container__text-label--type-gallery,
.zone--t-dark_ribbon-left .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .card__label-container,
.product-zone--t-dark_grid-3__item .card__label-container,
.product-zone--t-dark_grid-4__item .card__label-container,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.product-zone--t-dark_list-images-with-description__item .card__label-container,
.zone--t-dark_grid-2__item .card__label-container,
.zone--t-dark_grid-3__item .card__label-container,
.zone--t-dark_grid-4__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_list-images-with-description__item .card__label-container {
display: block
}
.product-zone--t-dark_grid-2__item .card__label-container--hide,
.product-zone--t-dark_grid-2__item .container__text-label,
.product-zone--t-dark_grid-3__item .card__label-container--hide,
.product-zone--t-dark_grid-3__item .container__text-label,
.product-zone--t-dark_grid-4__item .card__label-container--hide,
.product-zone--t-dark_grid-4__item .container__text-label,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.product-zone--t-dark_list-images-with-description__item .card__label-container--hide,
.product-zone--t-dark_list-images-with-description__item .container__text-label,
.zone--t-dark_grid-2__item .card__label-container--hide,
.zone--t-dark_grid-2__item .container__text-label,
.zone--t-dark_grid-3__item .card__label-container--hide,
.zone--t-dark_grid-3__item .container__text-label,
.zone--t-dark_grid-4__item .card__label-container--hide,
.zone--t-dark_grid-4__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_list-images-with-description__item .card__label-container--hide,
.zone--t-dark_list-images-with-description__item .container__text-label {
display: none
}
.product-zone--t-dark_grid-2__item .container__text-label--show,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-3__item .container__text-label--show,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-4__item .container__text-label--show,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-2__item .container__text-label--show,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-3__item .container__text-label--show,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-4__item .container__text-label--show,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_list-images-with-description__item .container__text-label--show,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--type-video,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--type-video,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration--type-video,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show,
.zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label {
display: none
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration {
display: inline-block
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_bulleted-headlines__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--hidden,
.product-zone--t-dark_grid-2__item .icon-sig-video,
.product-zone--t-dark_grid-3__item .container__video-duration--hidden,
.product-zone--t-dark_grid-3__item .icon-sig-video,
.product-zone--t-dark_grid-4__item .container__video-duration--hidden,
.product-zone--t-dark_grid-4__item .icon-sig-video,
.product-zone--t-dark_lead-package__item .icon-sig-video,
.product-zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.product-zone--t-dark_list-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines__item .icon-sig-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.product-zone--t-dark_list-images-with-description__item .icon-sig-video,
.zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.zone--t-dark_bulleted-headlines__item .icon-sig-video,
.zone--t-dark_feature-cards__item .icon-sig-video,
.zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--hidden,
.zone--t-dark_grid-2__item .icon-sig-video,
.zone--t-dark_grid-3__item .container__video-duration--hidden,
.zone--t-dark_grid-3__item .icon-sig-video,
.zone--t-dark_grid-4__item .container__video-duration--hidden,
.zone--t-dark_grid-4__item .icon-sig-video,
.zone--t-dark_lead-package__item .icon-sig-video,
.zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.zone--t-dark_list-headlines__item .container__video-duration--hidden,
.zone--t-dark_list-headlines__item .icon-sig-video,
.zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.zone--t-dark_list-images-with-description__item .icon-sig-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.product-zone--t-dark_feature-cards__item .container__video-duration,
.product-zone--t-dark_lead-package__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration,
.zone--t-dark_feature-cards__item .container__video-duration,
.zone--t-dark_lead-package__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.product-zone--t-dark .card__label--type-video .card__label-bull-span,
.zone--t-dark .card__label--type-video .card__label-bull-span {
display: none
}
.product-zone--t-dark .card__label--type-video .card__label--duration,
.zone--t-dark .card__label--type-video .card__label--duration {
display: inline
}
.product-zone--t-dark .pagination,
.zone--t-dark .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.product-zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.product-zone--t-dark .pagination-next,
.product-zone--t-dark .pagination-previous,
.zone--t-dark .pagination-next,
.zone--t-dark .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.product-zone--t-dark .pagination-next:hover,
.product-zone--t-dark .pagination-previous:hover,
.zone--t-dark .pagination-next:hover,
.zone--t-dark .pagination-previous:hover {
background: #e6e6e6
}
.product-zone--t-dark .pagination-next.disabled,
.product-zone--t-dark .pagination-previous.disabled,
.zone--t-dark .pagination-next.disabled,
.zone--t-dark .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.product-zone--t-dark .pagination-next.disabled::before,
.product-zone--t-dark .pagination-previous.disabled::before,
.zone--t-dark .pagination-next.disabled::before,
.zone--t-dark .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.product-zone--t-dark .pagination-next svg,
.product-zone--t-dark .pagination-previous svg,
.zone--t-dark .pagination-next svg,
.zone--t-dark .pagination-previous svg {
margin: 0
}
.product-zone--t-dark .pagination-next-direction,
.product-zone--t-dark .pagination-previous-direction,
.zone--t-dark .pagination-next-direction,
.zone--t-dark .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.product-zone--t-dark .pagination-next::before,
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.product-zone--t-dark .pagination-links,
.zone--t-dark .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.product-zone--t-dark .pagination-link,
.zone--t-dark .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container_list-headlines,
.product-zone--t-dark .pagination-link.active,
.product-zone--t-dark .pagination-link:active,
.product-zone--t-dark .pagination-link:focus,
.product-zone--t-dark .pagination-link:hover,
.zone--t-dark .pagination-link.active,
.zone--t-dark .pagination-link:active,
.zone--t-dark .pagination-link:focus,
.zone--t-dark .pagination-link:hover {
color: #0c0c0c
}
.product-zone--t-dark .pagination-link:after,
.zone--t-dark .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark .pagination-link.active:after,
.zone--t-dark .pagination-link.active:after {
background: #000
}
.product-zone--t-dark .pagination-link:active:after,
.product-zone--t-dark .pagination-link:focus:after,
.product-zone--t-dark .pagination-link:hover:after,
.zone--t-dark .pagination-link:active:after,
.zone--t-dark .pagination-link:focus:after,
.zone--t-dark .pagination-link:hover:after {
background: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title_url-text {
font-size: 36px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title_url-text {
font-size: 46px;
line-height: 52px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title_url-text {
font-size: 56px;
line-height: 62px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker-text {
font-size: 20px;
line-height: 26px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image {
margin: 0 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title_url-text {
letter-spacing: 0;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title_url-text {
font-size: 32px;
font-weight: 700;
line-height: 38px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title_url-sub-text {
font-size: 14px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a {
flex-wrap: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a p {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
font-size: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
margin-bottom: 4px
}
}
.container_list-headlines {
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin-bottom: var(--theme-container-margin-bottom-default);
letter-spacing: .5px
}
.container_list-headlines:first-child {
border-top: none
}
.container_list-headlines .container_list-headlines__item {
border: none;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #e6e6e6
}
.container_list-headlines .container_list-headlines__item:first-child .card__timestamp {
line-height: 22px
}
.container_list-headlines .container_list-headlines__item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none
}
.container_list-headlines__text.container__text {
font-family: inherit;
margin: inherit
}
.container_list-headlines__item-media {
display: none
}
.container_list-headlines__headline {
text-align: left
}
.container_list-headlines__item .container_list-headlines__link {
display: inline-block
}
.card .container__text {
display: inline-block
}
.card .container__text-edit {
display: table
}
.card__label {
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
display: inline-flex;
align-items: center;
position: relative;
transform: translateY(-100%);
width: fit-content;
color: #fff;
height: 26px;
bottom: 8px;
left: 8px;
border-radius: 4px;
line-height: 10px;
font-size: 12px;
padding: 6px 8px
}
.card__label-container {
height: 0;
line-height: 0;
display: block;
position: relative
}
.card__label-indicator {
display: none
}
.card__label--type-breaking,
.card__label--type-live-video,
.card__label--type-projection-breaking,
.card__label--type-updates {
background: linear-gradient(.25turn, #ff3f3f, #a4001e)
}
.card__label--type-radio-argentina {
background: #4176be;
color: #fff
}
.card__label--type-updates .card__label-indicator {
display: block;
margin-right: 4px;
line-height: .5;
width: 6px;
height: 6px
}
.card__label--type-live-video {
border-radius: 16px;
padding: 0 8px 0 6px;
line-height: 16px
}
.card__label--type-audio,
.card__label--type-custom-video,
.card__label--type-gallery,
.card__label--type-podcasts,
.card__label--type-video {
background: rgba(12, 12, 12, .5);
color: #fff;
border-radius: 16px
}
.card__label--duration {
display: none
}
.card__label--type-analysis,
.card__label--type-custom,
.card__label--type-exclusive,
.card__label--type-fact-check,
.card__label--type-first,
.card__label--type-for-subscribers,
.card__label--type-investigates,
.card__label--type-kfile,
.card__label--type-opinion,
.card__label--type-poll,
.card__label--type-projection-non-breaking,
.card__label--type-quiz,
.card__label--type-review,
.card__label--type-trending,
.card__label--type-underscored {
background: #fff;
color: #0c0c0c
}
.card--media-large .card__label {
height: 30px
}
.card--media-large .card__label--type-analysis,
.card--media-large .card__label--type-custom,
.card--media-large .card__label--type-exclusive,
.card--media-large .card__label--type-first,
.card--media-large .card__label--type-for-subscribers,
.card--media-large .card__label--type-investigates,
.card--media-large .card__label--type-kfile,
.card--media-large .card__label--type-opinion,
.card--media-large .card__label--type-projection-non-breaking,
.card--media-large .card__label--type-review,
.card--media-large .card__label--type-trending,
.card--media-large .card__label--type-underscored {
color: #000;
padding: 6px 10px
}
.card__label--type-audio .card__label-icon,
.card__label--type-custom-video .card__label-icon,
.card__label--type-gallery .card__label-icon,
.card__label--type-podcasts .card__label-icon,
.card__label--type-video .card__label-icon {
float: left;
fill: #f8f8f8;
margin-right: 4px;
width: 16px;
height: 16px;
background-repeat: no-repeat
}
.card__label--type-custom-video .card__label-icon,
.card__label--type-video .card__label-icon {
background-image: url(/media/sites/cnn/icons/video.svg)
}
.card__label--type-podcasts .card__label-icon {
background-image: url(/media/sites/cnn/icons/microphone.svg)
}
.card__label--type-audio .card__label-icon {
background-image: url(/media/sites/cnn/icons/audio.svg)
}
.card__label--type-gallery .card__label-icon {
background-image: url(/media/sites/cnn/icons/photo.svg)
}
.card__label--type-live-video .card__label-icon {
background-image: url(/media/sites/cnn/icons/live-video-icon.svg);
width: 16px;
height: 16px;
margin-bottom: 4px
}
.card__label-bull-span {
align-items: center;
display: flex
}
.card>.container__link {
display: block
}
.card [data-component-name=interactive-video] .interactive-video__container {
display: flex
}
.card [data-component-name=interactive-video]~.card__label {
margin-bottom: 6px
}
.card .image--eq-extra-small .image__container,
.card [data-component-name=video-resource] {
margin-bottom: 0
}
.card [data-component-name=video-resource] .video-resource__details {
display: none
}
.card [data-component-name=video-resource] .auth-cta-overlay__error {
width: 100%;
font-size: 10px
}
.card [data-component-name=video-resource] .pui_error-slate {
font-size: 10px;
word-break: normal
}
.card .card__headline-with-timestamp {
width: calc(100% - 40px);
float: left
}
.card:not(:first-child) .container_lead-package__text.card__headline-with-timestamp {
padding: 0 0 12px
}
.card .card__timestamp {
display: flex;
width: 40px;
justify-content: flex-end;
align-items: baseline;
color: #6e6e6e
}
.card .card__timestamp-recent {
color: #c00
}
.card:first-child .card__timestamp {
line-height: 26px
}
.card [data-component-name=video-resource]+.card__label {
display: none
}
[data-page-type=section] .card--media-large:has(.video-resource) {
margin-bottom: 8px
}
[data-page-type=section] .card--media-large~.container__text .container__headline:not(.container_hero-card-feature__headline) {
font-size: var(--theme-container-lead-title__font-size);
line-height: var(--theme-container-lead-title__line-height);
font-weight: var(--theme-container-lead-title__font-weight)
}
[data-page-type=section] .card--media-large .card__label {
font-size: 14px
}
[data-page-type=section] .card--media-large .card__label--type-breaking {
padding: 10px
}
[data-page-type=section] .card--media-large .card__label--type-live-video {
line-height: 18px
}
.card__label--type-custom-video [data-page-type=section] .card--media-large .card__label-icon,
.card__label--type-gallery [data-page-type=section] .card--media-large .card__label-icon,
.card__label--type-video [data-page-type=section] .card--media-large .card__label-icon {
width: 16px;
height: 16px
}
[data-page-type=section] .card--media-large :not([data-component-name=interactive-video])~.card__label {
margin-bottom: 24px
}
[data-page-type=section] .card--media-large .image__metadata {
margin-bottom: 0;
min-height: 24px
}
[data-page-type=section] .card--media-large .image__metadata .image__credit {
display: block;
visibility: visible;
padding: 4px 0 8px
}
[data-page-type=section] .container__item-media-wrapper .image__container,
[data-page-type=section] .container__item-media-wrapper .interactive-video__container {
border-radius: 4px
}
[data-page-type=section] .container__item-media-wrapper.card--media-extra-large .image__container,
[data-page-type=section] .container__item-media-wrapper.card--media-extra-large .interactive-video__container {
border-radius: 8px
}
[data-page-type=section] .container__item-media-wrapper:not(.card--media-large):not(.container_shelf-carousel__item-media-wrapper):not(.container_hero-card-feature__item-media-wrapper):not(.container_lead-plus-headlines-with-images__item-media-wrapper):not(.container_list-headlines-with-read-times__item-media-wrapper):not(.container_list-headlines-with-images__item-media-wrapper) {
margin-bottom: 8px
}
[data-page-type=section] .container__item-media-wrapper:not(.card--media-large):not(.container_shelf-carousel__item-media-wrapper):not(.container_hero-card-feature__item-media-wrapper) .image__credit,
[data-page-type=section] .container__item-media-wrapper:not(.card--media-large):not(.container_shelf-carousel__item-media-wrapper):not(.container_hero-card-feature__item-media-wrapper) .image__metadata,
[data-page-type=section] .container__item-media-wrapper:not(.card--media-large):not(.container_shelf-carousel__item-media-wrapper):not(.container_hero-card-feature__item-media-wrapper) .interactive-video__credit,
[data-page-type=section] .container__item-media-wrapper:not(.card--media-large):not(.container_shelf-carousel__item-media-wrapper):not(.container_hero-card-feature__item-media-wrapper) .interactive-video__metadata {
display: none
}
[data-page-type=section] .layout__top .product-zone .container__item-media-wrapper.card--media-large.container_hero-card-feature__item-media-wrapper .card__label,
[data-page-type=section] .layout__top .product-zone .container__item-media-wrapper:not(.card--media-large).container_hero-card-feature__item-media-wrapper .card__label {
margin-bottom: 0
}
[data-page-type=section] .card [data-component-name=interactive-video],
[data-page-type=section] .card [data-component-name=image] {
pointer-events: all
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .card__label-container:has(.card__label--type-updates) {
top: 1px;
left: -1px
}
}
.container__title--underscored .container_card__title_url-sub-text,
.container__title_url-sub-text {
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.container {
margin-bottom: var(--theme-container-margin-bottom-default);
width: 100%
}
.container:last-child {
margin-bottom: 0
}
.container__title {
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: var(--theme-container-title__margin-bottom)
}
.container__title:after,
.container__title:before {
content: '';
display: block;
left: 0;
position: absolute;
top: 0
}
.container__title-url {
color: inherit;
text-decoration: none
}
.container__title-url .right-arrow {
content: '';
display: inline-block;
fill: var(--theme-container-title__arrow-color--initial);
stroke: var(--theme-container-title__arrow-color--initial);
height: var(--theme-container-title__arrow-size);
margin-left: 8px;
position: relative;
top: var(--theme-container-title__arrow-top-pos);
vertical-align: top;
width: var(--theme-container-title__arrow-size)
}
.container__title.hover:hover .right-arrow {
fill: var(--theme-container-title__arrow-color--hover);
stroke: var(--theme-container-title__arrow-color--hover);
transition: .4s
}
.container__title-text,
.container__title_url-text {
display: inline-block;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: var(--theme-container-title__text-size);
font-weight: 700;
letter-spacing: .5px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin-bottom: 16px;
margin-top: 0
}
.container__title--underscored:before {
display: none;
transition: none
}
.container__title--underscored.hover:hover:before {
transition: none;
width: 16px
}
.container__title--underscored .container__title-url {
align-items: center;
display: inline-flex;
margin-bottom: 24px
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
font-size: 36px;
font-weight: 700;
line-height: 36px;
margin-bottom: 0;
margin-right: 12px;
text-transform: none;
padding-bottom: 0
}
.container__title--underscored:after {
border-top: none
}
.container__title--underscored .container__title_url-text {
width: auto
}
.container__title--underscored .container_card__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.container__title--underscored .container_card__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__kicker-url,
.container__link {
text-decoration: none
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title-text,
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text {
border-left: 6px solid #0c0c0c;
padding-left: 10px
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover {
color: #6e6e6e;
border-left-color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover .right-arrow {
fill: #6e6e6e;
stroke: #6e6e6e;
transition: .4s
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active {
color: #404040;
border-left-color: #404040
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active .right-arrow {
fill: #404040;
stroke: #404040
}
.container__title--bold:after,
.container__title--bold:before {
display: none
}
.container__title--bold .container__title-text,
.container__title--bold .container__title_url-text {
text-align: left;
text-transform: initial;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif, cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 24px;
color: #0c0c0c;
letter-spacing: .6px;
line-height: 30px
}
.container__title--bold .container__title_url-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 2px;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--bold .container__title_url-text:hover {
color: #6e6e6e;
-webkit-text-decoration-line: none;
text-decoration-line: none
}
.container__link:hover .container__banner,
.container__link:hover .container__headline,
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--emphatic:before {
content: unset
}
.container__title--emphatic .container__title-text,
.container__title--emphatic .container__title_url-text {
text-transform: none;
font-size: var(--theme-container-title-emphatic__font-size);
font-weight: var(--theme-section-headline__font-weight);
line-height: var(--theme-container-title-emphatic__line-height);
letter-spacing: 0;
margin-top: 0
}
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
color: var(--theme-link-color-hover);
cursor: pointer
}
.container__kicker {
text-align: center
}
.container__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.container__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.container__kicker .image__container {
background: 0 0
}
.container__kicker .image__metadata {
display: none
}
.container__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.container__item {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.container__item:first-child {
border-top: none;
padding-top: 0
}
.container__item.fill,
.container__item.placeholder {
opacity: .5
}
.container__item .component-selector-wrapper {
position: unset
}
.container__item .interactive-video,
.container__item .interactive-video_inline-small {
margin-top: 0;
margin-bottom: 0
}
.container__item .interactive-video [data-editable=metaCaption],
.container__item .interactive-video_inline-small [data-editable=metaCaption] {
display: none
}
.container__item .interactive-video__player,
.container__item .interactive-video_inline-small__player {
object-position: top
}
.container__item img,
.container__item video {
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.container__item .image,
.container__item .image_inline-small {
margin: 0;
padding: 0;
border: none
}
.container__item .image__caption,
.container__item .image_inline-small__caption {
display: none
}
.container__item .image__credit,
.container__item .image_inline-small__credit {
color: #6e6e6e;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 0;
padding: 0 0 8px;
text-align: right
}
.container__item .image .mini-selector,
.container__item .image_inline-small .mini-selector {
display: none
}
.container__item .interactive-video {
margin: 0;
padding: 0;
border: none
}
.container__item .interactive-video__metadata {
max-width: none;
border-bottom: none;
padding-bottom: 0
}
.container__item .interactive-video__metadata .interactive-video__caption {
line-height: initial;
text-align: right
}
.container__item .interactive-video__metadata .interactive-video__caption .inline-placeholder {
display: none;
height: 0
}
.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
display: block;
padding: 4px 0 8px;
font-size: 10px;
line-height: 12px
}
.container__item .video {
border-bottom: 0;
margin: 0;
padding-bottom: 8px
}
.container__item .video__caption {
display: none
}
.container__item .video__credit {
margin-top: 6px
}
.container__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.container__item-media .image__credit,
.container__item-media .image_sponsorship__credit,
.container__item-media .interactive-video__credit {
visibility: hidden
}
.container__item-media .image__container,
.container__item-media .image_sponsorship__container,
.container__item-media .interactive-video__container {
flex-direction: column;
overflow: hidden;
position: relative
}
.container__item-media .image__container:after,
.container__item-media .image_sponsorship__container:after,
.container__item-media .interactive-video__container:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.container__item-media .image--eq-small~.image__metadata .image__credit,
.container__item-media .image_sponsorship--eq-small~.image__metadata .image__credit,
.container__item-media .interactive-video--eq-small~.image__metadata .image__credit {
line-height: 12px;
padding: 4px;
visibility: visible
}
.container__item-media .image--eq-small~.image__metadata .card__label,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label {
padding: 8px 16px;
letter-spacing: .5px
}
.container__item-media .image--eq-small~.image__metadata .card__label-icon,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label-icon,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label-icon {
width: 16px;
height: 16px
}
.container__item-media .interactive-video__container::after {
position: relative
}
.container.lazy .image__container,
.container.lazy .image_sponsorship__container {
background: #e6e6e6
}
.container__headline {
color: #0c0c0c;
font-family: var(--theme-container__font-family);
font-size: 16px;
font-weight: var(--theme-container__font-weight);
letter-spacing: .5px;
line-height: 22px
}
.container_headline-carousel__headline {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px
}
.container__banner {
color: #0c0c0c;
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
line-height: 22px;
width: calc(100% - 30px)
}
.container__link {
color: unset;
display: inline-block;
width: 100%
}
.container__link:hover img,
.container__link:hover video {
opacity: var(--theme-container-image-opacity--hover);
transition: .2s
}
.container__link:hover .image__container,
.container__link:hover .image_sponsorship__container {
background: var(--theme-container-image-color--hover)
}
.container__link:hover .container__banner,
.container__link:hover .container__headline {
color: var(--theme-container-color--hover);
-webkit-text-decoration-color: var(--theme-container-text-decoration-color--hover);
text-decoration-color: var(--theme-container-text-decoration-color--hover)
}
.container__field-links {
margin: 0;
padding: 0
}
.container__text-label {
font-weight: 700;
display: inline
}
.container__text-label--type-breaking,
.container__text-label--type-live-video,
.container__text-label--type-updates {
color: #d50000
}
.container__text-label--type-audio:not(:empty)::before,
.container__text-label--type-custom-video:not(:empty)::before,
.container__text-label--type-gallery:not(:empty)::before,
.container__text-label--type-podcasts:not(:empty)::before,
.container__text-label--type-video:not(:empty)::before {
width: 20px;
height: 18px;
vertical-align: middle;
display: inline-block
}
.container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio-dark.svg)
}
.container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone-dark.svg)
}
.container__text-label--type-video {
display: none
}
.container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo-dark.svg)
}
.container__text-label--type-custom-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label:not(:empty)::after {
content: ':'
}
.container__text {
display: inline-block;
font-family: var(--theme-font-family);
width: 100%
}
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
display: none;
float: left;
height: 20px;
margin-right: 4px;
margin-top: 2px;
padding-bottom: 3px
}
.container__video-duration {
display: none
}
.container__headline .icon-sig-photo-default,
.container__headline .icon-sig-video,
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
fill: #a4001e
}
.container__description {
display: none
}
.container__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: #0c0c0c;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
display: none;
padding-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 22px
}
.container__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__title--bulleted-headlines {
display: flex
}
.container__title--bulleted-headlines::before {
display: none
}
.container__title--bulleted-headlines::after {
margin: 0 0 0 8px;
display: block;
position: relative;
top: -4px;
border-top: none;
border-bottom: 1px solid #e6e6e6;
align-self: center;
flex-grow: 2
}
.container__title--bulleted-headlines .container__title-text,
.container__title--bulleted-headlines .container__title_url-text {
margin: 0 0 16px;
width: auto;
letter-spacing: .5px
}
.container.hide {
display: none
}
.container_list-headlines-with-images__item .container__text-label--type-gallery,
.container_list-headlines-with-read-times__item .container__text-label--type-gallery {
display: inline
}
.container_list-headlines-with-images__item .container__text-label--type-video,
.container_list-headlines-with-read-times__item .container__text-label--type-video {
display: none
}
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration {
display: inline-block
}
.container_ribbon .container__text-label--type-custom-video,
.container_ribbon .container__text-label--type-gallery,
.container_ribbon .container__text-label--type-video,
.container_ribbon-left .container__text-label--type-custom-video,
.container_ribbon-left .container__text-label--type-gallery,
.container_ribbon-left .container__text-label--type-video {
display: inline
}
.container_ribbon .container__text-label--type-video .container__text-label--text-content,
.container_ribbon-left .container__text-label--type-video .container__text-label--text-content {
display: none
}
.container_ribbon .container__text-label--type-video:after,
.container_ribbon-left .container__text-label--type-video:after {
content: ''
}
.container_bulleted-headlines__item .container__video-duration-icon,
.container_feature-cards__item .container__video-duration-icon,
.container_grid-2__item .container__video-duration-icon,
.container_grid-3__item .container__video-duration-icon,
.container_grid-4__item .container__video-duration-icon,
.container_lead-package__item .container__video-duration-icon,
.container_lead-plus-headlines-with-images__item .container__video-duration-icon,
.container_lead-plus-headlines__item .container__video-duration-icon,
.container_list-headlines-ranked__item .container__video-duration-icon,
.container_list-headlines-with-images__item .container__video-duration-icon,
.container_list-headlines-with-read-times__item .container__video-duration-icon,
.container_list-headlines__item .container__video-duration-icon,
.container_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: -2px;
padding-bottom: 0;
vertical-align: middle
}
.container_grid-2__item .card--media-card-label-show .card__label-container,
.container_grid-3__item .card--media-card-label-show .card__label-container,
.container_grid-4__item .card--media-card-label-show .card__label-container,
.container_lead-plus-headlines-with-images__item .card--media-card-label-show .card__label-container,
.container_list-images-with-description__item .card--media-card-label-show .card__label-container {
display: block
}
.container_grid-2__item .card__label-container,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-3__item .card__label-container,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-4__item .card__label-container,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_lead-plus-headlines-with-images__item .card__label-container,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_list-images-with-description__item .card__label-container,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video {
display: none
}
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video),
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video),
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video),
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-video,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video),
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-video {
display: inline
}
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
display: inline-block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .card__label-container {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__video-duration--type-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines__item .container__video-duration {
display: inline-block
}
.container_bulleted-headlines__item .icon-sig-video,
.container_feature-cards__item .icon-sig-photo-default,
.container_feature-cards__item .icon-sig-video,
.container_feature-cards__item:nth-child(1) .container__video-duration,
.container_grid-2__item .icon-sig-video,
.container_grid-3__item .icon-sig-video,
.container_grid-4__item .icon-sig-video,
.container_lead-package__item .icon-sig-photo-default,
.container_lead-package__item .icon-sig-video,
.container_lead-package__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines-with-images__item .icon-sig-photo-default,
.container_lead-plus-headlines-with-images__item .icon-sig-video,
.container_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines__item .icon-sig-photo-default,
.container_lead-plus-headlines__item .icon-sig-video,
.container_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.container_list-headlines-ranked__item .icon-sig-video,
.container_list-headlines-with-images__item .icon-sig-video,
.container_list-headlines-with-read-times__item .icon-sig-video,
.container_list-headlines__item .icon-sig-video,
.container_list-images-with-description__item .icon-sig-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration,
.container_list-headlines__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.container_feature-cards__item .container__video-duration,
.container_lead-package__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container .card__label--type-video .card__label-bull-span,
.container_bulleted-headlines .container__text-label--has-duration:not(:empty)::before,
.container_grid-2 .container__text-label--has-duration:not(:empty)::before,
.container_grid-3 .container__text-label--has-duration:not(:empty)::before,
.container_grid-4 .container__text-label--has-duration:not(:empty)::before,
.container_lead-package .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-ranked .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-read-times .container__text-label--has-duration:not(:empty)::before,
.container_list-images-with-description .container__text-label--has-duration:not(:empty)::before {
display: none
}
.container .card__label--type-video .card__label--duration {
display: inline
}
.container .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.container .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.container .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.container .pagination-next,
.container .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.container .pagination-next:hover,
.container .pagination-previous:hover {
background: #e6e6e6
}
.container .pagination-next.disabled,
.container .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.container .pagination-next.disabled::before,
.container .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.container .pagination-next svg,
.container .pagination-previous svg {
margin: 0
}
.container .pagination-next-direction,
.container .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.container .pagination-next::before,
.container .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.container .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.container .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container .pagination-link.active,
.container .pagination-link:active,
.container .pagination-link:focus,
.container .pagination-link:hover {
color: #0c0c0c
}
.container .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.product-zone--t-dark_feature-cards__item .container__video-duration-icon,
.product-zone--t-dark_grid-2__item .container__video-duration-icon,
.product-zone--t-dark_grid-3__item .container__video-duration-icon,
.product-zone--t-dark_grid-4__item .container__video-duration-icon,
.product-zone--t-dark_lead-package__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-images-with-description__item .container__video-duration-icon,
.zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.zone--t-dark_feature-cards__item .container__video-duration-icon,
.zone--t-dark_grid-2__item .container__video-duration-icon,
.zone--t-dark_grid-3__item .container__video-duration-icon,
.zone--t-dark_grid-4__item .container__video-duration-icon,
.zone--t-dark_lead-package__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.zone--t-dark_list-headlines__item .container__video-duration-icon,
.zone--t-dark_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: 2px;
padding-bottom: 0;
vertical-align: -1.5px
}
.container .pagination-link.active:after {
background: #000
}
.container .pagination-link:active:after,
.container .pagination-link:focus:after,
.container .pagination-link:hover:after {
background: #e6e6e6
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text {
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover {
color: #fff;
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow {
fill: #fff;
stroke: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active {
color: #f8f8f8;
border-left-color: #f8f8f8
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow {
fill: #f8f8f8;
stroke: #f8f8f8
}
.product-zone--t-dark_ribbon .container__text-label--type-gallery,
.product-zone--t-dark_ribbon .container__text-label--type-video,
.product-zone--t-dark_ribbon-left .container__text-label--type-gallery,
.product-zone--t-dark_ribbon-left .container__text-label--type-video,
.zone--t-dark_ribbon .container__text-label--type-gallery,
.zone--t-dark_ribbon .container__text-label--type-video,
.zone--t-dark_ribbon-left .container__text-label--type-gallery,
.zone--t-dark_ribbon-left .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .card__label-container,
.product-zone--t-dark_grid-3__item .card__label-container,
.product-zone--t-dark_grid-4__item .card__label-container,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.product-zone--t-dark_list-images-with-description__item .card__label-container,
.zone--t-dark_grid-2__item .card__label-container,
.zone--t-dark_grid-3__item .card__label-container,
.zone--t-dark_grid-4__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_list-images-with-description__item .card__label-container {
display: block
}
.product-zone--t-dark_grid-2__item .card__label-container--hide,
.product-zone--t-dark_grid-2__item .container__text-label,
.product-zone--t-dark_grid-3__item .card__label-container--hide,
.product-zone--t-dark_grid-3__item .container__text-label,
.product-zone--t-dark_grid-4__item .card__label-container--hide,
.product-zone--t-dark_grid-4__item .container__text-label,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.product-zone--t-dark_list-images-with-description__item .card__label-container--hide,
.product-zone--t-dark_list-images-with-description__item .container__text-label,
.zone--t-dark_grid-2__item .card__label-container--hide,
.zone--t-dark_grid-2__item .container__text-label,
.zone--t-dark_grid-3__item .card__label-container--hide,
.zone--t-dark_grid-3__item .container__text-label,
.zone--t-dark_grid-4__item .card__label-container--hide,
.zone--t-dark_grid-4__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_list-images-with-description__item .card__label-container--hide,
.zone--t-dark_list-images-with-description__item .container__text-label {
display: none
}
.product-zone--t-dark_grid-2__item .container__text-label--show,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-3__item .container__text-label--show,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-4__item .container__text-label--show,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-2__item .container__text-label--show,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-3__item .container__text-label--show,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-4__item .container__text-label--show,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_list-images-with-description__item .container__text-label--show,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--type-video,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--type-video,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration--type-video,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show,
.zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label {
display: none
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration {
display: inline-block
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_bulleted-headlines__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--hidden,
.product-zone--t-dark_grid-2__item .icon-sig-video,
.product-zone--t-dark_grid-3__item .container__video-duration--hidden,
.product-zone--t-dark_grid-3__item .icon-sig-video,
.product-zone--t-dark_grid-4__item .container__video-duration--hidden,
.product-zone--t-dark_grid-4__item .icon-sig-video,
.product-zone--t-dark_lead-package__item .icon-sig-video,
.product-zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.product-zone--t-dark_list-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines__item .icon-sig-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.product-zone--t-dark_list-images-with-description__item .icon-sig-video,
.zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.zone--t-dark_bulleted-headlines__item .icon-sig-video,
.zone--t-dark_feature-cards__item .icon-sig-video,
.zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--hidden,
.zone--t-dark_grid-2__item .icon-sig-video,
.zone--t-dark_grid-3__item .container__video-duration--hidden,
.zone--t-dark_grid-3__item .icon-sig-video,
.zone--t-dark_grid-4__item .container__video-duration--hidden,
.zone--t-dark_grid-4__item .icon-sig-video,
.zone--t-dark_lead-package__item .icon-sig-video,
.zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.zone--t-dark_list-headlines__item .container__video-duration--hidden,
.zone--t-dark_list-headlines__item .icon-sig-video,
.zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.zone--t-dark_list-images-with-description__item .icon-sig-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.product-zone--t-dark_feature-cards__item .container__video-duration,
.product-zone--t-dark_lead-package__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration,
.zone--t-dark_feature-cards__item .container__video-duration,
.zone--t-dark_lead-package__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.product-zone--t-dark .card__label--type-video .card__label-bull-span,
.zone--t-dark .card__label--type-video .card__label-bull-span {
display: none
}
.product-zone--t-dark .card__label--type-video .card__label--duration,
.zone--t-dark .card__label--type-video .card__label--duration {
display: inline
}
.product-zone--t-dark .pagination,
.zone--t-dark .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.product-zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.product-zone--t-dark .pagination-next,
.product-zone--t-dark .pagination-previous,
.zone--t-dark .pagination-next,
.zone--t-dark .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.product-zone--t-dark .pagination-next:hover,
.product-zone--t-dark .pagination-previous:hover,
.zone--t-dark .pagination-next:hover,
.zone--t-dark .pagination-previous:hover {
background: #e6e6e6
}
.product-zone--t-dark .pagination-next.disabled,
.product-zone--t-dark .pagination-previous.disabled,
.zone--t-dark .pagination-next.disabled,
.zone--t-dark .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.product-zone--t-dark .pagination-next.disabled::before,
.product-zone--t-dark .pagination-previous.disabled::before,
.zone--t-dark .pagination-next.disabled::before,
.zone--t-dark .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.product-zone--t-dark .pagination-next svg,
.product-zone--t-dark .pagination-previous svg,
.zone--t-dark .pagination-next svg,
.zone--t-dark .pagination-previous svg {
margin: 0
}
.product-zone--t-dark .pagination-next-direction,
.product-zone--t-dark .pagination-previous-direction,
.zone--t-dark .pagination-next-direction,
.zone--t-dark .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.product-zone--t-dark .pagination-next::before,
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.product-zone--t-dark .pagination-links,
.zone--t-dark .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.product-zone--t-dark .pagination-link,
.zone--t-dark .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.product-zone--t-dark .pagination-link.active,
.product-zone--t-dark .pagination-link:active,
.product-zone--t-dark .pagination-link:focus,
.product-zone--t-dark .pagination-link:hover,
.zone--t-dark .pagination-link.active,
.zone--t-dark .pagination-link:active,
.zone--t-dark .pagination-link:focus,
.zone--t-dark .pagination-link:hover {
color: #0c0c0c
}
.product-zone--t-dark .pagination-link:after,
.zone--t-dark .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark .pagination-link.active:after,
.zone--t-dark .pagination-link.active:after {
background: #000
}
.product-zone--t-dark .pagination-link:active:after,
.product-zone--t-dark .pagination-link:focus:after,
.product-zone--t-dark .pagination-link:hover:after,
.zone--t-dark .pagination-link:active:after,
.zone--t-dark .pagination-link:focus:after,
.zone--t-dark .pagination-link:hover:after {
background: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title_url-text {
font-size: 36px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title_url-text {
font-size: 46px;
line-height: 52px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title_url-text {
font-size: 56px;
line-height: 62px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker-text {
font-size: 20px;
line-height: 26px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image {
margin: 0 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title_url-text {
letter-spacing: 0;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title_url-text {
font-size: 32px;
font-weight: 700;
line-height: 38px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title_url-sub-text {
font-size: 14px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a {
flex-wrap: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a p {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
font-size: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
margin-bottom: 4px
}
}
.container_ribbon {
margin-bottom: var(--theme-container-margin-bottom-default);
position: relative
}
.container_ribbon__field-links {
display: flex;
justify-content: center;
flex-wrap: nowrap;
-ms-overflow-style: none;
overflow-y: hidden;
scrollbar-width: none;
white-space: nowrap
}
.container_ribbon__field-links::-webkit-scrollbar {
display: none
}
.container_ribbon__text {
display: inline-table
}
.container_ribbon__headline {
align-items: center;
display: inline-block
}
.container_ribbon__headline.container__headline {
line-height: 22px;
letter-spacing: 0
}
.container_ribbon__text-label--no-image:after {
content: ':';
margin-left: -4px;
padding-right: 4px
}
.container_ribbon__item {
min-width: fit-content;
border-top: 0
}
.container_ribbon__item:first-child {
padding: 0
}
.container_ribbon__item:not(:last-child) .container_ribbon__text:after {
color: #b1b1b1;
content: '|';
display: inline-block;
padding: 0 8px
}
.container_ribbon__link:has(.container__text-label--type-video) .container__headline {
font-size: 0
}
.container_ribbon__link:has(.container__text-label--type-video) .container__headline span {
font-size: 16px
}
.container_ribbon__link:hover .container_ribbon__headline {
color: var(--theme-color-link)
}
.container_ribbon__link:hover .container_ribbon__text {
text-decoration: none
}
.container_ribbon .container_ribbon__field-links {
margin: 16px 0
}
.container_ribbon.component-selector-wrapper .container_ribbon__field-wrapper {
height: auto
}
.container_ribbon.component-selector-wrapper .container_ribbon__field-links {
height: auto;
position: relative;
width: 100%
}
.container_ribbon.component-selector-wrapper .container_ribbon__item:nth-child(1) .mini-selector.selector-left {
right: calc(100% - 51px)
}
.container_ribbon__carousel-button-next,
.container_ribbon__carousel-button-prev {
align-items: center;
display: flex;
height: 100%;
opacity: 1;
position: absolute;
visibility: visible;
width: 56px;
top: 0;
z-index: 1;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
transition: opacity ease-in-out .6s
}
.container_ribbon__carousel-button-next.hide,
.container_ribbon__carousel-button-prev.hide {
opacity: 0;
visibility: 'hidden';
display: none
}
.container_ribbon__carousel-button-next:after,
.container_ribbon__carousel-button-prev:before {
content: '';
display: inline-block;
height: 12px;
width: 12px
}
.container_ribbon__carousel-button-next:before,
.container_ribbon__carousel-button-prev:after {
content: '';
display: inline-block;
height: 32px;
width: 32px;
border: 1px solid;
border-radius: 50%;
position: absolute
}
.container_ribbon__carousel-button-next:before {
right: -12px
}
.container_ribbon__carousel-button-prev:after {
left: -12px
}
.container_ribbon__carousel-button-prev {
background: linear-gradient(90deg, #fff 52.47%, rgba(255, 255, 255, .7) 76.79%, rgba(255, 255, 255, 0) 87.29%);
left: 0
}
.container_ribbon__carousel-button-prev:before {
border-bottom: 2px solid #000;
border-left: 2px solid #000;
transform: rotate(45deg)
}
.container_ribbon__carousel-button-next {
background: linear-gradient(270deg, #fff 52.47%, rgba(255, 255, 255, .7) 76.79%, rgba(255, 255, 255, 0) 87.29%);
right: 0;
flex-direction: row-reverse
}
.container_ribbon__carousel-button-next:after {
border-bottom: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(-45deg)
}
.container_ribbon__carousel-button-next:hover,
.container_ribbon__carousel-button-prev:hover {
cursor: pointer
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container_ribbon .container_ribbon__field-links {
margin: 0
}
}
.container__title--underscored .container_card__title_url-sub-text,
.container__title_url-sub-text {
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.container {
margin-bottom: var(--theme-container-margin-bottom-default);
width: 100%
}
.container:last-child {
margin-bottom: 0
}
.container__title {
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: var(--theme-container-title__margin-bottom)
}
.container__title:after,
.container__title:before {
content: '';
display: block;
left: 0;
position: absolute;
top: 0
}
.container__title-url {
color: inherit;
text-decoration: none
}
.container__title-url .right-arrow {
content: '';
display: inline-block;
fill: var(--theme-container-title__arrow-color--initial);
stroke: var(--theme-container-title__arrow-color--initial);
height: var(--theme-container-title__arrow-size);
margin-left: 8px;
position: relative;
top: var(--theme-container-title__arrow-top-pos);
vertical-align: top;
width: var(--theme-container-title__arrow-size)
}
.container__title.hover:hover .right-arrow {
fill: var(--theme-container-title__arrow-color--hover);
stroke: var(--theme-container-title__arrow-color--hover);
transition: .4s
}
.container__title-text,
.container__title_url-text {
display: inline-block;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: var(--theme-container-title__text-size);
font-weight: 700;
letter-spacing: .5px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin-bottom: 16px;
margin-top: 0
}
.container__title--underscored:before {
display: none;
transition: none
}
.container__title--underscored.hover:hover:before {
transition: none;
width: 16px
}
.container__title--underscored .container__title-url {
align-items: center;
display: inline-flex;
margin-bottom: 24px
}
.container__title--underscored .container__title-text,
.container__title--underscored .container__title_url-text {
font-size: 36px;
font-weight: 700;
line-height: 36px;
margin-bottom: 0;
margin-right: 12px;
text-transform: none;
padding-bottom: 0
}
.container__title--underscored:after {
border-top: none
}
.container__title--underscored .container__title_url-text {
width: auto
}
.container__title--underscored .container_card__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: inherit;
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit
}
.container__title--underscored .container_card__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title-text,
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text {
border-left: 6px solid #0c0c0c;
padding-left: 10px
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover {
color: #6e6e6e;
border-left-color: #6e6e6e
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:hover .right-arrow {
fill: #6e6e6e;
stroke: #6e6e6e;
transition: .4s
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active {
color: #404040;
border-left-color: #404040
}
.container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines, .container_bulleted-headlines__title) .container__title_url-text:active .right-arrow {
fill: #404040;
stroke: #404040
}
.container__title--bold:after,
.container__title--bold:before {
display: none
}
.container__title--bold .container__title-text,
.container__title--bold .container__title_url-text {
text-align: left;
text-transform: initial;
font-weight: 700;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif, cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 24px;
color: #0c0c0c;
letter-spacing: .6px;
line-height: 30px
}
.container__title--bold .container__title_url-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 2px;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--bold .container__title_url-text:hover {
color: #6e6e6e;
-webkit-text-decoration-line: none;
text-decoration-line: none
}
.container__link:hover .container__banner,
.container__link:hover .container__headline,
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset)
}
.container__title--emphatic:before {
content: unset
}
.container__title--emphatic .container__title-text,
.container__title--emphatic .container__title_url-text {
text-transform: none;
font-size: var(--theme-container-title-emphatic__font-size);
font-weight: var(--theme-section-headline__font-weight);
line-height: var(--theme-container-title-emphatic__line-height);
letter-spacing: 0;
margin-top: 0
}
.container__title--emphatic .container__title-text:hover,
.container__title--emphatic .container__title_url-text:hover {
color: var(--theme-link-color-hover);
cursor: pointer
}
.container__kicker {
text-align: center
}
.container__kicker-url {
text-decoration: none
}
.container__kicker-text {
display: block;
margin: 8px 0 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #0c0c0c
}
.container__kicker .image {
border-bottom: none;
margin: 8px 0 16px;
padding: 0
}
.container__kicker .image__container {
background: 0 0
}
.container__kicker .image__metadata {
display: none
}
.container__kicker .image img {
width: auto;
max-width: 300px;
max-height: 30px
}
.container__item {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.container__item:first-child {
border-top: none;
padding-top: 0
}
.container__item.fill,
.container__item.placeholder {
opacity: .5
}
.container__item .component-selector-wrapper {
position: unset
}
.container__item .interactive-video,
.container__item .interactive-video_inline-small {
margin-top: 0;
margin-bottom: 0
}
.container__item .interactive-video [data-editable=metaCaption],
.container__item .interactive-video_inline-small [data-editable=metaCaption] {
display: none
}
.container__item .interactive-video__player,
.container__item .interactive-video_inline-small__player {
object-position: top
}
.container__item img,
.container__item video {
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.container__item .image,
.container__item .image_inline-small {
margin: 0;
padding: 0;
border: none
}
.container__item .image__caption,
.container__item .image_inline-small__caption {
display: none
}
.container__item .image__credit,
.container__item .image_inline-small__credit {
color: #6e6e6e;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 0;
padding: 0 0 8px;
text-align: right
}
.container__item .image .mini-selector,
.container__item .image_inline-small .mini-selector {
display: none
}
.container__item .interactive-video {
margin: 0;
padding: 0;
border: none
}
.container__item .interactive-video__metadata {
max-width: none;
border-bottom: none;
padding-bottom: 0
}
.container__item .interactive-video__metadata .interactive-video__caption {
line-height: initial;
text-align: right
}
.container__item .interactive-video__metadata .interactive-video__caption .inline-placeholder {
display: none;
height: 0
}
.container__item .interactive-video__metadata .interactive-video__caption .interactive-video__credit {
display: block;
padding: 4px 0 8px;
font-size: 10px;
line-height: 12px
}
.container__item .video {
border-bottom: 0;
margin: 0;
padding-bottom: 8px
}
.container__item .video__caption {
display: none
}
.container__item .video__credit {
margin-top: 6px
}
.container__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.container__item-media .image__credit,
.container__item-media .image_sponsorship__credit,
.container__item-media .interactive-video__credit {
visibility: hidden
}
.container__item-media .image__container,
.container__item-media .image_sponsorship__container,
.container__item-media .interactive-video__container {
flex-direction: column;
overflow: hidden;
position: relative
}
.container__item-media .image__container:after,
.container__item-media .image_sponsorship__container:after,
.container__item-media .interactive-video__container:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.container__item-media .image--eq-small~.image__metadata .image__credit,
.container__item-media .image_sponsorship--eq-small~.image__metadata .image__credit,
.container__item-media .interactive-video--eq-small~.image__metadata .image__credit {
line-height: 12px;
padding: 4px;
visibility: visible
}
.container__item-media .image--eq-small~.image__metadata .card__label,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label {
padding: 8px 16px;
letter-spacing: .5px
}
.container__item-media .image--eq-small~.image__metadata .card__label-icon,
.container__item-media .image_sponsorship--eq-small~.image__metadata .card__label-icon,
.container__item-media .interactive-video--eq-small~.image__metadata .card__label-icon {
width: 16px;
height: 16px
}
.container__item-media .interactive-video__container::after {
position: relative
}
.container.lazy .image__container,
.container.lazy .image_sponsorship__container {
background: #e6e6e6
}
.container__headline {
color: #0c0c0c;
font-family: var(--theme-container__font-family);
font-size: 16px;
font-weight: var(--theme-container__font-weight);
letter-spacing: .5px;
line-height: 22px
}
.container_headline-carousel__headline {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px
}
.container__banner {
color: #0c0c0c;
font-size: 18px;
font-weight: 400;
letter-spacing: .5px;
line-height: 22px;
width: calc(100% - 30px)
}
.container__link {
color: unset;
display: inline-block;
text-decoration: none;
width: 100%
}
.container__link:hover img,
.container__link:hover video {
opacity: var(--theme-container-image-opacity--hover);
transition: .2s
}
.container__link:hover .image__container,
.container__link:hover .image_sponsorship__container {
background: var(--theme-container-image-color--hover)
}
.container__link:hover .container__banner,
.container__link:hover .container__headline {
color: var(--theme-container-color--hover);
-webkit-text-decoration-color: var(--theme-container-text-decoration-color--hover);
text-decoration-color: var(--theme-container-text-decoration-color--hover)
}
.container__field-links {
margin: 0;
padding: 0
}
.container__text-label {
font-weight: 700;
display: inline
}
.container__text-label--type-breaking,
.container__text-label--type-live-video,
.container__text-label--type-updates {
color: #d50000
}
.container__text-label--type-audio:not(:empty)::before,
.container__text-label--type-custom-video:not(:empty)::before,
.container__text-label--type-gallery:not(:empty)::before,
.container__text-label--type-podcasts:not(:empty)::before,
.container__text-label--type-video:not(:empty)::before {
width: 20px;
height: 18px;
vertical-align: middle;
display: inline-block
}
.container__text-label--type-audio:not(:empty)::before {
content: url(/media/sites/cnn/icons/audio-dark.svg)
}
.container__text-label--type-podcasts:not(:empty)::before {
content: url(/media/sites/cnn/icons/microphone-dark.svg)
}
.container__text-label--type-video {
display: none
}
.container__text-label--type-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label--type-gallery:not(:empty)::before {
content: url(/media/sites/cnn/icons/photo-dark.svg)
}
.container__text-label--type-custom-video:not(:empty)::before {
content: url(/media/sites/cnn/icons/video-dark.svg)
}
.container__text-label:not(:empty)::after {
content: ':'
}
.container__text {
display: inline-block;
font-family: var(--theme-font-family);
width: 100%
}
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
display: none;
float: left;
height: 20px;
margin-right: 4px;
margin-top: 2px;
padding-bottom: 3px
}
.container__video-duration {
display: none
}
.container__headline .icon-sig-photo-default,
.container__headline .icon-sig-video,
.container__text .icon-sig-photo-default,
.container__text .icon-sig-video {
fill: #a4001e
}
.container__description {
display: none
}
.container__title_url-sub-text {
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink);
color: #0c0c0c;
-webkit-text-decoration-color: #0c0c0c;
text-decoration-color: #0c0c0c;
display: none;
padding-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 22px
}
.container__title_url-sub-text:hover {
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration);
color: #6e6e6e
}
.container__title--bulleted-headlines {
display: flex
}
.container__title--bulleted-headlines::before {
display: none
}
.container__title--bulleted-headlines::after {
margin: 0 0 0 8px;
display: block;
position: relative;
top: -4px;
border-top: none;
border-bottom: 1px solid #e6e6e6;
align-self: center;
flex-grow: 2
}
.container__title--bulleted-headlines .container__title-text,
.container__title--bulleted-headlines .container__title_url-text {
margin: 0 0 16px;
width: auto;
letter-spacing: .5px
}
.container.hide {
display: none
}
.container_list-headlines-with-images__item .container__text-label--type-gallery,
.container_list-headlines-with-read-times__item .container__text-label--type-gallery {
display: inline
}
.container_list-headlines-with-images__item .container__text-label--type-video,
.container_list-headlines-with-read-times__item .container__text-label--type-video {
display: none
}
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration {
display: inline-block
}
.container_ribbon .container__text-label--type-custom-video,
.container_ribbon .container__text-label--type-gallery,
.container_ribbon .container__text-label--type-video,
.container_ribbon-left .container__text-label--type-custom-video,
.container_ribbon-left .container__text-label--type-gallery,
.container_ribbon-left .container__text-label--type-video {
display: inline
}
.container_ribbon .container__text-label--type-video .container__text-label--text-content,
.container_ribbon-left .container__text-label--type-video .container__text-label--text-content {
display: none
}
.container_ribbon .container__text-label--type-video:after,
.container_ribbon-left .container__text-label--type-video:after {
content: ''
}
.container_bulleted-headlines__item .container__video-duration-icon,
.container_feature-cards__item .container__video-duration-icon,
.container_grid-2__item .container__video-duration-icon,
.container_grid-3__item .container__video-duration-icon,
.container_grid-4__item .container__video-duration-icon,
.container_lead-package__item .container__video-duration-icon,
.container_lead-plus-headlines-with-images__item .container__video-duration-icon,
.container_lead-plus-headlines__item .container__video-duration-icon,
.container_list-headlines-ranked__item .container__video-duration-icon,
.container_list-headlines-with-images__item .container__video-duration-icon,
.container_list-headlines-with-read-times__item .container__video-duration-icon,
.container_list-headlines__item .container__video-duration-icon,
.container_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: -2px;
padding-bottom: 0;
vertical-align: middle
}
.container_grid-2__item .card--media-card-label-show .card__label-container,
.container_grid-3__item .card--media-card-label-show .card__label-container,
.container_grid-4__item .card--media-card-label-show .card__label-container,
.container_lead-plus-headlines-with-images__item .card--media-card-label-show .card__label-container,
.container_list-images-with-description__item .card--media-card-label-show .card__label-container {
display: block
}
.container_grid-2__item .card__label-container,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-2__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-3__item .card__label-container,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-3__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_grid-4__item .card__label-container,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_grid-4__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_lead-plus-headlines-with-images__item .card__label-container,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_lead-plus-headlines-with-images__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video,
.container_list-images-with-description__item .card__label-container,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__text-label,
.container_list-images-with-description__item .container__link:has(>.card--media-card-label-show)+.container__link .container__video-duration--type-video {
display: none
}
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video),
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-2__item .container__text-label:not(.container_grid-2__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video),
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-3__item .container__text-label:not(.container_grid-3__item .container__text-label--type-video) .container__text-label--type-video,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video),
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_grid-4__item .container__text-label:not(.container_grid-4__item .container__text-label--type-video) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item .container__text-label:not(.container_lead-plus-headlines-with-images__item .container__text-label--type-video) .container__text-label--type-video,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video),
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-gallery,
.container_list-images-with-description__item .container__text-label:not(.container_list-images-with-description__item .container__text-label--type-video) .container__text-label--type-video {
display: inline
}
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
display: inline-block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .card__label-container {
display: block
}
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-gallery,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__text-label--type-video,
.container_lead-plus-headlines-with-images__item:first-child:nth-child(1) .container__video-duration--type-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines__item .container__video-duration {
display: inline-block
}
.container_bulleted-headlines__item .icon-sig-video,
.container_feature-cards__item .icon-sig-photo-default,
.container_feature-cards__item .icon-sig-video,
.container_feature-cards__item:nth-child(1) .container__video-duration,
.container_grid-2__item .icon-sig-video,
.container_grid-3__item .icon-sig-video,
.container_grid-4__item .icon-sig-video,
.container_lead-package__item .icon-sig-photo-default,
.container_lead-package__item .icon-sig-video,
.container_lead-package__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines-with-images__item .icon-sig-photo-default,
.container_lead-plus-headlines-with-images__item .icon-sig-video,
.container_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.container_lead-plus-headlines__item .icon-sig-photo-default,
.container_lead-plus-headlines__item .icon-sig-video,
.container_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.container_list-headlines-ranked__item .icon-sig-video,
.container_list-headlines-with-images__item .icon-sig-video,
.container_list-headlines-with-read-times__item .icon-sig-video,
.container_list-headlines__item .icon-sig-video,
.container_list-images-with-description__item .icon-sig-video {
display: none
}
.container_bulleted-headlines__item .container__video-duration,
.container_grid-2__item .container__video-duration,
.container_grid-3__item .container__video-duration,
.container_grid-4__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_list-headlines-ranked__item .container__video-duration,
.container_list-headlines-with-images__item .container__video-duration,
.container_list-headlines-with-read-times__item .container__video-duration,
.container_list-headlines__item .container__video-duration,
.container_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.container_feature-cards__item .container__video-duration,
.container_lead-package__item .container__video-duration,
.container_lead-plus-headlines-with-images__item .container__video-duration,
.container_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.container .card__label--type-video .card__label-bull-span,
.container_bulleted-headlines .container__text-label--has-duration:not(:empty)::before,
.container_grid-2 .container__text-label--has-duration:not(:empty)::before,
.container_grid-3 .container__text-label--has-duration:not(:empty)::before,
.container_grid-4 .container__text-label--has-duration:not(:empty)::before,
.container_lead-package .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines .container__text-label--has-duration:not(:empty)::before,
.container_lead-plus-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-ranked .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-images .container__text-label--has-duration:not(:empty)::before,
.container_list-headlines-with-read-times .container__text-label--has-duration:not(:empty)::before,
.container_list-images-with-description .container__text-label--has-duration:not(:empty)::before {
display: none
}
.container .card__label--type-video .card__label--duration {
display: inline
}
.container .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.container .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.container .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.container .pagination-next,
.container .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.container .pagination-next:hover,
.container .pagination-previous:hover {
background: #e6e6e6
}
.container .pagination-next.disabled,
.container .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.container .pagination-next.disabled::before,
.container .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.container .pagination-next svg,
.container .pagination-previous svg {
margin: 0
}
.container .pagination-next-direction,
.container .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.container .pagination-next::before,
.container .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.container .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.container .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.container .pagination-link.active,
.container .pagination-link:active,
.container .pagination-link:focus,
.container .pagination-link:hover {
color: #0c0c0c
}
.container .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.product-zone--t-dark_feature-cards__item .container__video-duration-icon,
.product-zone--t-dark_grid-2__item .container__video-duration-icon,
.product-zone--t-dark_grid-3__item .container__video-duration-icon,
.product-zone--t-dark_grid-4__item .container__video-duration-icon,
.product-zone--t-dark_lead-package__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.product-zone--t-dark_list-headlines__item .container__video-duration-icon,
.product-zone--t-dark_list-images-with-description__item .container__video-duration-icon,
.zone--t-dark_bulleted-headlines__item .container__video-duration-icon,
.zone--t-dark_feature-cards__item .container__video-duration-icon,
.zone--t-dark_grid-2__item .container__video-duration-icon,
.zone--t-dark_grid-3__item .container__video-duration-icon,
.zone--t-dark_grid-4__item .container__video-duration-icon,
.zone--t-dark_lead-package__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_lead-plus-headlines__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-images__item .container__video-duration-icon,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration-icon,
.zone--t-dark_list-headlines__item .container__video-duration-icon,
.zone--t-dark_list-images-with-description__item .container__video-duration-icon {
content: url(/media/sites/cnn/icons/video-dark.svg);
margin-right: 2px;
margin-top: 2px;
padding-bottom: 0;
vertical-align: -1.5px
}
.container .pagination-link.active:after {
background: #000
}
.container .pagination-link:active:after,
.container .pagination-link:focus:after,
.container .pagination-link:hover:after {
background: #e6e6e6
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title-text,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text {
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover {
color: #fff;
border-left-color: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:hover .right-arrow {
fill: #fff;
stroke: #fff
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active {
color: #f8f8f8;
border-left-color: #f8f8f8
}
.product-zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow,
.zone--t-dark .container__title:not(.container__title--emphatic, .container__title--underscored, .container__title--bold, .container__title--bulleted-headlines) .container__title_url-text:active .right-arrow {
fill: #f8f8f8;
stroke: #f8f8f8
}
.product-zone--t-dark_ribbon .container__text-label--type-gallery,
.product-zone--t-dark_ribbon .container__text-label--type-video,
.product-zone--t-dark_ribbon-left .container__text-label--type-gallery,
.product-zone--t-dark_ribbon-left .container__text-label--type-video,
.zone--t-dark_ribbon .container__text-label--type-gallery,
.zone--t-dark_ribbon .container__text-label--type-video,
.zone--t-dark_ribbon-left .container__text-label--type-gallery,
.zone--t-dark_ribbon-left .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images:nth-child(1) .container__text-label--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .card__label-container,
.product-zone--t-dark_grid-3__item .card__label-container,
.product-zone--t-dark_grid-4__item .card__label-container,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.product-zone--t-dark_list-images-with-description__item .card__label-container,
.zone--t-dark_grid-2__item .card__label-container,
.zone--t-dark_grid-3__item .card__label-container,
.zone--t-dark_grid-4__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_list-images-with-description__item .card__label-container {
display: block
}
.product-zone--t-dark_grid-2__item .card__label-container--hide,
.product-zone--t-dark_grid-2__item .container__text-label,
.product-zone--t-dark_grid-3__item .card__label-container--hide,
.product-zone--t-dark_grid-3__item .container__text-label,
.product-zone--t-dark_grid-4__item .card__label-container--hide,
.product-zone--t-dark_grid-4__item .container__text-label,
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.product-zone--t-dark_list-images-with-description__item .card__label-container--hide,
.product-zone--t-dark_list-images-with-description__item .container__text-label,
.zone--t-dark_grid-2__item .card__label-container--hide,
.zone--t-dark_grid-2__item .container__text-label,
.zone--t-dark_grid-3__item .card__label-container--hide,
.zone--t-dark_grid-3__item .container__text-label,
.zone--t-dark_grid-4__item .card__label-container--hide,
.zone--t-dark_grid-4__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_list-images-with-description__item .card__label-container--hide,
.zone--t-dark_list-images-with-description__item .container__text-label {
display: none
}
.product-zone--t-dark_grid-2__item .container__text-label--show,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-3__item .container__text-label--show,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_grid-4__item .container__text-label--show,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-2__item .container__text-label--show,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-2__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-3__item .container__text-label--show,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-3__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_grid-4__item .container__text-label--show,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_grid-4__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_list-images-with-description__item .container__text-label--show,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_list-images-with-description__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--type-video,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--type-video,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration--type-video,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video,
.zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.product-zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show,
.zone--t-dark_grid-2__item .container__video-duration--type-video--show,
.zone--t-dark_grid-3__item .container__video-duration--type-video--show,
.zone--t-dark_grid-4__item .container__video-duration--type-video--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration--type-video--show,
.zone--t-dark_list-images-with-description__item .container__video-duration--type-video--show {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container {
display: block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label,
.zone--t-dark_lead-plus-headlines-with-images__item .card__label-container--hide,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label {
display: none
}
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-gallery,
.zone--t-dark_lead-plus-headlines-with-images__item .container__text-label--show .container__text-label--type-video {
display: inline-block
}
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration--type-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration {
display: inline-block
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_bulleted-headlines__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item .icon-sig-video,
.product-zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration--hidden,
.product-zone--t-dark_grid-2__item .icon-sig-video,
.product-zone--t-dark_grid-3__item .container__video-duration--hidden,
.product-zone--t-dark_grid-3__item .icon-sig-video,
.product-zone--t-dark_grid-4__item .container__video-duration--hidden,
.product-zone--t-dark_grid-4__item .icon-sig-video,
.product-zone--t-dark_lead-package__item .icon-sig-video,
.product-zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.product-zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.product-zone--t-dark_list-headlines__item .container__video-duration--hidden,
.product-zone--t-dark_list-headlines__item .icon-sig-video,
.product-zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.product-zone--t-dark_list-images-with-description__item .icon-sig-video,
.zone--t-dark_bulleted-headlines__item .container__video-duration--hidden,
.zone--t-dark_bulleted-headlines__item .icon-sig-video,
.zone--t-dark_feature-cards__item .icon-sig-video,
.zone--t-dark_feature-cards__item:nth-child(1) .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration--hidden,
.zone--t-dark_grid-2__item .icon-sig-video,
.zone--t-dark_grid-3__item .container__video-duration--hidden,
.zone--t-dark_grid-3__item .icon-sig-video,
.zone--t-dark_grid-4__item .container__video-duration--hidden,
.zone--t-dark_grid-4__item .icon-sig-video,
.zone--t-dark_lead-package__item .icon-sig-video,
.zone--t-dark_lead-package__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines-with-images__item:nth-child(1) .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .icon-sig-video,
.zone--t-dark_lead-plus-headlines__item:nth-child(1) .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-images__item .icon-sig-video,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration--hidden,
.zone--t-dark_list-headlines-with-read-times__item .icon-sig-video,
.zone--t-dark_list-headlines__item .container__video-duration--hidden,
.zone--t-dark_list-headlines__item .icon-sig-video,
.zone--t-dark_list-images-with-description__item .container__video-duration--hidden,
.zone--t-dark_list-images-with-description__item .icon-sig-video {
display: none
}
.product-zone--t-dark_bulleted-headlines__item .container__video-duration,
.product-zone--t-dark_grid-2__item .container__video-duration,
.product-zone--t-dark_grid-3__item .container__video-duration,
.product-zone--t-dark_grid-4__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.product-zone--t-dark_list-headlines__item .container__video-duration,
.product-zone--t-dark_list-images-with-description__item .container__video-duration,
.zone--t-dark_bulleted-headlines__item .container__video-duration,
.zone--t-dark_grid-2__item .container__video-duration,
.zone--t-dark_grid-3__item .container__video-duration,
.zone--t-dark_grid-4__item .container__video-duration,
.zone--t-dark_list-headlines-with-images__item .container__video-duration,
.zone--t-dark_list-headlines-with-read-times__item .container__video-duration,
.zone--t-dark_list-headlines__item .container__video-duration,
.zone--t-dark_list-images-with-description__item .container__video-duration {
font-weight: 700
}
.product-zone--t-dark_feature-cards__item .container__video-duration,
.product-zone--t-dark_lead-package__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.product-zone--t-dark_lead-plus-headlines__item .container__video-duration,
.zone--t-dark_feature-cards__item .container__video-duration,
.zone--t-dark_lead-package__item .container__video-duration,
.zone--t-dark_lead-plus-headlines-with-images__item .container__video-duration,
.zone--t-dark_lead-plus-headlines__item .container__video-duration {
display: inline-block;
font-weight: 700
}
.product-zone--t-dark .card__label--type-video .card__label-bull-span,
.zone--t-dark .card__label--type-video .card__label-bull-span {
display: none
}
.product-zone--t-dark .card__label--type-video .card__label--duration,
.zone--t-dark .card__label--type-video .card__label--duration {
display: inline
}
.product-zone--t-dark .pagination,
.zone--t-dark .pagination {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
height: 56px;
font-size: 16px;
font-weight: 700;
margin: 32px auto 8px;
transition: opacity 1.5s
}
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-previous::before {
mask: url(/media/sites/cnn/icons/ui-arrow-left.svg)
}
.product-zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-next::before {
mask: url(/media/sites/cnn/icons/ui-arrow-right.svg)
}
.product-zone--t-dark .pagination-next,
.product-zone--t-dark .pagination-previous,
.zone--t-dark .pagination-next,
.zone--t-dark .pagination-previous {
align-items: center;
border-radius: 50%;
border: 1px solid #0c0c0c;
color: #0c0c0c;
display: flex;
justify-content: center;
padding: 12px 16px;
text-decoration: none
}
.product-zone--t-dark .pagination-next:hover,
.product-zone--t-dark .pagination-previous:hover,
.zone--t-dark .pagination-next:hover,
.zone--t-dark .pagination-previous:hover {
background: #e6e6e6
}
.product-zone--t-dark .pagination-next.disabled,
.product-zone--t-dark .pagination-previous.disabled,
.zone--t-dark .pagination-next.disabled,
.zone--t-dark .pagination-previous.disabled {
border: 1px solid #b1b1b1;
cursor: default
}
.product-zone--t-dark .pagination-next.disabled::before,
.product-zone--t-dark .pagination-previous.disabled::before,
.zone--t-dark .pagination-next.disabled::before,
.zone--t-dark .pagination-previous.disabled::before {
background-color: #b1b1b1
}
.product-zone--t-dark .pagination-next svg,
.product-zone--t-dark .pagination-previous svg,
.zone--t-dark .pagination-next svg,
.zone--t-dark .pagination-previous svg {
margin: 0
}
.product-zone--t-dark .pagination-next-direction,
.product-zone--t-dark .pagination-previous-direction,
.zone--t-dark .pagination-next-direction,
.zone--t-dark .pagination-previous-direction {
display: block;
text-indent: -9999px
}
.product-zone--t-dark .pagination-next::before,
.product-zone--t-dark .pagination-previous::before,
.zone--t-dark .pagination-next::before,
.zone--t-dark .pagination-previous::before {
content: '';
width: 12px;
height: 12px;
background-color: #0c0c0c;
mask-size: contain
}
.product-zone--t-dark .pagination-links,
.zone--t-dark .pagination-links {
display: flex;
margin: 0;
padding: 0 24px;
list-style: none
}
.product-zone--t-dark .pagination-link,
.zone--t-dark .pagination-link {
color: #6e6e6e;
min-width: 25px;
margin: 0 4px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.product-zone--t-dark .pagination-link.active,
.product-zone--t-dark .pagination-link:active,
.product-zone--t-dark .pagination-link:focus,
.product-zone--t-dark .pagination-link:hover,
.zone--t-dark .pagination-link.active,
.zone--t-dark .pagination-link:active,
.zone--t-dark .pagination-link:focus,
.zone--t-dark .pagination-link:hover {
color: #0c0c0c
}
.product-zone--t-dark .pagination-link:after,
.zone--t-dark .pagination-link:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.product-zone--t-dark .pagination-link.active:after,
.zone--t-dark .pagination-link.active:after {
background: #000
}
.product-zone--t-dark .pagination-link:active:after,
.product-zone--t-dark .pagination-link:focus:after,
.product-zone--t-dark .pagination-link:hover:after,
.zone--t-dark .pagination-link:active:after,
.zone--t-dark .pagination-link:focus:after,
.zone--t-dark .pagination-link:hover:after {
background: #e6e6e6
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l1 .container__title_url-text {
font-size: 36px;
line-height: 38px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l2 .container__title_url-text {
font-size: 46px;
line-height: 52px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic.container__title--emphatic-size-l3 .container__title_url-text {
font-size: 56px;
line-height: 62px;
font-weight: 700
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker-text {
font-size: 20px;
line-height: 26px;
margin: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image {
margin: 0 0 8px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image img {
max-width: 400px;
max-height: 40px
}
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--bold .container__title_url-text {
letter-spacing: 0;
margin-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--emphatic .container__title_url-text {
font-size: 32px;
font-weight: 700;
line-height: 38px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__kicker .image__container {
background: 0 0
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title_url-sub-text {
font-size: 14px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a {
flex-wrap: wrap
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored a p {
padding-top: 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title-text,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
font-size: 30px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .container__title--underscored .container__title_url-text {
margin-bottom: 4px
}
}
.container_list-headlines-with-images {
margin-bottom: var(--theme-container-margin-bottom-default)
}
.container_list-headlines-with-images__item {
border-top: none;
margin: 16px 0 0;
padding: 0;
max-width: 100%;
display: flex
}
.container_list-headlines-with-images__item:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
margin: 0 0 12px;
padding: 0 0 12px
}
.container_list-headlines-with-images__item.container__item .interactive-video,
.container_list-headlines-with-images__item.container__item [data-component-name=video-resource] {
margin-top: 0
}
.container_list-headlines-with-images__item.container__item .interactive-video {
margin-bottom: 8px
}
.container_list-headlines-with-images__item .container_list-headlines-with-images__link {
display: flex
}
.container_list-headlines-with-images__item .container_list-headlines-with-images__link:first-of-type {
flex: 1
}
.container_list-headlines-with-images__item .container_list-headlines-with-images__headline {
font-size: 16px;
margin-top: -4px
}
.container_list-headlines-with-images .image__credit,
.container_list-headlines-with-images .image_sponsorship__credit {
text-align: left;
padding: 0
}
.container_list-headlines-with-images__item-media-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-self: flex-start;
min-width: 100px
}
.container_list-headlines-with-images__text {
flex: 1 1 75%;
align-items: flex-start;
margin: 0 0 0 12px
}
.container_list-headlines-with-images__item-media {
width: 100%
}
.container_list-headlines-with-images__item-media .image__caption-container,
.container_list-headlines-with-images__item-media .image_sponsorship__caption-container {
display: none
}
.container_list-headlines-with-images__item-media .image__container,
.container_list-headlines-with-images__item-media .interactive-video__container {
width: 130px;
margin-bottom: 0
}
.container_list-headlines-with-images .card .container__link {
display: flex
}
.container_list-headlines-with-images__date {
display: none
}
.interactive-video {
margin-bottom: 20px;
margin-top: 20px
}
.interactive-video__player {
width: 100%;
overflow: visible
}
.interactive-video .interactive-video__container video {
position: relative
}
.interactive-video .interactive-video__container:is(div):after {
position: absolute
}
.interactive-video__metadata {
max-width: 676px;
margin: 0 auto;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 8px
}
.interactive-video__metadata .interactive-video__credit {
display: inline;
visibility: visible;
color: #6e6e6e;
font-size: 14px
}
.interactive-video__metadata .interactive-video__caption {
font-size: 14px;
line-height: 20px;
color: #0c0c0c
}
.video-resource__description a,
.video-resource__details--leaf .video-resource__showlink-url,
.video-resource__details--leaf .video-resource__source-url {
text-decoration-skip-ink: var(--theme-underline-skip-ink);
-webkit-text-decoration-skip: var(--theme-underline-skip-ink)
}
.fave-player-container__tv-co-branding-container {
background-color: rgba(0, 0, 0, .5);
border-radius: 4px;
padding: 4px;
position: absolute;
right: 12px;
top: 12px;
z-index: 3;
opacity: 0;
transition: opacity .5s ease-out
}
.fave-player-container__tv-co-branding-text {
color: #fff;
font-size: 12px;
text-align: center
}
.freeview-overlay {
position: absolute;
top: 16px;
right: 16px;
background: rgba(12, 12, 12, .9);
color: #fff;
z-index: 5;
display: flex;
align-items: center;
padding: 12px;
border-radius: 4px;
opacity: 0;
transition: opacity .5s ease-in-out
}
.freeview-overlay__cta {
background: #f13a3a;
font-size: 14px;
line-height: 36px;
padding: 0 16px;
text-align: center;
border-radius: 4px;
font-weight: 700;
margin-left: 24px;
cursor: pointer
}
.freeview-overlay__t1-copy,
.freeview-overlay__t2-copy {
margin: 0;
line-height: 18px
}
.freeview-overlay__t1-copy {
font-weight: 700;
font-size: 12px
}
.freeview-overlay__t2-copy {
font-size: 12px
}
#auth-cta-overlay {
position: absolute;
z-index: 1000;
cursor: pointer;
top: 0;
width: 100%;
height: 100%
}
.auth-cta-overlay__error {
height: 100%;
width: 80%;
padding: 10px;
background-color: rgba(0, 0, 0, 1);
color: #fff;
font-size: 16px;
text-align: center;
display: grid;
place-items: center
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .auth-cta-overlay__error {
width: 100%
}
}
@keyframes stickyVideo {
from {
width: 50%;
height: 50%
}
to {
width: 360px;
height: 202px
}
}
@keyframes stickyFeedbackLink {
from {
width: 50%
}
to {
width: 360px
}
}
@keyframes playHeadSpinner {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.video-resource {
clear: both;
margin: 0 0 16px
}
.video-resource video {
object-fit: contain;
max-width: 100%;
max-height: 100%
}
.video-resource .theoplayer-poster {
background-size: 100% !important
}
.video-resource .theoplayer-container {
transition: right .5s, width .5s ease, height .5s ease;
-o-transition: right .5s, width .5s ease, height .5s ease;
-webkit-transition: right .5s, width .5s ease, height .5s ease
}
.video-resource .auth-player-container__back-player-icon-container {
display: none
}
.video-resource .fave-player-container {
transition: right .5s, width .5s ease, height .5s ease;
-o-transition: right .5s, width .5s ease, height .5s ease;
-webkit-transition: right .5s, width .5s ease, height .5s ease
}
.video-resource__tve-streaming-thumbnail {
display: block
}
.video-resource .tve-video-title,
.video-resource__stuck-headline {
display: none
}
.video-resource .pui_metadata_title {
font-size: 14px;
font-weight: 700;
margin-bottom: 8px
}
.video-resource .pui_metadata_source::before {
content: 'source:';
text-transform: capitalize;
margin-right: 4px
}
.video-resource .image {
border: 0;
margin: 0;
padding: 0
}
.video-resource .image__container {
background-color: unset
}
.video-resource__stuck~.video-resource__stuck-headline {
display: block;
color: #0c0c0c;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
position: fixed;
top: 262px;
width: 360px;
padding: 4px 0;
max-height: 40px;
background-color: #fff;
z-index: 1000
}
.video-resource__stuck~.video-resource__stuck-headline::before {
content: attr(data-headline-prefix);
text-transform: capitalize;
color: var(--theme-color-link);
font-weight: 700;
margin-right: 4px
}
.video-resource .video-resource__stuck {
animation: stickyVideo .3s ease-out;
transition: none;
-o-transition: none;
-webkit-transition: none;
position: fixed;
top: 60px;
width: 360px;
height: 202px;
padding-bottom: 0;
z-index: 1000
}
.video-resource .video-resource__stuck .pui_metadata_title {
font-weight: 400;
margin-bottom: 4px
}
.video-resource__close-button {
width: 40px;
height: 40px;
cursor: pointer;
border-radius: 50%;
background: url(/media/sites/cnn/icons/ui-close.svg) center no-repeat #f8f8f8;
position: absolute;
z-index: 4;
filter: invert(1);
top: -20px;
right: -20px
}
.video-resource .ad-feedback-link,
.video-resource .ad-slot__feedback-text {
padding: 4px 0 2px
}
.video-resource .video-resource__stuck-container {
background-size: contain
}
.video-resource .video-resource__stuck-container+.ad-feedback-link-container,
.video-resource .video-resource__stuck-container+.ad-slot__feedback {
right: 29px;
top: 40px;
z-index: 2;
width: 360px;
height: 20px;
position: fixed;
margin-left: auto;
animation: stickyFeedbackLink .3s ease-out;
transition: none;
-o-transition: none;
-webkit-transition: none;
background-color: #fff
}
.video-resource .video-resource__stuck-container+.ad-feedback-link-container .ad-feedback-link,
.video-resource .video-resource__stuck-container+.ad-feedback-link-container .ad-slot__feedback-text,
.video-resource .video-resource__stuck-container+.ad-slot__feedback .ad-feedback-link,
.video-resource .video-resource__stuck-container+.ad-slot__feedback .ad-slot__feedback-text {
float: right
}
.video-resource__headline {
color: #0c0c0c;
font-size: 12px;
font-weight: 400;
line-height: 18px;
margin-top: 8px;
text-align: left
}
.video-resource__credit {
color: #6e6e6e;
font-size: 10px;
font-weight: 400;
margin-top: 4px;
text-align: right
}
.video-resource__wrapper {
height: 0;
padding-bottom: 56.25%;
position: relative;
background-image: url(/media/sites/cnn/video-placeholder.svg)
}
.video-resource__details {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 18px
}
.video-resource__details--leaf .video-resource__headline {
font-size: var(--theme-headline__font-size);
font-weight: var(--theme-headline__font-weight);
line-height: var(--theme-headline__line-height);
margin-bottom: var(--theme-headline__margin-bottom)
}
.video-resource__details--leaf .video-resource__credit {
font-size: 12px;
text-align: left
}
.video-resource__details--leaf .video-resource__showlink {
margin-bottom: 16px
}
.video-resource__details--leaf .video-resource__source-url {
color: var(--theme-paragraph__link-color);
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
-webkit-text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.video-resource__details--leaf .video-resource__source-url:hover {
color: var(--theme-link-color-hover);
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration)
}
.video-resource__details--leaf .video-resource__showlink-url {
font-size: 14px;
line-height: 22px;
color: var(--theme-paragraph__link-color);
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
-webkit-text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.video-resource__details--leaf .video-resource__showlink-url:hover {
color: var(--theme-link-color-hover);
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration)
}
.video-resource__details--leaf .byline:has(.byline__names) {
align-items: center
}
.video-resource__details--leaf .byline:has(.byline__names) .byline__images {
max-height: 40px
}
.video-resource__image {
overflow: visible
}
.video-resource__image img {
min-height: 83px
}
.video-resource__image-deleted {
height: 89.25px;
background-color: #0c0c0c;
width: 148px;
background-image: url(/media/sites/cnn/video-placeholder.svg)
}
.video-resource__description {
max-height: 100vh;
transition: max-height .5s ease-out;
letter-spacing: .4px;
word-wrap: break-word;
margin-bottom: 8px
}
.video-resource__description,
.video-resource__description a {
color: #0c0c0c;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-weight: 400;
font-size: var(--theme-paragraph__font-size);
line-height: var(--theme-paragraph__line-height)
}
.video-resource__description a {
color: var(--theme-paragraph__link-color);
-webkit-text-decoration-line: var(--theme-paragraph__link-decoration);
text-decoration-line: var(--theme-paragraph__link-decoration);
-webkit-text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-color: var(--theme-paragraph__link-decoration-color);
text-decoration-thickness: var(--theme-paragraph__link-decoration-thickness);
text-underline-offset: var(--theme-paragraph__hover-link-offset);
-webkit-text-decoration-skip-ink: var(--theme-underline-skip-ink);
text-decoration-skip: var(--theme-underline-skip-ink)
}
.video-resource__description a:hover {
color: var(--theme-link-color-hover);
-webkit-text-decoration: var(--theme-paragraph__hover-link-decoration);
text-decoration: var(--theme-paragraph__hover-link-decoration)
}
.video-resource__description>p:first-child {
margin-top: 0
}
.video-resource__description--hidden {
max-height: 0;
overflow: hidden;
transition: max-height .5s ease-out
}
div[data-component-name=video-resource] .ad-feedback-link-container,
div[data-component-name=video-resource] .ad-slot__feedback {
width: fit-content;
width: -moz-max-content;
margin-top: 8px;
font-size: 12px;
margin-left: auto;
color: #6e6e6e;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
div[data-component-name=video-resource] .ad-feedback-link-container .ad-feedback-link,
div[data-component-name=video-resource] .ad-feedback-link-container .ad-slot__feedback-text,
div[data-component-name=video-resource] .ad-slot__feedback .ad-feedback-link,
div[data-component-name=video-resource] .ad-slot__feedback .ad-slot__feedback-text {
cursor: pointer;
display: flex;
color: #6e6e6e
}
div[data-component-name=video-resource] .ad-feedback-link-container .ad-feedback-link .icon-ui-speech-bubble,
div[data-component-name=video-resource] .ad-feedback-link-container .ad-feedback-link__label:before,
div[data-component-name=video-resource] .ad-feedback-link-container .ad-slot__feedback-text .icon-ui-speech-bubble,
div[data-component-name=video-resource] .ad-feedback-link-container .ad-slot__feedback-text__label:before,
div[data-component-name=video-resource] .ad-slot__feedback .ad-feedback-link .icon-ui-speech-bubble,
div[data-component-name=video-resource] .ad-slot__feedback .ad-feedback-link__label:before,
div[data-component-name=video-resource] .ad-slot__feedback .ad-slot__feedback-text .icon-ui-speech-bubble,
div[data-component-name=video-resource] .ad-slot__feedback .ad-slot__feedback-text__label:before {
width: 12px;
height: 12px
}
div[data-component-name=video-resource] .ad-feedback-link-container .ad-feedback-link .icon-ui-speech-bubble,
div[data-component-name=video-resource] .ad-feedback-link-container .ad-slot__feedback-text .icon-ui-speech-bubble,
div[data-component-name=video-resource] .ad-slot__feedback .ad-feedback-link .icon-ui-speech-bubble,
div[data-component-name=video-resource] .ad-slot__feedback .ad-slot__feedback-text .icon-ui-speech-bubble {
fill: #6e6e6e;
margin-top: 1px
}
div[data-component-name=video-resource] .ad-feedback-link-container .ad-feedback-link__label:before,
div[data-component-name=video-resource] .ad-feedback-link-container .ad-slot__feedback-text__label:before,
div[data-component-name=video-resource] .ad-slot__feedback .ad-feedback-link__label:before,
div[data-component-name=video-resource] .ad-slot__feedback .ad-slot__feedback-text__label:before {
display: inline-block;
content: '';
mask: url(/media/sites/cnn/icons/ui-speech-bubble.svg);
background-color: #6e6e6e;
position: relative;
top: 2px;
right: 4px
}
div[data-component-name=video-resource] .ad-feedback-link-container .ad-feedback-link:hover,
div[data-component-name=video-resource] .ad-feedback-link-container .ad-slot__feedback-text:hover,
div[data-component-name=video-resource] .ad-slot__feedback .ad-feedback-link:hover,
div[data-component-name=video-resource] .ad-slot__feedback .ad-slot__feedback-text:hover {
color: #0c0c0c
}
div[data-component-name=video-resource] .ad-feedback-link-container .ad-feedback-link:hover .icon-ui-speech-bubble,
div[data-component-name=video-resource] .ad-feedback-link-container .ad-slot__feedback-text:hover .icon-ui-speech-bubble,
div[data-component-name=video-resource] .ad-slot__feedback .ad-feedback-link:hover .icon-ui-speech-bubble,
div[data-component-name=video-resource] .ad-slot__feedback .ad-slot__feedback-text:hover .icon-ui-speech-bubble {
fill: #0c0c0c
}
div[data-component-name=video-resource] .ad-feedback-link-container .ad-feedback-link:hover .ad-feedback-link__label:before,
div[data-component-name=video-resource] .ad-feedback-link-container .ad-slot__feedback-text:hover .ad-feedback-link__label:before,
div[data-component-name=video-resource] .ad-slot__feedback .ad-feedback-link:hover .ad-feedback-link__label:before,
div[data-component-name=video-resource] .ad-slot__feedback .ad-slot__feedback-text:hover .ad-feedback-link__label:before {
background-color: #0c0c0c
}
div[data-component-name=video-resource] .ad-slot__ad-label {
display: block;
cursor: default;
margin-top: 4px
}
div[data-component-name=video-resource] .ad-slot__ad-label:only-child {
width: 100%
}
@media (min-width:960px) {
div[data-component-name=video-resource] .ad-feedback-link-container,
div[data-component-name=video-resource] .ad-slot__feedback {
margin-top: 0
}
}
@media screen and (min-width:480px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) [data-is-vertical-video-embed=true] .video-resource .pui_control-bar_fullscreen-toggle {
display: none
}
}
div[data-component-name=video-player] {
margin: 0
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource__close-button {
right: 12px;
top: 12px;
width: 36px;
height: 36px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource .video-resource__overlay,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource-elevate .video-resource__overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.77%, rgba(0, 0, 0, .8) 89.97%)
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource .video-resource__overlay:hover,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource-elevate .video-resource__overlay:hover {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 9.72%, rgba(0, 0, 0, .8) 98.49%)
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource {
width: 95.5%
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource .pui_metadata_title {
font-size: 16px;
line-height: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource__headline {
margin-top: 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource__stuck .pui-wrapper .pui_metadata_title {
font-size: 12px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource .ad-feedback-link-container {
margin-right: 35px
}
}
@media screen and (min-width:1280px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource {
max-width: 856px
}
}
@media screen and (min-width:1360px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource {
width: 100%;
max-width: unset
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-resource .ad-feedback-link-container {
margin-right: 0
}
}
.video-resource[data-is-vertical-video-embed=true] .video-resource__wrapper {
padding: 1% 1% 177%;
background-repeat: no-repeat;
margin-bottom: 2%
}
.video-resource[data-is-vertical-video-embed=true] .fave-player-container {
background-color: unset;
max-height: unset !important;
max-width: unset !important
}
.video-resource[data-is-vertical-video-embed=true] .bitmovinplayer-ad-container,
.video-resource[data-is-vertical-video-embed=true] .bitmovinplayer-container {
background-color: unset
}
.video-resource[data-is-vertical-video-embed=true] .pui {
max-height: 100% !important;
max-width: 100% !important
}
.video-resource[data-is-vertical-video-embed=true] .pui_metadata_title {
display: none
}
.video-resource[data-is-vertical-video-embed=true] .pui_vertical-control-container {
right: 12px
}
.video-resource[data-is-vertical-video-embed=true] .pui_control-bar_captions-toggle,
.video-resource[data-is-vertical-video-embed=true] .pui_control-bar_fullscreen-toggle,
.video-resource[data-is-vertical-video-embed=true] .pui_volume-controls_mute-toggle {
margin: 5px 0;
height: 44px;
width: 44px
}
.video-resource[data-is-vertical-video-embed=true] .pui_control-bar_captions-toggle svg,
.video-resource[data-is-vertical-video-embed=true] .pui_control-bar_fullscreen-toggle svg,
.video-resource[data-is-vertical-video-embed=true] .pui_volume-controls_mute-toggle svg {
height: 44px;
padding: 0
}
.video-resource .video-resource__cover,
.video-resource-elevate .video-resource__cover {
display: none;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: 10;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
color: #fff
}
.video-resource .video-resource__cover.hide,
.video-resource-elevate .video-resource__cover.hide {
display: none
}
.video-resource .video-resource__controls,
.video-resource-elevate .video-resource__controls {
display: flex;
padding: 16px;
justify-content: center;
align-items: flex-end;
gap: 12px;
align-self: stretch
}
.video-resource .video-resource__playhead,
.video-resource-elevate .video-resource__playhead {
display: flex;
width: 64px;
height: 64px;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 144px;
border: 1px solid rgba(255, 255, 255, .5);
background: rgba(0, 0, 0, .5);
position: relative
}
.video-resource .video-resource__playhead .play-icon,
.video-resource-elevate .video-resource__playhead .play-icon {
width: 36px;
margin-left: 6px
}
.video-resource .video-resource__playhead.spinner .play-icon,
.video-resource-elevate .video-resource__playhead.spinner .play-icon {
display: none
}
.video-resource .video-resource__playhead.spinner::before,
.video-resource-elevate .video-resource__playhead.spinner::before {
content: '';
display: block;
height: 64px;
width: 64px;
border-right: 2px solid #fff;
position: absolute;
animation: playHeadSpinner 2s linear forwards infinite;
border-radius: 144px
}
.video-resource .video-resource__overlay,
.video-resource-elevate .video-resource__overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 69.72%, rgba(0, 0, 0, .8) 98.49%);
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start
}
.video-resource .video-resource__overlay:hover,
.video-resource-elevate .video-resource__overlay:hover {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 9.72%, rgba(0, 0, 0, .8) 98.49%);
cursor: pointer
}
.video-resource .video-resource__overlay:hover .video-resource__playhead,
.video-resource-elevate .video-resource__overlay:hover .video-resource__playhead {
border: 2px solid #fff
}
.video-resource .video-resource__overlay:hover .video-resource__playhead .play-icon,
.video-resource-elevate .video-resource__overlay:hover .video-resource__playhead .play-icon {
width: 40px
}
.video-resource .video-resource__info,
.video-resource-elevate .video-resource__info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 8px;
flex: 1 0 0;
align-self: center
}
.video-resource .video-resource__chyron-wrapper,
.video-resource-elevate .video-resource__chyron-wrapper {
overflow: hidden
}
.video-resource .video-resource__chyron-wrapper.invisible,
.video-resource-elevate .video-resource__chyron-wrapper.invisible {
opacity: 0
}
.video-resource .video-resource__chyron,
.video-resource-elevate .video-resource__chyron {
font-size: 16px;
font-weight: 700;
line-height: 20px
}
.video-resource .video-resource__runtime,
.video-resource-elevate .video-resource__runtime {
font-size: 12px;
line-height: 16px
}
.video-resource .video-resource__runtime .affiliate-source__source-url,
.video-resource-elevate .video-resource__runtime .affiliate-source__source-url {
color: inherit;
text-underline-offset: 4px
}
.video-resource .video-resource__runtime .affiliate-source__source-url:hover,
.video-resource-elevate .video-resource__runtime .affiliate-source__source-url:hover {
text-decoration: none;
color: #6e6e6e
}
.video-resource-elevate:has(.video-resource__cover),
.video-resource:has(.video-resource__cover) {
position: relative;
clip-path: inset(0 0 0 0 round 4px)
}
.video-resource-elevate:has(.video-resource__cover).video-resource--media-extra-large,
.video-resource:has(.video-resource__cover).video-resource--media-extra-large {
clip-path: inset(0 0 0 0 round 8px)
}
.video-resource-elevate:has(.video-resource__cover) .video-resource,
.video-resource:has(.video-resource__cover) .video-resource {
clip-path: none
}
.video-resource-elevate:has(.video-resource__cover) .ad-feedback-link-container,
.video-resource-elevate:has(.video-resource__cover) .video-resource__details,
.video-resource:has(.video-resource__cover) .ad-feedback-link-container,
.video-resource:has(.video-resource__cover) .video-resource__details {
display: none
}
.fave-player-container__tv-co-branding-container {
background-color: rgba(0, 0, 0, .5);
border-radius: 4px;
padding: 4px;
position: absolute;
right: 12px;
top: 12px;
z-index: 3;
opacity: 0;
transition: opacity .5s ease-out
}
.fave-player-container__tv-co-branding-text {
color: #fff;
font-size: 12px;
text-align: center
}
.freeview-overlay {
position: absolute;
top: 16px;
right: 16px;
background: rgba(12, 12, 12, .9);
color: #fff;
z-index: 5;
display: flex;
align-items: center;
padding: 12px;
border-radius: 4px;
opacity: 0;
transition: opacity .5s ease-in-out
}
.freeview-overlay__cta {
background: #f13a3a;
font-size: 14px;
line-height: 36px;
padding: 0 16px;
text-align: center;
border-radius: 4px;
font-weight: 700;
margin-left: 24px;
cursor: pointer
}
.freeview-overlay__t1-copy,
.freeview-overlay__t2-copy {
margin: 0;
line-height: 18px
}
.freeview-overlay__t1-copy {
font-weight: 700;
font-size: 12px
}
.freeview-overlay__t2-copy {
font-size: 12px
}
#auth-cta-overlay {
position: absolute;
z-index: 1000;
cursor: pointer;
top: 0;
width: 100%;
height: 100%
}
.auth-cta-overlay__error {
height: 100%;
width: 80%;
padding: 10px;
background-color: rgba(0, 0, 0, 1);
color: #fff;
font-size: 16px;
text-align: center;
display: grid;
place-items: center
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .auth-cta-overlay__error {
width: 100%
}
}
.video-player video {
object-fit: contain;
max-width: 100%;
max-height: 100%
}
.video-player__wrapper {
aspect-ratio: 16/9;
position: relative;
width: 100%;
top: 0;
left: 0
}
:has([data-vertical-orientation=true]) .video-player__wrapper {
aspect-ratio: 9/16
}
.video-player .theoplayer-container {
transition: right .5s, width .5s ease, height .5s ease;
-o-transition: right .5s, width .5s ease, height .5s ease;
-webkit-transition: right .5s, width .5s ease, height .5s ease
}
.video-player .pui_metadata_source,
.video-player .pui_metadata_status,
.video-player .pui_metadata_title {
display: none
}
.video-player .auth-player-container__back-player-icon-container {
bottom: 0;
width: 60px;
height: 60px;
left: 5%;
top: 10%;
z-index: 12;
display: block;
position: absolute;
opacity: 0
}
.video-player .auth-player-container:hover .auth-player-container__back-player-icon-container {
opacity: 1;
visibility: visible;
cursor: pointer
}
.video-player .fave-player-container {
transition: right .5s, width .5s ease, height .5s ease;
-o-transition: right .5s, width .5s ease, height .5s ease;
-webkit-transition: right .5s, width .5s ease, height .5s ease;
position: relative;
height: 100%
}
.video-player__tve-streaming-thumbnail {
display: none
}
.video-player__image {
overflow: visible
}
.video-player__image img {
min-height: 83px
}
.video-player__image-deleted {
height: 89.25px;
background-color: #0c0c0c;
width: 148px;
background-image: url(/media/sites/cnn/video-placeholder.svg)
}
.video-player .ad-feedback-link-container .ad-feedback-link,
.video-player .ad-slot__feedback .ad-slot__feedback-text {
color: var(--theme-ad-slot-text-color)
}
.video-player .ad-feedback-link-container .ad-feedback-link .icon-ui-speech-bubble,
.video-player .ad-slot__feedback .ad-slot__feedback-text .icon-ui-speech-bubble {
fill: var(--theme-ad-slot-text-color)
}
.video-player .ad-feedback-link-container .ad-feedback-link:hover,
.video-player .ad-slot__feedback .ad-slot__feedback-text:hover {
color: var(--theme-ad-slot-text-hover)
}
.video-player .ad-feedback-link-container .ad-feedback-link:hover .icon-ui-speech-bubble,
.video-player .ad-slot__feedback .ad-slot__feedback-text:hover .icon-ui-speech-bubble {
fill: var(--theme-ad-slot-text-hover)
}
.video-player__live {
display: block
}
.video-player h1#video-title {
color: #fff;
font-size: 2em;
margin-bottom: 2px
}
.video-player p#video-desc {
color: #fff;
margin-top: 0
}
.video-player .fave-player-container_inline-full-bleed {
position: fixed;
height: 100vh;
width: 100%;
top: 0;
display: block;
z-index: 999
}
.video-player .fave-player-container__tv-co-branding-container,
.video-player .freeview-overlay {
top: 48px;
right: 48px
}
.video-player .fave-player-container_inline {
height: calc((9 / 16) * 100vw);
max-height: 58vh;
width: 100%;
display: block;
z-index: 11
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .video-player .tve-video-title {
margin-left: 15px;
font-size: .8em
}
}
.vossi-byline__link,
.vossi-byline__names {
font-family: var(--theme-font-family-ui);
font-size: var(--appr-font-size-ui-sm);
font-style: normal;
font-weight: var(--base-font-weight-regular);
line-height: var(--appr-font-line-height-ui-sm);
letter-spacing: var(--base-font-letter-spacing-none)
}
.vossi-byline__image {
width: 40px;
height: 40px;
border-radius: var(--appr-border-radius-circle)
}
.vossi-byline__link:focus {
color: var(--appr-color-text-link-primary-focused)
}
.vossi-byline__link:active {
color: var(--appr-color-text-link-secondary-pressed)
}
.vossi-byline__link:hover {
color: var(--appr-color-text-link-secondary-hovered);
-webkit-text-decoration-line: var(--base-font-text-decoration-none);
text-decoration-line: var(--base-font-text-decoration-none)
}
.vossi-byline__link {
color: var(--appr-color-text-link-secondary-default);
-webkit-text-decoration-line: var(--base-font-text-decoration-underline);
text-decoration-line: var(--base-font-text-decoration-underline);
text-underline-offset: var(--base-space-04)
}
.vossi-byline__names {
color: var(--appr-color-text-tertiary)
}
.byline {
margin: 8px 0 0
}
.byline__images {
display: none;
float: left;
padding-right: 4px
}
.byline__image {
display: inline-block;
margin-right: 4px
}
.byline__image-link {
text-decoration: none
}
.byline__image-link:not(:has(.byline__image, .vossi-byline__image)) {
display: none
}
.byline__image-link:first-child:nth-last-child(n+3):has(.byline__image, .vossi-byline__image),
.byline__image-link:nth-last-child(n+3)~.byline__image-link:has(.byline__image, .vossi-byline__image) {
margin-right: -20px
}
@media screen and (max-width:959px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__image-link:first-child:nth-last-child(n+3),
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__image-link:first-child:nth-last-child(n+3)~body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__image-link {
margin-right: 0
}
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline {
margin: 12px 0 0
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__images {
display: block
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__images a:last-child:has(.byline__image, .vossi-byline__image) {
margin-right: 4px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__images a:last-child:not(:has(.byline__image, .vossi-byline__image)) {
margin-right: 24px
}
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .byline__images a:nth-child(n+3):last-child:not(:has(.byline__image, .vossi-byline__image)) {
display: inline
}
}
.vossi-social-share {
display: inline-flex;
align-items: flex-start;
gap: var(--appr-space-md)
}
.social-share {
display: var(--social-sharing-display);
margin-top: var(--social-sharing-margin-top)
}
.social-share button {
background: 0 0;
border: none;
padding: 0
}
.social-share button:hover {
cursor: pointer
}
.social-share__share-links {
position: relative
}
.social-share__share {
text-decoration: none
}
.social-share__share .icon-social-twitter {
fill: var(--social-sharing-twitter-fill)
}
.social-share__share .icon-social-facebook {
fill: var(--social-sharing-facebook-fill)
}
.social-share__share .icon-social-email-fill {
fill: var(--social-sharing-email-fill)
}
.social-share__share .icon-ui-link {
fill: var(--social-sharing-link-fill)
}
.social-share__share:hover {
fill: #6e6e6e;
transition: fill .2s
}
.social-share__close,
.social-share__open {
display: none;
fill: var(--social-sharing-open-close-fill)
}
.social-share__close:hover,
.social-share__open:hover {
fill: #0c0c0c
}
.social-share__copied {
visibility: hidden;
display: inline-flex;
background-color: #333;
color: #fff;
fill: #fff;
border-radius: 50px;
padding: 0 4px;
position: absolute;
z-index: 1;
font-size: 10px;
align-items: center;
justify-content: space-evenly;
bottom: 32px;
left: 72px;
right: -32px
}
.social-share__copied svg {
width: 12%
}
.social-share__copied.show {
visibility: visible;
animation: fadein .5s
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0
}
to {
bottom: 32px;
opacity: 1
}
}
.mvpd-picker,
.mvpd-picker__edit-header {
font-size: 18px;
line-height: 20px
}
#taui-mvpdpicker,
.mvpd-picker {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif
}
.mvpd-picker {
display: none;
color: #fff;
text-align: center;
margin: 0
}
.mvpd-picker__header,
.mvpd-picker__subheader {
font-size: 16px;
line-height: 20px;
margin: 4px 0;
font-weight: 400
}
.kiln-edit-mode .mvpd-picker {
display: block
}
#taui-mvpdpicker .taui-help,
#taui-mvpdpickerBackdrop.taui-visible[data-is-embed=true],
#taui-mvpdpicker[data-is-embed=true] .taui-header .taui-close {
display: none
}
#taui-mvpdpicker {
box-shadow: none;
background-color: #242424;
padding: 16px 16px 32px;
border-radius: 8px
}
#taui-mvpdpicker[data-is-embed=true] {
top: 0 !important
}
#taui-mvpdpicker .taui-title {
height: auto;
margin-top: 24px
}
#taui-mvpdpicker .taui-title>span {
text-shadow: none;
font-size: 24px;
line-height: 30px;
font-weight: 700
}
#taui-mvpdpicker .taui-subheading {
font-size: 16px;
line-height: 24px;
font-weight: 400
}
#taui-mvpdpicker .taui-subheading1select {
margin: 16px auto 12px;
max-width: 538px
}
#taui-mvpdpicker .taui-header,
#taui-mvpdpicker .taui-slates,
#taui-mvpdpicker .taui-subheading-area {
background-color: transparent;
box-shadow: none;
color: #fff;
text-shadow: none
}
#taui-mvpdpicker .taui-mvpdsbylogo {
padding: 0 10px
}
#taui-mvpdpicker .taui-mvpdlogo {
width: 150px
}
#taui-mvpdpicker .taui-footer {
background-color: transparent;
border: none
}
#taui-mvpdpicker .taui-footer .taui-dontseebutton,
#taui-mvpdpicker .taui-footer .taui-viewallbutton,
#taui-mvpdpicker .taui-footer .taui-viewtopbutton {
border: none;
border-radius: unset;
padding: 0;
box-shadow: none;
text-shadow: none;
background-color: transparent;
background-image: none;
font-size: 16px;
line-height: 24px;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
position: relative
}
#taui-mvpdpicker .taui-mvpdsbyname>li,
#taui-mvpdpicker .taui-mvpdsearch {
font-size: 14px;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
color: #fff
}
#taui-mvpdpicker .taui-footer .taui-viewallbutton:after,
#taui-mvpdpicker .taui-footer .taui-viewtopbutton:before {
position: absolute;
height: 14px;
display: inline-block;
content: '';
background-color: #fff
}
#taui-mvpdpicker .taui-footer .taui-dontseebutton>span,
#taui-mvpdpicker .taui-footer .taui-viewtopbutton>span {
font-weight: 400
}
#taui-mvpdpicker .taui-footer .taui-viewallbutton:after {
top: 5px;
width: 14px;
mask: url(/media/sites/cnn/icons/ui-caret-right-thick.svg);
mask-size: cover;
margin-left: 4px
}
#taui-mvpdpicker .taui-footer .taui-viewtopbutton:before {
top: 4px;
width: 14px;
mask: url(/media/sites/cnn/icons/ui-caret-left-thick.svg);
mask-size: cover
}
#taui-mvpdpicker .taui-footer .taui-viewtopbutton>span {
margin-left: 18px
}
#taui-mvpdpicker .taui-footer.taui-searchfooter {
justify-content: space-between;
padding: 12px 24px
}
#taui-mvpdpicker .taui-searchfield {
border: none
}
#taui-mvpdpicker .taui-mvpdsearch {
background-color: #404040;
font-weight: 700;
line-height: 24px;
padding: 16px
}
#taui-mvpdpicker .taui-mvpdsearch:focus {
background-color: #404040;
color: #fff
}
#taui-mvpdpicker .taui-searchpane {
background-color: #404040;
padding: 12px 16px;
border-radius: 4px
}
#taui-mvpdpicker .taui-mvpdsbyname {
padding: 0
}
#taui-mvpdpicker .taui-mvpdsbyname>li {
border: none;
background-color: transparent;
line-height: 20px;
font-weight: 400;
padding: 8px 16px;
border-radius: 8px
}
#taui-mvpdpicker .taui-mvpdsbyname>li:hover {
background-color: rgba(12, 12, 12, .5);
color: #fff
}
#taui-mvpdpicker .taui-noproviderokbutton {
padding: 16px;
border: 0;
border-radius: 4px;
background: #e03030;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 24px;
cursor: pointer;
text-shadow: none;
min-width: 150px
}
#taui-mvpdpicker .taui-watchnowbutton {
background: #fff;
border-color: #fff;
color: #0c0c0c;
border-radius: 8px;
text-shadow: none;
height: 48px;
width: auto;
white-space: nowrap
}
#taui-mvpdpicker .taui-watchnowbutton>span {
font-size: 16px
}
#taui-mvpdpicker .taui-cancelbutton,
#taui-mvpdpicker .taui-signincancelbutton {
background: 0 0;
border-color: #6e6e6e;
border-radius: 8px;
height: 48px;
width: auto
}
#taui-mvpdpicker .taui-subheading-area {
display: none
}
@media (max-width:479px) {
#taui-mvpdpicker .taui-searchfooter {
flex-direction: column;
align-items: center;
margin-top: 12px
}
#taui-mvpdpicker .taui-searchfooter .taui-dontseebutton,
#taui-mvpdpicker .taui-searchfooter .taui-viewtopbutton {
width: fit-content
}
#taui-mvpdpicker .taui-searchfooter .taui-viewtopbutton {
margin-bottom: 24px
}
}
@media (min-width:960px) {
#taui-mvpdpicker[data-is-embed=true] {
top: 64px !important
}
}
.layout,
.layout__content-wrapper {
background-color: #fff;
width: 100%
}
.kiln-edit-mode .tabcontent.settings,
.kiln-edit-mode .tabs,
.kiln-internals {
direction: ltr
}
html {
box-sizing: border-box;
min-height: 100%;
min-width: 320px;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
width: 100%;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif
}
.kiln-edit-mode .gallery-inline.gallery--hidden,
.kiln-edit-mode .gallery-inline_unfurled,
.kiln-edit-mode [data-component-name=correction] {
overflow: visible
}
*,
:after,
:before {
box-sizing: inherit;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility
}
.layout {
margin: 0;
padding: 0
}
.layout__content-wrapper {
display: inline-block;
position: relative
}
.layout__content-wrapper .layout__info {
position: relative
}
.layout__bottom,
.layout__breadcrumb,
.layout__top,
.layout__wrapper {
margin: 0 auto;
padding: 0 16px;
width: 100%;
max-width: 1440px;
min-width: 300px
}
.layout__top {
display: flex;
flex-direction: column
}
.kiln-edit-mode .contributors-list .add-contributor-wrapper .add-contributor-button,
.kiln-edit-mode .kiln-overlay-form.card button[aria-label='Add Card'],
.kiln-edit-mode .kiln-overlay-form.card button[aria-label='Duplicate Card'],
.layout__top:empty {
display: none
}
.layout__bottom {
padding: 0;
max-width: 100%
}
.layout__lede .interactive-video {
margin-top: 0;
margin-bottom: 32px
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout__top,
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout__wrapper {
padding: 0 32px
}
}
.kiln-field button:focus,
.kiln-field input:focus,
.kiln-field select:focus,
.kiln-field textarea:focus,
.kiln-wrapper button:focus,
.kiln-wrapper input:focus,
.kiln-wrapper select:focus,
.kiln-wrapper textarea:focus {
outline: 0
}
.kiln-edit-mode .kiln-overlay-form.byline button[aria-label='Do Magic'] {
position: absolute;
right: -1px;
margin-top: -11px;
cursor: default
}
.kiln-edit-mode .kiln-overlay-form.byline button[aria-label='Do Magic']:hover {
background: 0 0
}
.kiln-edit-mode .kiln-overlay-form.card__label {
visibility: visible
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-card .input-container {
padding: 15px 30px 120px
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card {
top: 8vh !important;
left: 50vw !important;
width: fit-content !important
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card .input-container {
padding: 15px 30px 24px
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card .ui-textbox__counter {
float: right;
margin-bottom: 8px;
position: relative;
top: 0
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--image {
top: 10% !important;
min-height: 80vh;
width: initial !important
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--image .rich-text-input .rich-text__feedback {
color: rgba(0, 0, 0, .54);
font-size: .875em
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--video-resource {
min-height: 80vh;
left: 50vw !important;
width: 85vw !important
}
.kiln-edit-mode .product-comparison .ql-bubble .ql-tooltip-editor input[type=text],
.kiln-edit-mode .product-offer-card_listing-item .add-bottom,
.kiln-edit-mode .product-offer-card_listing-item .add-top {
left: 0
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--feed .ui-textbox__textarea {
min-height: 20vh;
font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--configuration .static-input-text {
height: auto;
min-height: 2rem
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card fieldset[data-name=checkbox]:has(input[name=hideProduct]) {
margin-top: 16px
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card fieldset[data-name=checkbox]:has(input[name=hideProduct]) .ui-checkbox .ui-checkbox__label-text {
text-transform: lowercase
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card fieldset[data-name=checkbox]:has(input[name=hideProduct]) .ui-checkbox .ui-checkbox__label-text::first-letter {
text-transform: uppercase
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-card .ui-textbox.has-floating-label .ui-textbox__label-text.is-inline,
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card .ui-textbox.has-floating-label .ui-textbox__label-text.is-inline {
pointer-events: all
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-card .static-input-text,
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--product-offer-card .static-input-text {
font-size: 16px
}
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--live-story-filter-tags .complex-list-item-actions-right,
.kiln-edit-mode .kiln-overlay-form.kiln-overlay-form--live-story-filter-tags .input-container .ui-button--type-primary {
display: none !important
}
.kiln-edit-mode.article_elevate_large .article__lede-wrapper,
.kiln-edit-mode.article_elevate_small .layout-article-elevate__lede,
.kiln-edit-mode.article_elevate_xlarge .article__lede-wrapper,
.kiln-edit-mode.layout-live-story .container_event-tray .custom-placeholder__right {
display: none
}
.kiln-edit-mode .simple-modal--image-search-modal .ui-modal__container {
width: 80vw;
max-width: 1500px
}
.kiln-edit-mode .simple-modal--selective-publishing .ui-confirm.selective-publishing {
word-wrap: break-word
}
.kiln-edit-mode .image.component-selector-wrapper {
min-height: 40px
}
.kiln-edit-mode .image.component-selector-wrapper .image__metadata .image__credit {
visibility: visible
}
.kiln-edit-mode .image_inline-small {
z-index: 1000
}
.kiln-edit-mode .pull-quote img.icon-sig-quote-default {
filter: invert(8%) sepia(95%) saturate(6927%) hue-rotate(4deg) brightness(98%) contrast(110%)
}
.kiln-edit-mode [data-editable=topGraphic] .placeholder-add-component.ui-button--type-primary {
background-color: unset;
color: #1976d2
}
.kiln-edit-mode [data-editable=topGraphic] .placeholder-add-component.ui-button--type-primary:hover {
background-color: #bbdefb
}
.kiln-edit-mode.layout-homepage-mobile,
.kiln-edit-mode.layout-homepage-mobile-app {
background: repeating-linear-gradient(to bottom, #000, #000 2px, transparent 1px, transparent 880px);
padding: 0
}
.kiln-edit-mode .container_list-headlines-with-images .icon-sig-photo-default,
.kiln-edit-mode .container_list-headlines-with-images .icon-sig-video {
margin-right: 4px
}
.kiln-edit-mode.layout-homepage-mobile,
.kiln-edit-mode.layout-homepage-mobile-app {
width: 414px;
margin: auto
}
.kiln-edit-mode.layout-homepage-mobile-app__bottom,
.kiln-edit-mode.layout-homepage-mobile-app__top,
.kiln-edit-mode.layout-homepage-mobile-app__wrapper,
.kiln-edit-mode.layout-homepage-mobile__bottom,
.kiln-edit-mode.layout-homepage-mobile__top,
.kiln-edit-mode.layout-homepage-mobile__wrapper {
margin: 0 auto
}
.kiln-edit-mode.layout-homepage-mobile-app__content {
width: 414px;
margin: auto
}
.kiln-edit-mode.layout-homepage-mobile-app__bottom,
.kiln-edit-mode.layout-homepage-mobile-app__top,
.kiln-edit-mode.layout-homepage-mobile-app__wrapper {
margin: 0 auto
}
.kiln-edit-mode .product-comparison .ql-editor {
text-align: left
}
.kiln-edit-mode .ad-slot-header,
.kiln-edit-mode .ad-slot-header__wrapper,
.kiln-edit-mode .header__wrapper-outer {
height: unset !important;
min-height: unset !important;
top: unset !important
}
.kiln-edit-mode .ad-slot {
align-items: center;
background-color: #f8f8f8;
display: flex;
justify-content: center;
margin: 0 0 10px;
min-height: 48px;
position: relative;
flex-direction: column
}
.kiln-edit-mode .ad-slot .ad-feedback-link-container,
.kiln-edit-mode .ad-slot .ad-slot__feedback {
display: none
}
.kiln-edit-mode .ad-slot.component-selector-wrapper {
min-height: 48px
}
.kiln-edit-mode .ad-slot[data-desktop-slot-id]::before {
color: #6e6e6e;
content: 'AD SLOT (desktop: ' attr(data-desktop-slot-id) ')';
display: block;
font-size: 16px
}
.kiln-edit-mode .ad-slot[data-mobile-slot-id]::after {
color: #6e6e6e;
content: 'AD SLOT (mobile: ' attr(data-mobile-slot-id) ')';
display: block;
font-size: 16px
}
.kiln-edit-mode [data-uri*='/bizdev-outbrain/'] .kiln-permanent-placeholder {
min-height: 50px !important
}
.kiln-edit-mode [data-uri*='/bizdev-outbrain/'],
.kiln-edit-mode [data-uri*='/bizdev-nativo/'],
.kiln-edit-mode [data-uri*='/bizdev-healthgrade/'] {
width: 100%;
margin-bottom: 10px
}
.kiln-edit-mode .layout__bottom [data-placement] {
display: none
}
.kiln-edit-mode .newsleter-signup .newsletter-signup__form-section--gdpr,
.kiln-edit-mode .newsletter-signup_hub .newsletter-signup__form-section--gdpr,
.kiln-edit-mode .user-account-registration-form [data-specific-to-regions] {
display: block
}
.kiln-edit-mode .openweb-convo {
margin: 8px 0
}
.kiln-edit-mode .paragraph .ql-toolbar svg {
margin: 0
}
.kiln-edit-mode .user-account-registration-form [data-specific-to-regions] .formfield-checkbox__checkbox-label,
.kiln-edit-mode .user-account-registration-form [data-specific-to-regions] .formfield-checkbox__checkbox-label a {
color: #262626
}
.kiln-edit-mode .newsleter-signup,
.kiln-edit-mode .newsletter-signup_hub {
visibility: visible;
height: initial;
opacity: 1
}
.kiln-edit-mode .gallery-inline:not(.gallery-inline_unfurled) .gallery-inline__container>.gallery-inline__slides>.image>.image__metadata .image__caption,
.kiln-edit-mode .gallery-inline__leaf:not(.gallery-inline_unfurled) .gallery-inline__container>.gallery-inline__slides>.image>.image__metadata .image__caption {
width: auto
}
.kiln-edit-mode .product-offer-card_listing-item {
margin-top: 50px
}
.kiln-edit-mode .product-offer-card_listing-item.component-selector-wrapper .product-offer-card_listing-item__settings-container {
grid-row: 1;
grid-column: 1/none;
margin-bottom: 8px
}
.kiln-edit-mode .product-offer-card_listing-item.component-selector-wrapper .product-offer-card_listing-item__image {
top: 56px
}
.kiln-edit-mode .product-offer-card_listing-item__image .selector .add-bottom,
.kiln-edit-mode .product-offer-card_listing-item__image .selector .add-top,
.kiln-edit-mode .product-offer-card_listing-item__image .selector .quick-bar .quick-bar-dupe,
.nav-content .page-list-sites {
display: none
}
html[data-layout-uri*='homepage/instances/homepage-domestic'] .kiln-edit-mode .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='homepage-mobile/instances/homepage-domestic'] .kiln-edit-mode .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='homepage/instances/homepage-international'] .kiln-edit-mode .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='homepage-mobile/instances/homepage-international'] .kiln-edit-mode .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/cnn-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/cnn-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/us-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/us-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/world-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/world-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/politics-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/politics-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/business-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/business-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/opinions-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/opinions-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/health-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/health-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/entertainment-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/style-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/style-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/travel-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/travel-article-feature-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/sport-article-v'] .ad-slot:not(.adSlotLoaded),
html[data-layout-uri*='layout-with-rail/instances/sport-article-feature-v'] .ad-slot:not(.adSlotLoaded) {
height: auto;
display: flex;
min-height: 0;
animation: none;
padding: 0
}
.layout-profile__top .headline,
body[class*=homepage-mobile].kiln-edit-mode [data-desktop-slot-id]:not([data-mobile-slot-id]) {
display: none
}
.new-page-nav .filterable-list-item-children {
margin-left: 15px
}
.html-embed .kiln-permanent-placeholder {
min-height: 18px !important
}
.kiln-inactive-placeholder,
.kiln-placeholder {
margin-bottom: 12px
}
.inline-placeholder .kiln-inactive-placeholder,
.inline-placeholder .kiln-placeholder {
background: 0 0;
padding: 0;
margin: 0;
min-height: initial !important;
display: block
}
.inline-placeholder .kiln-inactive-placeholder .placeholder-icon,
.inline-placeholder .kiln-placeholder .placeholder-icon,
.kiln-internals .clay-kiln-logo.stellar>svg,
.layout-shared-components .kiln-wrapper.view-mode {
display: none
}
.inline-placeholder .kiln-inactive-placeholder .placeholder-text,
.inline-placeholder .kiln-placeholder .placeholder-text {
color: #8c8c8c;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-align: left;
text-transform: none;
line-height: inherit;
width: 100%
}
.custom-placeholder .status-label,
.kiln-edit-mode .container_headline-carousel__headline:hover,
.kiln-edit-mode [data-component-name=video-resource] .video-resource__image:hover::after {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif
}
.inline-placeholder .kiln-inactive-placeholder .placeholder-text::first-letter,
.inline-placeholder .kiln-placeholder .placeholder-text::first-letter {
text-transform: none
}
.publish-location-form .publishSectionTop {
margin-bottom: 20px
}
.publish-location-form .publishSectionBottom input[disabled] {
border-bottom-style: dotted;
color: #404040;
cursor: default
}
.kiln-internals .clay-kiln-logo.stellar::before {
background-image: url(/media/sites/cnn/stellar-logo.svg);
background-size: 100%;
background-repeat: no-repeat;
content: ' ';
color: transparent;
position: absolute;
left: calc(50vw - 155px);
top: calc(50vh - 55px);
width: 300px;
height: 100px
}
.kiln-wrapper.view-mode .ui-fab {
font-size: 16px !important
}
.kiln-wrapper.view-mode .ui-fab--size-normal,
.kiln-wrapper.view-mode .ui-fab--size-normal .ui-fab__focus-ring {
height: 3.5em !important;
width: 3.5em !important
}
.kiln-wrapper.view-mode .ui-fab--size-small,
.kiln-wrapper.view-mode .ui-fab--size-small .ui-fab__focus-ring {
width: 2.5em !important;
height: 2.5em !important
}
.kiln-wrapper.view-mode .ui-fab__icon .ui-icon {
font-size: 1.5em !important
}
.kiln-edit-mode .interactive__edit-info {
background-color: #e3f2fd;
margin: 16px 0;
color: #0a0a0a;
padding: 24px
}
.kiln-edit-mode .interactive__title {
display: inline-block;
border-bottom: 2px solid #0a0a0a
}
.kiln-edit-mode .interactive__overflow {
width: 100%;
overflow: scroll
}
.tooltip {
font-size: 20px
}
.tooltip .tooltip-content,
.tooltip .tooltip-content .ui-tooltip {
font-size: .8125em !important
}
.tooltip .tooltip-content {
height: 1.625em !important
}
.custom-placeholder {
position: relative
}
.custom-placeholder__right {
position: absolute;
display: flex;
align-items: center;
height: 100%;
top: 0;
right: 0
}
.kiln-edit-mode .product-offer-card,
.kiln-edit-mode .product-offer-card__button-item,
.kiln-edit-mode .product-offer-card_carousel,
.kiln-edit-mode .product-offer-card_carousel__button-item,
.kiln-edit-mode .product-offer-card_expanded,
.kiln-edit-mode .product-offer-card_expanded__button-item,
.kiln-edit-mode .product-offer-card_listing,
.kiln-edit-mode .product-offer-card_listing-item,
.kiln-edit-mode .product-offer-card_listing-item__button-item,
.kiln-edit-mode .product-offer-card_listing__button-item {
position: relative
}
.custom-placeholder .placeholder-label {
justify-content: start !important
}
.custom-placeholder .status-label {
font-size: 12px;
line-height: 12px;
color: #fff;
margin: 12px;
padding: 8px;
border-radius: 16px
}
.custom-placeholder.ready {
border-top: 2px solid #58e59e
}
.custom-placeholder.ready .status-label {
background-color: #58e59e
}
.custom-placeholder.new,
.custom-placeholder.updated {
border-top: 2px solid #ff7979
}
.custom-placeholder.new .status-label,
.custom-placeholder.updated .status-label {
background-color: #ff7979
}
.kiln-search-active {
display: flex;
flex-flow: column nowrap;
overflow: auto
}
.kiln-search-active .kiln-edit-mode:not(.layout-homepage-mobile):not(.layout-homepage-mobile-app) .header {
margin-left: 400px !important;
width: 100%
}
.kiln-search-active .kiln-edit-mode:not(.layout-homepage-mobile):not(.layout-homepage-mobile-app) .header__container {
margin-left: 0
}
.kiln-search-active .kiln-edit-mode:not(.layout-homepage-mobile):not(.layout-homepage-mobile-app) .layout__bottom,
.kiln-search-active .kiln-edit-mode:not(.layout-homepage-mobile):not(.layout-homepage-mobile-app) .layout__wrapper {
margin-left: 400px !important
}
.kiln-search-active .kiln-edit-mode:not(.layout-homepage-mobile):not(.layout-homepage-mobile-app) .footer__inner {
margin-left: 0
}
.layout.tabs {
display: none
}
.kiln-edit-mode {
--counter-height: 23px
}
.kiln-edit-mode .factbox .editor-inline>form:before,
.kiln-edit-mode .list .editor-inline>form:before,
.kiln-edit-mode .list_live-story .editor-inline>form:before {
display: revert
}
.kiln-edit-mode .container_event-tray,
.kiln-edit-mode .container_grid-2__item .card__label-container,
.kiln-edit-mode .container_grid-3__item .card__label-container,
.kiln-edit-mode .container_grid-4__item .card__label-container,
.kiln-edit-mode .container_lead-plus-headlines-with-images__item .card__label-container,
.kiln-edit-mode .container_list-images-with-description__item .card__label-container {
display: block
}
.kiln-edit-mode .kiln-field__disabled .list__new_item {
pointer-events: all
}
.kiln-edit-mode .content-recs,
.kiln-edit-mode .more-from-cnn {
margin-bottom: 12px
}
.kiln-edit-mode .container_event-tray__field-wrapper {
overflow-y: hidden;
overflow-x: auto
}
.kiln-edit-mode .container_event-tray__field-links {
overflow-y: unset;
margin: 30px 1px 40px
}
.kiln-edit-mode .container.container_headline-carousel.component-selector-wrapper .container_headline-carousel__cards-wrapper {
overflow: scroll
}
.kiln-edit-mode .container.container_headline-carousel.component-selector-wrapper .container_headline-carousel__cards-wrapper .container_headline-carousel__field-wrapper {
overflow: unset
}
.kiln-edit-mode .article-text-banner_underscored-deals {
padding: 0
}
.kiln-edit-mode .article-text-banner_underscored-deals__container {
height: unset;
margin-top: 8px;
margin-bottom: 8px
}
.kiln-edit-mode .article-text-banner_underscored-deals .kiln-permanent-placeholder {
min-height: unset !important
}
.kiln-edit-mode .article-text-banner_underscored-deals-with-bullets .kiln-permanent-placeholder,
.kiln-edit-mode .article-text-banner_underscored-sponsored .kiln-permanent-placeholder {
min-height: auto !important
}
.kiln-edit-mode .container_headline-carousel__field-links,
.kiln-edit-mode .container_shelf-carousel__field-links {
padding: 38px 30px 15px;
margin-bottom: 10px;
overflow-y: unset
}
.kiln-edit-mode .container.container_shelf-carousel.component-selector-wrapper .container_shelf-carousel__cards-wrapper {
overflow-x: scroll
}
.kiln-edit-mode .container.container_shelf-carousel.component-selector-wrapper .container_shelf-carousel__field-wrapper {
overflow: unset
}
.kiln-edit-mode .container.container_shelf-carousel.component-selector-wrapper .container_shelf-carousel__item.container__item {
min-width: unset !important
}
.kiln-edit-mode .container_headline-carousel__title {
padding: 0 25px;
margin-bottom: -30px
}
.kiln-edit-mode .accordion-item__content {
max-height: 100%;
padding: 0 0 40px
}
.kiln-edit-mode .accordion-item__content>* {
padding: 0 24px
}
.kiln-edit-mode .accordion-item__content [data-component-name=paragraph] {
margin: 48px 0
}
.kiln-edit-mode .container_grid-2__item .container__text-label--type-video,
.kiln-edit-mode .container_grid-2__item .container__text-label:not(.kiln-edit-mode .container_grid-2__item .container__text-label--type-video),
.kiln-edit-mode .container_grid-2__item .container__video-duration,
.kiln-edit-mode .container_grid-3__item .container__text-label--type-video,
.kiln-edit-mode .container_grid-3__item .container__text-label:not(.kiln-edit-mode .container_grid-3__item .container__text-label--type-video),
.kiln-edit-mode .container_grid-3__item .container__video-duration,
.kiln-edit-mode .container_grid-4__item .container__text-label--type-video,
.kiln-edit-mode .container_grid-4__item .container__text-label:not(.kiln-edit-mode .container_grid-4__item .container__text-label--type-video),
.kiln-edit-mode .container_grid-4__item .container__video-duration,
.kiln-edit-mode .container_lead-plus-headlines-with-images__item .container__text-label--type-video,
.kiln-edit-mode .container_lead-plus-headlines-with-images__item .container__text-label:not(.kiln-edit-mode .container_lead-plus-headlines-with-images__item .container__text-label--type-video),
.kiln-edit-mode .container_lead-plus-headlines-with-images__item .container__video-duration,
.kiln-edit-mode .container_list-images-with-description__item .container__text-label--type-video,
.kiln-edit-mode .container_list-images-with-description__item .container__text-label:not(.kiln-edit-mode .container_list-images-with-description__item .container__text-label--type-video),
.kiln-edit-mode .container_list-images-with-description__item .container__video-duration,
.kiln-edit-mode .kiln-overlay-form--product-card .input-container .reveal-leave-active,
.kiln-edit-mode .kiln-overlay-form--product-offer-card .input-container .reveal-leave-active,
.kiln-edit-mode .product-offer-card .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode .product-offer-card__button-item .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_carousel .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode .product-offer-card_carousel__button-item .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_expanded .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode .product-offer-card_expanded__button-item .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_listing .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode .product-offer-card_listing-item .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode .product-offer-card_listing-item__button-item .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_listing__button-item .copy-to-clipboard {
display: none
}
.kiln-edit-mode .product-card-container_carousel__container-items:has(.sticker) .product-card_carousel__title,
.kiln-edit-mode .product-card-container_grid__container-items:has(.sticker) .product-card_carousel__title {
margin-top: 0
}
.kiln-edit-mode .product-card-container_carousel__container-items:has(.sticker) .product-card_carousel__sticker-container,
.kiln-edit-mode .product-card-container_grid__container-items:has(.sticker) .product-card_carousel__sticker-container {
margin-bottom: 0;
height: fit-content
}
.kiln-edit-mode .product-card-container_carousel__container-items:has(.sticker) .product-card_carousel .product-card_carousel__image,
.kiln-edit-mode .product-card-container_grid__container-items:has(.sticker) .product-card_carousel .product-card_carousel__image {
margin-bottom: 58px
}
.kiln-edit-mode .product-card-container_carousel__container-items:has(.sticker) .product-card_carousel:has(.sticker) .product-card_carousel__image,
.kiln-edit-mode .product-card-container_grid__container-items:has(.sticker) .product-card_carousel:has(.sticker) .product-card_carousel__image {
margin-bottom: 0 !important
}
.kiln-edit-mode .product-offer-card-container_related-products {
pointer-events: all
}
.kiln-edit-mode .product-offer-card-container_related-products .product-offer-card_related-product__image .image {
margin: 0 !important
}
.kiln-edit-mode .product-offer-card-container_carousel {
max-width: unset
}
.kiln-edit-mode .product-offer-card-container_carousel__container-items:has(.sticker) .product-offer-card_carousel__title,
.kiln-edit-mode .product-offer-card-container_grid__container-items:has(.sticker) .product-offer-card_carousel__title {
margin-top: 0
}
.kiln-edit-mode .product-offer-card-container_carousel__container-items:has(.sticker) .product-offer-card_carousel__sticker-container,
.kiln-edit-mode .product-offer-card-container_grid__container-items:has(.sticker) .product-offer-card_carousel__sticker-container {
margin-bottom: 0;
height: fit-content
}
.kiln-edit-mode .product-offer-card-container_carousel__container-items:has(.sticker) .product-offer-card_carousel .product-offer-card_carousel__image,
.kiln-edit-mode .product-offer-card-container_grid__container-items:has(.sticker) .product-offer-card_carousel .product-offer-card_carousel__image {
margin-bottom: 58px
}
.kiln-edit-mode .product-offer-card-container_carousel__container-items:has(.sticker) .product-offer-card_carousel:has(.sticker) .product-offer-card_carousel__image,
.kiln-edit-mode .product-offer-card-container_grid__container-items:has(.sticker) .product-offer-card_carousel:has(.sticker) .product-offer-card_carousel__image {
margin-bottom: 0 !important
}
.kiln-edit-mode .product-card-container_carousel [data-editable=images] .kiln-placeholder,
.kiln-edit-mode .product-card-container_grid [data-editable=images] .kiln-placeholder,
.kiln-edit-mode .product-card-container_listing [data-editable=images] .kiln-placeholder,
.kiln-edit-mode .product-offer-card-container_carousel [data-editable=images] .kiln-placeholder,
.kiln-edit-mode .product-offer-card-container_grid [data-editable=images] .kiln-placeholder,
.kiln-edit-mode .product-offer-card-container_listing [data-editable=images] .kiln-placeholder {
min-height: 100px !important
}
.kiln-edit-mode .product-card-container_landing-page .product-card_landing .kiln-permanent-placeholder,
.kiln-edit-mode .product-card-container_landing-page .product-offer-card_landing .kiln-permanent-placeholder,
.kiln-edit-mode .product-offer-card-container_landing-page .product-card_landing .kiln-permanent-placeholder,
.kiln-edit-mode .product-offer-card-container_landing-page .product-offer-card_landing .kiln-permanent-placeholder {
min-width: 100%
}
.kiln-edit-mode .product-offer-card__button-item:hover .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_carousel__button-item:hover .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_expanded__button-item:hover .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_listing-item__button-item:hover .copy-to-clipboard,
.kiln-edit-mode .product-offer-card_listing__button-item:hover .copy-to-clipboard {
display: block;
font-size: 0;
position: absolute;
top: 0;
right: 0;
background-color: #6a98d9
}
.kiln-edit-mode .product-offer-card__button-item:hover>a.offer-link,
.kiln-edit-mode .product-offer-card_carousel__button-item:hover>a.offer-link,
.kiln-edit-mode .product-offer-card_expanded__button-item:hover>a.offer-link,
.kiln-edit-mode .product-offer-card_listing-item__button-item:hover>a.offer-link,
.kiln-edit-mode .product-offer-card_listing__button-item:hover>a.offer-link {
border-radius: 0;
box-shadow: inset 0 0 0 2px #1878cf, inset 0 0 0 4px #fff;
background-color: var(--theme-button-color)
}
.kiln-edit-mode .product-offer-card__button-item.sortable-chosen>a.offer-link,
.kiln-edit-mode .product-offer-card_carousel__button-item.sortable-chosen>a.offer-link,
.kiln-edit-mode .product-offer-card_expanded__button-item.sortable-chosen>a.offer-link,
.kiln-edit-mode .product-offer-card_listing-item__button-item.sortable-chosen>a.offer-link,
.kiln-edit-mode .product-offer-card_listing__button-item.sortable-chosen>a.offer-link {
box-shadow: inset 0 0 0 2px #0d47a1, inset 0 0 0 4px #fff
}
.kiln-edit-mode .product-offer-card.component-selector-wrapper__sticker-container [data-sticker-expired-or-unsupported=true],
.kiln-edit-mode .product-offer-card.component-selector-wrapper__sticker-container.hide,
.kiln-edit-mode .product-offer-card_carousel.component-selector-wrapper__sticker-container [data-sticker-expired-or-unsupported=true],
.kiln-edit-mode .product-offer-card_carousel.component-selector-wrapper__sticker-container.hide,
.kiln-edit-mode .product-offer-card_expanded.component-selector-wrapper__sticker-container [data-sticker-expired-or-unsupported=true],
.kiln-edit-mode .product-offer-card_expanded.component-selector-wrapper__sticker-container.hide,
.kiln-edit-mode .product-offer-card_listing-item.component-selector-wrapper__sticker-container [data-sticker-expired-or-unsupported=true],
.kiln-edit-mode .product-offer-card_listing-item.component-selector-wrapper__sticker-container.hide,
.kiln-edit-mode .product-offer-card_listing.component-selector-wrapper__sticker-container [data-sticker-expired-or-unsupported=true],
.kiln-edit-mode .product-offer-card_listing.component-selector-wrapper__sticker-container.hide {
display: block
}
.kiln-edit-mode .product-offer-card.hide,
.kiln-edit-mode .product-offer-card.hide .offer-link,
.kiln-edit-mode .product-offer-card_carousel.hide,
.kiln-edit-mode .product-offer-card_carousel.hide .offer-link,
.kiln-edit-mode .product-offer-card_expanded.hide,
.kiln-edit-mode .product-offer-card_expanded.hide .offer-link,
.kiln-edit-mode .product-offer-card_listing-item.hide,
.kiln-edit-mode .product-offer-card_listing-item.hide .offer-link,
.kiln-edit-mode .product-offer-card_listing.hide,
.kiln-edit-mode .product-offer-card_listing.hide .offer-link {
counter-increment: none
}
.kiln-edit-mode .product-offer-card.hide::before,
.kiln-edit-mode .product-offer-card_carousel.hide::before,
.kiln-edit-mode .product-offer-card_expanded.hide::before,
.kiln-edit-mode .product-offer-card_listing-item.hide::before,
.kiln-edit-mode .product-offer-card_listing.hide::before {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .25);
pointer-events: all
}
.kiln-edit-mode .product-offer-card.hide::after,
.kiln-edit-mode .product-offer-card_carousel.hide::after,
.kiln-edit-mode .product-offer-card_expanded.hide::after,
.kiln-edit-mode .product-offer-card_listing-item.hide::after,
.kiln-edit-mode .product-offer-card_listing.hide::after {
content: '';
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
border-radius: 50%;
background: url(/media/sites/cnn/icons/visibility-off.svg) center no-repeat;
background-color: rgba(0, 0, 0, .6);
transform: translate(-50%, -50%);
pointer-events: all
}
.kiln-edit-mode .product-offer-card_carousel__button-item {
z-index: 999
}
.kiln-edit-mode .product-offer-card__sticker-container,
.kiln-edit-mode .product-offer-card_expanded__sticker-container {
margin-top: 68px
}
.kiln-edit-mode .product-offer-card__sticker-container .sticker,
.kiln-edit-mode .product-offer-card_expanded__sticker-container .sticker {
width: fit-content;
position: relative;
top: 0
}
.kiln-edit-mode .product-offer-card .kiln-permanent-placeholder,
.kiln-edit-mode .product-offer-card_expanded .kiln-permanent-placeholder {
min-height: auto
}
.kiln-edit-mode .product-quick-picks--sponsorship .kiln-permanent-placeholder {
min-height: auto !important
}
.kiln-edit-mode .featured-product .featured-product__image .kiln-inactive-placeholder,
.kiln-edit-mode .featured-product .featured-product__image .kiln-placeholder {
margin: 0;
min-height: 160px !important
}
.kiln-edit-mode .call-to-action__cta-container .image.portrait.image_hide-placeholder,
.kiln-edit-mode .call-to-action__cta-container div,
.kiln-edit-mode .call-to-action__cta-container div.image,
.kiln-edit-mode .call-to-action__cta-container div.portrait {
max-width: initial
}
.kiln-edit-mode .call-to-action__cta-container .call-to-action__button-text,
.kiln-edit-mode .call-to-action__cta-container a {
color: #fff;
text-decoration: none;
width: 50%;
left: 25%
}
.kiln-edit-mode .sticker {
display: flex !important
}
.kiln-edit-mode .layout.tabs {
display: block
}
.kiln-edit-mode .layout-homepage-mobile-app__content-wrapper .layout.tabs,
.kiln-edit-mode .layout-homepage-mobile__content-wrapper .layout.tabs {
width: 90vw;
margin-left: -35vw
}
.kiln-edit-mode .tabs {
margin-bottom: 0
}
.kiln-edit-mode .tabs:not(.active) {
display: none
}
.kiln-edit-mode .tabs.layout {
background: #edf4fb;
border-bottom: solid 1px #0d47a1;
margin-bottom: 10px
}
.kiln-edit-mode .tabs__wrapper {
line-height: 46px;
max-width: 1440px;
margin: 0 auto;
padding-top: 2px
}
.sponsorship .kiln-edit-mode .tabs__wrapper {
max-width: 1100px
}
.kiln-edit-mode .tabs__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap
}
.kiln-edit-mode .tabs__item {
border-bottom: solid 4px transparent;
color: #5c5c5c;
cursor: pointer;
display: inline;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
padding: 10px 30px;
text-transform: uppercase
}
.kiln-edit-mode .tabs__item.active {
border-bottom-color: #0d47a1;
color: #000
}
.kiln-edit-mode .tabs__item:hover {
border-bottom-color: #8cbae8
}
.kiln-edit-mode .tabcontent {
margin: 32px 0 48px
}
.kiln-edit-mode .tabcontent__config,
.kiln-edit-mode .tabcontent__meta,
.kiln-edit-mode .tabcontent__other {
background-color: #fafafa;
border: 1px solid #edf0f2;
padding: 18px;
margin-bottom: 18px
}
.kiln-edit-mode .tabcontent:not(.active) {
display: none
}
.kiln-edit-mode .tabcontent__settings {
padding-top: 18px
}
.kiln-edit-mode .tabcontent__meta,
.kiln-edit-mode .tabcontent__other {
margin-top: 18px
}
.kiln-edit-mode .tabcontent__meta .header,
.kiln-edit-mode .tabcontent__other .header {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px
}
.kiln-edit-mode .tabcontent__group,
.kiln-edit-mode .tabcontent__subgroup {
position: relative
}
.kiln-edit-mode .tabcontent__subgroup {
margin-bottom: 14px
}
.kiln-edit-mode .tabcontent__help,
.kiln-edit-mode .tabcontent__label {
color: #8c8c8c;
margin-bottom: 2px
}
.kiln-edit-mode .tabcontent__help {
font-size: 13px
}
.kiln-edit-mode .tabcontent__underline {
border-bottom: 1px solid #8c8c8c;
margin-bottom: 14px;
margin-right: 32px
}
.kiln-edit-mode .tabcontent__underline .kiln-placeholder {
margin: 0;
padding: 0
}
.kiln-edit-mode .tabcontent__underline .ui-textbox__counter:not(.ui-textbox__counter--wysiwyg-error) {
background-color: transparent;
color: #8c8c8c
}
.kiln-edit-mode .tabcontent__wand {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28'%3E%3Cpath d='M18.594 9.078L23.172 4.5 21.5 2.828l-4.578 4.578zM25.578 4.5q0 .422-.281.703L5.203 25.297q-.281.281-.703.281t-.703-.281L.703 22.203q-.281-.281-.281-.703t.281-.703L20.797.703q.281-.281.703-.281t.703.281l3.094 3.094q.281.281.281.703zM4.469 1.531L6 2l-1.531.469L4 4l-.469-1.531L2 2l1.531-.469L4 0zm5.469 2.531L13.001 5l-3.063.938L9 9.001l-.938-3.063L4.999 5l3.063-.938L9 .999zm14.531 7.469L26 12l-1.531.469L24 14l-.469-1.531L22 12l1.531-.469L24 10zm-10-10L16 2l-1.531.469L14 4l-.469-1.531L12 2l1.531-.469L14 0z'%3E%3C/path%3E%3C/svg%3E");
background-size: 24px 24px;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: block;
position: absolute;
right: 0;
bottom: 0
}
.kiln-edit-mode .tabcontent__image .image__caption,
.kiln-edit-mode .tabcontent__image .quick-icon-remove,
.kiln-edit-mode .tabcontent__thumbnail .image__caption {
display: none
}
.kiln-edit-mode .tabcontent__thumbnail {
max-width: 300px
}
.kiln-edit-mode .tabcontent__thumbnail .image,
.kiln-edit-mode .tabcontent__thumbnail .kiln-placeholder {
margin-bottom: 0
}
.kiln-edit-mode .tabcontent__thumbnail .kiln-placeholder {
min-height: 175px !important
}
.kiln-edit-mode .tabcontent__section {
margin: 56px 0 0;
padding: 0;
border: 0;
cursor: pointer
}
.kiln-edit-mode .tabcontent__section:nth-of-type(1) {
margin-top: 0
}
.kiln-edit-mode .tabcontent__section * {
pointer-events: all
}
.kiln-edit-mode .tabcontent__header {
margin-bottom: 12px;
margin-top: 0
}
.kiln-edit-mode .tabcontent__text {
margin: 0;
font-size: 14px
}
.kiln-edit-mode .tabcontent__text--disabled {
color: #6e6e6e
}
.kiln-edit-mode .tabcontent__block {
display: block;
margin: 32px 0 0
}
.kiln-edit-mode .tabcontent__block:nth-of-type(1) {
margin-top: 0
}
.kiln-edit-mode .tabcontent__block--inline {
display: flex
}
.kiln-edit-mode .tabcontent__alert,
.kiln-edit-mode .tabcontent__label {
display: block;
margin: 0 0 4px;
font-size: 14px;
line-height: 20px;
color: #6e6e6e
}
.kiln-edit-mode .tabcontent__alert {
color: #c00
}
.kiln-edit-mode .tabcontent__checkbox,
.kiln-edit-mode .tabcontent__select {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0
}
.kiln-edit-mode .tabcontent__select {
width: 100%;
max-width: 340px;
padding: 0 0 8px;
border: 0;
border-bottom: 1px solid #6e6e6e;
background: url("data:image/svg+xml,") right center no-repeat;
font-size: 14px;
line-height: 20px;
color: #0c0c0c;
text-transform: capitalize
}
.kiln-edit-mode .tabcontent__select:disabled {
opacity: 1
}
.kiln-edit-mode .tabcontent__checkbox {
display: block;
width: 20px;
height: 20px;
margin-right: 8px;
border: 1px solid #e6e6e6;
color: #fff
}
.kiln-edit-mode .tabcontent__checkbox--checked {
border-color: #3061f2;
background: url("data:image/svg+xml,") center center no-repeat #3061f2
}
.kiln-edit-mode .tabcontent__image {
max-width: 340px;
position: relative
}
.kiln-edit-mode .tabcontent__image .image__container {
aspect-ratio: 16/9;
background-color: #e6e6e6
}
.kiln-edit-mode .tabcontent__image .image__dam-img {
object-fit: contain
}
.kiln-edit-mode .tabcontent__image .tabcontent__wand {
right: -34px;
top: 0
}
.kiln-edit-mode .tabcontent__image .image,
.kiln-edit-mode .tabcontent__image .kiln-placeholder {
border-bottom: 0;
margin: 0 !important
}
.kiln-edit-mode .tabcontent__image .kiln-placeholder {
min-height: 175px !important
}
.kiln-edit-mode .configuration {
display: block
}
.kiln-edit-mode .container .container__field-links.kiln-field__disabled .container__link:hover::after,
.kiln-edit-mode .container .container__field-links>.kiln-placeholder .placeholder-add-component,
.kiln-edit-mode .container .personalization__cards-wrapper {
display: none
}
.kiln-edit-mode .configuration input[disabled],
.kiln-edit-mode .configuration select[disabled] {
pointer-events: all
}
.kiln-edit-mode .layout-homepage-mobile-app__content-wrapper .configuration,
.kiln-edit-mode .layout-homepage-mobile__content-wrapper .configuration {
width: 90vw;
margin-left: -36vw
}
.kiln-edit-mode .container .card .container__text-edit .icon-sig-photo-default,
.kiln-edit-mode .container .card .container__text-edit .icon-sig-video {
position: relative;
height: 16px;
width: 16px;
top: 2px
}
.kiln-edit-mode .container .card .video-resource:has([data-is-vertical-video-embed=true]) .video-resource__wrapper {
height: auto
}
.kiln-edit-mode .container .container__field-links>.kiln-placeholder {
height: 68px
}
.kiln-edit-mode .container .container__field-links>.kiln-placeholder::after,
.kiln-edit-mode .container .container__field-links>.kiln-placeholder::before {
color: #1976d2
}
.kiln-edit-mode .container .container__field-links>.kiln-placeholder::after {
content: 'Drag Card Here';
font-family: Noto Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: .16px;
line-height: 18px;
text-transform: uppercase
}
.kiln-edit-mode .container .container__field-links>.kiln-placeholder::before {
content: 'add';
font-family: 'Material Icons';
font-size: 24px
}
.kiln-edit-mode .container .container__field-links.kiln-field__disabled .container__link:hover {
outline: 0
}
.kiln-edit-mode .container .factbox {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 16px;
z-index: 1
}
.kiln-edit-mode .container .zone__placeholder {
margin-bottom: 10px
}
.kiln-edit-mode .editor-note__expired {
border-top: 1px dashed #0c0c0c;
display: block;
font-size: 14px
}
.kiln-edit-mode .editor-note__expiration-date {
font-weight: 700
}
.kiln-edit-mode .gallery__main .gallery-inline_unfurled .ql-editor p {
margin: unset
}
.kiln-edit-mode .gallery__main .gallery-inline_unfurled .ql-editor p:not(:first-child) {
margin-top: revert
}
.kiln-edit-mode .gallery__main .gallery-inline_unfurled .ql-editor p:not(:last-child) {
margin-bottom: revert
}
.kiln-edit-mode .gallery-inline__main>.gallery-inline__container>.gallery-inline__slides .image__metadata,
.kiln-edit-mode .gallery-inline__main>.gallery-inline__container>.gallery-inline__slides .image__metadata .image__caption {
flex-grow: 1
}
.kiln-edit-mode .gallery-inline__main>.gallery-inline__container>.gallery-inline__slides .image__metadata .image__caption>.inline-placeholder {
display: block;
height: 100%
}
.kiln-edit-mode .gallery-inline__main>.gallery-inline__container>.gallery-inline__slides .image__metadata .image__caption>.inline-placeholder .ql-editor p {
margin: unset
}
.kiln-edit-mode .gallery-inline.gallery--hidden .kiln-permanent-placeholder,
.kiln-edit-mode .gallery-inline_unfurled .kiln-permanent-placeholder {
min-height: 48px !important
}
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline__slides .image img,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline_slides.kiln-field__disabled,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline_unfurled__slides-unfurled .image img,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline_unfurled__slides-unfurled.kiln-field__disabled,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline__slides .image img,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline_slides.kiln-field__disabled,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline_unfurled__slides-unfurled .image img,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline_unfurled__slides-unfurled.kiln-field__disabled {
opacity: 1
}
.kiln-edit-mode .gallery-inline.gallery--hidden .ql-editor p,
.kiln-edit-mode .gallery-inline_unfurled .ql-editor p {
margin: revert
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout] .gallery-inline__container,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout] .gallery-inline__container {
padding: 25px 15px
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled {
flex-direction: row;
flex-wrap: wrap;
overflow-x: visible;
justify-content: left
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline__slides .image,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline__slides .image,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image {
max-width: 295px;
margin: 5px
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline__slides .image img,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image img,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline__slides .image img,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image img {
max-width: 295px;
width: auto
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline__slides .image__metadata,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline__slides .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=grid] .gallery-inline_unfurled__slides-unfurled .image__metadata {
max-width: 295px;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list] .gallery-inline__slides {
flex-wrap: nowrap;
flex-direction: column;
justify-content: left;
overflow-x: scroll;
padding: 0 35px 0 15px
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled {
flex-direction: column;
justify-content: center
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled .image .image__container,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled .image .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled .image .image__container,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list] .gallery-inline_unfurled__slides-unfurled .image .image__metadata {
max-width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline] .gallery-inline__slides {
flex-direction: row
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline] .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline] .image__metadata {
flex-direction: row-reverse;
padding: 5px
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline] .image__caption,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline] .image__caption {
margin: 0
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .gallery-inline__slides {
flex-direction: column
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image {
margin: 0 !important;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__container,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__container {
height: unset;
display: flex
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image img,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image img {
max-width: unset;
max-height: unset;
height: 100%;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__metadata {
width: 636px;
margin: auto
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__credit {
width: unset
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=list][data-component-variation=gallery-inline_unfurled] .image__metadata {
display: inline;
margin-top: unset;
max-width: unset;
font-size: 14px;
padding-left: 4px;
text-align: left
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled],
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] {
flex-direction: column;
justify-content: center
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image .image__container,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image .image__container,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image .image__metadata {
max-width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .gallery-inline__slides,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .gallery-inline__slides {
flex-direction: column;
flex-wrap: nowrap;
justify-content: left;
overflow-x: scroll;
padding: 0 35px 0 15px
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image {
margin: 0 !important;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__container,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__container {
height: unset !important;
display: flex
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image img,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image img {
max-width: unset;
max-height: unset;
height: 100%;
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__metadata {
width: 636px;
margin: auto
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__credit {
width: unset
}
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline.gallery--hidden[data-items-layout=gallery-inline_unfurled] .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__caption,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__credit,
.kiln-edit-mode .gallery-inline_unfurled[data-items-layout=gallery-inline_unfurled] .image__metadata {
display: inline;
margin-top: unset;
max-width: unset;
font-size: 14px;
padding-left: 4px;
text-align: left
}
.kiln-edit-mode .gallery-inline.gallery--hidden__top,
.kiln-edit-mode .gallery-inline_unfurled__top {
min-height: 100px
}
.kiln-edit-mode .gallery-inline.gallery--hidden__top .inline-placeholder .placeholder-text,
.kiln-edit-mode .gallery-inline.gallery--hidden__top .ql-editor,
.kiln-edit-mode .gallery-inline_unfurled__top .inline-placeholder .placeholder-text,
.kiln-edit-mode .gallery-inline_unfurled__top .ql-editor {
text-align: center
}
.kiln-edit-mode .gallery-inline.gallery--hidden__top--image,
.kiln-edit-mode .gallery-inline_unfurled__top--image {
max-height: attr(data-original-height)
}
.kiln-edit-mode .gallery-inline.gallery--hidden__slides,
.kiln-edit-mode .gallery-inline.gallery--hidden__slides-unfurled,
.kiln-edit-mode .gallery-inline_unfurled__slides,
.kiln-edit-mode .gallery-inline_unfurled__slides-unfurled {
counter-reset: slide-number;
display: flex
}
.kiln-edit-mode .gallery-inline.gallery--hidden__slides .image__container,
.kiln-edit-mode .gallery-inline.gallery--hidden__slides-unfurled .image__container,
.kiln-edit-mode .gallery-inline_unfurled__slides .image__container,
.kiln-edit-mode .gallery-inline_unfurled__slides-unfurled .image__container {
height: fit-content !important;
position: relative
}
.kiln-edit-mode .gallery-inline.gallery--hidden__slides .image__dam-img,
.kiln-edit-mode .gallery-inline.gallery--hidden__slides-unfurled .image__dam-img,
.kiln-edit-mode .gallery-inline_unfurled__slides .image__dam-img,
.kiln-edit-mode .gallery-inline_unfurled__slides-unfurled .image__dam-img {
max-height: none;
transform: none;
position: static
}
.kiln-edit-mode .gallery-inline.gallery--hidden__slides .image__container:before,
.kiln-edit-mode .gallery-inline.gallery--hidden__slides-unfurled .image__container:before,
.kiln-edit-mode .gallery-inline_unfurled__slides .image__container:before,
.kiln-edit-mode .gallery-inline_unfurled__slides-unfurled .image__container:before {
counter-increment: slide-number;
content: counter(slide-number);
position: absolute;
opacity: .75;
padding: 2px 5px;
border-radius: 5px;
background-color: #000;
color: #fff;
bottom: 10px;
left: 5px
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image,
.kiln-edit-mode .gallery-inline_unfurled .image {
margin: 5px auto;
opacity: 1;
pointer-events: auto;
height: auto !important;
padding-bottom: 20px;
display: flex;
flex-direction: column;
width: fit-content
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image img,
.kiln-edit-mode .gallery-inline_unfurled .image img {
max-width: 720px;
max-height: 405px;
width: auto;
height: auto
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image__container,
.kiln-edit-mode .gallery-inline_unfurled .image__container {
padding-bottom: 0
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image__metadata,
.kiln-edit-mode .gallery-inline_unfurled .image__metadata {
visibility: visible;
position: static;
max-width: 720px
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image__caption,
.kiln-edit-mode .gallery-inline_unfurled .image__caption {
width: 100%
}
.kiln-edit-mode .gallery-inline.gallery--hidden .image__title,
.kiln-edit-mode .gallery-inline_unfurled .image__title {
white-space: normal
}
.kiln-edit-mode .gallery-inline.gallery--hidden--hidden .gallery-inline__main,
.kiln-edit-mode .gallery-inline_unfurled--hidden .gallery-inline__main {
background-color: transparent;
min-height: auto;
min-width: auto
}
.kiln-edit-mode .gallery-inline.gallery--hidden--hidden .gallery-inline__container,
.kiln-edit-mode .gallery-inline_unfurled--hidden .gallery-inline__container {
visibility: visible
}
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline__controls,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline__counter,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline__next-overlay,
.kiln-edit-mode .gallery-inline.gallery--hidden .gallery-inline__prev-overlay,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline__controls,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline__counter,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline__next-overlay,
.kiln-edit-mode .gallery-inline_unfurled .gallery-inline__prev-overlay {
display: none !important
}
.kiln-edit-mode .gallery_unfurled .configuration {
max-width: 999px;
margin: auto;
padding: 24px
}
.kiln-edit-mode .layout-no-rail[data-page-type=gallery] .headline__wrapper {
position: static !important;
padding: 0 !important;
margin: 32px 0;
transform: initial !important
}
.kiln-edit-mode .layout-no-rail-article-fullwidth-comms__top .headline__wrapper .placeholder-text,
.kiln-edit-mode .layout-no-rail-article-fullwidth-sponsor__top .headline__wrapper .placeholder-text,
.kiln-edit-mode .layout-no-rail-article-fullwidth__top .headline__wrapper .placeholder-text,
.kiln-edit-mode .layout-no-rail[data-page-type=gallery] .headline__wrapper .placeholder-text {
text-align: center
}
.kiln-edit-mode .image-slider__image-container {
display: flex;
height: auto;
padding-top: 0
}
.kiln-edit-mode .image-slider__image-container img {
position: unset
}
.kiln-edit-mode .image-slider__image-container .image-slider__handle,
.kiln-edit-mode .image-slider__image-container .image-slider__overlay {
visibility: hidden
}
.kiln-edit-mode .image-slider__image-container .image-slider__image-after,
.kiln-edit-mode .image-slider__image-container .image-slider__image-before {
width: 100%;
height: 100%;
position: unset
}
.kiln-edit-mode .image-slider__image-container .image-slider__image-after .image__dam-img,
.kiln-edit-mode .image-slider__image-container .image-slider__image-before .image__dam-img {
clip-path: unset
}
.kiln-edit-mode .product-card__sticker,
.kiln-edit-mode .product-card__sticker-container,
.kiln-edit-mode .product-card_expanded__sticker,
.kiln-edit-mode .product-card_expanded__sticker-container,
.kiln-edit-mode .product-card_listing__sticker,
.kiln-edit-mode .product-card_listing__sticker-container {
width: max-content
}
.kiln-edit-mode [class^=container] .complex-list-trash,
.kiln-edit-mode [class^=container] .component-list-trash {
background: #455a64;
border-radius: 50%;
color: #fff;
display: none;
height: 70px;
left: calc(50% - 35px);
width: 70px
}
.kiln-edit-mode [class^=container] .complex-list-trash .material-icons,
.kiln-edit-mode [class^=container] .component-list-trash .material-icons {
font-size: 40px
}
.kiln-edit-mode [class^=container] .complex-list-trash.kiln-sortable-drop-area,
.kiln-edit-mode [class^=container] .component-list-trash.kiln-sortable-drop-area {
display: flex
}
.kiln-edit-mode [class^=container] .complex-list-trash.kiln-sortable-drop-area .material-icons:not(:only-child),
.kiln-edit-mode [class^=container] .component-list-trash.kiln-sortable-drop-area .material-icons:not(:only-child) {
align-items: center;
background: #0d47a1;
border-radius: 50%;
color: #fff;
font-size: 45px;
justify-content: center;
padding: 20px;
transform: scale(1.2, 1.2);
transition: transform .3s
}
.kiln-edit-mode .live-story__items-container .kiln-permanent-placeholder {
min-height: 10px !important;
background-color: #e3f2fd
}
.kiln-edit-mode .live-story__items-container .kiln-permanent-placeholder.kiln-error-placeholder {
background-color: #ffebee
}
.kiln-edit-mode .vertical-video {
width: 90%;
max-width: none
}
.kiln-edit-mode .vertical-video section[data-tabcontent=Content] {
max-width: 425px;
width: calc(9 * 100dvh / 16);
margin: 0 auto
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video__video-playlist .kiln-permanent-placeholder {
min-height: 150px !important
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video__video-resource {
display: none;
height: 300px
}
.kiln-edit-mode .vertical-video .video-playlist__navigation,
.kiln-edit-mode .video-inline .video-playlist__outer-container::after {
display: none !important
}
.kiln-edit-mode .vertical-video .image__dam-img {
object-fit: contain
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video__video-resource .image__dam-img {
max-height: 300px
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video .video-resource__wrapper {
height: unset
}
.kiln-edit-mode .vertical-video .video-resource__image {
height: 150px;
width: 100%
}
.kiln-edit-mode .vertical-video .video-playlist__items-container {
height: 400px;
scroll-behavior: none;
-ms-scroll-snap-type: none;
scroll-snap-type: none
}
.kiln-edit-mode .vertical-video .video-playlist__items-container .image__dam-img {
max-height: 150px
}
.kiln-edit-mode .vertical-video .video-resource {
display: block;
height: 150px;
width: 100% !important
}
.kiln-edit-mode .vertical-video .call-to-action,
.kiln-edit-mode .vertical-video .video-playlist__navigation,
.kiln-edit-mode .vertical-video .video-resource__image::before {
display: none
}
.kiln-edit-mode .vertical-video .video-resource>div {
width: 100% !important
}
.kiln-edit-mode .vertical-video .video-player__wrapper {
height: 100%
}
.kiln-edit-mode .vertical-video .video-playlist {
margin-top: 5px
}
.kiln-edit-mode .video-inline .video-playlist {
overflow-x: hidden;
overflow-y: auto;
height: 520px
}
.kiln-edit-mode .video-inline .video-playlist>.kiln-permanent-placeholder {
min-height: 56px !important;
height: 56px !important;
margin-left: 12px
}
.kiln-edit-mode .video-inline .video-playlist__items-container {
margin-right: 4px;
flex-direction: unset;
height: unset !important;
overflow: unset !important
}
.kiln-edit-mode .video-inline .video-playlist__outer-container {
margin-left: 0 !important;
overflow: unset
}
.kiln-edit-mode .video-inline .video-playlist__navigation {
display: none
}
.kiln-edit-mode .video-inline .video-playlist__playlist-wrapper {
padding: 0 12px !important
}
.kiln-edit-mode .video-inline .video-playlist__playlist-wrapper::after {
display: none !important
}
.kiln-edit-mode .video-inline .video-playlist .video-resource {
margin: 0 0 16px 16px
}
.kiln-edit-mode .video-inline_carousel .video-playlist {
overflow-x: visible;
overflow-y: auto
}
.kiln-edit-mode .video-inline_carousel .video-playlist .kiln-permanent-placeholder:first-of-type {
min-height: 36px !important;
height: 36px !important;
position: sticky;
top: 0;
left: 0
}
.kiln-edit-mode .video-inline_carousel .video-playlist .selector {
position: sticky;
top: 0;
left: 0;
z-index: 1
}
.kiln-edit-mode .video-inline_carousel .video-playlist__items-container {
flex-direction: unset;
height: unset !important;
overflow: unset
}
.kiln-edit-mode .video-inline_carousel .video-playlist__items-container[data-editable=videos] .video-resource::after {
background: unset
}
.kiln-edit-mode .video-inline_carousel .video-playlist__outer-container {
margin-left: 32px !important;
overflow: unset
}
.kiln-edit-mode .video-inline_carousel .video-playlist__navigation {
display: none
}
.kiln-edit-mode .video-inline_carousel .video-playlist__playlist-wrapper::after {
display: none !important
}
.kiln-edit-mode .kiln-field :has([field=bylinePicker])>fieldset legend,
.kiln-edit-mode .video-playlist__navigation,
.kiln-edit-mode .video-playlist__outer-container::after,
.kiln-edit-mode[data-page-type=tve] [data-component-name=video-resource] {
display: none
}
.kiln-edit-mode .video-inline_carousel .video-playlist[data-items-layout=grid] .video-playlist__items-container {
overflow: visible;
flex-wrap: wrap
}
.kiln-edit-mode .video-inline_carousel__wrapper {
padding-top: 1px;
padding-bottom: 1px
}
.kiln-edit-mode .video-playlist .kiln-permanent-placeholder:first-of-type {
min-height: 56px !important;
height: 56px !important;
margin-left: 12px
}
.kiln-edit-mode .video-playlist__items-container,
.kiln-edit-mode .video-playlist__outer-container {
overflow: visible
}
.kiln-edit-mode .video-playlist [data-component-name=video-resource] {
margin-top: 4px
}
.kiln-edit-mode .video-playlist [data-component-name=video-resource] .video-resource__image {
margin-right: 8px
}
.kiln-edit-mode .kiln-field :has([field=bylinePicker])>fieldset {
padding: 0
}
.kiln-edit-mode .kiln-field :has([field=bylinePicker]) .component.video-resource {
border: none;
padding: 0;
margin-bottom: -.75rem
}
.kiln-edit-mode .container_vertical-strip-3x4,
.kiln-edit-mode .container_vertical-strip-original-ratio {
display: block
}
.kiln-edit-mode .container_vertical-strip-3x4 .container__headline.container_vertical-strip-original-ratio__headline span,
.kiln-edit-mode .container_vertical-strip-original-ratio .container__headline.container_vertical-strip-original-ratio__headline span {
font-weight: 500;
vertical-align: middle
}
.kiln-edit-mode .container_vertical-strip-3x4 .video-resource__wrapper,
.kiln-edit-mode .container_vertical-strip-original-ratio .video-resource__wrapper {
height: auto;
padding-bottom: 0
}
.kiln-edit-mode .container_ribbon__field-links {
overflow: visible
}
.kiln-edit-mode .container_ribbon__field-links .inline-form {
display: inline-block
}
.kiln-edit-mode html:not([data-layout-uri*=layout-homepage-mobile]) [data-component-name=video-resource] {
min-width: 268px
}
.kiln-edit-mode [data-component-name=video-resource] [data-editable=media] {
width: 100%
}
.kiln-edit-mode [data-component-name=video-resource] .kiln-placeholder {
width: 100%;
margin-bottom: 16px
}
.kiln-edit-mode [data-component-name=video-resource] .selector {
position: initial !important
}
.kiln-edit-mode [data-component-name=video-resource]:hover {
text-decoration: none !important
}
.kiln-edit-mode [data-component-name=video-resource] .video-resource__image::before {
content: '';
background-size: 20%;
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
opacity: .9
}
.kiln-edit-mode [data-component-name=video-resource] .video-resource__image::after {
transition: opacity .8s ease;
content: '';
opacity: 0
}
.kiln-edit-mode [data-component-name=video-resource] .video-resource__image:hover::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 54px;
padding: 6px;
z-index: 1;
background-color: #000;
color: #fff;
font-weight: 400;
font-size: 12px;
opacity: 1
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=disabled] .video-resource__image:has(.image__container)::before {
background: url(/media/sites/cnn/icons/play-icon.svg) center no-repeat
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=disabled] .video-resource__image:has(.image__container):hover::after {
content: 'Autoplay disabled'
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=unmuted] .video-resource__image:has(.image__container)::before {
background: url(/media/sites/cnn/icons/autoplay-icon.svg) center no-repeat
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=unmuted] .video-resource__image:has(.image__container):hover::after {
content: 'Autoplay enabled unmuted'
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=muted] .video-resource__image:has(.image__container)::before {
background: url(/media/sites/cnn/icons/autoplay-muted-icon.svg) center no-repeat
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=muted] .video-resource__image:has(.image__container):hover::after {
content: 'Autoplay enabled muted'
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=scroll] .video-resource__image:has(.image__container)::before {
background: url(/media/sites/cnn/icons/autoplay-onscroll-icon.svg) center no-repeat
}
.kiln-edit-mode [data-component-name=video-resource][data-autostart=scroll] .video-resource__image:has(.image__container):hover::after {
content: 'Autoplay enabled on scroll'
}
.kiln-edit-mode [data-component-name=video-playlist] .video-resource[data-unselectable=true] {
opacity: .5
}
.kiln-edit-mode [data-component-name=video-playlist] [data-component-name=video-resource] .video-resource__image:before {
background: unset
}
.kiln-edit-mode [data-component-name=graphic] iframe {
aspect-ratio: 1/1;
max-height: 700px
}
.kiln-edit-mode .dynamic {
padding: 15px 10px 5px;
background-color: #e3f2fd
}
.kiln-edit-mode .dynamic .dynamic--header {
font-family: 'Noto Sans', Arial, sans-serif;
font-size: 14px;
font-stretch: 100%;
font-weight: 600;
margin: 0 0 5px;
padding: 0 0 5px 10px
}
.kiln-edit-mode .header__container {
height: 40px
}
.kiln-edit-mode[data-page-type=vertical-video] {
overflow: visible
}
.kiln-edit-mode[data-page-type=vertical-video] .layout--full-bleed__wrapper {
max-width: 100%;
max-height: 100%
}
.kiln-edit-mode[data-page-type=vertical-video] .video-resource__wrapper {
max-width: 100%;
padding-bottom: 0
}
.kiln-edit-mode[data-page-type=vertical-video] .video-inline_vertical-video .video-resource__wrapper {
height: auto
}
.kiln-edit-mode[data-page-type=vertical-video] [data-component-name=video-playlist] {
display: block
}
.kiln-edit-mode[data-page-type=vertical-video] .vertical-video__closeButton {
display: none
}
.kiln-edit-mode[data-page-type=vertical-video] .video-inline_vertical-video__video-resource {
position: static;
width: auto
}
.kiln-edit-mode[data-page-type=vertical-video] .video-inline_vertical-video .video-playlist__items-container {
width: auto;
height: auto;
overflow-y: visible
}
.kiln-edit-mode [data-component-name=podcast-episode] {
min-height: 20px
}
.kiln-edit-mode [data-component-name=tve-headline-hero] .custom-placeholder .custom-placeholder__right {
margin-top: 16px
}
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_3x4-standard__content,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel__content,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid-image-title-only__content,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid__content {
margin-left: 0 !important;
margin-right: 0 !important
}
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_3x4-standard__arrow,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel__arrow,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid-image-title-only__arrow,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid__arrow {
display: none !important
}
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_3x4-standard__mask,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel__mask,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid-image-title-only__mask,
.kiln-edit-mode [data-component-name=tve-carousel] .tve-carousel_grid__mask {
mask-image: none !important
}
.kiln-edit-mode [data-component-name=tve-carousel] .tve-assets__container {
min-height: 176px;
overflow: visible;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 15px;
row-gap: 15px
}
.kiln-edit-mode [data-component-name=tve-carousel] .tve-assets__container .kiln-permanent-placeholder {
display: none
}
.kiln-edit-mode [data-component-name=tve-carousel] [data-component-name=tve-asset] {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: unset
}
.kiln-edit-mode [data-component-name=tve-carousel] [data-component-name=tve-asset] .tve-asset__image {
width: 100% !important;
max-width: unset
}
.kiln-edit-mode [data-component-name=tve-carousel] [data-component-name=tve-asset] .tve-asset__image img {
width: 100%
}
.kiln-edit-mode [data-component-name=tve-carousel] .kiln-permanent-placeholder {
max-height: 50px;
min-height: 20px !important
}
.kiln-edit-mode [data-component-name=tve-carousel].tve-carousel_3x4-standard .tve-assets__container {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
.kiln-edit-mode [data-component-name=tve-carousel].tve-carousel_large-image-only .tve-assets__container {
grid-template-columns: 1fr 1fr !important
}
.kiln-edit-mode[data-page-type=scratchpad] .ui-toolbar__right .toolbar-publish-button {
cursor: default
}
.kiln-edit-mode[data-page-type=section] {
counter-reset: zone-number product-zone-number stack-number container-number
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/zone/']::before,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/product-zone/']::before,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/stack/']::before,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/container/']::before {
background-color: #0c0c0c;
color: #fff;
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
font-size: 10px;
font-weight: 700;
padding: 4px;
border-radius: 4px;
margin: 16px 8px;
position: absolute;
z-index: 2;
left: 0
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/zone/'] .kiln-permanent-placeholder,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/product-zone/'] .kiln-permanent-placeholder,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/stack/'] .kiln-permanent-placeholder,
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/container/'] .kiln-permanent-placeholder {
padding: 16px 32px
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/zone/']:before {
counter-increment: zone-number;
content: counter(zone-number)
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/product-zone/']:before {
counter-increment: product-zone-number;
content: counter(product-zone-number)
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/stack/']:before {
counter-increment: stack-number;
content: counter(stack-number)
}
.kiln-edit-mode[data-page-type=section] [data-uri*='/_components/container/']:before {
counter-increment: container-number;
content: counter(container-number)
}
.kiln-edit-mode[data-page-type=article] .kiln-sortable-ghost,
.kiln-edit-mode[data-page-type=live-story] .kiln-sortable-ghost {
border-top: 2px solid #0d47a1;
border-bottom: none;
max-height: 2px;
overflow: hidden;
padding: 0
}
.kiln-edit-mode .image__lede .kiln-placeholder+.image__container,
.kiln-edit-mode .image__lede .kiln-placeholder+.mini-selector+.image__container {
padding-bottom: 0
}
.kiln-edit-mode[data-page-type=article] {
counter-reset: product-counter offer-counter
}
.kiln-edit-mode[data-page-type=article] .paragraph a[rel=sponsored],
.kiln-edit-mode[data-page-type=article] .subheader a[rel=sponsored] {
counter-increment: offer-counter
}
.kiln-edit-mode .article__counters {
display: block;
color: #0d47a1;
position: sticky;
bottom: 0;
background-color: #fff;
width: fit-content;
margin-left: auto
}
.kiln-edit-mode .article__offer-count,
.kiln-edit-mode .article__product-count {
display: grid;
height: var(--counter-height);
place-items: center end;
grid-template-columns: min-content auto;
justify-content: end
}
.kiln-edit-mode .highlights,
.kiln-edit-mode.underscored[data-page-type=article] .headline__text .kiln-placeholder .placeholder-label,
.kiln-edit-mode.underscored[data-page-type=article] .headline_underscored__text .kiln-placeholder .placeholder-label {
display: block
}
.kiln-edit-mode .article__offer-count::before,
.kiln-edit-mode .article__product-count::before {
padding: 0 6px 0 4px
}
.kiln-edit-mode .article__offer-count::after,
.kiln-edit-mode .article__product-count::after {
padding-right: 6px;
font-weight: 700
}
.kiln-edit-mode.underscored[data-page-type=article] .word-count {
bottom: calc(var(--counter-height) * 2)
}
.kiln-edit-mode.underscored[data-page-type=article] .article__product-count::before {
content: 'products: '
}
.kiln-edit-mode.underscored[data-page-type=article] .article__product-count::after {
content: counter(product-counter)
}
.kiln-edit-mode.underscored[data-page-type=article] .article__offer-count::before {
content: 'offers: '
}
.kiln-edit-mode.underscored[data-page-type=article] .article__offer-count::after {
content: counter(offer-counter)
}
.kiln-edit-mode .headline_section-banner-image {
height: 110px
}
.kiln-edit-mode .headline__text {
height: 24px;
margin-top: 20px;
padding-top: 32px
}
.kiln-edit-mode .headline__text .editor-inline {
margin-left: 0
}
.kiln-edit-mode .headline_sponsorship__wrapper {
margin-top: 10px
}
.kiln-edit-mode .headline_sponsorship:has(.selector) .add-bottom,
.kiln-edit-mode .headline_sponsorship:has(.selector) .add-top {
text-align: center;
left: 0;
right: 0
}
.kiln-edit-mode .product-zone .layout--full-bleed .custom-placeholder__right,
.kiln-edit-mode .product-zone .product-zone__inner:has(.layout--full-bleed) .custom-placeholder__right,
.kiln-edit-mode .product-zone .zone__inner:has(.layout--full-bleed) .custom-placeholder__right,
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .quick-bar,
.kiln-edit-mode .zone .layout--full-bleed .custom-placeholder__right,
.kiln-edit-mode .zone .product-zone__inner:has(.layout--full-bleed) .custom-placeholder__right,
.kiln-edit-mode .zone .zone__inner:has(.layout--full-bleed) .custom-placeholder__right,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .quick-bar {
right: 16px
}
.kiln-edit-mode .product-zone:has(.layout--full-bleed),
.kiln-edit-mode .zone:has(.layout--full-bleed) {
left: 50%;
margin-left: -50vw !important;
position: relative;
width: 100vw
}
.kiln-edit-mode .product-zone .layout--full-bleed,
.kiln-edit-mode .product-zone .product-zone__inner:has(.layout--full-bleed),
.kiln-edit-mode .product-zone .zone__inner:has(.layout--full-bleed),
.kiln-edit-mode .zone .layout--full-bleed,
.kiln-edit-mode .zone .product-zone__inner:has(.layout--full-bleed),
.kiln-edit-mode .zone .zone__inner:has(.layout--full-bleed) {
padding: 0 16px
}
.kiln-edit-mode .product-zone .layout--full-bleed .kiln-permanent-placeholder,
.kiln-edit-mode .product-zone .product-zone__inner:has(.layout--full-bleed) .kiln-permanent-placeholder,
.kiln-edit-mode .product-zone .zone__inner:has(.layout--full-bleed) .kiln-permanent-placeholder,
.kiln-edit-mode .zone .layout--full-bleed .kiln-permanent-placeholder,
.kiln-edit-mode .zone .product-zone__inner:has(.layout--full-bleed) .kiln-permanent-placeholder,
.kiln-edit-mode .zone .zone__inner:has(.layout--full-bleed) .kiln-permanent-placeholder {
max-width: unset
}
.kiln-edit-mode .product-zone .layout--full-bleed .custom-placeholder,
.kiln-edit-mode .product-zone .product-zone__inner:has(.layout--full-bleed) .custom-placeholder,
.kiln-edit-mode .product-zone .zone__inner:has(.layout--full-bleed) .custom-placeholder,
.kiln-edit-mode .zone .layout--full-bleed .custom-placeholder,
.kiln-edit-mode .zone .product-zone__inner:has(.layout--full-bleed) .custom-placeholder,
.kiln-edit-mode .zone .zone__inner:has(.layout--full-bleed) .custom-placeholder {
left: 50%;
margin-left: -50vw;
position: relative;
width: 100vw;
padding: 0 16px
}
.kiln-edit-mode .product-zone.layout--slide-carousel .product-zone__items,
.kiln-edit-mode .zone.layout--slide-carousel .product-zone__items {
overflow-x: scroll;
scrollbar-width: auto;
margin-bottom: 14px
}
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-bottom,
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-top,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-bottom,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-top {
left: 50%;
margin-left: -50vw
}
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-bottom .ui-button,
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-top .ui-button,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-bottom .ui-button,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .add-top .ui-button {
z-index: 10000
}
.kiln-edit-mode .product-zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .selector-label,
.kiln-edit-mode .zone aside:has(~.zone__inner .layout--full-bleed, ~.product-zone__inner .layout--full-bleed) .selector-label {
left: 16px
}
.kiln-edit-mode .component-selector-wrapper.sponsor-banner {
position: absolute
}
.kiln-edit-mode .live-blog,
.kiln-edit-mode .live-blog-auto {
border-radius: 5px;
box-shadow: 0 0 8px 0 #e6e6e6;
padding: 16px
}
.kiln-edit-mode .article-text-banner_underscored-sponsored .ql-editor p {
margin-left: 20px
}
.kiln-edit-mode .editor-bio .image .kiln-placeholder {
display: inline-flex;
min-height: 80px !important
}
.layout-no-rail[data-page-type=gallery] .layout-no-rail__top.kiln-page-area .headline__wrapper {
position: unset;
transform: unset;
width: unset;
padding-bottom: 20px
}
@media screen and (min-width:960px) {
.kiln-edit-mode .headline__text {
height: 100%
}
.kiln-edit-mode .layout-no-rail-article-fullwidth-comms__top .headline__text,
.kiln-edit-mode .layout-no-rail-article-fullwidth-sponsor__top .headline__text,
.kiln-edit-mode .layout-no-rail-article-fullwidth__top .headline__text {
padding-top: 32px
}
}
@media screen and (min-width:480px) {
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned {
border-top-width: 2px;
border-bottom-width: 2px
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created {
background-color: #f2f2f2;
padding: 4px 12px;
display: flex;
justify-content: space-between;
align-items: center
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created-left,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created-left {
width: 70%;
display: flex;
justify-content: left
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created-right,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created-right {
width: 30%;
display: flex;
justify-content: right
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created-right [data-collaboration-avatars],
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created-right [data-collaboration-avatars] {
display: flex;
flex-wrap: wrap;
align-content: center;
margin: 0 16px
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created .custom-placeholder,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created .custom-placeholder {
margin: -6px -12px 0
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__created-text,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__created-text {
color: #8c8c8c;
font-size: 12px;
font-weight: 500;
line-height: 1.25
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.new),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.new) {
border-top-color: #466cf0;
border-bottom-color: #466cf0
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.new) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.new) .live-story-post__status-name {
background-color: #466cf0
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.for_review),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.for_review) {
border-top-color: #f162c0;
border-bottom-color: #f162c0
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.for_review) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.for_review) .live-story-post__status-name {
background-color: #f162c0
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.in_review),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.in_review) {
border-top-color: #bc0d80;
border-bottom-color: #bc0d80
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.in_review) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.in_review) .live-story-post__status-name {
background-color: #bc0d80
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.ready_to_publish),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.ready_to_publish) {
border-top-color: #881df3;
border-bottom-color: #881df3
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.ready_to_publish) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.ready_to_publish) .live-story-post__status-name {
background-color: #881df3
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.published),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.published) {
border-top-color: #18b959;
border-bottom-color: #18b959
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.published) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.published) .live-story-post__status-name {
background-color: #18b959
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.updating),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.updating) {
border-top-color: #f58d41;
border-bottom-color: #f58d41
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.updating) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.updating) .live-story-post__status-name {
background-color: #f58d41
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.hold_for_release),
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.hold_for_release) {
border-top-color: #df2424;
border-bottom-color: #df2424
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post:has(div.hold_for_release) .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned:has(div.hold_for_release) .live-story-post__status-name {
background-color: #df2424
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__status,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__status {
display: flex;
align-items: center;
justify-content: right
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__status .live-story-post__status-name,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__status .live-story-post__status-name {
width: fit-content;
height: fit-content;
text-transform: capitalize;
padding: 4px 10px;
margin: 0 4px;
border-radius: 16px;
color: #fff;
font-weight: 500;
font-size: 12px;
white-space: nowrap
}
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post__publish,
body.layout-live-story.kiln-edit-mode[data-page-type=live-story] .live-story-post_pinned__publish {
display: flex;
justify-content: right;
margin: 8px 0
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video .video-resource__wrapper {
height: unset !important
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video .video-playlist .video-playlist__navigation {
display: none !important
}
.kiln-edit-mode .vertical-video .video-inline_vertical-video .video-playlist .video-resource {
height: 150px !important
}
.kiln-edit-mode .video-resource:has([data-is-vertical-video-embed=true]) .video-resource__wrapper {
padding-bottom: 0
}
}
.layout-shared-components [data-component-name=video-resource][data-vertical-orientation=true] {
max-width: 360px !important
}
.cnn.layout-homepage,
.cnne.layout-homepage {
--theme-header__background: #ffffff;
--theme-header__copy-accent: #0c0c0c;
--theme-header__copy-follow: #0c0c0c;
--theme-header__logo-background-color: transparent;
--theme-header__logo-color: #cc00ff;
--theme-header__logo-width: auto;
--theme-header__logo-inset-width: auto;
--theme-header__icon-color: #0c0c0c;
--theme-header__icon-color-hover: #6e6e6e;
--theme-header__edition-picker-link: #0c0c0c;
--theme-header__separator: #404040;
--theme-header__hover-item-hover: #ffffff;
--theme-header__item-link-hover-color: #0c0c0c;
--theme-header__login-button-color: #ffffff;
--theme-header__login-button-color-hover: #e6e6e6;
--theme-header__login-button-border-color: #e6e6e6;
--theme-header__login-button-text-color: #0c0c0c;
--theme-header__login-button-hover-text-color: #0c0c0c;
--theme-header__mobile-dropdown-background: none;
--theme-header__dropdown-background: #ffffff;
--theme-header__dropdown-item-link-color: #0c0c0c;
--theme-header__dropdown-item-link-hover-color: #ffffff;
--theme-header__dropdown-border-width: none;
--theme-header__dropdown-border-style: none;
--theme-header__dropdown-border-color: none;
--theme-header__dropdown-box-shadow: 0px 3px 8px 0px #6a73810f, 0px 6px 12px 0px #6a738129;
--theme-header__dropdown-hover-item-hover: #0c0c0c;
--theme-header__dropdown-separator-color: #e6e6e6;
--theme-header__dropdown-border-top: none;
--theme-header__dropdown-border: 1px solid var(--theme-header__dropdown-separator-color);
--theme-header__dropdown-border-radius: 4px;
--theme-header__dropdown-margin-top: 2px;
--theme-header__scrolled-box-shadow: 0px 6px 12px 0px rgba(106, 115, 129, 0.16), 0px 3px 8px 0px rgba(106, 115, 129, 0.06);
--theme-header__auth-avatar-hover: #e6e6e6
}
.layout-homepage {
background-color: #fff;
width: 100%;
margin: 0;
padding: 0
}
.layout-homepage__top:empty+.layout-homepage__wrapper:not(:has(.layout--full-bleed)) {
padding-top: 24px
}
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-homepage__top:empty+.layout-homepage__wrapper:not(:has(.layout--full-bleed)) {
padding-top: 32px
}
}
@supports not selector(:has(*)) {
@media screen and (min-width:960px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-homepage__top:empty+.layout-homepage__wrapper:not(.has-pseudo-class-fix-layout--full-bleed) {
padding-top: 32px
}
}
@media screen and (max-width:479px) {
body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .layout-homepage__top:empty+.layout-homepage__wrapper:not(.has-pseudo-class-fix-layout--full-bleed) {
padding-top: 24px
}
}
}
body {
color:white;
}
.index-link {
color: rgb(101, 152, 202);
text-decoration: none;"
}
.index-link:hover {
color:rgb(187, 39, 246);
text-decoration:underline;
}
.vnn-font {
font-family: cnn_sans_display, helveticaneue, Helvetica, Arial, Utkal, sans-serif;
}
body {
font-size: clamp(3vw, 3vw, 3vw); /* or whatever fixed size looks good on desktop */
}