August 8, 2022 at 9:56:40 PM UTC
VERIFY
Websites
Runtime: 53.3s
On August 8, 2022 at 9:56:40 PM UTC, https://www.theatlantic.com/ was accessible when tested on AS38077 in Timor-Leste.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
180.189.160.188
Query:
IN A www.theatlantic.com
Engine:
system
Name
Class
TTL
Type
DATA
Answer IP Info
@
IN
A
151.101.54.133
AS54113 (Fastly)
TCP Connections
151.101.54.133:443: succeeded
HTTP Requests
URL
GET https://www.theatlantic.com/world/
Response Headers
Accept-Ranges:bytesAge:17Cache-Control:s-maxage=180Content-Length:446579Content-Type:text/html; charset=utf-8Date:Mon, 08 Aug 2022 21:55:53 GMTSet-Cookie:atltestbucketv1=3; Domain=.theatlantic.com; Path=/; Max-Age=7776000State:HIT-CLUSTERVary:Accept-Encoding, X-Paywall-Enabled, x-is-gdpr, OriginVia:1.1 varnish, 1.1 varnishX-Cache:HIT, HITX-Cache-Hits:1, 1X-Forwarded-Proto:httpsX-Frame-Options:SAMEORIGINX-Has-Esi:1X-Is-Gdpr:0X-Jwt-State:AnonymousX-Served-By:cache-iad-kjyo7100147-IAD, cache-sea4441-SEAX-Timer:S1659995754.976880,VS0,VE1X-Ua-Compatible:IE=edge,chrome=1
Response Body
<!DOCTYPE html> <html dir="ltr" lang="en-US" class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title> World Edition - The Atlantic </title> <meta name="description" content="The Atlantic covers news, politics, culture, technology, health, and more, through its articles, podcasts, videos, and flagship magazine."> <link rel="canonical" href="https://www.theatlantic.com/"> <link rel="image_src" href="https://cdn.theatlantic.com/tng/static/theatlantic/img/lacroix-default-thumbnail.png"><link rel="manifest" href="https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/manifest/lacroix/manifest.523d8b9c9b01.json"> <meta name="theme-color" content="#000000"><meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="The Atlantic"><link rel="alternate" type="application/rss+xml" title="The Atlantic" href="/feed/all/"> <link rel="alternate" type="application/rss+xml" title="Best of The Atlantic" href="/feed/best-of/"> <meta name="referrer" content="unsafe-url"><meta property="og:site_name" content="The Atlantic"> <meta property="og:locale" content="en_US"> <meta property="og:title" content="World Edition"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.theatlantic.com/"> <meta property="og:image" content="https://cdn.theatlantic.com/tng/static/theatlantic/img/lacroix-default-thumbnail.png"> <meta property="og:description" content="The Atlantic covers news, politics, culture, technology, health, and more, through its articles, podcasts, videos, and flagship magazine."><meta property="fb:pages" content="29259828486,128344747344340,457711054591520,128377530562508,370457103090695,1631141167169115,1468531833474495,1061579677251147,148681772342453,1510507419185410"> <meta property="fb:admins" content="577048155,17301937"> <meta property="fb:app_id" content="100770816677686"> <link href="https://plus.google.com/109258622984321091629" rel="publisher"> <meta name="p:domain_verify" content="68e1a0361a557708fefc992f3309ed70"><meta name="twitter:site" content="@theatlantic"> <meta name="twitter:domain" content="theatlantic.com"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image:src" content="https://cdn.theatlantic.com/tng/static/theatlantic/img/lacroix-default-thumbnail.png"> <link rel="shortcut icon" href="https://cdn.theatlantic.com/tng/static/theatlantic/img/lacroix/favicon.fb04af6390eb.ico"> <link rel="apple-touch-icon" href="https://cdn.theatlantic.com/tng/static/theatlantic/img/lacroix/apple-touch-icon-iphone.50541ad29f2c.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://cdn.theatlantic.com/tng/static/theatlantic/img/lacroix/apple-touch-icon-ipad.d309494b8612.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://cdn.theatlantic.com/tng/static/theatlantic/img/lacroix/apple-touch-icon-iphone-retina.5154a7d87073.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://cdn.theatlantic.com/tng/static/theatlantic/img/lacroix/apple-touch-icon-ipad-retina.398a2c61e146.png"> <meta name="application-name" content="theatlantic"> <meta name="msapplication-TileColor" content="#FFFFFF"> <meta name="msapplication-TileImage" content="https://cdn.theatlantic.com/tng/static/theatlantic/img/lacroix/apple-touch-icon-iphone.50541ad29f2c.png"> <meta name="ROBOTS" content="INDEX, FOLLOW"> <link rel="preload" as="font" type="font/woff2" href="https://www.theatlantic.com/packages/fonts/graphik/Graphik-Regular-Web.woff2" onload="performance.mark('atl:graphik_regular_preloaded')" crossorigin> <link rel="preload" as="font" type="font/woff2" href="https://www.theatlantic.com/packages/fonts/graphik/Graphik-Semibold-Web.woff2" onload="performance.mark('atl:graphik_semibold_preloaded')" crossorigin><link rel="preload" as="font" type="font/woff2" href="https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-Regular.woff2" onload="performance.mark('atl:garamond_preloaded')" crossorigin><link rel="preload" as="font" type="font/woff2" href="https://www.theatlantic.com/packages/fonts/atlantic/Atlantic-Serif.woff2" onload="performance.mark('atl:atlantic_serif_preloaded')" crossorigin><link rel="preload" as="font" type="font/woff2" href="https://www.theatlantic.com/packages/fonts/goldwyn/goldwyn-medium.woff2" onload="performance.mark('atl:goldwyn_preloaded')" crossorigin><link rel="preload" as="script" href="https://cdn.theatlantic.com/tng/static/frontend/jspm_packages/system.822e0a71e40b.js" onload="performance.mark('atl:systemjs_preloaded');"> <link rel="preload" as="script" href="https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/js/hippo.1eb183b96542.js" onload="performance.mark('atl:hippo_preloaded');"> <link rel="preload" as="script" href="https://www.theatlantic.com/packages/adsjs/ads.min.js"> <style>@font-face { font-display: swap; font-family: 'AGaramondPro'; font-style: italic; font-weight: 600; src: local("Adobe Garamond Pro SemiboldItalic"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-SemiboldItalic.woff2") format("woff2"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-SemiboldItalic.woff") format("woff"); } @font-face { font-display: swap; font-family: 'AGaramondPro'; font-style: italic; font-weight: 700; src: local("Adobe Garamond Pro BoldItalic"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-BoldItalic.woff2") format("woff2"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-BoldItalic.woff") format("woff"); } @font-face { font-display: swap; font-family: 'AGaramondPro'; font-style: normal; font-weight: 400; src: local("Adobe Garamond Pro Regular"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-Regular.woff2") format("woff2"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-Regular.woff") format("woff"); } @font-face { font-display: swap; font-family: 'AGaramondPro'; font-style: normal; font-weight: 600; src: local("Adobe Garamond Pro Semibold"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-Semibold.woff2") format("woff2"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-Semibold.woff") format("woff"); } @font-face { font-display: swap; font-family: 'AGaramondPro'; font-style: normal; font-weight: 700; src: local("Adobe Garamond Pro Bold"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-Bold.woff2") format("woff2"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-Bold.woff") format("woff"); } @font-face { font-display: swap; font-family: 'AGaramondPro'; font-style: italic; font-weight: 400; src: local("Adobe Garamond Pro Italic"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-Italic.woff2") format("woff2"), url("https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-Italic.woff") format("woff"); } /*# sourceMappingURL=garamond.css.map */ @font-face { font-display: swap; font-family: 'Atlantic Serif'; font-style: normal; font-weight: 400; src: url("https://www.theatlantic.com/packages/fonts/atlantic/Atlantic-Serif.woff2") format("woff2"), url("https://www.theatlantic.com/packages/fonts/atlantic/Atlantic-Serif.woff") format("woff"); } /*# sourceMappingURL=atlantic-serif.css.map */ @font-face { font-display: swap; font-family: 'Druk'; font-style: normal; font-weight: 800; /* stylelint-disable indentation */ src: url("https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/fonts/druk/Druk-Heavy-Web.73c680315608.woff2") format("woff2"), url("https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/fonts/druk/Druk-Heavy-Web.de0a29cd8676.woff") format("woff"); /* stylelint-enable indentation */ } /*# sourceMappingURL=druk.css.map */ @font-face { font-display: swap; font-family: 'Graphik'; font-style: normal; font-weight: 400; /* stylelint-disable indentation */ src: url("https://www.theatlantic.com/packages/fonts/graphik/Graphik-Regular-Web.woff2") format("woff2"), url("https://www.theatlantic.com/packages/fonts/graphik/Graphik-Regular-Web.woff") format("woff"); /* stylelint-enable indentation */ } @font-face { font-display: swap; font-family: 'Graphik'; font-style: normal; font-weight: 600; /* stylelint-disable indentation */ src: url("https://www.theatlantic.com/packages/fonts/graphik/Graphik-Semibold-Web.woff2") format("woff2"), url("https://www.theatlantic.com/packages/fonts/graphik/Graphik-Semibold-Web.woff") format("woff"); /* stylelint-enable indentation */ } /*# sourceMappingURL=graphik.css.map */ @font-face { font-display: swap; font-family: 'Lyon Text'; font-stretch: normal; font-style: normal; font-weight: 400; /* stylelint-disable indentation */ src: url("https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/fonts/lyon/Lyon-Text-Regular.952052f78892.woff2") format("woff2"), url("https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/fonts/lyon/Lyon-Text-Regular.840c78933255.woff") format("woff"); /* stylelint-enable indentation */ } @font-face { font-display: swap; font-family: 'Lyon Text'; font-stretch: normal; font-style: italic; font-weight: 400; /* stylelint-disable indentation */ src: url("https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/fonts/lyon/Lyon-Text-Regular-Italic.1f3d1b40255e.woff2") format("woff2"), url("https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/fonts/lyon/Lyon-Text-Regular-Italic.ce9636f76967.woff") format("woff"); /* stylelint-enable indentation */ } /*# sourceMappingURL=lyon.css.map */ @font-face { font-display: swap; font-family: 'Noe Text'; font-stretch: normal; font-style: normal; font-weight: 900; /* stylelint-disable indentation */ src: url("https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/fonts/noe/Noe-Text-Black.b05d72fe331d.woff2") format("woff2"), url("https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/fonts/noe/Noe-Text-Black.2dcd42be9f8e.woff") format("woff"); /* stylelint-enable indentation */ } @font-face { font-display: swap; font-family: 'Noe Text'; font-stretch: normal; font-style: italic; font-weight: 900; /* stylelint-disable indentation */ src: url("https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/fonts/noe/Noe-Text-Black-Italic.3e111503a215.woff2") format("woff2"), url("https://cdn.theatlantic.com/tng/static/frontend/dist/theatlantic/fonts/noe/Noe-Text-Black-Italic.0086b1b36dfc.woff") format("woff"); /* stylelint-enable indentation */ } /*# sourceMappingURL=noe.css.map */ @font-face { font-display: swap; font-family: 'Goldwyn'; font-style: normal; font-weight: 400; /* stylelint-disable indentation */ src: url("https://www.theatlantic.com/packages/fonts/goldwyn/goldwyn-medium.woff2") format("woff2"), url("https://www.theatlantic.com/packages/goldwyn/goldwyn-medium.woff") format("woff"); /* stylelint-enable indentation */ } /*# sourceMappingURL=goldwyn.css.map */ </style> <style>/* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css | added 03/01/19 */ /* stylelint-disable */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* stylelint-enable */ gpt-placeholder, gpt-ad { display: block; text-align: center; } gpt-sizeset { display: none; } gpt-ad:not(.ad-loaded) > div { display: none; } address { font-style: normal; } a { color: #000; text-decoration: none; -webkit-transition: all 150ms; transition: all 150ms; } a:hover { -webkit-transition: all 300ms; transition: all 300ms; } blockquote { border-left: 1px solid #9B9B9B; margin: 0 0 0 16px; padding-left: 16px; } @media (min-width: 576px) { blockquote { padding-left: 32px; margin: 0 0 0 32px; } } blockquote p { margin: 0; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ body { font-variant-numeric: lining-nums; font-weight: 400; font-size: 14.8px; font-family: Georgia, serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 1.5; margin: 0; } .no-js body, .fonts-loaded body { font-size: 19.8px; } .no-js body, .fonts-loaded body { font-family: AGaramondPro, "Adobe Garamond Pro", Garamond, Georgia, serif; line-height: 1.125; } figure { margin: 0; } hr { background: #d3dce6; border: 0; height: 1px; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } html *, html *::before, html *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } img { display: inline-block; height: auto; max-width: 100%; } picture { display: block; } small { display: inline-block; font-size: 16px; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .o-credit { font-size: 11px; font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; color: #5e6a74; line-height: 1.5; } .no-js .o-credit, .fonts-loaded .o-credit { font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; } .o-credit a { color: #5e6a74; text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip: ink; text-decoration-skip-ink: auto; } .o-credit__attribution { font-size: 10px; text-transform: uppercase; } .o-credit__caption + .o-credit__attribution::before { content: '\00a0\00a0('; } .o-credit__caption + .o-credit__attribution::after { content: ')'; } .o-hed { margin: 0; } .o-media { height: 0; position: relative; } .o-media--16x9 { padding-bottom: 56.25%; } .o-media--3x2 { padding-bottom: 66.66667%; } .o-media__object { display: block; height: 100%; position: absolute; width: 100%; } .o-media__img { width: 100%; } .o-media__credit { bottom: -1.75em; color: #5e6a74; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 8px; line-height: 1; max-width: 100%; overflow: hidden; position: absolute; right: 0; text-align: right; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .o-media__credit:hover { overflow: visible; } .o-meta { font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 1.125; margin-bottom: 8px; text-transform: uppercase; white-space: normal; } .o-meta__date { color: #5e6a74; font-size: 11px; text-transform: uppercase; white-space: nowrap; } .o-meta__date:not(:last-child) { margin-right: 8px; } .o-meta__city { color: #5e6a74; } .o-meta__byline { display: inline-block; font-weight: 600; list-style-type: none; margin: 0; padding: 0; } .o-meta__byline:not(:last-child) { margin-right: 8px; } .o-meta__author { display: inline; } .o-meta__author > a { color: #000; } .o-meta__author:not(:last-child) a::after { content: ', '; } .o-meta__author:first-child:nth-last-child(2) a::after { content: ''; } .o-meta__author:not(:first-child):last-child::before { content: ' and '; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .o-river { list-style: none; margin: 0; padding: 0; } .o-river__item:not(:first-child) { border-top: 1px solid #dbdbdb; margin-top: 24px; padding-top: 24px; } @media (min-width: 576px) { .o-river__item:not(:first-child) { margin-top: 32px; padding-top: 32px; } } .o-river__item--tight:not(:first-child) { margin-top: 16px; padding-top: 16px; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .o-section-heading { font-variant-numeric: lining-nums; font-weight: 400; font-size: 32px; font-family: "Bodoni", Georgia, serif; font-weight: 400; letter-spacing: 2.25px; margin: 0; text-transform: uppercase; } .no-js .o-section-heading, .fonts-loaded .o-section-heading { font-size: 32px; } .no-js .o-section-heading, .fonts-loaded .o-section-heading { font-family: "Atlantic Serif", "Atlantic", "Bodoni", Georgia, serif; line-height: 1.125; } .o-section-heading--border { border-bottom: 1px solid #000; } .o-section-heading--large { font-variant-numeric: lining-nums; font-weight: 400; font-size: 32px; font-family: "Bodoni", Georgia, serif; } .no-js .o-section-heading--large, .fonts-loaded .o-section-heading--large { font-size: 32px; } .no-js .o-section-heading--large, .fonts-loaded .o-section-heading--large { font-family: "Atlantic Serif", "Atlantic", "Bodoni", Georgia, serif; line-height: 1.125; } .o-section-heading__link { color: inherit; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .l-main--homepage, .l-main--international_homepage { background-color: #fff; } .l-hp-top { background-color: #fff; margin-left: auto; margin-right: auto; max-width: 1280px; overflow: visible; } @media (min-width: 576px) { .l-hp-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 64px; padding-top: 32px; width: calc(100% - 32px); } } @media (min-width: 1376px) { .l-hp-top { width: 1280px; } } .l-hp-top > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .l-hp-top__ww3 { margin-bottom: 16px; } @media (min-width: 576px) { .l-hp-top__ww3 { margin-bottom: 24px; } } @media (max-width: 575px) { .l-hp-top__ad { min-height: 16px; } } @media (min-width: 576px) { .l-hp-top__ad { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media (max-width: 575px) { .l-hp-top__ad .ad-loaded { margin: 16px auto 24px; } } @media (min-width: 576px) { .l-hp-top__ad .ad-loaded { margin-top: 32px; position: relative; } .l-hp-top__ad .ad-loaded::after { content: ''; position: absolute; border-top: 1px solid #dbdbdb; bottom: auto; left: 0; right: 0; top: -16px; } } @media (min-width: 576px) { .l-hp-top__ad--mobile { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (min-width: 784px) { .l-hp-top__ad--mobile { display: none; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } } @media (min-width: 576px) { .l-hp-top__ad--full { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media (min-width: 784px) { .l-hp-top__ad--full { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (min-width: 976px) { .l-hp-top__ad--full { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .l-hp-top__belt { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); background-color: #fff; padding: 16px; } @media (min-width: 576px) { .l-hp-top__belt { -webkit-box-shadow: none; box-shadow: none; } } @media (min-width: 576px) { .l-hp-top__belt { margin-top: 32px; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; padding: 0; } } @media (min-width: 784px) { .l-hp-top__belt { position: relative; } .l-hp-top__belt::after { content: ''; position: absolute; border-top: 1px solid #dbdbdb; bottom: auto; left: 0; right: 0; top: -16px; } } @media (min-width: 576px) { .l-hp-top__belt-stories { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -32px; } } .l-hp-top__belt-stories > * { margin-bottom: 32px; position: relative; } .l-hp-top__belt-stories > *:last-child { margin-bottom: 0; } @media (max-width: 575px) { .l-hp-top__belt-stories > *:not(:last-child)::after { content: ''; position: absolute; border-bottom: 1px solid #dbdbdb; bottom: -16px; left: 0; right: 0; top: auto; } } @media (min-width: 576px) { .l-hp-top__belt-stories > * { -ms-flex-preferred-size: calc(50% - 32px); flex-basis: calc(50% - 32px); margin-right: 32px; max-width: calc(50% - 32px); } .l-hp-top__belt-stories > *:nth-child(odd)::after { content: ''; position: absolute; border-right: 1px solid #dbdbdb; bottom: 0; left: auto; right: -16px; top: 0; } .l-hp-top__belt-stories > *:nth-child(n+3) { margin-bottom: 0; } } @media (min-width: 784px) { .l-hp-top__belt-stories > * { -ms-flex-preferred-size: calc(25% - 32px); flex-basis: calc(25% - 32px); margin-bottom: 0; max-width: calc(25% - 32px); } .l-hp-top__belt-stories > *:not(:last-child)::after { content: ''; position: absolute; border-right: 1px solid #dbdbdb; bottom: 0; left: auto; right: -16px; top: 0; } } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ @media (max-width: 575px) { .c-story-strip--bottom-stack { padding-bottom: 16px; } } @media (min-width: 784px) { .c-story-strip--bottom-stack .c-story-strip__image { display: none; } } @media (min-width: 1100px) { .c-story-strip--bottom-stack .c-story-strip__image { display: block; } } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ @media (min-width: 576px) { .l-hp-top__lede { -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 976px) { .l-hp-top__lede { -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .l-hp-top__off-lede { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); background-color: #fff; padding: 16px; } @media (min-width: 576px) { .l-hp-top__off-lede { -webkit-box-shadow: none; box-shadow: none; } } @media (min-width: 576px) { .l-hp-top__off-lede { margin-top: 32px; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; padding: 0; position: relative; } .l-hp-top__off-lede::after { content: ''; position: absolute; border-top: 1px solid #dbdbdb; bottom: auto; left: 0; right: 0; top: -16px; } } @media (min-width: 976px) { .l-hp-top__off-lede { -ms-flex-preferred-size: calc(25% - 32px); flex-basis: calc(25% - 32px); margin-right: 32px; margin-top: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .l-hp-top__off-lede::after { content: ''; position: absolute; border-right: 1px solid #dbdbdb; bottom: 0; left: auto; right: -16px; top: 0; } } @media (min-width: 576px) { .l-hp-top__off-lede > * { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: -32px; } } @media (min-width: 976px) { .l-hp-top__off-lede > * { display: block; margin-right: 0; } } .l-hp-top__off-lede-stories > * { position: relative; } .l-hp-top__off-lede-stories > *:nth-child(1) { margin-bottom: 32px; } .l-hp-top__off-lede-stories > *:nth-child(1)::after { content: ''; position: absolute; border-bottom: 1px solid #dbdbdb; bottom: -16px; left: 0; right: 0; top: auto; } @media (min-width: 576px) { .l-hp-top__off-lede-stories > * { -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); margin-right: 32px; } .l-hp-top__off-lede-stories > *:nth-child(1) { margin-bottom: 0; } .l-hp-top__off-lede-stories > *:nth-child(1)::after { content: ''; position: absolute; border-right: 1px solid #dbdbdb; bottom: 0; left: auto; right: -16px; top: 0; } } @media (min-width: 976px) { .l-hp-top__off-lede-stories > * { margin-right: 0; } .l-hp-top__off-lede-stories > *:nth-child(1) { margin-bottom: 32px; } .l-hp-top__off-lede-stories > *:nth-child(1)::after { content: ''; position: absolute; border-bottom: 1px solid #dbdbdb; bottom: -16px; left: 0; right: 0; top: auto; } } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .l-hp-top__off-off-lede { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); margin-bottom: 16px; margin-top: 16px; } @media (min-width: 576px) { .l-hp-top__off-off-lede { -webkit-box-shadow: none; box-shadow: none; } } @media (min-width: 576px) { .l-hp-top__off-off-lede { margin-top: 32px; -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; padding: 0; position: relative; } } .l-hp-top__off-off-lede-stories { background-color: #fff; padding: 16px 16px 0; } @media (min-width: 576px) { .l-hp-top__off-off-lede-stories { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -32px; padding: 0; } .l-hp-top__off-off-lede-stories::after { content: ''; position: absolute; border-top: 1px solid #dbdbdb; bottom: auto; left: 0; right: 0; top: -16px; } } .l-hp-top__off-off-lede-stories > * { position: relative; } .l-hp-top__off-off-lede-stories > *:nth-child(1) { margin-bottom: 32px; } .l-hp-top__off-off-lede-stories > *:nth-child(1)::after { content: ''; position: absolute; border-bottom: 1px solid #dbdbdb; bottom: -16px; left: 0; right: 0; top: auto; } @media (min-width: 576px) { .l-hp-top__off-off-lede-stories > *:nth-child(1) { -ms-flex-preferred-size: calc(100% - 32px); flex-basis: calc(100% - 32px); margin-right: 32px; max-width: calc(100% - 32px); } } @media (min-width: 784px) { .l-hp-top__off-off-lede-stories > *:nth-child(1) { -ms-flex-preferred-size: calc(50% - 32px); flex-basis: calc(50% - 32px); margin-bottom: 0; max-width: calc(50% - 32px); } .l-hp-top__off-off-lede-stories > *:nth-child(1)::after { content: ''; position: absolute; border-right: 1px solid #dbdbdb; bottom: 0; left: auto; right: -16px; top: 0; } } .l-hp-top__off-off-lede-stories > *:nth-child(2) { margin-bottom: 32px; } .l-hp-top__off-off-lede-stories > *:nth-child(2)::after { content: ''; position: absolute; border-bottom: 1px solid #dbdbdb; bottom: -16px; left: 0; right: 0; top: auto; } @media (min-width: 576px) { .l-hp-top__off-off-lede-stories > *:nth-child(2) { -ms-flex-preferred-size: calc(50% - 32px); flex-basis: calc(50% - 32px); margin-bottom: 0; margin-right: 32px; max-width: calc(50% - 32px); } .l-hp-top__off-off-lede-stories > *:nth-child(2)::after { content: ''; position: absolute; border-right: 1px solid #dbdbdb; bottom: 0; left: auto; right: -16px; top: 0; } } @media (min-width: 784px) { .l-hp-top__off-off-lede-stories > *:nth-child(2) { -ms-flex-preferred-size: calc(25% - 32px); flex-basis: calc(25% - 32px); max-width: calc(25% - 32px); } } @media (min-width: 576px) { .l-hp-top__off-off-lede-stories > *:nth-child(3) { -ms-flex-preferred-size: calc(50% - 32px); flex-basis: calc(50% - 32px); margin-right: 32px; max-width: calc(50% - 32px); } } @media (min-width: 784px) { .l-hp-top__off-off-lede-stories > *:nth-child(3) { -ms-flex-preferred-size: calc(25% - 32px); flex-basis: calc(25% - 32px); max-width: calc(25% - 32px); } } .l-hp-top__off-off-lede-stack > * { position: relative; } .l-hp-top__off-off-lede-stack > *:not(:last-child) { margin-bottom: 32px; } .l-hp-top__off-off-lede-stack > *:not(:last-child)::after { content: ''; position: absolute; border-bottom: 1px solid #dbdbdb; bottom: -16px; left: 0; right: 0; top: auto; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ @media (min-width: 784px) { .c-story-strip--off-off-lede-stack .c-story-strip__image { display: none; } } @media (min-width: 1100px) { .c-story-strip--off-off-lede-stack .c-story-strip__image { display: block; } } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ @media (min-width: 576px) { .l-hp-top__stack { -ms-flex-preferred-size: calc(50% - 32px); flex-basis: calc(50% - 32px); margin-left: 32px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; } .l-hp-top__stack::after { content: ''; position: absolute; border-left: 1px solid #dbdbdb; bottom: 0; left: -16px; right: auto; top: 0; } } @media (min-width: 784px) { .l-hp-top__stack { -ms-flex-preferred-size: 332px; flex-basis: 332px; } } @media (min-width: 976px) { .l-hp-top__stack { -ms-flex-preferred-size: calc(25% - 32px); flex-basis: calc(25% - 32px); -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .l-hp-top__stack-stories { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); background-color: #fff; padding: 16px; } @media (min-width: 576px) { .l-hp-top__stack-stories { -webkit-box-shadow: none; box-shadow: none; } } @media (min-width: 576px) { .l-hp-top__stack-stories { padding: 0; } } .l-hp-top__stack-stories > * { position: relative; } .l-hp-top__stack-stories > *:not(:last-child) { margin-bottom: 32px; } .l-hp-top__stack-stories > *:not(:last-child)::after { content: ''; position: absolute; border-bottom: 1px solid #dbdbdb; bottom: -16px; left: 0; right: 0; top: auto; } @media (min-width: 976px) { .c-story-strip--stack .c-story-strip__image { display: none; } } @media (min-width: 1100px) { .c-story-strip--stack .c-story-strip__image { display: block; } } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-ad-container { max-width: 100%; text-align: center; } .c-ad-container--river { margin-bottom: 24px; } @media (min-width: 576px) { .c-ad-container--river { margin-bottom: 32px; } } .c-ad-container--shaded { background: #eee; } .c-ad-container--shaded gpt-ad.ad-loaded { padding: 16px 32px; } .c-ad-container--lead-story { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; -webkit-box-ordinal-group: 1000; -ms-flex-order: 999; order: 999; } @media (min-width: 576px) { .c-ad-container--lead-story { margin: 16px 0; } } @media (min-width: 784px) { .c-ad-container--lead-story { display: none; } } .c-ad { margin: 0 auto; } .c-ad.ad-loaded::before { content: 'Advertisement'; display: block; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 10px; margin-bottom: 8px; text-align: center; text-transform: uppercase; width: 100%; } .c-ad-logo { display: inline-block; text-align: left; } .c-ad-logo.ad-loaded::before { font-size: 11px; font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-weight: 600; letter-spacing: 1px; line-height: 1.4; text-transform: uppercase; color: #999; content: attr(data-prefix); display: block; margin-bottom: 4px; } .no-js .c-ad-logo.ad-loaded::before, .fonts-loaded .c-ad-logo.ad-loaded::before { font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; } .c-ad-logo--inline { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-ad-logo--inline.ad-loaded::before { margin-bottom: 0; margin-right: 8px; } .c-btn { font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000; border: 1px solid #000; border-radius: 4px; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 400; line-height: 1.25; padding: 8px 16px 10px; text-decoration: none; -webkit-transition: all 150ms; transition: all 150ms; } .no-js .c-btn, .fonts-loaded .c-btn { font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; } .c-btn:hover { background-color: #39434b; border-color: #39434b; -webkit-transition: all 300ms; transition: all 300ms; } .c-btn--small { font-size: 14px; letter-spacing: -0.25px; padding: 7px 12px; } .c-btn--large { padding: 16px 24px; } .c-btn--block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .c-btn--red { background-color: #e7131a; border-color: #e7131a; } .c-btn--red:hover { background-color: #cf0e3a; border-color: #cf0e3a; } .c-btn--blue { background-color: #0097ac; border-color: #0097ac; } .c-btn--blue:hover { background-color: #006A79; border-color: #006A79; } .c-btn--limed-spruce { background-color: #39434b; border-color: #39434b; } .c-btn--limed-spruce:hover { background-color: #20272c; border-color: #20272c; } .c-btn--white { background-color: #fff; border-color: #fff; color: #000; } .c-btn--white:hover { background-color: #eff2f7; border-color: #eff2f7; } .c-btn--border { border: 1px solid #c0ccda; } .c-btn--link { background-color: transparent; border-color: transparent; color: #000; } .c-btn--link:hover { background-color: transparent; border-color: transparent; text-decoration: underline; } .c-btn__icon { fill: #fff; height: 16px; margin-right: 8px; width: 16px; } .c-btn__icon--facebook { background-color: #395185; } .c-btn__icon--facebook:hover { background-color: #2d4373; } .c-btn__icon--google { background-color: #4285f4; } .c-btn__icon--google:hover { background-color: #1266f1; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-alert { margin: 0; } @media (min-width: 576px) { .t-homepage .c-alert { max-width: none; width: 100%; } } .c-alert a { color: #000; text-decoration: none; height: 16px; } .c-alert__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 12px; margin: 0 auto; max-width: 1280px; width: calc(100% - 32px); } .c-alert__title { line-height: 1.25; font-weight: 600; } .c-alert--red { background-color: #fff4f3; } .c-alert--red .c-alert__title { color: #e7131a; } .c-alert--blue { background-color: #f1f8f6; } .c-alert--blue .c-alert__title { color: #0097ac; } .c-alert--gray { background-color: #eff2f7; } .c-alert__content { font-family: AGaramondPro, "Adobe Garamond Pro", Garamond, Georgia, serif; font-size: 16px; font-weight: 400; line-height: 1.25; letter-spacing: 0.25px; } @media (max-width: 575px) { .c-alert__content { text-align: center; } } @media (min-width: 976px) { .c-alert__content { margin: 0 auto; } } .c-alert__close-container { fill: #000; padding-left: 16px; } .c-alert__close-container:active, .c-alert__close-container:focus .c-alert__close-icon { fill: #999999; } .c-alert__close-container:hover .c-alert__close-icon { fill: #b3b3b3; } .c-alert__close-icon { fill: #000; stroke: #fff; stroke-width: 1px; -webkit-transition: fill 0.3s; transition: fill 0.3s; width: 10px; height: 10px; } @media (min-width: 576px) { .c-alert__close-icon { width: 16px; height: 16px; } } .c-alert__section--body { padding-left: 4px; } .c-alert__section--body a { text-decoration: underline; } .c-alert--holiday { background: #fff; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 14px; padding-top: 16px; } .c-alert--holiday .c-alert__container { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 0; } .c-alert--holiday .c-alert__background { background: #dcf4ff; } .c-alert--holiday .c-alert__img { margin-top: -12px; margin-bottom: -12px; vertical-align: middle; height: 48px; margin-right: 12px; -ms-flex-preferred-size: 80px; flex-basis: 80px; } @media (min-width: 576px) { .c-alert--holiday .c-alert__img { height: 60px; } } @media (min-width: 784px) { .c-alert--holiday .c-alert__img { height: 48px; } } .c-alert--holiday .c-alert__text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; text-align: center; } @media (min-width: 784px) { .c-alert--holiday .c-alert__text-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-alert--holiday .c-alert__close-icon { stroke: transparent; } .c-alert--holiday .c-alert__text { margin-right: 4px; display: none; } @media (min-width: 576px) { .c-alert--holiday .c-alert__text { display: inline-block; } } .c-alert--holiday .c-alert__link { color: #e7131a; text-decoration: underline; height: inherit; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-card { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 576px) { .c-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-card__image { -ms-flex-preferred-size: 86px; flex-basis: 86px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 16px; } @media (min-width: 576px) { .c-card__image { -ms-flex-preferred-size: auto; flex-basis: auto; margin-bottom: 20px; margin-left: 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .c-card__media { background-color: #eff2f7; padding-bottom: 100%; } @media (min-width: 576px) { .c-card__media { padding-bottom: 56.25%; } } .c-card__content { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 576px) { .c-card__content { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .c-card__hed { font-variant-numeric: lining-nums; font-weight: 400; font-size: 19px; font-family: Georgia, serif; letter-spacing: -0.5px; line-height: 28px; margin: 0 0 8px; } .no-js .c-card__hed, .fonts-loaded .c-card__hed { font-size: 24px; } .no-js .c-card__hed, .fonts-loaded .c-card__hed { font-family: AGaramondPro, "Adobe Garamond Pro", Garamond, Georgia, serif; line-height: 1.125; } .c-card__dek { display: none; } @media (min-width: 576px) { .c-card__dek { font-variant-numeric: lining-nums; font-weight: 400; font-size: 13px; font-family: Georgia, serif; color: #5e6a74; display: block; font-weight: 400; line-height: 24px; margin: 0 0 20px; } .no-js .c-card__dek, .fonts-loaded .c-card__dek { font-size: 18px; } .no-js .c-card__dek, .fonts-loaded .c-card__dek { font-family: AGaramondPro, "Adobe Garamond Pro", Garamond, Georgia, serif; line-height: 1.125; } } .c-card__media-credit { display: none; } @media (min-width: 576px) { .c-card__media-credit { display: block; } } .c-card__meta { font-weight: 600; font-size: 11px; margin-bottom: 4px; } @media (min-width: 576px) { body.js-nav-menu-open { overflow: hidden; } } .c-expanded-nav { background-color: #f7f7f7; padding-bottom: 32px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } @media (max-width: 575px) { .c-expanded-nav { z-index: 101; } } @media (min-width: 576px) { .c-expanded-nav { overflow: scroll; height: calc(100vh - 82px); top: 82px; } .c-expanded-nav.is-slim { top: 151px; } .c-expanded-nav.c-expanded-nav__slim { top: 65px; } } @media (min-width: 976px) { .c-expanded-nav { top: 82px; height: auto; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .c-expanded-nav.is-slim { top: 227px; } .c-expanded-nav.c-expanded-nav__slim { top: 67px; } } .c-expanded-nav__container { padding: 16px; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 16px; max-width: 1080px; margin: 0 auto; } @media (min-width: 576px) { .c-expanded-nav__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; -ms-flex-pack: distribute; justify-content: space-around; } } @media (min-width: 976px) { .c-expanded-nav__container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .c-expanded-nav__container .c-expanded-nav__title { color: #e7131a; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; } .c-expanded-nav__section { margin-bottom: 48px; } .c-expanded-nav__section:last-child { margin-bottom: 0; } @media (min-width: 576px) { .c-expanded-nav__section { margin-bottom: 0; margin-top: 32px; } } @media (min-width: 976px) { .c-expanded-nav__section { margin-top: 0; } } .c-expanded-nav__title-container { text-align: left; margin-bottom: 32px; width: 100%; } .c-expanded-nav-mobile-header { font-size: 12px; margin-bottom: 24px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 976px) { .c-expanded-nav-mobile-header { display: none; } } .c-expanded-nav-mobile-header__container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 24px; padding-bottom: 24px; } .c-expanded-nav-mobile-header__container:last-child { margin-bottom: 0; } .c-expanded-nav-mobile-header__container.c-expanded-nav-mobile-header__container--links { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 576px) { .c-expanded-nav-mobile-header__container.c-expanded-nav-mobile-header__container--links { display: none; } } .c-expanded-nav-mobile-header__icon-container { text-align: center; -ms-flex-preferred-size: calc(33.33333% - 0px); flex-basis: calc(33.33333% - 0px); } @media (min-width: 576px) { .c-expanded-nav-mobile-header__icon-container { -ms-flex-preferred-size: calc(16.66667% - 0px); flex-basis: calc(16.66667% - 0px); } } .c-expanded-nav-mobile-header__icon-container--popular { border-left: 1px solid #000; border-right: 1px solid #000; padding: 2px 0; } .c-expanded-nav-mobile-header__section { color: #000; font-weight: 700; text-transform: uppercase; } .c-expanded-nav-mobile-header__link { color: #000; } .c-expanded-nav-mobile-header__link--subscribe { color: #e7131a; margin-left: 16px; } .c-expanded-nav-crossword { min-height: 261px; } @media (min-width: 576px) { .c-expanded-nav-crossword { margin-right: 16px; border-right: 1px solid #9B9B9B; } } @media (min-width: 576px) and (max-width: 976px) { .c-expanded-nav-crossword { -ms-flex-preferred-size: calc(50% - 16px); flex-basis: calc(50% - 16px); } } @media (min-width: 976px) { .c-expanded-nav-crossword { margin-right: 48px; border: none; } } .c-expanded-nav-crossword__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } @media (min-width: 576px) { .c-expanded-nav-crossword__container { margin-left: -48px; } } .c-expanded-nav-crossword__title-container { margin-bottom: 0; } .c-expanded-nav-crossword__background { background-color: #fff; height: 224px; width: 168px; margin: 0 auto; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 32px; } .c-expanded-nav-crossword__img { height: 200px; width: 266px; max-width: none; position: relative; z-index: 3000000; } .c-expanded-nav-crossword__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: 1px solid #000; border-radius: 4px; cursor: pointer; font-size: 14px; height: 40px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -40px; width: 136px; } @media (min-width: 976px) { .c-expanded-nav-sections { -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); } } @media (min-width: 1200px) { .c-expanded-nav-sections { -ms-flex-preferred-size: calc(58.33333% - 0px); flex-basis: calc(58.33333% - 0px); } } .c-expanded-nav-sections__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; } @media (min-width: 576px) { .c-expanded-nav-sections__list { padding-bottom: 48px; border-bottom: 1px solid #9B9B9B; } } @media (min-width: 976px) { .c-expanded-nav-sections__list { border: none; } } .c-expanded-nav-sections__title { margin-bottom: 32px; } .c-expanded-nav-sections__item { margin-bottom: 24px; -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); } .c-expanded-nav-sections__item:last-child { margin-bottom: 0; } @media (min-width: 576px) { .c-expanded-nav-sections__item { margin-right: 24px; -ms-flex-preferred-size: calc(33.33333% - 24px); flex-basis: calc(33.33333% - 24px); } } @media (min-width: 784px) { .c-expanded-nav-sections__item { margin-right: 24px; -ms-flex-preferred-size: calc(25% - 24px); flex-basis: calc(25% - 24px); } } @media (min-width: 976px) { .c-expanded-nav-sections__item { margin-right: 24px; -ms-flex-preferred-size: calc(33.33333% - 24px); flex-basis: calc(33.33333% - 24px); } } .c-expanded-nav-print { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 576px) and (max-width: 976px) { .c-expanded-nav-print { -ms-flex-preferred-size: calc(50% - 16px); flex-basis: calc(50% - 16px); } } .c-expanded-nav-print__container { width: 100%; text-align: center; } @media (min-width: 976px) { .c-expanded-nav-print__container { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; } } .c-expanded-nav-print__text { margin: 0; } @media (min-width: 576px) { .c-expanded-nav-print__text { margin-bottom: 24px; } } .c-expanded-nav-print__link { display: block; white-space: nowrap; color: #000; } .c-expanded-nav-print__link:hover { text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; color: #5e6a74; } @media (min-width: 576px) { .c-expanded-nav-print__link { margin-bottom: 24px; } } .c-expanded-nav-print__link--gift { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: 1px solid #000; border-radius: 4px; height: 40px; width: 136px; padding: 0; cursor: pointer; } @media (min-width: 976px) { .c-expanded-nav-print__link--gift { display: block; border: none; border-radius: none; height: auto; width: auto; white-space: nowrap; color: #000; } .c-expanded-nav-print__link--gift:hover { text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; color: #5e6a74; } } .c-expanded-nav-print__img { -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); height: 224px; width: 168px; min-width: 168px; } .c-expanded-nav-print__img-link { cursor: pointer; } @media (min-width: 976px) { .c-expanded-nav-print__img-link { margin-right: 16px; } } .c-expanded-nav-print__link--latest { padding-right: 16px; margin-right: 16px; border-right: 1px solid #000; } @media (min-width: 976px) { .c-expanded-nav-print__link--latest { margin-right: 0; padding-right: 0; border: none; } } .c-expanded-nav-print__issues { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #000; padding: 16px 0 48px; margin-bottom: 32px; } @media (min-width: 576px) { .c-expanded-nav-print__issues { padding-bottom: 0; margin-bottom: 24px; } } @media (min-width: 976px) { .c-expanded-nav-print__issues { border-bottom: none; display: block; text-align: left; padding: 0; } .c-expanded-nav-print__issues::after { background-color: #e7131a; content: ''; display: block; height: 1px; width: 39px; } } @media (min-width: 576px) { .c-expanded-nav-print__bottom-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 976px) { .c-expanded-nav-print__bottom-container { display: block; } } .c-follow { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; } .c-follow__link:nth-child(n + 1) { margin-left: 16px; } .c-follow__icon { fill: #000; height: 20px; -webkit-transition: fill 0.1s; transition: fill 0.1s; width: 20px; } .c-follow__icon:hover { fill: #666666; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .c-follow__icon:active { fill: #999999; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .c-follow__icon--video { fill: #fff; } .c-follow__icon--video:hover { fill: #999999; } .c-follow__icon--video:active { fill: #666666; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .o-hp-media { height: 0; padding-bottom: 56.25%; position: relative; } .o-hp-media__link { display: block; height: 100%; position: absolute; width: 100%; } .o-hp-media__img { width: 100%; } .o-hp-media__credit { bottom: -1.75em; color: #777; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 10px; max-width: 100%; overflow: hidden; position: absolute; right: 0; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .o-hp-media__credit:hover { overflow: visible; } .c-hp { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: auto; margin-right: auto; max-width: 1280px; } @media (min-width: 784px) { .c-hp { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 24px; padding-bottom: 24px; width: calc(100% - 48px); } } @media (min-width: 1376px) { .c-hp { width: 1280px; } } .c-hp--breaking { margin-bottom: 16px; } @media (min-width: 576px) { .c-hp--breaking { margin-bottom: 0; } } .c-hp--top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; } .c-hp--top__region { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media (min-width: 576px) { .c-hp--top__region { padding: 16px; } } @media (min-width: 784px) { .c-hp--top__region { -ms-flex-preferred-size: calc(41.66667% - 0px); flex-basis: calc(41.66667% - 0px); margin: 0; padding: 0; } } @media (min-width: 976px) { .c-hp--top__region { -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); } } .c-hp-top__region__cell { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 576px) { .c-hp-top__region__cell { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width: 576px) { .c-hp--mid { display: block; padding: 16px; } .c-hp--mid::after { clear: both; content: ''; display: table; } } @media (min-width: 784px) { .c-hp--mid { padding: 0 0 20px 0; } } @media (min-width: 1100px) { .c-hp--mid { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-hp--mid::after { content: none; } } @media (min-width: 576px) { .c-hp--bottom { margin-bottom: 0; } } @media (min-width: 784px) { .c-hp--bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ @media (max-width: 575px) { .c-cover-story__image { margin: 0 16px 20px 16px; padding-top: 20px; } } @media (min-width: 576px) { .c-cover-story__image { margin-bottom: 24px; } } .c-cover-story__media { padding-bottom: 56.25%; } @media (min-width: 576px) { .c-cover-story__media { padding-bottom: 66.66667%; } } @media (min-width: 976px) { .c-cover-story__media { padding-bottom: 56.25%; } } .c-cover-story__content { background-color: #fff; padding: 16px; text-align: center; } @media (min-width: 576px) { .c-cover-story__content { padding: 0; } } @media (min-width: 976px) { .c-cover-story__content { padding: 0 32px; } } .c-cover-story__hed { font-variant-numeric: lining-nums; font-weight: 400; font-size: 27px; font-family: Georgia, serif; line-height: 1.125; margin: 0 0 12px; } .no-js .c-cover-story__hed, .fonts-loaded .c-cover-story__hed { font-size: 32px; } .no-js .c-cover-story__hed, .fonts-loaded .c-cover-story__hed { font-family: AGaramondPro, "Adobe Garamond Pro", Garamond, Georgia, serif; line-height: 1.125; } @media (min-width: 576px) { .c-cover-story__hed { font-size: 37px; } .no-js .c-cover-story__hed, .fonts-loaded .c-cover-story__hed { font-size: 42px; } } .c-cover-story__hed-link { color: #000; } .c-cover-story__dek { font-variant-numeric: lining-nums; font-weight: 400; font-size: 13px; font-family: Georgia, serif; color: #000; font-weight: 400; line-height: 1.125; margin: 0 0 24px; } .no-js .c-cover-story__dek, .fonts-loaded .c-cover-story__dek { font-size: 18px; } .no-js .c-cover-story__dek, .fonts-loaded .c-cover-story__dek { font-family: AGaramondPro, "Adobe Garamond Pro", Garamond, Georgia, serif; line-height: 1.125; } @media (min-width: 576px) { .c-cover-story__dek { font-variant-numeric: lining-nums; font-weight: 400; font-size: 19px; font-family: Georgia, serif; margin: 0 0 20px; } .no-js .c-cover-story__dek, .fonts-loaded .c-cover-story__dek { font-size: 24px; } .no-js .c-cover-story__dek, .fonts-loaded .c-cover-story__dek { font-family: AGaramondPro, "Adobe Garamond Pro", Garamond, Georgia, serif; line-height: 1.125; } } .c-cover-story__meta { margin-bottom: 0; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ @media (min-width: 576px) { .c-feature { display: -webkit-box; display: -ms-flexbox; display: flex; } } .c-feature__image { margin-bottom: 20px; } @media (min-width: 576px) { .c-feature__image { -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0; margin-left: 32px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .c-feature__media { background-color: #eff2f7; padding-bottom: 56.25%; } @media (min-width: 576px) { .c-feature__media { padding-bottom: 66.66667%; } } @media (min-width: 576px) { .c-feature__content { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .c-feature__hed { font-variant-numeric: lining-nums; font-weight: 400; font-size: 19px; font-family: Georgia, serif; letter-spacing: -0.5px; line-height: 28px; margin: 0 0 8px; } .no-js .c-feature__hed, .fonts-loaded .c-feature__hed { font-size: 24px; } .no-js .c-feature__hed, .fonts-loaded .c-feature__hed { font-family: AGaramondPro, "Adobe Garamond Pro", Garamond, Georgia, serif; line-height: 1.125; } .c-feature__hed-link { color: #000; } .c-feature__dek { font-variant-numeric: lining-nums; font-weight: 400; font-size: 13px; font-family: Georgia, serif; color: #5e6a74; font-weight: 400; line-height: 24px; margin: 0 0 16px; } .no-js .c-feature__dek, .fonts-loaded .c-feature__dek { font-size: 18px; } .no-js .c-feature__dek, .fonts-loaded .c-feature__dek { font-family: AGaramondPro, "Adobe Garamond Pro", Garamond, Georgia, serif; line-height: 1.125; } .c-feature__meta { font-weight: 600; font-size: 11px; margin-bottom: 4px; } .c-feature__kicker { letter-spacing: 0.5px; margin-bottom: 16px; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ @media (min-width: 784px) { .c-offlede { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 976px) { .c-offlede { display: block; } } .c-offlede__image { margin-bottom: 20px; } @media (min-width: 784px) { .c-offlede__image { -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0; margin-left: 32px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 976px) { .c-offlede__image { margin-bottom: 20px; margin-left: 0; } } .c-offlede__media { background-color: #eff2f7; padding-bottom: 56.25%; } @media (min-width: 784px) { .c-offlede__content { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .c-offlede__hed { font-variant-numeric: lining-nums; font-weight: 400; font-size: 19px; font-family: Georgia, serif; letter-spacing: -0.5px; line-height: 28px; margin: 0 0 16px; } .no-js .c-offlede__hed, .fonts-loaded .c-offlede__hed { font-size: 24px; } .no-js .c-offlede__hed, .fonts-loaded .c-offlede__hed { font-family: AGaramondPro, "Adobe Garamond Pro", Garamond, Georgia, serif; line-height: 1.125; } .c-offlede__hed-link { color: #000; } .c-offlede__meta { font-weight: 600; font-size: 11px; margin-bottom: 4px; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-ww3 { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } @media (min-width: 576px) { .c-ww3 { border-bottom: 2px solid #000; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 0 16px; text-align: left; } } @media (min-width: 784px) { .c-ww3 { margin: 0; padding-bottom: 24px; } } @media (min-width: 576px) { .c-ww3--no-image { text-align: center; } } .c-ww3__content { -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); padding: 16px; } @media (min-width: 576px) { .c-ww3__content { padding: 0; } } .c-ww3__image { -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); } @media (min-width: 576px) { .c-ww3__image { -ms-flex-preferred-size: calc(41.66667% - 0px); flex-basis: calc(41.66667% - 0px); margin-left: 32px; margin-top: 0; } } @media (min-width: 784px) { .c-ww3__image { -ms-flex-preferred-size: calc(33.33333% - 0px); flex-basis: calc(33.33333% - 0px); } } .c-ww3__kicker { color: #EC1B23; display: block; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase; } @media (min-width: 576px) { .c-ww3__kicker { font-size: 14px; } } @media (min-width: 784px) { .c-ww3__kicker { font-size: 16px; } } .c-ww3__hed { font-size: 32px; line-height: 1.125; margin-bottom: 8px; } @media (min-width: 784px) { .c-ww3__hed { font-size: 40px; } } .c-ww3__dek { margin: 0 auto; } @media (min-width: 576px) { .c-ww3__dek { font-size: 18px; } } @media (min-width: 784px) { .c-ww3__dek { font-size: 20px; } } .c-ww3--no-image .c-ww3__dek { max-width: 850px; } .c-ww3__media { padding-bottom: 56.25%; } @media (min-width: 576px) { .c-ww3__media { padding-bottom: 66.66667%; } } .c-ww3__link { color: #000; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-kicker { color: #e7131a; display: block; font-family: "Goldwyn"; font-size: 14px; font-weight: 400; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 1px; } .c-kicker--module { display: none; } @media (min-width: 576px) { .c-kicker--module { display: block; margin: 0 0 16px; } } .c-kicker--event { color: #e7131a; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-latest { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); background-color: #fff; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 576px) { .c-latest { -webkit-box-shadow: none; box-shadow: none; } } @media (min-width: 576px) { .c-latest { display: block; -ms-flex-preferred-size: auto; flex-basis: auto; float: left; margin-right: 32px; padding: 0; width: calc(66.66667% - 32px); } } @media (min-width: 784px) { .c-latest { padding: 0; } } @media (min-width: 1100px) { .c-latest { -ms-flex-preferred-size: calc(66.66667% - 0px); flex-basis: calc(66.66667% - 0px); float: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0; width: auto; } } .c-latest__heading { font-variant-numeric: lining-nums; font-weight: 400; font-size: 32px; font-family: "Bodoni", Georgia, serif; letter-spacing: 3px; } .no-js .c-latest__heading, .fonts-loaded .c-latest__heading { font-size: 32px; } .no-js .c-latest__heading, .fonts-loaded .c-latest__heading { font-family: "Atlantic Serif", "Atlantic", "Bodoni", Georgia, serif; line-height: 1.125; } .c-latest__hed { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; border-bottom: 1px solid #000; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 16px; padding: 16px 0; } @media (min-width: 576px) { .c-latest__hed { margin: 0 0 20px 0; padding-top: 0; } } .c-latest__link { color: #000; } .c-latest__link--hed { color: #767676; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; margin-bottom: 0; margin-left: auto; text-transform: uppercase; font-weight: 600; } @media (min-width: 784px) { .c-latest__link--hed { margin-right: 0; } } .c-latest__list { padding: 16px; } @media (min-width: 576px) { .c-latest__list { padding: 0; } } .c-latest__list--top { border-bottom: 1px solid #dbdbdb; margin-bottom: 16px; padding-bottom: 16px; } .s-native-latest .ad-loaded { margin-top: 16px; } ._c-homepage-mid-placeholder { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); background-color: #fff; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding: 16px; } @media (min-width: 576px) { ._c-homepage-mid-placeholder { -webkit-box-shadow: none; box-shadow: none; } } ._c-homepage-mid-placeholder:not(:last-child) { margin-bottom: 16px; } @media (min-width: 576px) { ._c-homepage-mid-placeholder { -ms-flex-preferred-size: auto; flex-basis: auto; float: right; padding: 0; width: calc(33.33333% - 0px); } } @media (min-width: 784px) { ._c-homepage-mid-placeholder { padding: 0; } } @media (min-width: 976px) { ._c-homepage-mid-placeholder { -ms-flex-preferred-size: calc(33.33333% - 0px); flex-basis: calc(33.33333% - 0px); float: none; margin-right: 16px; padding: 0; width: auto; } } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-latest__video::before, .c-latest__video::after { content: ''; display: block; margin: 0 auto; width: calc(100% - 32px); } .c-latest__video::before { border-top: 1px solid #dbdbdb; } .c-latest__video::after { border-bottom: 1px solid #dbdbdb; } @media (min-width: 576px) { .c-latest__video { border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; padding: 16px 0; } .c-latest__video::before, .c-latest__video::after { content: normal; } } @media (min-width: 784px) { .c-latest__video { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } } .c-latest-video { display: inline-block; white-space: normal; width: 177px; } .c-latest-video:not(:last-child) { margin-right: 16px; } @media (min-width: 576px) { .c-latest-video { -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); width: auto; } .c-latest-video:nth-child(2) { margin-right: 0; } .c-latest-video:nth-child(n+3) { display: none; } } @media (min-width: 784px) { .c-latest-video { -ms-flex-preferred-size: auto; flex-basis: auto; } .c-latest-video:nth-child(1) { margin-bottom: 8px; margin-right: 0; } } .c-latest-video__list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; padding: 0 16px; } @media (min-width: 576px) { .c-latest-video__list { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } } @media (min-width: 784px) { .c-latest-video__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-latest-video__group { list-style: none; margin-bottom: 16px; max-width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; /* stylelint-disable order/properties-alphabetical-order */ -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; /* stylelint-enable order/properties-alphabetical-order */ } .c-latest-video__group::-webkit-scrollbar-track, .c-latest-video__group::-webkit-scrollbar-thumb, .c-latest-video__group::-webkit-scrollbar { display: none; } @media (min-width: 576px) { .c-latest-video__group { overflow: visible; padding: 0; white-space: normal; } } @media (min-width: 784px) { .c-latest-video__group { -ms-flex-preferred-size: calc(33.33333% - 0px); flex-basis: calc(33.33333% - 0px); } } .c-latest-video__link { color: #000; } .c-latest-video__image { width: 100%; } .c-latest-video__img { color: transparent; width: 100%; } .c-latest-video__img.lazyload, .c-latest-video__img.lazyloading { background-color: #eff2f7; -webkit-transition: background-color 500ms; transition: background-color 500ms; } .c-latest-video__img.lazyloaded { background-color: #fff; } .c-latest-video__link--container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px; position: relative; } .c-latest-video__link--container::before, .c-latest-video__link--container::after { content: ''; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; } .c-latest-video__link--container::before { background-color: rgba(0, 0, 0, 0.57); border: 3px solid #fff; border-radius: 50%; height: 43px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 43px; } .c-latest-video__link--container::after { border-bottom: 10px solid transparent; border-left: 14px solid #fff; border-top: 10px solid transparent; height: 0; -webkit-transform: translateX(2px) translateY(-50%); transform: translateX(2px) translateY(-50%); width: 0; } .c-latest-video__main { margin: 16px; position: relative; } @media (min-width: 576px) { .c-latest-video__main { margin: 0 0 16px; } } @media (min-width: 784px) { .c-latest-video__main { -ms-flex-preferred-size: calc(66.66667% - 0px); flex-basis: calc(66.66667% - 0px); margin-bottom: 0; margin-right: 16px; } } .c-latest-video__hed--main { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000 100%); bottom: 0; font-variant-numeric: lining-nums; font-weight: 900; line-height: 1.1; font-size: 17px; font-family: Georgia, serif; font-variant-numeric: lining-nums; font-weight: 900; left: 0; line-height: 1.25; margin: 0; padding: 8px; position: absolute; width: 100%; } .no-js .c-latest-video__hed--main, .fonts-loaded .c-latest-video__hed--main { font-size: 16px; } .no-js .c-latest-video__hed--main, .fonts-loaded .c-latest-video__hed--main { font-family: "Noe Text", Georgia, serif; line-height: 1.125; } @media (min-width: 576px) { .c-latest-video__hed--main { font-size: 20px; } } @media (min-width: 784px) { .c-latest-video__hed--main { background-image: none; font-size: 24px; padding: 0; position: relative; } } .c-latest-video__link--main { color: #fff; } @media (min-width: 784px) { .c-latest-video__link--main { color: #000; } } .c-latest-video__hed--item { font-variant-numeric: lining-nums; font-weight: 900; line-height: 1.1; font-size: 15px; font-family: Georgia, serif; font-variant-numeric: lining-nums; font-weight: 900; line-height: 1.125; margin: 0; } .no-js .c-latest-video__hed--item, .fonts-loaded .c-latest-video__hed--item { font-size: 14px; } .no-js .c-latest-video__hed--item, .fonts-loaded .c-latest-video__hed--item { font-family: "Noe Text", Georgia, serif; line-height: 1.125; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-magazine { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); background-color: #fff; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 16px; max-height: 554px; max-width: 100%; overflow: hidden; position: relative; } @media (min-width: 576px) { .c-magazine { -webkit-box-shadow: none; box-shadow: none; } } @media (min-width: 576px) { .c-magazine { max-height: 454px; } } @media (min-width: 784px) { .c-magazine { max-height: 557px; } } @media (min-width: 976px) { .c-magazine { max-height: 906px; } } @media (min-width: 1200px) { .c-magazine { max-height: none; } } .c-magazine__image { height: 100%; max-width: 100%; min-width: 100%; } @media (min-width: 576px) { .c-magazine__image { left: 50%; margin-left: -50vw; margin-right: -50vw; max-width: none; position: relative; right: 50%; width: 100vw; } } .c-magazine__img { -o-object-fit: cover; object-fit: cover; width: 100%; } @media (min-width: 576px) { .c-magazine__img { height: auto; } } .c-magazine__container { bottom: 0; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: calc(100% - 32px); } @media (min-width: 784px) { .c-magazine__container { width: 24%; } } .c-magazine__hed { margin: 0 0 16px; } .c-magazine__content { margin: 0 0 16px; } .c-magazine__content:last-child { margin-bottom: 32px; } .c-btn--magazine { background-color: #4AB260; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-transform: uppercase; } .c-magazine__link { color: #000; } .c-magazine__link--attribution { font-style: italic; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ @media (min-width: 576px) { body.js-nav-menu-open { overflow: hidden; } } .c-expanded-nav { background-color: #f7f7f7; padding-bottom: 32px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } @media (max-width: 575px) { .c-expanded-nav { z-index: 101; } } @media (min-width: 576px) { .c-expanded-nav { overflow: scroll; height: calc(100vh - 82px); top: 82px; } .c-expanded-nav.is-slim { top: 151px; } .c-expanded-nav.c-expanded-nav__slim { top: 65px; } } @media (min-width: 976px) { .c-expanded-nav { top: 82px; height: auto; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .c-expanded-nav.is-slim { top: 227px; } .c-expanded-nav.c-expanded-nav__slim { top: 67px; } } .c-expanded-nav__container { padding: 16px; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 16px; max-width: 1080px; margin: 0 auto; } @media (min-width: 576px) { .c-expanded-nav__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; -ms-flex-pack: distribute; justify-content: space-around; } } @media (min-width: 976px) { .c-expanded-nav__container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .c-expanded-nav__container .c-expanded-nav__title { color: #e7131a; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; } .c-expanded-nav__section { margin-bottom: 48px; } .c-expanded-nav__section:last-child { margin-bottom: 0; } @media (min-width: 576px) { .c-expanded-nav__section { margin-bottom: 0; margin-top: 32px; } } @media (min-width: 976px) { .c-expanded-nav__section { margin-top: 0; } } .c-expanded-nav__title-container { text-align: left; margin-bottom: 32px; width: 100%; } .c-expanded-nav-mobile-header { font-size: 12px; margin-bottom: 24px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 976px) { .c-expanded-nav-mobile-header { display: none; } } .c-expanded-nav-mobile-header__container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 24px; padding-bottom: 24px; } .c-expanded-nav-mobile-header__container:last-child { margin-bottom: 0; } .c-expanded-nav-mobile-header__container.c-expanded-nav-mobile-header__container--links { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 576px) { .c-expanded-nav-mobile-header__container.c-expanded-nav-mobile-header__container--links { display: none; } } .c-expanded-nav-mobile-header__icon-container { text-align: center; -ms-flex-preferred-size: calc(33.33333% - 0px); flex-basis: calc(33.33333% - 0px); } @media (min-width: 576px) { .c-expanded-nav-mobile-header__icon-container { -ms-flex-preferred-size: calc(16.66667% - 0px); flex-basis: calc(16.66667% - 0px); } } .c-expanded-nav-mobile-header__icon-container--popular { border-left: 1px solid #000; border-right: 1px solid #000; padding: 2px 0; } .c-expanded-nav-mobile-header__section { color: #000; font-weight: 700; text-transform: uppercase; } .c-expanded-nav-mobile-header__link { color: #000; } .c-expanded-nav-mobile-header__link--subscribe { color: #e7131a; margin-left: 16px; } .c-expanded-nav-crossword { min-height: 261px; } @media (min-width: 576px) { .c-expanded-nav-crossword { margin-right: 16px; border-right: 1px solid #9B9B9B; } } @media (min-width: 576px) and (max-width: 976px) { .c-expanded-nav-crossword { -ms-flex-preferred-size: calc(50% - 16px); flex-basis: calc(50% - 16px); } } @media (min-width: 976px) { .c-expanded-nav-crossword { margin-right: 48px; border: none; } } .c-expanded-nav-crossword__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } @media (min-width: 576px) { .c-expanded-nav-crossword__container { margin-left: -48px; } } .c-expanded-nav-crossword__title-container { margin-bottom: 0; } .c-expanded-nav-crossword__background { background-color: #fff; height: 224px; width: 168px; margin: 0 auto; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 32px; } .c-expanded-nav-crossword__img { height: 200px; width: 266px; max-width: none; position: relative; z-index: 3000000; } .c-expanded-nav-crossword__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: 1px solid #000; border-radius: 4px; cursor: pointer; font-size: 14px; height: 40px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -40px; width: 136px; } @media (min-width: 976px) { .c-expanded-nav-sections { -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); } } @media (min-width: 1200px) { .c-expanded-nav-sections { -ms-flex-preferred-size: calc(58.33333% - 0px); flex-basis: calc(58.33333% - 0px); } } .c-expanded-nav-sections__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; } @media (min-width: 576px) { .c-expanded-nav-sections__list { padding-bottom: 48px; border-bottom: 1px solid #9B9B9B; } } @media (min-width: 976px) { .c-expanded-nav-sections__list { border: none; } } .c-expanded-nav-sections__title { margin-bottom: 32px; } .c-expanded-nav-sections__item { margin-bottom: 24px; -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); } .c-expanded-nav-sections__item:last-child { margin-bottom: 0; } @media (min-width: 576px) { .c-expanded-nav-sections__item { margin-right: 24px; -ms-flex-preferred-size: calc(33.33333% - 24px); flex-basis: calc(33.33333% - 24px); } } @media (min-width: 784px) { .c-expanded-nav-sections__item { margin-right: 24px; -ms-flex-preferred-size: calc(25% - 24px); flex-basis: calc(25% - 24px); } } @media (min-width: 976px) { .c-expanded-nav-sections__item { margin-right: 24px; -ms-flex-preferred-size: calc(33.33333% - 24px); flex-basis: calc(33.33333% - 24px); } } .c-expanded-nav-print { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 576px) and (max-width: 976px) { .c-expanded-nav-print { -ms-flex-preferred-size: calc(50% - 16px); flex-basis: calc(50% - 16px); } } .c-expanded-nav-print__container { width: 100%; text-align: center; } @media (min-width: 976px) { .c-expanded-nav-print__container { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; } } .c-expanded-nav-print__text { margin: 0; } @media (min-width: 576px) { .c-expanded-nav-print__text { margin-bottom: 24px; } } .c-expanded-nav-print__link { display: block; white-space: nowrap; color: #000; } .c-expanded-nav-print__link:hover { text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; color: #5e6a74; } @media (min-width: 576px) { .c-expanded-nav-print__link { margin-bottom: 24px; } } .c-expanded-nav-print__link--gift { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: 1px solid #000; border-radius: 4px; height: 40px; width: 136px; padding: 0; cursor: pointer; } @media (min-width: 976px) { .c-expanded-nav-print__link--gift { display: block; border: none; border-radius: none; height: auto; width: auto; white-space: nowrap; color: #000; } .c-expanded-nav-print__link--gift:hover { text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; color: #5e6a74; } } .c-expanded-nav-print__img { -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); height: 224px; width: 168px; min-width: 168px; } .c-expanded-nav-print__img-link { cursor: pointer; } @media (min-width: 976px) { .c-expanded-nav-print__img-link { margin-right: 16px; } } .c-expanded-nav-print__link--latest { padding-right: 16px; margin-right: 16px; border-right: 1px solid #000; } @media (min-width: 976px) { .c-expanded-nav-print__link--latest { margin-right: 0; padding-right: 0; border: none; } } .c-expanded-nav-print__issues { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #000; padding: 16px 0 48px; margin-bottom: 32px; } @media (min-width: 576px) { .c-expanded-nav-print__issues { padding-bottom: 0; margin-bottom: 24px; } } @media (min-width: 976px) { .c-expanded-nav-print__issues { border-bottom: none; display: block; text-align: left; padding: 0; } .c-expanded-nav-print__issues::after { background-color: #e7131a; content: ''; display: block; height: 1px; width: 39px; } } @media (min-width: 576px) { .c-expanded-nav-print__bottom-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 976px) { .c-expanded-nav-print__bottom-container { display: block; } } /* stylelint-disable max-nesting-depth */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { display: inline-block; cursor: pointer; position: relative; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #e7131a; } .hamburger-box { width: 20px; height: 15px; display: inline-block; position: relative; overflow: hidden; } .hamburger-inner { display: block; top: 50%; margin-top: -0.5px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 20px; height: 1px; background-color: #000; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ''; display: block; } .hamburger-inner::before { top: -7px; } .hamburger-inner::after { bottom: -7px; } /* * Spin */ .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .c-nav { background: #fff; max-width: 100%; z-index: 5000000; padding: 16px 0 0 0; position: relative; } @media (min-width: 576px) { .c-nav { padding: 0; position: -webkit-sticky; position: sticky; top: -89px; } .c-nav.c-nav--slim { top: 0; border-bottom: 1px solid #9B9B9B; } } @media (min-width: 976px) { .c-nav { top: -164px; } } .c-nav.is-expanded { background-color: #f7f7f7; } .c-nav.legacy { top: 0; } .c-nav__container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1280px; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 12px; } @media (min-width: 576px) { .c-nav__container { font-size: 14px; } } @media (min-width: 576px) { .c-nav__container::before { content: ' '; width: 100%; height: 4px; background-color: #000; position: fixed; top: 0; left: 0; z-index: 6000000; } } .c-nav__list { padding: 0; margin: 0; } .c-nav__item--lacroix { list-style: none; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; margin: 0 16px; white-space: nowrap; } .c-nav__button { background: none; border: none; z-index: 102; } .c-nav__list--menu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; top: 12px; width: 25%; margin-left: 16px; } @media (min-width: 576px) { .c-nav__list--menu { height: 40px; margin-top: 12px; -webkit-transition: margin-top 500ms; transition: margin-top 500ms; } .c-nav__list--menu.c-nav__list--menu--sticky { margin-top: 100px; } .c-nav__list--menu.c-nav__list--menu--slim { margin-top: 12px; } } @media (min-width: 976px) { .c-nav__list--menu { margin-top: 40px; } .c-nav__list--menu.c-nav__list--menu--sticky { margin-top: 174px; } } @media (min-width: 1280px) { .c-nav__list--menu { margin-left: 0; } } .c-nav__menu--lacroix { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0; z-index: 5000000; } @media (max-width: 575px) { .nav-open .c-nav__menu--lacroix { z-index: 0; } } .c-nav__search-icon--lacroix { width: 16px; height: 16px; } .c-nav__list--logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30%; z-index: 5000001; } @media (min-width: 576px) { .c-nav__list--logos { padding: 8px 0 20px; } } @media (min-width: 976px) { .c-nav__list--logos { padding: 24px 0 20px; } } .c-nav__list--logos.c-nav__list--logos--slim { padding: 0 0 20px; } @media (min-width: 576px) { .c-nav__list--logos.c-nav__list--logos--slim .c-nav__big-a { display: none; } } .c-nav.is-expanded .c-nav__list--logos { visibility: hidden; opacity: 0; } @media (min-width: 576px) { .c-nav.is-expanded .c-nav__list--logos--slim { visibility: visible; opacity: 1; } } .c-nav.is-expanded .c-nav__wordmark--lacroix { background-color: #f7f7f7; } .c-nav__list--accounts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 25%; top: 12px; margin-right: 16px; } @media (min-width: 576px) { .c-nav__list--accounts { position: -webkit-sticky; position: sticky; height: 40px; } } @media (min-width: 976px) { .c-nav__list--accounts { margin-top: 40px; } .c-nav__list--accounts.c-nav__list--accounts--slim { margin-top: 12px; } } @media (min-width: 1280px) { .c-nav__list--accounts { margin-right: 0; } } /* decorative lines that appear on either side of the big red A */ .c-nav__before { content: ''; background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(46%, #000), color-stop(51%, transparent)); background-image: linear-gradient(to top, #000 0%, #000 46%, transparent 51%); background-size: 100% 1px; background-repeat: no-repeat; height: 1px; position: relative; top: 32px; width: 100%; } @media (min-width: 576px) { .c-nav__before { position: -webkit-sticky; position: sticky; top: calc((118px + 8px) / 2); } .c-nav__before.c-nav__before--slim { display: none; } } @media (min-width: 976px) { .c-nav__before { top: calc((227px + 16px) / 2); } } .c-nav__before.c-nav__before--cineflex { position: absolute; } .c-nav__big-a { padding: 0 32px; background-color: #fff; } .c-nav__wordmark--lacroix { line-height: 1.25; } @media (min-width: 976px) { .c-nav__wordmark--lacroix { background-color: #fff; } } .c-nav__big-a-icon--lacroix { width: 29px; height: 44px; fill: #e7131a; } @media (min-width: 576px) { .c-nav__big-a-icon--lacroix { width: 50px; height: 77px; } } @media (min-width: 976px) { .c-nav__big-a-icon--lacroix { width: 89px; height: 135px; } } .c-nav__atlantic-wordmark--lacroix { width: 110px; height: 18px; margin-top: 4px; } @media (min-width: 576px) { .c-nav__atlantic-wordmark--lacroix { width: 136px; height: 21px; margin-top: 20px; } } @media (min-width: 976px) { .c-nav__atlantic-wordmark--lacroix { width: 175px; height: 27px; margin-top: 16px; } } .c-nav__subscribe--lacroix { margin-right: 0; } .c-nav__subscribe-link--lacroix { color: #e7131a; } .c-nav__subscribe-link--lacroix:hover { color: #b80f15; } @media (min-width: 976px) { .c-nav__subscribe-link--lacroix { color: #fff; background-color: #e7131a; border: 1px solid #d0021b; border-radius: 4px; padding: 10px 18px 11px; } .c-nav__subscribe-link--lacroix:hover { color: #fff; background-color: #cf1117; } } .c-nav__search--lacroix, .c-nav__popular--lacroix, .c-nav__latest--lacroix { display: none; } @media (min-width: 976px) { .c-nav__search--lacroix, .c-nav__popular--lacroix, .c-nav__latest--lacroix { display: -webkit-box; display: -ms-flexbox; display: flex; } } .c-nav__item--small-a { display: none; } .c-nav__item--small-a .c-nav__small-a-icon--lacroix { width: 26px; height: 40px; fill: #e7131a; } @media (min-width: 576px) { .c-nav__item--small-a--displayed { display: block; margin: 0 32px 0 0; } } .c-nav__latest--lacroix, .c-nav__popular--lacroix { -webkit-transition: opacity 0.33s; transition: opacity 0.33s; } .c-nav__latest--lacroix.is-hidden, .c-nav__popular--lacroix.is-hidden { opacity: 0; -ms-flex-negative: 1; flex-shrink: 1; } .c-nav__signin--lacroix { display: none; } @media (min-width: 576px) { .c-nav__signin--lacroix { display: -webkit-box; display: -ms-flexbox; display: flex; } } /* stylelint-disable max-nesting-depth */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { display: inline-block; cursor: pointer; position: relative; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #e7131a; } .hamburger-box { width: 20px; height: 15px; display: inline-block; position: relative; overflow: hidden; } .hamburger-inner { display: block; top: 50%; margin-top: -0.5px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 20px; height: 1px; background-color: #000; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ''; display: block; } .hamburger-inner::before { top: -7px; } .hamburger-inner::after { bottom: -7px; } /* * Spin */ .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-search__container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; right: 0; width: 362px; z-index: 999; } .c-search__container__container { display: none; opacity: 0; overflow: hidden; -webkit-transition: width 0.33s; transition: width 0.33s; width: 0; height: 30px; z-index: 5000000; } @media (min-width: 576px) { .c-search__container__container { display: none; } } @media (min-width: 784px) { .c-search__container__container { display: block; } } .c-search__container__container.is-open { width: 362px; right: 0; height: auto; opacity: 1; } .c-search__container__container.is-overflowing { overflow: visible; } .c-search { border: 1px solid #c7c7c7; border-radius: 2px; color: #000; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; margin-bottom: 24px; padding: 16px 8px; -webkit-transition: opacity 0.33s; transition: opacity 0.33s; width: 100%; letter-spacing: 0.25px; } .c-search::-webkit-input-placeholder { color: #767676; font-weight: 400; } .c-search:-ms-input-placeholder { color: #767676; font-weight: 400; } .c-search::-ms-input-placeholder { color: #767676; font-weight: 400; } .c-search::placeholder { color: #767676; font-weight: 400; } @media (min-width: 576px) { .c-search { background-color: #fff; border: 1px solid #c7c7c7; color: #000; margin-bottom: 24px; padding: 16px 8px; } } @media (min-width: 784px) { .c-search { border: none; color: #999; margin-bottom: 0; padding: 8px 8px 8px 32px; } } .c-search__icon { fill: #000; height: 16px; width: 16px; } .c-search__open { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; margin-top: 1px; -webkit-transition: margin-left 0.33s; transition: margin-left 0.33s; z-index: 999; } .c-search__open .c-search__icon, .c-search__close .c-search__icon { -webkit-transition: fill 0.3s; transition: fill 0.3s; } .c-search__open:active .c-search__icon, .c-search__open:focus .c-search__icon, .c-search__close:active .c-search__icon, .c-search__close:focus .c-search__icon { fill: #999999; } .c-search__open:hover .c-search__icon, .c-search__close:hover .c-search__icon { fill: #b3b3b3; } .c-search__close .c-search__icon { margin-left: 8px; margin-right: 8px; stroke: #fff; stroke-width: 1px; } .c-search__menu.c-menu { border-radius: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; top: 34px; width: 100%; display: none; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5); } .c-search__menu.c-menu::before { content: none; } .c-search__menu.c-menu .c-menu__section { padding: 32px; } .js-search-container.is-open .c-search__menu.c-menu { display: block; } .c-overlay { background-color: #000; display: block; height: 100%; left: 0; opacity: 0.35; position: fixed; top: 0; -webkit-transition: opacity 0.33s; transition: opacity 0.33s; width: 100%; z-index: 100; } .c-overlay.is-hidden { opacity: 0; pointer-events: none; } .c-search__container--mobile { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 576px) { .c-search__container--mobile { display: block; } } @media (min-width: 976px) { .c-search__container--mobile { display: none; } } .c-search__icon--inline--mobile { fill: #000; position: absolute; left: 0; top: 16px; } .c-search__form { width: 100%; display: none; } .is-open .c-search__form { display: block; } .c-search__submit { border-top-left-radius: 2px; border-bottom-left-radius: 2px; border: none; height: 100%; position: absolute; top: 0; width: 24px; visibility: hidden; } .c-search__submit--mobile { border-top-right-radius: 2px; border-bottom-right-radius: 2px; left: 0; width: 32px; z-index: 5000000; } .c-search__form--mobile { border-bottom: 1px solid #000; margin-bottom: 32px; position: relative; } .c-search--mobile { background-color: #f7f7f7; border: 0; border-radius: 2px; color: #000; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 16px; margin-bottom: 0; opacity: 1; padding: 16px 24px 32px 32px; width: 100%; } .c-search--mobile::-webkit-input-placeholder { color: #767676; } .c-search--mobile:-ms-input-placeholder { color: #767676; } .c-search--mobile::-ms-input-placeholder { color: #767676; } .c-search--mobile::placeholder { color: #767676; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-footer { font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; background-color: #000; color: #fff; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; padding: 0 16px 32px; } .no-js .c-footer, .fonts-loaded .c-footer { font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; } .c-footer.lazyloaded { opacity: 1; } @media (min-width: 784px) { .c-footer { font-size: 14px; padding: 32px 32px 48px; } } .c-footer__container { margin: 0 auto; max-width: 1036px; } .c-footer__nav--top { margin-bottom: 32px; } @media (min-width: 784px) { .c-footer__nav--top { border-bottom: 1px solid #fff; margin-bottom: 16px; padding-bottom: 32px; } } .c-footer__nav--bottom { font-size: 10px; letter-spacing: 0.25px; } .c-footer__section { border-bottom: 1px solid #fff; } @media (min-width: 784px) { .c-footer__section { border-bottom: 0; } } .c-footer__section-title { font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; letter-spacing: 0.5px; padding: 24px 0; text-transform: uppercase; } .c-footer__section-title::after { border-color: #fff; border-style: solid; border-width: 0 0 1px 1px; content: ''; height: 8px; margin-right: 4px; -webkit-transform: rotateX(0) rotateZ(-45deg); transform: rotateX(0) rotateZ(-45deg); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: -webkit-transform 500ms linear; transition: -webkit-transform 500ms linear; transition: transform 500ms linear; transition: transform 500ms linear, -webkit-transform 500ms linear; width: 8px; } @media (min-width: 784px) { .c-footer__section-title::after { content: normal; } } .no-js .c-footer__section-title::after { -webkit-transform: rotateX(180deg) rotateZ(-45deg); transform: rotateX(180deg) rotateZ(-45deg); } @media (min-width: 784px) { .c-footer__section-title { font-size: 12px; cursor: auto; margin-bottom: 16px; padding: 0; } } .c-footer__section-title.is-open::after { -webkit-transform: rotateX(180deg) rotateZ(-45deg); transform: rotateX(180deg) rotateZ(-45deg); -webkit-transition: -webkit-transform 250ms linear; transition: -webkit-transform 250ms linear; transition: transform 250ms linear; transition: transform 250ms linear, -webkit-transform 250ms linear; } .c-footer__section-title.is-open + .c-footer__secondary { max-height: 300px; -webkit-transition: max-height 500ms linear; transition: max-height 500ms linear; } .c-footer__secondary { max-height: 0; overflow: hidden; -webkit-transition: max-height 250ms linear; transition: max-height 250ms linear; } @media (min-width: 784px) { .c-footer__secondary { max-height: none; } } .no-js .c-footer__secondary { max-height: none; } .c-footer__list { list-style: none; margin: 0; padding: 0; } @media (min-width: 784px) { .c-footer__list--top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .c-footer__list--secondary { margin: 0 16px 24px; } @media (min-width: 784px) { .c-footer__list--secondary { margin: 0; } } .c-footer__list--follow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-footer__list--follow:not(:last-child) { margin-bottom: 24px; } .c-footer__item { line-height: 1.25; } .c-footer__item--top:not(:last-child) { margin-bottom: 16px; } .c-footer__item--bottom { display: inline-block; margin-bottom: 8px; line-height: 1.125; } .c-footer__item--bottom:not(:last-child) { border-right: 1px solid #fff; margin-right: 8px; padding-right: 8px; } .c-footer__item--follow:not(:last-child) { margin-right: 24px; } .c-footer__link { color: #fff; fill: #fff; } .c-footer__link:hover { color: #5e6a74; fill: #5e6a74; } .c-footer__bottom { text-align: center; } @media (min-width: 1200px) { .c-footer__bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: left; } } .c-footer__bottom-info { margin: 0 0 32px; } @media (min-width: 1200px) { .c-footer__bottom-info { margin: 0; } } .c-footer__copyright { font-size: 10px; margin: 0; } .c-footer__logo { height: 32px; margin: 0 auto; } @media (min-width: 1200px) { .c-footer__logo { margin: 0; } } .c-footer__icon { height: 16px; width: 16px; } .c-nav__atlantic-wordmark--lacroix svg { fill: #fff; } .c-footer__logo-image { fill: #fff; width: 136px; height: 22px; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-logo { fill: #fff; } .c-logo:hover { fill: #5e6a74; } .c-logo--nav { width: 82px; } .c-logo--nav { -webkit-transition: fill 0.1s; transition: fill 0.1s; } .c-logo--nav:active, .c-logo--nav:focus { fill: #999999; } .c-logo--nav:hover { text-decoration: none; -webkit-transition: fill 0.3s; transition: fill 0.3s; fill: #b3b3b3; } /* Gulp b2b must be run in order for changes to this file to be relected in breakpoints.json. This task is part of the build and also can be run independently */ .c-menu { background-color: #f7f7f7; border-top: 1px solid #999; border-radius: 4px; display: block; font-size: 16px; height: auto; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 210px; } @media (min-width: 976px) { .c-menu { background-color: #fff; } .c-menu::before, .c-menu::after { content: ''; height: 18px; left: 0; position: absolute; } .c-menu::before { background: #fff; border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; margin: 0 auto; right: 0; top: -10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 18px; } .c-menu::after { background: transparent; top: -18px; width: 100%; } } .c-menu--expandable { opacity: 0; -webkit-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: opacity 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, opacity 0.1s ease-in-out; transition: transform 0.2s ease-in-out, opacity 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out; } .c-menu--expandable.is-open { opacity: 1; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); height: 100%; top: 0; width: 100%; z-index: 6000000; } .c-menu__title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-weight: 600; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; letter-spacing: 0.4px; margin: 0; padding: 16px 32px; } @media (min-width: 576px) { .c-menu__title { display: none; } } .c-menu__title--secondary { color: #e7131a; display: block; font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin: 0 0 28px; padding: 0; text-transform: uppercase; } .c-menu__title--subscribe { font-size: 20px; } @media (min-width: 576px) { .c-menu__title--subscribe { font-size: 16px; } } .c-menu__name { color: #000; text-transform: uppercase; } .c-menu__section { border-top: 1px solid #dbdbdb; padding: 20px 32px; text-align: left; } @media (min-width: 576px) { .c-menu__section { padding: 16px 24px; } } @media (min-width: 576px) { .c-menu__section:first-of-type { border: none; } } .c-menu__section--secondary { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 576px) { .c-menu__section--secondary { padding-top: 8px; } .c-menu__section--secondary:not(:last-child) { padding-bottom: 8px; } } .c-menu__section--tertiary { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 576px) { .c-menu__section--tertiary:last-of-type { padding-bottom: 16px; } } .c-menu--subscribe { border-radius: 0; top: 0; width: 100%; } @media (min-width: 576px) { .c-menu--subscribe { border-radius: 4px; top: calc(100% + 6px); width: 210px; } } .c-menu__section--subscribe { text-transform: none; } .c-menu__list { list-style: none; margin: 0; padding: 0; font-size: 14px; f
URL
GET https://www.theatlantic.com/
Response Headers
Accept-Ranges:bytesContent-Length:0Date:Mon, 08 Aug 2022 21:55:53 GMTLocation:/world/Retry-After:0Server:VarnishSet-Cookie:atltestbucketv1=3; Domain=.theatlantic.com; Path=/; Max-Age=7776000State:HIT-SYNTHVia:1.1 varnishX-Cache:HITX-Cache-Hits:0X-Is-Gdpr:0X-Served-By:cache-sea4441-SEAX-Timer:S1659995754.712943,VS0,VE0
Response Body
Empty body
Resolver
Resolver ASN
AS38077
Resolver IP
180.189.160.188
Resolver Network Name
Timor Telecom, SA
Measurement UID
20220808215642.309209_TL_webconnectivity_aae9632ec7356be9
Report ID
20220808T212101Z_webconnectivity_TL_38077_n1_hoQv55gWyXBb0a7y
Platform
windows
Software Name
ooniprobe-desktop-unattended (3.14.1)
Measurement Engine
ooniprobe-engine (3.14.1)