CINXE.COM

<!doctype html> <html lang="en" data-n-head-ssr> <head > <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2,minimal-ui"> <script>window.lg_static = true</script> <link rel="preconnect" href="https://cdn.permutive.com" crossorigin="anonymous"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="anonymous"> <link rel="preconnect" href="https://reve.leafmedia.io" crossorigin="anonymous"> <link rel="preconnect" href="https://img.techwallacdn.com/" crossorigin="anonymous"> <link rel="shortcut icon" href="/favicon.ico">  <script vmid="gtm-initial-objects">window.lg=window.lg||{},window.lg.gtmId="GTM-KN4LVG",window.lg.testpool="default"</script> <script vmid="setup-script">window.dataLayer=window.dataLayer||[],window.lg=window.lg||{},window.lg.testpool=window.lg.testpool||"default",window.lg.utils=window.lg.utils||{meta:{},createUUID(){var e=Math.pow(10,10);return Math.floor(Math.random()*e)+"."+Math.floor(Math.random()*e)},getPublisherProvidedID(){var e="PublisherProvidedID";let t=window.sessionStorage.getItem(e);return t||(t=this.createUUID(),window.sessionStorage.setItem(e,t)),t},getUserMetaData(){var e=!!(t=window.localStorage.getItem("lgUser")),t=e?JSON.parse(t):"";t=e?t.slug:"";return{lg_uuid:this.getPublisherProvidedID(),logged_in:e,experiment:window.lg.testpool,user_id:t}}}</script> <script vmid="dfp-google-tag">window.dataLayer=window.dataLayer||[],window.googletag={cmd:[]},window.dfpOptions={infiniteScroll:{hasFetchedDFP:!1,slugs:[]},email:{options:{},set:!1,empty:null}},window.addDfpInfiniteScrollArticles=(i=[])=>{window.dfpOptions.infiniteScroll.slugs=i,window.dfpOptions.infiniteScroll.hasFetchedDFP=!0},window.populateMarketingSlider=(i={})=>{window.dfpOptions.email.options=i,window.dfpOptions.email.set=!0},window.googletag.cmd.push(()=>{window.googletag.pubads().addEventListener("slotRenderEnded",i=>{"emailslider1-1"===i.slot.getSlotElementId()&&(i.isEmpty?window.dfpOptions.email.empty=!0:window.dfpOptions.email.empty=!1)})})</script>  <script vmid="web-vitals" data-hid="web-vitals" src="https://unpkg.com/web-vitals@3.5.0/dist/web-vitals.iife.js" defer></script> <script>function sendVitalsToDataLayer(a){return function(e){const t=["LCP","TTFB","FCP"].includes(a)?1:1e3,s=Math.round(e.value*t);window.dataLayer.push({event:"web vitals "+a,vitals:s}),window.dataLayer.push({event:"web_vitals",webVitals:{type:a,value:s}})}}window.addEventListener("DOMContentLoaded",(function(){try{webVitals.getCLS(sendVitalsToDataLayer("CLS")),webVitals.getFID(sendVitalsToDataLayer("FID")),webVitals.getINP(sendVitalsToDataLayer("INP")),webVitals.getLCP(sendVitalsToDataLayer("LCP")),webVitals.getFCP(sendVitalsToDataLayer("FCP")),webVitals.getTTFB(sendVitalsToDataLayer("TTFB"))}catch(a){console.log("web vitals is not available")}}))</script>  <script>100*Math.random()<5?(!function(n,e,t,i,a,s,u){n.InstanaEumObject=a,n[a]=n[a]||function(){(n[a].q=n[a].q||[]).push(arguments)},n[a].l=1*new Date,s=e.createElement(t),u=e.getElementsByTagName(t)[0],s.async=1,s.src="https://eum.instana.io/eum.min.js",u.parentNode.insertBefore(s,u)}(window,document,"script",0,"ineum"),function(n,e,t,i){n[e]||(n[e]=t,(i=n[t]=function(){i.q.push(arguments)}).q=[],i.v=2,i.l=1*new Date)}(window,"InstanaEumObject","ineum"),ineum("reportingUrl","https://eum-red-saas.instana.io"),ineum("key","-2q6lR22TEKHFQk2kgDMtg"),ineum("trackSessions"),ineum("ignoreUrls",[/(localhost|cm\\d\\d\\d\\d).*/])):window.ineum=function(){}</script> <script vmid="reve-script">window.reve=window.reve||{},window.reve.cmd=window.reve.cmd||[];const createUUID=()=>{const e=Math.pow(10,10);return`${Math.floor(Math.random()*e)}.${Math.floor(Math.random()*e)}`},getPublisherProvidedID=()=>{let e=window.sessionStorage.getItem("PublisherProvidedID");return e||(e=createUUID(),window.sessionStorage.setItem("PublisherProvidedID",e)),e},enableYieldManager=Boolean("true");function loadReve(){if(enableYieldManager)return;const e=document.querySelector("#app");if(!window.lg||!e)return;if(window.REVE_LOADED)return;window.REVE_LOADED=!0,console.info("AD MANAGER - Loading Reve Script");const n=void 0===window._reveConfig?{}:window._reveConfig.dfpData||{};n.lg_uuid=getPublisherProvidedID(),n.experiment=window.lg.testpool,window.reve.cmd.push(()=>{window.reve.setState("gptTargeting",n),window.reve.setState("permutiveTargeting",window._reveConfig.permutiveData)});const r=document.createElement("script");r.src="https://reve.leafmedia.io/techwalla.js",r.defer=!0,r.setAttribute("vmid","reve-site-script"),r.setAttribute("hid","reve-site-script"),document.head.appendChild(r)}function loadAssertiveYield(){if(!enableYieldManager||window.AY_LOADED)return;window.AY_LOADED=!0,console.info("AD MANAGER - Loading AY Yield Manager Script");const e=document.createElement("script");e.src="https://9Ko99wFpDwCm3nYzR.ay.delivery/manager/9Ko99wFpDwCm3nYzR",e.referrerpolicy="no-referrer-when-downgrade",document.head.appendChild(e)}console.info("AD MANAGER - enableYieldManager: ",enableYieldManager),window.loadReve=loadReve,window.addEventListener("DOMContentLoaded",()=>{loadReve()}),loadAssertiveYield()</script>  <title>How to Fix a Deep Scratch on a Computer Screen | Techwalla</title><meta data-n-head="ssr" property="og:site_name" content="Techwalla"><meta data-n-head="ssr" property="fb:app_id" content="1578283302422712"><meta data-n-head="ssr" property="fb:pages" content="1116406528374498"><meta data-n-head="ssr" name="twitter:site" content="@techwalla"><meta data-n-head="ssr" name="twitter:card" content="summary_large_image"><meta data-n-head="ssr" name="twitter:title" content="How to Fix a Deep Scratch on a Computer Screen | Techwalla"><meta data-n-head="ssr" name="twitter:description" content="Deep scratches in your computer screen can be distracting and irritating, but rather than buy a new monitor, you can try repairing the current one. Lighter scratches may be removed using a pencil eraser or rubbing alcohol, but deeper scratches require a substance that can sink all the way into the surface."><meta data-n-head="ssr" name="description" content="Deep scratches in your computer screen can be distracting and irritating, but rather than buy a new monitor, you can try repairing the current one. Lighter scratches may be removed using a pencil eraser or rubbing alcohol, but deeper scratches require a substance that can sink all the way into the surface."><meta data-n-head="ssr" name="author_image" content="http://s3.amazonaws.com/cme_public_images/www_demandstudios_com/sitelife.studiod.com/ver1.0/Content/images/store/4/4/447bba44-2d90-43c1-94ce-57875d30230a.Small.jpg"><meta data-n-head="ssr" property="og:description" content="Deep scratches in your computer screen can be distracting and irritating, but rather than buy a new monitor, you can try repairing the current one. Lighter scratches may be removed using a pencil eraser or rubbing alcohol, but deeper scratches require a substance that can sink all the way into the surface."><meta data-n-head="ssr" property="og:url" content="https://www.techwalla.com/how-to-fix-a-deep-scratch-on-a-computer-screen.html"><meta data-n-head="ssr" property="og:title" content="How to Fix a Deep Scratch on a Computer Screen | Techwalla"><meta data-n-head="ssr" property="og:type" content="article"><meta data-n-head="ssr" name="robots" content="max-image-preview:large"><meta data-n-head="ssr" property="og:image" content="https://img.techwallacdn.com/640/photos.demandstudios.com/getty/article/178/120/86493077.jpg"><meta data-n-head="ssr" name="twitter:image" content="https://img.techwallacdn.com/640/photos.demandstudios.com/getty/article/178/120/86493077.jpg"><meta data-n-head="ssr" name="twitter:image:alt" content="Laptop computer"><link data-n-head="ssr" vmid="canonical-url" rel="canonical" href="https://www.techwalla.com/how-to-fix-a-deep-scratch-on-a-computer-screen.html"><link data-n-head="ssr" rel="preload" media="(min-width: 500px)" imagesrcset="https://img.techwallacdn.com/630x/photos.demandstudios.com/getty/article/178/120/86493077.jpg?type=webp" fetchpriority="high" as="image"><link data-n-head="ssr" rel="preload" media="(max-width: 499.99px)" imagesrcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/178/120/86493077.jpg?type=webp" fetchpriority="high" as="image"><script data-n-head="ssr" type="text/javascript">window.lg.gtmData = {"user_id":"","adcat1":"technology_computing","adcat2":"hardware","adcat3":"computer","adcat4":"","topic1":[],"topic2":[],"topic3":[],"tags":["configurabletemplate"],"content_name":"How to Fix a Deep Scratch on a Computer Screen","studioid":"0cd150c8-50e3-4c8c-89e6-b4162cb69c89","article_id":13552830,"pagetype":"article","subpagetype":"article","published":"2019-11-01T17:45:43.464406+00:00","updated":"2019-11-01T17:45:43.464406+00:00","author":"Katherine Johnson","scroll":0,"category":"Tech Support","subcategory":"How To","subsubcat":"","source":"NC","partner":"non-branded","partner_campaign":"no-campaign"};</script><script vmid="gtm-script" data-hid="gtm-script" type="text/javascript"> ((onceName) => { if (window._bedrock && window._bedrock[onceName]) { return } else if (!window._bedrock) { window._bedrock = {} } function initGTMOnEvent(event) { initGTM(); event.currentTarget.removeEventListener(event.type, initGTMOnEvent); } function initGTM() { if (window.gtmDidInit) { return false; } window.gtmDidInit = true; if (!window.lg.gtmId) { console.error('GTM ID is not defined') } function pushNetworkInfo(obj) { window.dataLayer.push({ gtmLoadTime: obj.gtmLoadTime, gtmSpeed: obj.gtmSpeed, }) } if (window.lg.gtmData) { window.lg.speedTracking = { gtmLoadTime: null, gtmSpeed: null, } window.lg.utils.meta = window.lg.utils.getUserMetaData() Object.keys(window.lg.utils.meta).forEach(function (key) { const value = window.lg.utils.meta[key] window.lg.gtmData[key] = value }) // when gtm loads, it will fire whatever is in dataLayer window.dataLayer.push(window.lg.gtmData) const gtmSpeedRanges = [ [500, '0-500'], [1000, '501-1000'], [1500, '1001-1500'], [2000, '1501-2000'], [2500, '2001-2500'], [Infinity, '2500-'], ] // Load GTM as speed detection ;(function (w, d, s, l, i) { // disable gtm script load if query param exists const searchParams = new URLSearchParams(window.location.search) const gtm = searchParams.get('gtm') if (gtm == 'false') { return } let timeStart let timeDiff const randomQuery = Date.now() + (Math.random() * 1e8).toFixed() w[l] = w[l] || [] w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js', }) const f = d.getElementsByTagName(s)[0] const j = d.createElement(s) const dl = l != 'dataLayer' ? `&l=${l}` : '' j.async = true j.src = `https://www.googletagmanager.com/gtm.js?id=${i}${dl}&rand=${randomQuery}` j.onload = function (evt) { let gtmSpeed // for some reason this is 2 ~ 4 times larger than Chrome's network activity timing // this fires after execution timeDiff = Math.round(performance.now() - timeStart) // todo: move functionality out of this method for (let i = 0; i < gtmSpeedRanges.length; i++) { const item = gtmSpeedRanges[i] if (timeDiff < item[0]) { gtmSpeed = item[1] break } } window.lg.speedTracking.gtmLoadTime = parseInt(timeDiff, 10) window.lg.speedTracking.gtmSpeed = gtmSpeed pushNetworkInfo(window.lg.speedTracking) } j.onerror = function () { pushNetworkInfo(window.lg.speedTracking) } f.parentNode.insertBefore(j, f) timeStart = performance.now() })(window, document, 'script', 'dataLayer', window.lg.gtmId) // the id should be dynamically injected when moved to Fundation } } // fallback pages can already have DOMContentLoaded fired when this code is executed if (document.readyState === 'loading') { document.addEventListener("DOMContentLoaded", () => { false ? setTimeout(initGTM, 3500) : initGTM() }); } else { false ? setTimeout(initGTM, 3500) : initGTM() }; document.addEventListener("scroll", initGTMOnEvent); document.addEventListener("mousemove", initGTMOnEvent); document.addEventListener("touchstart", initGTMOnEvent); window._bedrock[onceName] = true })("gtm-script") </script><script data-n-head="ssr" data-hid="sailthru-script" src="https://ak.sail-horizon.com/spm/spm.v1.min.js" defer onload="this.__vm_l=1"></script><script data-n-head="ssr" src="https://www.google.com/adsense/search/ads.js" async></script><script data-n-head="ssr" type="text/javascript" charset="utf-8">(function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(arguments)},g[o]['t']=1*new Date})(window,'_googCsa');</script><script data-n-head="ssr" type="application/ld+json">{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.techwalla.com/tech-support","name":"Tech Support"}},{"@type":"ListItem","position":2,"item":{"@id":"https://www.techwalla.com/how-to","name":"How To"}}]}</script><script src="https://widgets.leafmedia.io/load.js" type="text/javascript" vmid="article-widget-id" data-hid="article-widget-id" defer async></script><style data-vue-ssr-id="8745248a:0 4d29858a:0 061e68bd:0 dc8f957a:0 1f0ff6d1:0 2aa2208b:0 8be7146a:0 5a4d2672:0 6cdcf6e9:0 32009153:0 4862b07a:0 bcba1166:0 7014980b:0 11ee35d6:0 5d23ac54:0 50bae281:0 d8fbae2a:0 422d3aaa:0 a26f7194:0 80350af8:0 281e2c94:0 0b589d5c:0 0c123658:0 48ad8037:0 3a03971d:0 16706e44:0 3694c8c5:0 5246473d:0 77b34f5a:0 b1e9b4c2:0 12553afc:0 2482b490:0 36f58cf5:0 5f7c5fdf:0 163e31a1:0 0621a84f:0">/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font: inherit; font-size: 100%; vertical-align: baseline; } a, a:hover, a:focus { margin: 0; padding: 0; vertical-align: baseline; text-decoration: none; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:focus, input:focus { outline: 0; } /** * * COLORS * **/ .svg { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; } .svg.expand-icon-small { background-image: url(/_nuxt/168020f2a10ff6419c0251b567a5b9e1.svg); } .svg.gallery-icon { background-image: url(/_nuxt/40cab381081931eb8751f2825ad22557.svg); } .svg.previous-icon { background-image: url(/_nuxt/2a8949c54ee7670208a3a1cb13476dc5.svg); } .svg.next-icon { background-image: url(/_nuxt/c555b42902a56f960fbf4571b75c9464.svg); } .svg.gallery-icon-white { background-image: url(/_nuxt/3f18ae0c54a3016f7970eb12bff5284d.svg); } .svg.arrow-down { background-image: url(/_nuxt/552c92f9693a08a4d0376d49953b4487.svg); } .svg.arrow-down-round { background-image: url(/_nuxt/61663d4a773f09f00b5588cb3dbb2927.svg); } .svg.arrow-down-small, .svg.svg--arrow-down-small { background-image: url(/_nuxt/ce137c9e1dfaca1a76779d8b6ae3a379.svg); } .svg.arrow-left-small { background-image: url(/_nuxt/c372f06f584bd4bc183baa08bbd6acc3.svg); } .svg.arrow-right-small { background-image: url(/_nuxt/84f3e926dafe4a599b8113daf81a044f.svg); } .svg.submit-arrow { background-image: url(/_nuxt/45a922b0e906d6667f3e826500eddf09.svg); } .svg.carousel-right-arrow { background-image: url(/_nuxt/1cc4f0ccc9d03e03b7c2c0140b6ce9c8.svg); } .svg.search-form-button { background-image: url(/_nuxt/3914b867eacec7a8468b68295274ea36.svg); } .svg.search-glass-light { background-image: url(/_nuxt/3914b867eacec7a8468b68295274ea36.svg); } .svg.search-arrowright { background-image: url(/_nuxt/cfd2710a0ff8e84d8f01e1d9cf63309d.svg); } .svg.facebook-black, .svg.svg--facebook, .svg.facebook { background-image: url(/_nuxt/41990a822cdd508688c9ea5e392f947b.svg); } .svg.pinterest-black, .svg.svg--pinterest { background-image: url(/_nuxt/8c52feab031c9455704f95035bfc1813.svg); } .svg.twitter-black, .svg.svg--twitter { background-image: url(/_nuxt/8ec10430dbfa87d355d5157647077429.svg); } .svg.instagram-black { background-image: url(/_nuxt/c2c4c67cc692804a8e34d06f88b9a84a.svg); } .svg.linkedin-black { background-image: url(/_nuxt/8950ef02600ccd6fc97f47884dbc6461.svg); } .svg.flipboard-black, .svg.svg--flipboard, .svg.flipboard { background-image: url(/_nuxt/bc204e3075c5e0613f76fd67059fa478.svg); } .svg.email-black, .svg.svg--email, .svg.svg--envelope, .svg.envelope { background-image: url(/_nuxt/f65e770d8abdb24ca0cdbb19baa53dbd.svg); } .svg.close-light { background-image: url(/_nuxt/90571896dab483c458c032da568a2b12.svg); } .svg.copy-close-light { background-image: url(/_nuxt/90571896dab483c458c032da568a2b12.svg); } .svg.close-gray { background-image: url(/_nuxt/5a75ca657f3f81baa6adcec0e7564c66.svg); } .svg.pinterest-white { background-image: url(/_nuxt/7f83df429a328a5731a900ad69c49378.svg); } .svg.flipboard-white { background-image: url(/_nuxt/2acf7948e50ab8747fd6539337e8cf2d.svg); } .svg.facebook-white { background-image: url(/_nuxt/3adb799957dbfc310b08e1aa758a2175.svg); } .svg.google-white { background-image: url(/_nuxt/98861ddafa10311594264158d4af665c.svg); } .svg.twitter-white { background-image: url(/_nuxt/cc968ae7d637d7adaf201a5e9b8a55c0.svg); } .svg.hotspot-marker-plus { background-image: url(/_nuxt/486791d142287e6d028a24d0f04244a8.svg); } .svg.hotspot-popover-close { background-image: url(/_nuxt/5ed12038b15332d369482cd4de764f2b.svg); } .svg.slideshow-photos-icon { background-image: url(/_nuxt/82e0e9961576d3b0b7b4148e23ac2e59.svg); } .svg.slideshow-photos-icon-black { background-image: url(/_nuxt/82e0e9961576d3b0b7b4148e23ac2e59.svg); } .svg.slideshow-swipe-finger { background-image: url(/_nuxt/a74faa387cc8c0851010cd5312926b0c.svg); } .svg.close-black { background-image: url(/_nuxt/efbca60b5acdd7493304772c323b7c84.svg); } .svg.pinterest-pin { background-image: url(/_nuxt/49449de1423192194b90a1ec91c8a066.svg); } @media (min-width: 768px) { .svg.pinterest-pin { background-image: url(/_nuxt/a3817f4d2d76aa00cd49bb880660c278.svg); } } .svg.black-checkmark { background-image: url(/_nuxt/8f094682423ad72306b7698bdafcdfa1.svg); } .svg.white-checkmark { background-image: url(/_nuxt/9b0fe19c4baeb2a62d499c282380c517.svg); } .svg.changes-saved { background-image: url(/_nuxt/d8610c17e38b2d2b83467d3d74efa603.svg); } .svg.confirmed-contributor-checkmark { background-image: url(/_nuxt/ae26a0a935c42fafd940919878ee02c4.svg); } .svg.arrow-left { background-image: url(/_nuxt/decaf92779b03ac36ba2f1c6a96bdee4.svg); } .svg.arrow-right { background-image: url(/_nuxt/7db803c0eb2d2e95cd9c63fff623bbad.svg); } .svg.arrow-right-gold { background-image: url(/_nuxt/f683b7ea9a871b6028127a03430b5156.svg); } .svg.arrow-right-white { background-image: url(/_nuxt/6c01ad8bf72c725003660a8b9257ecbe.svg); } .svg.arrow-right-rounded-olive { background-image: url(/_nuxt/2c963dfd1d03b25bfd41c2227e72b538.svg); } .svg.arrow-right-black { background-image: url(/_nuxt/4d4279ae77e9ff506bbc538756f237f0.svg); } .svg.arrow-right-blue { background-image: url(/_nuxt/2437ed2af160173a09d25d21de531aaf.svg); } .svg.close-black-circle { background-image: url(/_nuxt/6c1684aace7e6b3ef97db343f48380a8.svg); } .svg.close-gray-circle { background-image: url(/_nuxt/12de0fca16775c9977dc3b032c317fb8.svg); } .svg.close-yellow-circle { background-image: url(/_nuxt/b75d8d2ca0e0bdaa0e7bdd479c067c5f.svg); } .svg.arrow-down-long-thin-shadow { background-image: url(/_nuxt/b8ee4211b04657a398fbedaf7c9c362d.svg); } .svg.newsletter-arrow-mobile { background-image: url(/_nuxt/018f5aa1ca267fd512819f5ec610ba4d.svg); } .svg.exclamation-point-white { background-image: url(/_nuxt/219ad7d630a54f63ea9d82c21e705534.svg); } .ui-slideshow-icons { background-repeat: no-repeat; background-position: center center; } .ui-slideshow-icons::after { display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; filter: white; content: " "; } .ui-slideshow-icons.expand-icon::after { background-image: url(/_nuxt/f761886f6669b104e3f9bf3e81df1716.svg); } .ui-slideshow-icons.chevron-next-icon::after { background-image: url(/_nuxt/3d56ea69b531a3b9d39e0766f507b507.svg); } .ui-slideshow-icons.chevron-previous-icon::after { background-image: url(/_nuxt/123ff8cef4d80648e9c6656cd92b45b6.svg); } .ui-slideshow-icons.close-icon::after { background-image: url(/_nuxt/d8a12159616b90107d93beb56c2a35fe.svg); background-size: 16px; } .ui-slideshow-icons.visitlink-icon::after { background-image: url(/_nuxt/49feb4dac1eac285cae141b691edb5d4.svg); } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* 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 */ } /** * 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; } * { box-sizing: border-box; } body.no-scroll { overflow: hidden; } @font-face { font-family: 'ProximaNovaRegular'; src: url(/_nuxt/fonts/proximanova-regular.00e7a1b.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaRegularItalic'; src: url(/_nuxt/fonts/proximanova-regularit.a34c33e.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaSemiBold'; src: url(/_nuxt/fonts/proximanova-semibold.d376951.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaSemiBoldItalic'; src: url(/_nuxt/fonts/proximanova-semiboldit.a20b22d.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaBold'; src: url(/_nuxt/fonts/proximanova-bold.67a5122.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaBoldItalic'; src: url(/_nuxt/fonts/proximanova-boldit.34a9bed.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaMedium'; src: url(/_nuxt/fonts/proximanova-medium.ae1bcad.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaMediumItalic'; src: url(/_nuxt/fonts/proximanova-mediumit.db61573.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'BarlowBold'; src: url(/_nuxt/fonts/barlow-bold.d0dd390.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'BarlowBoldItalic'; src: url(/_nuxt/fonts/barlow-boldit.285533c.woff2) format('woff2'); font-display: swap; } /* stylelint-disable no-descending-specificity */ .ui-body { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 17px; line-height: 28px; color: #2E2E30; } .ui-body a { color: #007CBE; transition: color 0.2s linear; text-decoration: underline; } .ui-body a:hover { color: #0D6493; text-decoration: underline; cursor: pointer; } .ui-body b, .ui-body strong { font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: normal; } .ui-body b em, .ui-body strong em, .ui-body b i, .ui-body strong i { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-body em, .ui-body i { font-family: 'ProximaNovaRegularItalic', Arial, sans-serif; font-style: normal; } .ui-body em b, .ui-body i b, .ui-body em strong, .ui-body i strong { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-body sup { vertical-align: super; font-size: smaller; } .ui-body sub { vertical-align: sub; font-size: smaller; } .ui-label { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 12px; line-height: 18px; color: #687379; } .ui-label b, .ui-label strong { font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: normal; } .ui-label b em, .ui-label strong em, .ui-label b i, .ui-label strong i { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-label em, .ui-label i { font-family: 'ProximaNovaRegularItalic', Arial, sans-serif; font-style: normal; } .ui-label em b, .ui-label i b, .ui-label em strong, .ui-label i strong { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-label-bold { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 12px; line-height: 18px; color: #687379; } .ui-heading-2 { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 28px; line-height: 36px; color: #2E2E30; } .ui-heading-3 { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 22px; line-height: 28px; color: #2E2E30; } .fade-enter-active, .fade-leave-active { transition: opacity 0.5s; } .fade-enter, .fade-leave-to { opacity: 0; } .row { margin-right: -15px; margin-left: -15px; } .clearfix::before, .clearfix::after, .row::before, .row::after { display: table; content: " "; } .clearfix::after, .row::after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } /** * Techwalla uses the default fonts found in /src/less/variables.less: * @font-headline: @barlow-bold; * @font-headline-italic: @barlow-bold-italic; * @font-heading: @proxima-nova-semibold; * @font-body: @proxima-nova-regular; * @font-body-italic: @proxima-nova-regular-italic; * @font-body-bold: @proxima-nova-bold; * @font-body-bold-italic: @proxima-nova-bold-italic; * @font-label: @proxima-nova-regular; */ /** * Techwalla's primary accent is, sadly, not color contrast compliant * original primary-accent today lives in a lot of places (buttons and cat labels are some examples) * to be able tomigrate to a darker one we need to have a variable ready for it, hence primary-accent-dark declaration below * initially it will get rolled out to some elements but design team will have final say what shade goes where #exceptions #justthisonce */ .svg { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; } .svg.authority-check { background-image: url(/_nuxt/05cc47d61170d9ba798e7c33a5fa6e22.svg); } .svg.techwalla-nav-facebook-hover { background-image: url(/_nuxt/51151f3e52b70e1b76f54c6e78699d7a.svg); } .svg.techwalla-nav-twitter-hover { background-image: url(/_nuxt/b19f36a813e893d0717fbcefbf59af59.svg); } .svg.techwalla-nav-logo { background-image: url(/_nuxt/4f806dbfb59ca975da2de2ea735556ca.svg); } .svg.modal-close { background-image: url(/_nuxt/e0e0e55c9aed92357d19be9db6ed1682.svg); } .svg.search-icon { background-image: url(/_nuxt/4aed1167f93b0af70fb54a8bbc39f66c.svg); } body { margin: 0; padding: 0; color: #2E2E30; font-size: 16px; font-family: 'ProximaNovaRegular', Arial, sans-serif; } body a { color: #337AB7; } body a, body a:hover, body a:focus { text-decoration: none; } body.no-scroll { overflow: hidden; } *:focus { outline: none; } #app .site-main { min-height: 200px; margin-top: 0; } @media (min-width: 1200px) { #app .site-main { min-height: 500px; } } #app .site-main .view { width: 100%; max-width: 1440px; min-height: 200px; margin: 0 auto; background-color: #fff; } @media (min-width: 991px) { #app .site-main .view { min-height: 500px; } } #app .site-main .view .inner.inner--padding { max-width: 1250px; margin: 0 auto; padding: 40px 20px; } @media (min-width: 768px) { #app .site-main .view .inner.inner--padding { padding: 50px 95px; } } @media (min-width: 991px) { #app .site-main .view .inner.inner--padding { padding: 50px 25px; } } @media (min-width: 1200px) { #app .site-main .view .inner.inner--padding { padding: 50px 0; } } #app.default-component--home .site-main { margin-top: 0; } .section.section--hero { position: relative; width: 100%; background-color: #DDD; background-repeat: no-repeat; background-position: center top; background-size: cover; } ul { margin: 0; padding: 0; list-style-type: none; } div[data-ad-breakpoint] { display: none; } @media (max-width: 767px) { div[data-ad-breakpoint*='small'] { display: block; } } @media (min-width: 768px) and (max-width: 1019px) { div[data-ad-breakpoint*='medium'] { display: block; } } @media (min-width: 1020px) { div[data-ad-breakpoint*='large'] { display: block; } } .lg-form__input { position: relative; display: block; width: 100%; padding: 11px 20px; color: #333; font-size: 14px; background: #FFF; border: 1px solid #CCC; transition: border 0.2s; } .lg-form__button { width: 100%; height: 50px; padding: 10px; color: #FFF; border: none; cursor: pointer; transition: 0.5s ease; } .lg-form__button-dark { background-color: #333; } .lg-form__button-grey { background-color: #DDD; } .lg-form__button-white { color: #292929; background-color: #FFF; } .component-social-share-mobile-icons { display: none; width: 100%; overflow: hidden; } .component-site-header { position: sticky; top: 0; z-index: 10003; } @media (min-width: 768px) { .component-site-header { z-index: 20001; } } .component-site-header .site-header .component-global-navigation { z-index: 100; } .component-global-navigation { position: relative; z-index: 18; display: flex; justify-content: center; height: 60px; background: #FFF; border-bottom: 1px solid #EAEAEA; } @media (min-width: 1020px) { .component-global-navigation { height: 91px; } } .component-global-navigation .global-nav-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 15px; } @media (min-width: 768px) { .component-global-navigation .global-nav-wrapper { padding: 0 25px; } } @media (min-width: 1020px) { .component-global-navigation .global-nav-wrapper { position: relative; min-width: 970px; max-width: 1310px; height: auto; margin: 0 auto; padding: 0 30px; } } .component-global-navigation .navigation-hamburger { width: 30px; height: 30px; background-image: url(/_nuxt/5e79abf7408de5c522cf44f9ee8917eb.svg); background-size: auto auto; } .component-global-navigation .navigation-hamburger:hover { cursor: pointer; filter: invert(67%) sepia(62%) saturate(510%) hue-rotate(106deg) brightness(88%) contrast(92%); } @media (min-width: 1020px) { .component-global-navigation .navigation-hamburger { display: none; } } .component-global-navigation .vertical-text { position: absolute; font-size: 0; } .component-global-navigation .vertical-nav-logo { width: 114.94px; height: 20px; background-image: url(/_nuxt/eab01f543c1fb51df9a5655a2faf132f.svg); } .component-global-navigation .nav-wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #FFF; transform: translateX(20px); visibility: hidden; opacity: 0; transition: opacity 200ms ease-in-out 100ms, visibility 200ms ease-in-out 100ms, transform 200ms ease-in-out 100ms; } @media (min-width: 1020px) { .component-global-navigation .nav-wrapper { position: absolute; top: unset; left: 50%; max-width: 702px; height: auto; transform: translateX(-50%); visibility: visible; opacity: 1; transition: none; } } @media (min-width: 1170px) { .component-global-navigation .nav-wrapper { max-width: 762px; } } .component-global-navigation .nav-wrapper .nav-list { visibility: hidden; } @media (min-width: 1020px) { .component-global-navigation .nav-wrapper .nav-list { visibility: visible; } } .component-global-navigation .nav-wrapper.show { position: fixed; top: 0; left: 0; z-index: 100; display: block; width: 100%; height: 100%; overflow-y: scroll; background-color: #FFF; transform: translateX(0); visibility: visible; opacity: 1; transition: background-color 300ms ease-in-out, transform 300ms ease-in-out; } .component-global-navigation .nav-wrapper.show .nav-contents { transform: translateX(0); opacity: 1; transition: opacity 300ms ease-in-out 100ms, visibility 1ms ease-in-out 100ms, transform 300ms ease-in-out 100ms; } .component-global-navigation .nav-wrapper.show .mobile-white-wrapper { position: sticky; top: 0; z-index: 1; width: 100%; height: 60px; background: #FFF; } .component-global-navigation .nav-wrapper.show .navigation-back { position: sticky; top: 15px; left: 15px; float: left; width: 30px; height: 30px; background-image: url(/_nuxt/0e6247fc1ec19997361a69d0c50e9c79.svg); background-size: auto auto; transform: translateX(0); visibility: visible; opacity: 1; transition: opacity 300ms ease-in-out 0.2s, visibility 0ms ease-in-out 0.2s, transform 300ms ease-in-out 203ms; } .component-global-navigation .nav-wrapper.show .navigation-back:hover { cursor: pointer; filter: invert(67%) sepia(62%) saturate(510%) hue-rotate(106deg) brightness(88%) contrast(92%); } .component-global-navigation .nav-wrapper.show .navigation-back.hide-parent { transform: translateX(20px); visibility: hidden; opacity: 0; transition: transform 90ms ease-in-out, opacity 90ms ease-in-out, visibility 90ms ease-in-out; } .component-global-navigation .nav-wrapper.show .nav__list-parent-category { height: auto; max-height: 0; margin-bottom: 0; transform: translateX(20px); visibility: hidden; opacity: 0; transition: transform 200ms ease-in-out, opacity 200ms ease-in-out, max-height 1ms ease-in-out 201ms, margin-bottom 1ms ease-in-out 201ms, visibility 200ms ease-in-out; } .component-global-navigation .nav-wrapper.show .nav__list-parent-category.show-children-ancestry { max-height: 100px; margin-bottom: 30px; transform: translateX(0); visibility: visible; opacity: 1; transition: opacity 300ms ease-in-out 100ms, max-height 1ms ease-in-out 100ms, margin-bottom 1ms ease-in-out 100ms, visibility 1ms ease-in-out 100ms, transform 300ms ease-in-out 100ms; } .component-global-navigation .nav-wrapper.show .nav__list-parent-category.slide-animation { transform: translateX(-20px); visibility: hidden; opacity: 0; transition: transform 200ms ease-in-out, opacity 200ms ease-in-out, max-height 1ms ease-in-out 201ms, margin-bottom 1ms ease-in-out 201ms, visibility 200ms ease-in-out; } .component-global-navigation .nav-wrapper.show .nav__list-children-and-grandchildren { top: 0; width: 100%; height: auto; max-height: 0; overflow: hidden; transform: translateX(20px); visibility: hidden; opacity: 0; transition: transform 100ms ease-in-out, opacity 100ms ease-in-out, max-height 1ms ease-in-out 102ms, overflow 100ms ease-in-out, visibility 100ms ease-in-out; } .component-global-navigation .nav-wrapper.show .nav__list-children-and-grandchildren.show-children-ancestry { position: absolute; top: 0; max-height: 1500px; transform: translateX(0); visibility: visible; opacity: 1; transition: opacity 300ms ease-in-out 0.2s, visibility 0ms ease-in-out, transform 300ms ease-in-out 203ms; } .component-global-navigation .nav-wrapper.show .mobile-and-social-container { height: auto; max-height: 0; margin-top: 0; transform: translateX(20px); visibility: hidden; opacity: 0; transition: transform 200ms ease-in-out, opacity 200ms ease-in-out, max-height 1ms ease-in-out 201ms, margin-top 1ms ease-in-out 201ms, visibility 200ms ease-in-out; } .component-global-navigation .nav-wrapper.show .mobile-and-social-container.show { max-height: 100px; margin: 108px 50px 0; transform: translateX(0); visibility: visible; opacity: 1; transition: opacity 300ms ease-in-out 100ms, max-height 1ms ease-in-out 100ms, margin-bottom 1ms ease-in-out 100ms, visibility 1ms ease-in-out 100ms, transform 300ms ease-in-out 100ms; } .component-global-navigation .nav-wrapper.show .mobile-and-social-container.slide-close-animation { transform: translateX(-20px); visibility: hidden; opacity: 0; transition: transform 200ms ease-in-out, opacity 200ms ease-in-out, max-height 1ms ease-in-out 201ms, margin-top 1ms ease-in-out 201ms, visibility 200ms ease-in-out; } .component-global-navigation .nav-contents { height: 100%; overflow-y: scroll; transform: translateX(40px); opacity: 0; transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, transform 200ms ease-in-out; } @media (min-width: 1020px) { .component-global-navigation .nav-contents { width: 100%; padding: 0; overflow: unset; transform: translateX(0); opacity: 1; transition: none; } } .component-global-navigation .close-button-animation .navigation-close { transform: translateX(0); opacity: 1; transition: opacity 300ms ease-in-out 290ms, transform 300ms ease-in-out 290ms; } .component-global-navigation .navigation-close { position: absolute; top: 15px; right: 25px; z-index: 5; float: right; width: 30px; height: 30px; background-image: url(/_nuxt/5e931d2d7c3f23a0fb88070dd51339f5.svg); background-size: auto auto; transform: translateX(40px); opacity: 0; transition: opacity 200ms ease-in-out 100ms, transform 200ms ease-in-out 100ms; } @media (min-width: 1020px) { .component-global-navigation .navigation-close { display: none; } } .component-global-navigation .navigation-close:hover { cursor: pointer; filter: invert(67%) sepia(62%) saturate(510%) hue-rotate(106deg) brightness(88%) contrast(92%); } .component-global-navigation nav { margin: 15px 55px 0; } @media (min-width: 1020px) { .component-global-navigation nav { margin: 0; } } .component-global-navigation .nav-list { display: block; } @media (min-width: 1020px) { .component-global-navigation .nav-list { display: flex; justify-content: space-between; } } .component-global-navigation .nav-subsection__item { margin-bottom: 30px; } .component-global-navigation .nav-subsection__item:nth-last-child(2) { margin-bottom: 25px; } .component-global-navigation .nav-subsection__item:last-child { margin-bottom: 35px; } .component-global-navigation .nav__list-parent { position: relative; } @media (min-width: 1020px) { .component-global-navigation .nav__list-parent { display: inline; margin-bottom: 0; } .component-global-navigation .nav__list-parent:hover .nav__list-parent-category { color: #23CD93; } } .component-global-navigation .nav-link { color: #2E2E30; font-size: 14px; font-family: 'BarlowBold', sans-serif; font-style: normal; line-height: 20px; letter-spacing: 1px; white-space: nowrap; text-transform: uppercase; } .component-global-navigation .nav-link:hover { color: #23CD93; } .component-global-navigation .nav-subsection { background-color: #FFF; } @media (min-width: 1020px) { .component-global-navigation .nav-subsection { position: absolute; top: 54px; left: -30px; padding: 30px 30px 0; transform: translateY(-20px); visibility: hidden; opacity: 0; transition: all 200ms ease-in-out 200ms; } } .component-global-navigation .nav-subsection__list { transition: none; } @media (min-width: 1020px) { .component-global-navigation .nav-subsection__list { transform: translateY(-20px); opacity: 0; transition: opacity 300ms ease-in-out 150ms, transform 300ms ease-in-out 150ms; } } .component-global-navigation .subsection__list.divider { display: block; } .component-global-navigation .subsection__list.divider::before { display: block; width: 100%; margin: 25px 0; border: 1px solid #EAEAEA; content: ''; } @media (min-width: 768px) { .component-global-navigation .subsection__list.divider::before { max-width: 275px; } } .component-global-navigation .subsection__list.divider:hover { color: #23CD93; cursor: pointer; } .component-global-navigation .subsection__list.right-arrow-cta::after { display: inline-block; width: 10px; height: 10px; margin-left: 3px; background-image: url(/_nuxt/87987b787f0519fdac7730c30e9b8f22.svg); background-repeat: no-repeat; background-position: center center; content: ''; } .component-global-navigation .subsection__list.right-arrow-cta:hover::after { filter: invert(67%) sepia(62%) saturate(510%) hue-rotate(106deg) brightness(88%) contrast(92%); } .component-global-navigation .nav__list-parent-category { padding: 0; } .component-global-navigation .nav__list-parent-category:hover { cursor: pointer; } @media (min-width: 1020px) { .component-global-navigation .nav__list-parent:hover > .nav-subsection { transform: translateY(0); visibility: visible; opacity: 1; transition: all 200ms ease-in-out; transition-delay: 200ms; } .component-global-navigation .nav__list-parent:hover > .nav-subsection > .nav-subsection__list { transform: translateY(0); opacity: 1; } } .component-global-navigation .mobile-and-social-container { margin: 100px 55px 0; transform: translateX(20px); visibility: hidden; opacity: 0; } @media (min-width: 1020px) { .component-global-navigation .mobile-and-social-container { display: none; } } .component-global-navigation .mobile-newsletter { margin: 0 0 30px; } @media (min-width: 1020px) { .component-global-navigation .mobile-newsletter { display: none; } } .component-global-navigation .mobile-newsletter__link { display: block; font-size: 12px; letter-spacing: 1px; } .component-global-navigation .mobile-newsletter__link:hover { color: #23CD93; } @media (min-width: 1020px) { .component-global-navigation .mobile-newsletter__link { display: none; } } .component-global-navigation .social-shares { display: flex; justify-content: flex-start; } @media (min-width: 1020px) { .component-global-navigation .social-shares { display: none; } } .component-global-navigation .social-shares__icon { position: relative; width: 30px; height: 30px; margin-right: 20px; } .component-global-navigation .social-shares__icon::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s; content: ''; } .component-global-navigation .social-shares__icon:hover::after { opacity: 1; } .component-global-navigation .social-shares__icon.nav-facebook { background-image: url(/_nuxt/0c224bad42f9bf0189872ee1598a25a4.svg); } .component-global-navigation .social-shares__icon.nav-facebook::after { background-image: url(/_nuxt/51151f3e52b70e1b76f54c6e78699d7a.svg); } .component-global-navigation .social-shares__icon.nav-twitter { background-image: url(/_nuxt/7bcaf70d6be59c3920ee6147eee3d3c5.svg); } .component-global-navigation .social-shares__icon.nav-twitter::after { background-image: url(/_nuxt/b19f36a813e893d0717fbcefbf59af59.svg); } .component-global-navigation .desktop-newsletter { display: none; } .component-global-navigation .desktop-newsletter .desktop-newsletter__label { display: none; } .component-global-navigation .More { display: none; } @media (min-width: 1020px) { .component-global-navigation .More { display: none; } } .component-global-navigation .global-nav-search-and-login { display: flex; align-items: center; } .component-global-navigation .nav-search-icon { width: 30px; height: 30px; background-image: url(/_nuxt/4aed1167f93b0af70fb54a8bbc39f66c.svg); background-size: auto; } @media (min-width: 1020px) { .component-global-navigation .nav-search-icon { margin: 0 0 0 15px; } } .component-global-navigation .nav-search-icon:hover { cursor: pointer; filter: invert(67%) sepia(62%) saturate(510%) hue-rotate(106deg) brightness(88%) contrast(92%); } .component-push-notification { display: none; flex-direction: column; position: absolute; width: 375px; top: -1000px; left: calc(50% - 187px); padding: 20px; background-color: #FFF; transition: all 0.4s ease; box-shadow: 5px 5px 15px -5px #333; } .component-push-notification.push-notification-slide { top: 60px; } @media (min-width: 768px) { .component-push-notification.push-notification-slide { top: 90px; } } .component-push-notification.push-notification-show { display: flex; } .component-push-notification .push-notification__logo-and-text { display: flex; flex-direction: row; margin-bottom: 40px; } .component-push-notification .push-notification__logo { padding: 25px; background: url(/images/svg/wally.svg) no-repeat center center; background-size: 50px 50px; margin-right: 20px; } .component-push-notification .push-notification__buttons { display: flex; justify-content: flex-end; } .component-push-notification .push-notification__button { margin-left: 10px; border: none; padding: 10px 28px; text-align: center; text-decoration: none; font-size: 16px; } .component-push-notification .push-notification__button:hover { cursor: pointer; } .component-push-notification .button__later { color: #687379; } .component-push-notification .button__subscribe { background-color: #23CD93; border: none; color: white; } .component-ar-horizontal-bar-ad { display: none; min-height: 130px; z-index: 10002; transition: 1s linear; } @media (min-width: 768px) { .component-ar-horizontal-bar-ad { display: block; } } @media (min-width: 1020px) { .component-ar-horizontal-bar-ad { min-height: 333px; } } .component-ar-horizontal-bar-ad.sticky-ad { position: sticky; top: 60px; } @media (min-width: 1020px) { .component-ar-horizontal-bar-ad.sticky-ad { top: 90px; } } .component-ar-horizontal-bar-ad.slide-up { transform: translateY(-130px); } @media (min-width: 1020px) { .component-ar-horizontal-bar-ad.slide-up { transform: translateY(-333px); } } /* stylelint-disable no-descending-specificity */ .component-header-sticky-ad { display: none; min-height: 130px; position: relative; align-items: center; justify-content: center; padding: 0; box-sizing: content-box; width: 100%; text-align: center; background-color: #F8F8F8; } @media (min-width: 768px) { .component-header-sticky-ad { display: flex; } } @media (min-width: 1020px) { .component-header-sticky-ad { min-height: 333px; } } .component-header-sticky-ad::before { content: 'Advertisement'; position: absolute; color: #606B71; font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 12px; letter-spacing: 1px; z-index: 0; text-transform: uppercase; } .component-header-sticky-ad div { width: 100%; z-index: 17; } .component-header-sticky-ad .horizontal-one { margin: 0 auto; } .component-header-sticky-ad.mtf { margin-bottom: 30px; } .component-header-sticky-ad.btf { margin: 30px 0; } @media (min-width: 768px) { .component-header-sticky-ad.btf { margin: 0; } } /* stylelint-disable property-no-unknown */ /* stylelint-enable property-no-unknown */ /* prettier-ignore */ .component-ad-gpt .ad { text-align: center; } #app { background-color: #fff; } #app .site-main .view { width: 100%; max-width: 1440px; margin: 0 auto; background-color: #fff; } .view-article .preview-disabled { text-align: center; padding-top: 200px; } @media (min-width: 768px) { .view-article .preview-disabled { padding-top: 300px; } } .view-article .infinite-scroll-container { position: relative; } .view-article .infinite-scroll-container .article-divider { position: relative; width: 100%; height: 33px; margin: 50px 0 30px; overflow: hidden; background-repeat: no-repeat; } @media (min-width: 768px) { .view-article .infinite-scroll-container .article-divider { height: 50px; margin: 40px 0; background-size: 50px 50px; } } .view-article .infinite-scroll-container .article-divider::before, .view-article .infinite-scroll-container .article-divider::after { position: relative; top: 8px; display: inline-block; width: 50%; height: 1px; vertical-align: middle; content: ''; } @media (min-width: 768px) { .view-article .infinite-scroll-container .article-divider::before, .view-article .infinite-scroll-container .article-divider::after { top: 15px; } } .view-article .infinite-scroll-container .article-divider::before { right: 45px; margin-left: 0; } .view-article .infinite-scroll-container .article-divider::after { left: 45px; margin-right: -50%; } .view-article .infinite-scroll-container .article-wrapper .inner { display: inline-block; overflow: initial; width: 100%; } @media (min-width: 768px) { .view-article .infinite-scroll-container .article-wrapper .inner { display: initial; width: initial; overflow: visible; } } @media (min-width: 1020px) { .view-article .infinite-scroll-container .article-wrapper .inner { width: 100%; } } .view-article .component-infinite-scroll .infinite-scroll-article-wrapper { position: relative; } .view-article .component-infinite-scroll .infinite-scroll-article-wrapper .article-divider { margin: 40px 0; background: url(/images/svg/wally.svg) no-repeat center center; background-size: 20px 20px; } @media (min-width: 768px) { .view-article .component-infinite-scroll .infinite-scroll-article-wrapper .article-divider { background-size: 50px 50px; } } .view-article .component-infinite-scroll .infinite-scroll-article-wrapper .article-divider::before, .view-article .component-infinite-scroll .infinite-scroll-article-wrapper .article-divider::after { background-color: #efefef; } .view-article .infinite-articles .infinite-articles__item { position: relative; } @media (max-width: 768px) { .view-article .infinite-articles .infinite-articles__item#infinite-articles__item--0 .article-container { height: auto; } } @media (min-width: 768px) { .view-article .article-container { margin: 0 auto; background-color: #fff; } } .view-article .article-container .article-wrapper { width: 100%; margin: 0 auto; } @media (min-width: 768px) { .view-article .article-container .article-wrapper { padding: 0; } } .view-article .article-container .article-wrapper .inner { display: inline-block; overflow: initial; width: 100%; } @media (min-width: 768px) { .view-article .article-container .article-wrapper .inner { display: initial; width: initial; overflow: visible; } } @media (min-width: 1020px) { .view-article .article-container .article-wrapper .inner { width: 100%; } } .no-scroll div[data-ad-breakpoint*='small'] { display: none; } .component-configurable-article .mobile-show { display: block; } .component-configurable-article .mobile-hide { display: none; } @media (min-width: 1020px) { .component-configurable-article .desktop-show { display: block; } .component-configurable-article .desktop-hide { display: none; } } .component-configurable-article.is-first .article-wrapper .inner { padding-top: 30px; } .component-configurable-article .article-wrapper { display: flex; justify-content: center; width: 100%; padding: 0; background-color: #FFF; } @media (min-width: 1020px) { .component-configurable-article .article-wrapper.wider-article .inner { width: 100%; max-width: 1178px; } } .component-configurable-article .article-wrapper.wider-article .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper.wider-article .inner .component-article-header { max-width: 100%; } @media (min-width: 768px) { .component-configurable-article .article-wrapper.wider-article .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper.wider-article .inner .component-article-header { max-width: 728px; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper.wider-article .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper.wider-article .inner .component-article-header { max-width: 100%; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper.wider-article .inner .rrv2 { margin-left: 40px; } } @media (min-width: 768px) { .component-configurable-article .article-wrapper.wider-article .article-content-wrapper .article-sections-container { max-width: 728px; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper.wider-article .article-content-wrapper .article-sections-container { min-width: 630px; } } .component-configurable-article .article-wrapper .inner { padding: 15px 20px 0; } @media (min-width: 768px) { .component-configurable-article .article-wrapper .inner { padding: 30px 25px 0; overflow: visible; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper .inner { width: 1080px; max-width: 1080px; } } .component-configurable-article .article-wrapper .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper .inner .component-article-header { max-width: 100%; } @media (min-width: 768px) { .component-configurable-article .article-wrapper .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper .inner .component-article-header { max-width: 630px; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper .inner .component-article-header { max-width: 100%; } } .component-configurable-article .article-wrapper .article-content-wrapper { display: flex; flex-direction: column; } @media (min-width: 768px) { .component-configurable-article .article-wrapper .article-content-wrapper { position: relative; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper .article-content-wrapper { flex-direction: row; margin: 0; max-width: 100%; justify-content: space-between; } } .component-configurable-article .article-wrapper .article-content-wrapper .header-lower-inner { display: none; } @media (min-width: 768px) { .component-configurable-article .article-wrapper .article-content-wrapper .header-lower-inner { display: block; } .component-configurable-article .article-wrapper .article-content-wrapper .header-lower-inner .sticky-social-shares { height: 0; } } .component-configurable-article .article-wrapper .article-content-wrapper .component-article-sections .content-section-0-critical { margin-top: 0; } .component-configurable-article .article-wrapper .article-content-wrapper .component-article-sections .component-article-section-content p { margin: 0; } .component-configurable-article .article-wrapper .article-content-wrapper .article-sections-container { flex-grow: 1; max-width: 100%; } @media (min-width: 768px) { .component-configurable-article .article-wrapper .article-content-wrapper .article-sections-container { max-width: 630px; } } .component-configurable-article .ad { margin: 25px auto; } .component-configurable-article .ad.adhesion, .component-configurable-article .ad.horizontal { margin: 0 auto; } .component-configurable-article .ad.btf, .component-configurable-article .ad.atf { width: 300px; min-height: 250px; display: none; } @media (min-width: 1020px) { .component-configurable-article .ad.btf, .component-configurable-article .ad.atf { display: block; margin: 0 auto; } } .component-configurable-article .ad.inline { clear: both; } .component-configurable-article .social-share-container { display: none; position: absolute; height: 100%; width: 40px; left: -70px; } @media (min-width: 1020px) { .component-configurable-article .social-share-container { display: block; } } .component-configurable-article .social-share-container__wrapper { position: relative; height: 100%; } .component-configurable-article .main-sticky-social-shares { position: sticky; top: 20px; } .view .component-configurable-article .breadcrumb-wrapper .component-breadcrumbs { display: block; text-align: left; } .view .component-configurable-article .breadcrumb-wrapper .component-breadcrumbs .breadcrumbs { padding-left: 0; } .view .component-configurable-article .component-article-header { margin-bottom: 10px; } @media (min-width: 768px) { .view .component-configurable-article .component-article-header { margin-bottom: 15px; } } .view .component-configurable-article .article-wrapper { margin-top: 0; padding: 0; } @media (min-width: 768px) { .view .component-configurable-article .article-wrapper .article-content-wrapper .header-lower-inner .social-share-icons-wrapper.is-sticky { top: 150px; } } .view .component-configurable-article .article-wrapper .component-article-header { padding: 0; } .view .component-configurable-article .article-wrapper .modal-profile-wrapper .modal-profile-container .popup-content .avatar-name .name { font-size: 22px; line-height: 28px; letter-spacing: 0; } .view .component-configurable-article .article-wrapper .modal-profile-wrapper .modal-profile-container .popup-content .bio, .view .component-configurable-article .article-wrapper .modal-profile-wrapper .modal-profile-container .popup-content .profile-link { font-size: 15px; line-height: 26px; letter-spacing: 0; } .view .component-configurable-article .article-wrapper .modal-profile-wrapper .popup-heading { margin-bottom: 15px; font-size: 12px; line-height: 15px; letter-spacing: 0.75; } .component-breadcrumbs { display: none; text-align: center; margin-bottom: 18px; } @media (min-width: 768px) { .component-breadcrumbs { display: block; margin-bottom: 20px; } } .component-breadcrumbs nav { display: flex; } .component-breadcrumbs .breadcrumbs { margin: 0; list-style: none; display: flex; } .component-breadcrumbs .breadcrumbs .breadcrumbs__item { display: inline-flex; font-size: 14px; line-height: 18px; } .component-breadcrumbs .breadcrumbs .breadcrumbs__item::before { padding: 0 5px; content: '/\00a0'; } .component-breadcrumbs .breadcrumbs .breadcrumbs__item:first-child::before { padding: 0; content: ''; } .component-breadcrumbs .breadcrumbs .breadcrumbs__item a { display: inline-flex; } .component-breadcrumbs .breadcrumbs .breadcrumbs__item a:hover { text-decoration: none; } .view .component-breadcrumbs { position: relative; display: none; padding: 0; text-align: left; text-transform: capitalize; } @media (min-width: 768px) { .view .component-breadcrumbs { display: block; } } .view .component-breadcrumbs::after { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to left, #ffffff 0, rgba(255, 255, 255, 0) 10%); content: ""; pointer-events: none; } .view .component-breadcrumbs nav { overflow: hidden; } .view .component-breadcrumbs .breadcrumbs { display: flex; width: 100%; padding: 0 50px 0 0; overflow-x: auto; font-family: 'ProximaNovaRegular', Arial, sans-serif; white-space: nowrap; background-image: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0) 98%); } .view .component-breadcrumbs .breadcrumbs .breadcrumbs__item { display: inline-block; font-size: 12px; line-height: 18px; text-transform: capitalize; } .view .component-breadcrumbs .breadcrumbs .breadcrumbs__item:first-child::before { padding: 0; content: ""; } .view .component-breadcrumbs .breadcrumbs .breadcrumbs__item::before { width: 15px; height: 17px; padding: 0 5px; content: url("data:image/svg+xml,%3Csvg width='5' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%231C2F47' stroke-width='1.25' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M1.417 1.417l1.666 1.666M3.575 3.584L1.472 5.655'/%3E%3C/g%3E%3C/svg%3E"); } .view .component-breadcrumbs .breadcrumbs .breadcrumbs__item a { color: #2E2E30; transition: color 0.2s linear; } .view .component-breadcrumbs .breadcrumbs .breadcrumbs__item a:hover { color: #687379; text-decoration: none; } .view .component-configurable-article .component-breadcrumbs { display: block; } .component-article-header .article-title { margin: 0 0 13px; color: black; font-size: 32px; line-height: 38px; } @media (min-width: 768px) { .component-article-header .article-title { margin-bottom: 15px; font-size: 50px; line-height: 60px; } } .component-article-header .article-subtitle { margin-bottom: 13px; color: #2E2E30; font-size: 17px; line-height: 28px; } .component-article-header .component-sponsored-logo .sponsored--byline { font-size: 12px; line-height: 20px; text-transform: none; letter-spacing: normal; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-basis: auto; margin-bottom: 10px; } .component-article-header .component-sponsored-logo .sponsored--image-wrapper { margin-bottom: 10px; } .default-format--article .article-title, .default-format--modern_article .article-title { max-width: 99%; } .default-format--article .component-sponsored-logo .sponsored-section, .default-format--modern_article .component-sponsored-logo .sponsored-section { justify-content: left; } .default-format--article .component-sponsored-logo .sponsored-section .sponsored--byline, .default-format--modern_article .component-sponsored-logo .sponsored-section .sponsored--byline { margin-right: 5px; } @media (min-width: 768px) { .default-format--article .component-sponsored-logo .sponsored-section .sponsored--byline, .default-format--modern_article .component-sponsored-logo .sponsored-section .sponsored--byline { margin-right: 7px; } } .topic .component-article-header, .sub_topic .component-article-header { text-align: center; padding: 0 20px; max-width: 630px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .topic .component-article-header, .sub_topic .component-article-header { padding: 0; } } .topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section, .sub_topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section { margin-left: auto; margin-right: auto; justify-content: center; } .topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--byline, .sub_topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--byline { padding: 0 2.5px; } @media (min-width: 768px) { .topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--byline, .sub_topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--byline { padding: 0 3.5px; } } .topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--image-wrapper, .sub_topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--image-wrapper { padding: 0 2.5px; } @media (min-width: 768px) { .topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--image-wrapper, .sub_topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--image-wrapper { padding: 0 3.5px; } } .view .component-article-header .article-title { font-family: 'BarlowBold', sans-serif; font-size: 32px; color: #2E2E30; line-height: 38px; } @media (min-width: 768px) { .view .component-article-header .article-title { font-size: 50px; line-height: 60px; margin-bottom: 13px; } } .view .component-article-header .article-subtitle { font-family: 'ProximaNovaBold', Arial, sans-serif; } @media (min-width: 768px) { .view .component-article-header.contains-subtitle .article-title { margin-bottom: 15px; } } .view .component-article-byline { margin-bottom: 30px; } .view .component-article-byline .byline-info .byline-wrapper { color: #687379; font-size: 12px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 18px; margin-bottom: 0; color: #606B71; line-height: 20px; text-align: left; } @media (min-width: 768px) { .view .component-article-byline .byline-info .byline-wrapper { font-size: 12px; } } .view .component-article-byline .byline-info .byline-wrapper .writer-name { padding-bottom: 0; font-size: 12px; } @media (min-width: 768px) { .view .component-article-byline .byline-info .byline-wrapper .writer-name { margin-bottom: 0; } } .view .component-article-byline .byline-info .byline-wrapper .writer-name .writer-profile { color: #687379; font-size: 12px; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; line-height: 18px; color: #2E2E30; line-height: 20px; } .view .component-article-byline .byline-info .byline-wrapper .writer-name .writer-profile-link { color: #687379; font-size: 12px; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; line-height: 18px; color: #2E2E30; line-height: 20px; display: inline-block; transition: color 0.2s linear; } .view .component-article-byline .byline-info .byline-wrapper .article-date { color: #687379; font-size: 12px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 18px; color: #606B71; line-height: 20px; } .view .component-article-byline .byline-info .byline-wrapper .article-date .date { color: #687379; font-size: 12px; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; line-height: 18px; color: #606B71; line-height: 20px; } .view .component-article-byline .byline-info .byline-wrapper .article-date .article-date__updated { color: #687379; font-size: 12px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 18px; color: #606B71; line-height: 20px; } .view .component-article-byline .byline-info .byline-wrapper .reviewer-name span.reviewed-by-text { vertical-align: baseline; color: #606B71; line-height: 20px; } .view .component-article-byline .byline-info .byline-wrapper .reviewer-name span.reviewer-profile-link { color: #687379; font-size: 12px; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; line-height: 18px; color: #2E2E30; line-height: 20px; display: inline-block; transition: color 0.2s linear; padding-bottom: 0; vertical-align: baseline; } .view .component-sponsored-logo { padding-top: 20px; border-top: 1px solid #EFEFEF; } @media (min-width: 768px) { .view .component-sponsored-logo { max-width: 380px; } } .view .component-sponsored-logo .sponsored-section .sponsored--byline { color: #737373; font-size: 12px; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; } .view .component-article-template-default .article-title, .view .component-article-template-modern .article-title { max-width: 99%; } .view .component-article-template-default .component-sponsored-logo .sponsored-section .sponsored--byline, .view .component-article-template-modern .component-sponsored-logo .sponsored-section .sponsored--byline, .view .component-article-template-topic-hub .component-sponsored-logo .sponsored-section .sponsored--byline, .view .component-article-template-subtopic-hub .component-sponsored-logo .sponsored-section .sponsored--byline { margin-right: 10px; } .view .component-article-template-default .component-sponsored-logo .sponsored-section.has-byline-only a.sponsored--byline, .view .component-article-template-modern .component-sponsored-logo .sponsored-section.has-byline-only a.sponsored--byline, .view .component-article-template-topic-hub .component-sponsored-logo .sponsored-section.has-byline-only a.sponsored--byline, .view .component-article-template-subtopic-hub .component-sponsored-logo .sponsored-section.has-byline-only a.sponsored--byline { padding-bottom: 0; border-bottom: 1px solid #F3CC4E; } @media (min-width: 768px) { .view .topic .component-article-header { padding-top: 40px; } } @media (min-width: 768px) { .view .topic .component-article-header, .view .sub_topic .component-article-header { max-width: 578px; } } @media (min-width: 991px) { .view .topic .component-article-header, .view .sub_topic .component-article-header { max-width: 780px; } } @media (min-width: 768px) { .view .topic .component-article-header .component-article-byline .byline-info .byline-wrapper, .view .sub_topic .component-article-header .component-article-byline .byline-info .byline-wrapper { margin-bottom: 10px; } } @media (min-width: 768px) { .view .topic .component-article-header .component-sponsored-logo, .view .sub_topic .component-article-header .component-sponsored-logo { width: 100%; margin: 0 auto; } } .component-article-byline { margin-bottom: 30px; } .component-article-byline .byline-info { display: flex; flex-direction: column; font-size: 0; } .component-article-byline .byline-info .byline-wrapper { display: inline-block; color: #606B71; font-weight: 300; font-size: 12px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 20px; } .component-article-byline .byline-info .byline-wrapper.d-flex { display: flex; flex-wrap: wrap; } .component-article-byline .byline-info .byline-wrapper.is-sponsored { margin-bottom: 0; } .component-article-byline .byline-info .byline-wrapper .byline-item::after { padding: 0 5px; color: #606B71; font-size: 11px; content: "\2022"; } @media (min-width: 768px) { .component-article-byline .byline-info .byline-wrapper .byline-item::after { font-size: 12px; } } .component-article-byline .byline-info .byline-wrapper .byline-item.final-byline-item::after { padding: 0 3px 0 5px; } .component-article-byline .byline-info .byline-wrapper .byline-item:last-child::after { display: none; } .component-article-byline .byline-info .byline-wrapper .article-date.advanced-byline-date { display: block; margin-bottom: 5px; } .component-article-byline .byline-info .byline-wrapper .article-date.advanced-byline-date.mb-0 { margin-bottom: 0; } .component-article-byline .byline-info .byline-wrapper .article-date.advanced-byline-date .updated-prefix { display: inline-block; margin-right: 2px; line-height: 20px; } .component-article-byline .byline-info .byline-wrapper .article-date.advanced-byline-date .date { font-family: 'ProximaNovaRegular', Arial, sans-serif; } .component-article-byline .byline-info .byline-wrapper .advanced-byline-item { display: inline-flex; flex-wrap: wrap; align-items: center; } .component-article-byline .byline-info .byline-wrapper .contributor-prefix { display: flex; align-items: center; white-space: nowrap; } .component-article-byline .byline-info .byline-wrapper .contributor-prefix .authority-check { position: absolute; width: 14px; height: 14px; } .component-article-byline .byline-info .byline-wrapper .contributor-prefix .prefix { margin-right: 3px; } .component-article-byline .byline-info .byline-wrapper .contributor-prefix .expert-reviewer { margin-left: 18px; } .component-article-byline .byline-info .byline-wrapper .contributor { display: inline-flex; color: #2E2E30; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; line-height: 20px; } .component-article-byline .byline-info .byline-wrapper .contributor-link { display: inline-flex; color: #2E2E30; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; text-decoration: underline; text-underline-offset: 1px; line-height: 20px; border: unset; padding: unset; background-color: unset; cursor: pointer; } .component-article-byline .byline-info .byline-wrapper .list-partition-and { margin-left: 0; } .component-article-byline .byline-info .byline-wrapper .list-partition-comma, .component-article-byline .byline-info .byline-wrapper .list-partition-comma ~ .list-partition-and { margin-left: -3px; } .component-article-byline .byline-info .byline-wrapper .see-all-contributors { color: #007CBE; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; display: inline-flex; white-space: nowrap; border: unset; padding: unset; background-color: unset; cursor: pointer; } .component-article-byline .byline-info .byline-wrapper .writer-name { display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } .component-article-byline .byline-info .byline-wrapper .writer-name .writer-profile { color: #404B51; } .component-article-byline .byline-info .byline-wrapper .writer-name button.writer-profile-link { color: #404B51; text-decoration: underline; text-underline-offset: 1px; border: unset; padding: unset; background-color: unset; cursor: pointer; } .component-article-byline .byline-info .byline-wrapper .article-date { display: inline-block; white-space: nowrap; } .component-article-byline .byline-info .byline-wrapper .article-date .date { display: inline-block; font-size: 12px; line-height: 20px; } .component-article-byline .byline-info .byline-wrapper .reviewer-name { display: inline-block; white-space: nowrap; } .component-article-byline .byline-info .byline-wrapper .reviewer-name .reviewer-profile { color: black; white-space: nowrap; } .component-article-byline .byline-info .byline-wrapper .reviewer-name .reviewer-information { display: inline-block; } .component-article-byline .byline-info .byline-wrapper .reviewer-name button.reviewer-profile-link { margin-bottom: 5px; padding: 0 0 1px 0; color: black; text-decoration: underline; text-underline-offset: 1px; border: unset; background-color: unset; cursor: pointer; } .component-article-byline .checked-icon { display: inline-block; width: 14px; height: 14px; margin-right: 2px; vertical-align: sub; } .component-article-byline .article-date__updated { font-size: 12px; } .component-article-byline .component-personnel-module { text-align: center; } .component-article-byline .component-personnel-module .personnel-wrapper { display: block; } .component-article-byline .component-personnel-module .headshot { display: flex; justify-content: center; margin-bottom: 13px; } .component-article-byline .component-personnel-module .picture.personnel-headshot-img { height: 80px; width: 80px; } .component-article-byline .component-personnel-module .picture__image { border-radius: 50%; } .component-article-byline .component-personnel-module .personnel-detail-wrapper { max-width: 700px; margin: 0 auto; } .component-article-byline .component-personnel-module .name { font-size: 22px; line-height: 28px; margin-bottom: 4px; } .component-article-byline .component-personnel-module .credential-title-pronoun-container { line-height: 0; } .component-article-byline .component-personnel-module .credentials { font-size: 14px; line-height: 22px; } .component-article-byline .component-personnel-module .bio { color: #404B51; font-size: 14px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .component-article-byline .component-personnel-module .link { font-size: 14px; line-height: 22px; margin-top: 15px; font-family: 'ProximaNovaRegular', Arial, sans-serif; } .component-article-byline .component-personnel-module .link::after { display: none; } .component-article-byline .editorial-standards-link { display: block; color: #007CBE; font-size: 14px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 22px; text-align: center; } .component-article-byline .editorial-standards-link::before { content: "\2022 \2022 \2022"; display: block; color: #606B71; letter-spacing: 3px; font-size: 14px; left: 2px; position: relative; margin-bottom: 1px; } .ui-label { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 12px; line-height: 18px; color: #404B51; } .ui-label b, .ui-label strong { font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: normal; } .ui-label b em, .ui-label strong em, .ui-label b i, .ui-label strong i { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-label em, .ui-label i { font-family: 'ProximaNovaRegularItalic', Arial, sans-serif; font-style: normal; } .ui-label em b, .ui-label i b, .ui-label em strong, .ui-label i strong { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-label-bold { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 12px; line-height: 18px; color: #404B51; } .component-contributor-bio-modal { clear: both; position: fixed; text-align: left; z-index: 2147483647; } .component-contributor-bio-modal .contributor-bio-mask { position: fixed; bottom: 0; left: 0; right: 0; top: 0; display: flex; background: rgba(0, 0, 0, 0.4); } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper { height: auto; max-height: 100%; margin: auto; overflow: auto; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container { position: relative; display: block; flex-direction: column; padding: 50px 45px 45px; border-radius: 5px; width: 540px; height: auto; background-color: #FFF; max-width: 540px; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .icon-close { width: 30px; height: 30px; position: absolute; right: 20px; top: 20px; border: unset; padding: unset; background-color: unset; cursor: pointer; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .icon-close::before, .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .icon-close::after { display: block; position: absolute; left: 50%; top: calc(50% - 11px); content: ''; height: 22px; width: 2px; border-radius: 3px; background-color: #606B71; transform: rotate(45deg) translateX(0); margin: 0; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .icon-close::after { transform: rotate(-45deg) translateX(0); } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module { text-align: center; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .personnel-wrapper { display: block; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .headshot { display: flex; justify-content: center; margin: 0 0 13px; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .personnel-headshot-img { height: 80px; width: 80px; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .picture__image { border-radius: 50%; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .personnel-detail-wrapper { max-width: 700px; margin: 0 auto; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .name { font-size: 22px; line-height: 28px; margin-bottom: 4px; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .credentials { font-size: 14px; line-height: 22px; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .bio { color: #404B51; font-size: 14px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .link { font-size: 14px; line-height: 22px; margin-top: 15px; font-family: 'ProximaNovaRegular', Arial, sans-serif; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .link::after { display: none; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .editorial-standards-link, .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .meet-expert-link { display: block; color: #007CBE; font-size: 14px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 22px; text-align: center; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .editorial-standards-link::before, .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .meet-expert-link::before { content: "\2022 \2022 \2022"; display: block; color: #606B71; letter-spacing: 3px; font-size: 14px; } .component-personnel-module .bio-wrapper { display: flex; flex-direction: column; } .component-personnel-module .bio-wrapper.has-extra-info { margin-bottom: 30px; } .component-personnel-module .text-wrapper { height: auto; max-height: 202px; overflow: hidden; } @media (min-width: 991px) { .component-personnel-module .text-wrapper { max-height: 132px; } } .component-personnel-module .body-text { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .component-personnel-module .body-text a { color: #007CBE; } .component-personnel-module .read-more { display: none; margin-top: 7px; color: #007CBE; font-size: 17px; font-family: "ProximaNovaRegular", Arial, sans-serif; line-height: 28px; opacity: 0; border: unset; padding: unset; background-color: unset; } .component-personnel-module .read-more::after { display: inline-block; width: 9px; height: 9px; background-image: url(/_nuxt/2c7ff4010613fe0d7e07390d0cefbc1c.svg); content: ''; } .component-personnel-module.user-profile--long-bio .read-more { display: block; cursor: pointer; opacity: 1; transition: height 500ms ease-in-out, 0.37s opacity 0.2s ease-out; } .component-personnel-module.user-profile--long-bio.user-profile--bio-expanded .read-more { display: none; pointer-events: none; } .component-personnel-module.user-profile--bio-expanded .text-wrapper { max-height: none; } .component-personnel-module.user-profile--bio-expanded .body-text { -webkit-line-clamp: unset; } .component-personnel-module .personnel-wrapper { margin-top: 0; } @media (min-width: 768px) { .component-personnel-module .personnel-wrapper { display: flex; } } .component-personnel-module .headshot { margin-bottom: 13px; } @media (min-width: 768px) { .component-personnel-module .headshot { margin-right: 25px; margin-bottom: 0; } } .component-personnel-module .headshot .personnel-headshot-img { width: 100%; height: 250px; } @media (min-width: 768px) { .component-personnel-module .headshot .personnel-headshot-img { width: 200px; height: 200px; } } .component-personnel-module .name, .component-personnel-module .credential-title-pronoun-container { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 768px) { .component-personnel-module .name, .component-personnel-module .credential-title-pronoun-container { -webkit-line-clamp: 2; } } .component-personnel-module .name { color: #2E2E30; font-size: 22px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 28px; letter-spacing: 0; } .component-personnel-module .name.has--link:hover { cursor: pointer; } .component-personnel-module .credential-title-pronoun-container { margin-top: 2px; } .component-personnel-module .credentials, .component-personnel-module .title, .component-personnel-module .pronoun { margin-top: 2px; color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; } .component-personnel-module .credentials.has-title-or-pronoun::after { display: inline-block; padding: 0 3px; white-space: nowrap; content: '\2022'; } .component-personnel-module .title.has-pronoun::after { display: inline-block; padding: 0 3px; white-space: nowrap; content: '\2022'; } .component-personnel-module .bio { color: #2E2E30; font-size: 17px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 28px; letter-spacing: 0; margin-top: 8px; } .component-personnel-module .bio a { color: #007CBE; } .component-personnel-module .link { display: block; margin-top: 8px; color: #007CBE; font-size: 17px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 28px; } .component-personnel-module .link::after { display: inline-block; width: 11.8px; height: 10.8px; margin-left: 5px; background-image: url(/_nuxt/847d07b339e89d6c9dd05de7d7fa1144.svg); background-repeat: no-repeat; background-position: center center; content: ''; } .component-personnel-module .social-shares-wrapper { display: flex; margin-top: 20px; } .component-personnel-module .social-link { width: 30px; height: 30px; margin: 0 7.5px; } .component-personnel-module .extra-info-wrapper { margin-bottom: 30px; } .component-personnel-module .extra-info { margin-bottom: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-size: 17px; line-height: 28px; letter-spacing: 0; } .component-personnel-module .extra-info strong { font-family: "ProximaNovaBold", Arial, sans-serif; } .svg { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; } .svg.personnel-social-facebook { background-image: url(/_nuxt/df723f5afe069396818d75736ad6d03f.svg); } .svg.personnel-social-instagram { background-image: url(/_nuxt/b71a3d65b96b204cd205653eae736c47.svg); } .svg.personnel-social-linkedin { background-image: url(/_nuxt/bdf8b9770c1cfca73cce73280b37faaa.svg); } .svg.personnel-social-pinterest { background-image: url(/_nuxt/8e5356dd377151ab9170adfd3837e6a3.svg); } .svg.personnel-social-twitter { background-image: url(/_nuxt/3a90cbd65b4dc16d0bf49127785145a4.svg); } .svg.personnel-social-youtube { background-image: url(/_nuxt/ac02f099be19cd2574c155be4fe59f6c.svg); } .component-compensation-disclaimer { padding: 5px 0; letter-spacing: 0.5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; max-width: 728px; margin-bottom: 20px; } @media (min-width: 1020px) { .component-compensation-disclaimer { margin-bottom: 15px; padding: 0; border: none; } } .component-compensation-disclaimer a { color: #007CBE; transition: color 0.2s linear; text-decoration: underline; } .component-article-pinnable-images { display: none; } .component-configurable-article .component-article-sections .article-section-module { display: none; } .component-configurable-article .component-article-sections .article-section-module.mobile-show { display: block; } .component-configurable-article .component-article-sections .article-section-module.mobile-hide { display: none; } @media (min-width: 1020px) { .component-configurable-article .component-article-sections .article-section-module.desktop-show { display: block; } .component-configurable-article .component-article-sections .article-section-module.desktop-hide { display: none; } } .component-article-sections > div.image-full-width:first-child, .component-article-sections > .component-article-section-image:first-child { min-width: 100vw; max-width: 100vw; margin: 0 -20px 25px; } @media (min-width: 768px) { .component-article-sections > div.image-full-width:first-child, .component-article-sections > .component-article-section-image:first-child { margin: 0 0 25px; min-width: 100%; max-width: 100%; } } .article-section--image, .component-article-section-image { min-width: 100vw; max-width: 100vw; margin: 25px -20px 25px; } .article-section--image .component-pinterest, .component-article-section-image .component-pinterest { display: none; } @media (min-width: 768px) { .article-section--image, .component-article-section-image { position: relative; left: auto; right: auto; margin: 25px 0; width: 100%; min-width: initial; max-width: initial; } .article-section--image.article-image-0, .component-article-section-image.article-image-0 { margin-top: 0; } .article-section--image.image-shrunk, .component-article-section-image.image-shrunk { margin: 0 0 20px 50px; float: right; clear: both; } } @media (min-width: 1020px) { .article-section--image .component-pinterest, .component-article-section-image .component-pinterest { display: block; top: 10px; right: 10px; opacity: 0; visibility: hidden; } .article-section--image .component-pinterest.visible, .component-article-section-image .component-pinterest.visible { opacity: 0; visibility: hidden; } .article-section--image:hover .component-pinterest, .component-article-section-image:hover .component-pinterest { opacity: 1; visibility: visible; } .article-section--image:hover .component-pinterest.visible, .component-article-section-image:hover .component-pinterest.visible { opacity: 1; visibility: visible; } } .article-section--image a, .component-article-section-image a { border-bottom: none; text-decoration: none; } .component-article-section-image .image-container .image-wrapper { height: auto; background-color: #eee; background-size: auto; } .component-article-section-image .image-wrapper { position: relative; } .component-article-section-image .expand-priority:hover { cursor: zoom-in; } .component-article-section-image .link-subpriority:hover .image__visit-page { max-width: 500px; color: #fff; transition-delay: unset; } .component-article-section-image .link-subpriority:hover .visit-page__copy { padding-right: 10px; color: #fff; transform: translateX(0); transition-delay: 0.25s; } .component-article-section-image .image__visit-page:hover { max-width: 500px; color: #fff; transition-delay: unset; } .component-article-section-image .image__visit-page:hover .visit-page__copy { padding-right: 10px; color: #fff; transform: translateX(0); transition-delay: 0.25s; } .component-article-section-image .expand__copy, .component-article-section-image .visit-page__copy { font-size: 12px; line-height: 40px; white-space: nowrap; color: #fff; transform: translateX(-10px); transition: transform 0.1s ease, color 0.1s ease, padding 0.1s ease; } @media (min-width: 768px) { .component-article-section-image .expand__copy, .component-article-section-image .visit-page__copy { color: transparent; } } .component-article-section-image .visit-page__copy { transform: translateX(0); padding: 0 10px 0 40px; } @media (min-width: 768px) { .component-article-section-image .visit-page__copy { transform: translateX(-10px); } } .component-article-section-image .expand__copy { color: transparent; transform: translateX(10px); padding: 0 40px 0 10px; } .component-article-section-image .visit-page__link { display: none; } @media (min-width: 768px) { .component-article-section-image .visit-page__link { display: inline; } } .component-article-section-image .image__expand, .component-article-section-image .image__visit-page { position: absolute; display: flex; flex-direction: row; bottom: 15px; max-width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5); background-position: right 11px center; transition: background 0.2s ease-in-out, max-width 0.2s ease-in-out; z-index: 10; } @media (min-width: 768px) { .component-article-section-image .image__expand:hover, .component-article-section-image .image__visit-page:hover { background: rgba(0, 0, 0, 0.75); cursor: pointer; max-width: 500px; color: #fff; transition-delay: unset; } .component-article-section-image .image__expand:hover .expand__copy, .component-article-section-image .image__visit-page:hover .expand__copy { padding-left: 10px; color: #fff; transform: translateX(0); transition-delay: 0.25s; } } .component-article-section-image .image__visit-page { max-width: 500px; left: 15px; color: #fff; } @media (min-width: 768px) { .component-article-section-image .image__visit-page { max-width: 40px; } } .component-article-section-image .image__expand { overflow: hidden; right: 15px; } .component-article-section-image .visit-page__icon, .component-article-section-image .expand__icon { position: absolute; background-color: initial; } .component-article-section-image .expand__icon { right: 0; } .component-article-section-image .visit-page__icon { position: absolute; left: 0; top: 0; background-color: initial; } .component-pinterest { position: absolute; opacity: 0; z-index: 15; visibility: hidden; background: transparent !important; transition: opacity 0.8s, visibility 0.8s; } .component-pinterest.visible { opacity: 1; visibility: visible; } .component-pinterest .pinterest-pin { height: 30px; width: 30px; cursor: pointer; opacity: 0.85; } @media (min-width: 768px) { .component-pinterest .pinterest-pin { height: 30px; width: 80px; } } .component-responsive-picture .picture { top: 0; left: 0; display: block; width: 100%; height: 100%; } .component-responsive-picture .picture__image { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; } .component-caption-module { display: flex; flex-direction: column; margin-top: 10px; padding: 0 20px; } @media (min-width: 768px) { .component-caption-module { padding: 0; display: block; } } .component-caption-module .caption__caption-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (min-width: 768px) { .component-caption-module .caption__caption-text { -webkit-line-clamp: 2; } } .component-caption-module .caption__attribution-link { display: block; } .component-caption-module .caption__attribution-link, .component-caption-module .caption__attribution-text { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } /* stylelint-enable property-no-unknown */ /* prettier-ignore */ .article-section--content, .component-article-section-content { font-family: 'ProximaNovaRegular', Arial, sans-serif; color: #2E2E30; font-size: 18px; line-height: 30px; margin: 0 0 25px; overflow-wrap: break-word; } .article-section--content p, .component-article-section-content p { margin: 0; } .article-section--content a, .component-article-section-content a { color: #007CBE; transition: color 0.2s linear; text-decoration: underline; } .article-section--content a:hover, .component-article-section-content a:hover { color: #0D6493; text-decoration: underline; cursor: pointer; } .article-section--content b, .component-article-section-content b, .article-section--content strong, .component-article-section-content strong { font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: normal; } .article-section--content b em, .component-article-section-content b em, .article-section--content strong em, .component-article-section-content strong em, .article-section--content b i, .component-article-section-content b i, .article-section--content strong i, .component-article-section-content strong i { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .article-section--content em, .component-article-section-content em, .article-section--content i, .component-article-section-content i { font-family: 'ProximaNovaRegularItalic', Arial, sans-serif; font-style: normal; } .article-section--content em b, .component-article-section-content em b, .article-section--content i b, .component-article-section-content i b, .article-section--content em strong, .component-article-section-content em strong, .article-section--content i strong, .component-article-section-content i strong { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .article-section--content select, .component-article-section-content select { font-family: inherit; color: inherit; font-size: inherit; line-height: inherit; margin: inherit; overflow-wrap: inherit; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden !important; } .article-section--content blockquote, .component-article-section-content blockquote { font-family: 'FuturaPtDemi', Trebuchet MS, sans-serif; margin-bottom: 20px; padding: 0 30px; font-size: 20px; line-height: 27px; } .article-section--content blockquote::before, .component-article-section-content blockquote::before, .article-section--content blockquote::after, .component-article-section-content blockquote::after { height: 2px; width: 30px; background: #2E2E30; content: '\a0'; display: block; } .article-section--content blockquote::before, .component-article-section-content blockquote::before { margin-bottom: 20px; } .article-section--content blockquote::after, .component-article-section-content blockquote::after { margin-top: 20px; } .article-section--content blockquote p, .component-article-section-content blockquote p { margin-bottom: 15px; } .article-section--content blockquote em, .component-article-section-content blockquote em, .article-section--content blockquote i, .component-article-section-content blockquote i { font-family: 'FuturaPtDemi', Trebuchet MS, sans-serif; font-style: italic; } .article-section--content blockquote, .component-article-section-content blockquote { font-size: 17px; color: #2E2E30; line-height: 28px; } .article-section--content blockquote::before, .component-article-section-content blockquote::before, .article-section--content blockquote::after, .component-article-section-content blockquote::after { background: #2494D2; } /** * List Variables * adjust these variables! */ .article-section--content ul, .component-article-section-warning ul, .component-article-section-tip ul, .component-article-section-code ul, .component-article-section-custom-module ul, .component-article-section-end-section ul, .component-article-section-content ul, .article-section--content ol, .component-article-section-warning ol, .component-article-section-tip ol, .component-article-section-code ol, .component-article-section-custom-module ol, .component-article-section-end-section ol, .component-article-section-content ol { margin: 0 44px 0 0; } .article-section--content ul li, .component-article-section-warning ul li, .component-article-section-tip ul li, .component-article-section-code ul li, .component-article-section-custom-module ul li, .component-article-section-end-section ul li, .component-article-section-content ul li, .article-section--content ol li, .component-article-section-warning ol li, .component-article-section-tip ol li, .component-article-section-code ol li, .component-article-section-custom-module ol li, .component-article-section-end-section ol li, .component-article-section-content ol li { position: relative; margin: 0 0 10px 44px; overflow-wrap: break-word; -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ break-inside: avoid; } .article-section--content ul li ul, .component-article-section-warning ul li ul, .component-article-section-tip ul li ul, .component-article-section-code ul li ul, .component-article-section-custom-module ul li ul, .component-article-section-end-section ul li ul, .component-article-section-content ul li ul, .article-section--content ol li ul, .component-article-section-warning ol li ul, .component-article-section-tip ol li ul, .component-article-section-code ol li ul, .component-article-section-custom-module ol li ul, .component-article-section-end-section ol li ul, .component-article-section-content ol li ul, .article-section--content ul li ol, .component-article-section-warning ul li ol, .component-article-section-tip ul li ol, .component-article-section-code ul li ol, .component-article-section-custom-module ul li ol, .component-article-section-end-section ul li ol, .component-article-section-content ul li ol, .article-section--content ol li ol, .component-article-section-warning ol li ol, .component-article-section-tip ol li ol, .component-article-section-code ol li ol, .component-article-section-custom-module ol li ol, .component-article-section-end-section ol li ol, .component-article-section-content ol li ol { margin: 0; } .article-section--content ul li ul li:first-child, .component-article-section-warning ul li ul li:first-child, .component-article-section-tip ul li ul li:first-child, .component-article-section-code ul li ul li:first-child, .component-article-section-custom-module ul li ul li:first-child, .component-article-section-end-section ul li ul li:first-child, .component-article-section-content ul li ul li:first-child, .article-section--content ol li ul li:first-child, .component-article-section-warning ol li ul li:first-child, .component-article-section-tip ol li ul li:first-child, .component-article-section-code ol li ul li:first-child, .component-article-section-custom-module ol li ul li:first-child, .component-article-section-end-section ol li ul li:first-child, .component-article-section-content ol li ul li:first-child, .article-section--content ul li ol li:first-child, .component-article-section-warning ul li ol li:first-child, .component-article-section-tip ul li ol li:first-child, .component-article-section-code ul li ol li:first-child, .component-article-section-custom-module ul li ol li:first-child, .component-article-section-end-section ul li ol li:first-child, .component-article-section-content ul li ol li:first-child, .article-section--content ol li ol li:first-child, .component-article-section-warning ol li ol li:first-child, .component-article-section-tip ol li ol li:first-child, .component-article-section-code ol li ol li:first-child, .component-article-section-custom-module ol li ol li:first-child, .component-article-section-end-section ol li ol li:first-child, .component-article-section-content ol li ol li:first-child { margin-top: 10px; } .article-section--content ul li ol, .component-article-section-warning ul li ol, .component-article-section-tip ul li ol, .component-article-section-code ul li ol, .component-article-section-custom-module ul li ol, .component-article-section-end-section ul li ol, .component-article-section-content ul li ol, .article-section--content ol li ol, .component-article-section-warning ol li ol, .component-article-section-tip ol li ol, .component-article-section-code ol li ol, .component-article-section-custom-module ol li ol, .component-article-section-end-section ol li ol, .component-article-section-content ol li ol { counter-reset: my-badass-counter; } .article-section--content ul li ol li::before, .component-article-section-warning ul li ol li::before, .component-article-section-tip ul li ol li::before, .component-article-section-code ul li ol li::before, .component-article-section-custom-module ul li ol li::before, .component-article-section-end-section ul li ol li::before, .component-article-section-content ul li ol li::before, .article-section--content ol li ol li::before, .component-article-section-warning ol li ol li::before, .component-article-section-tip ol li ol li::before, .component-article-section-code ol li ol li::before, .component-article-section-custom-module ol li ol li::before, .component-article-section-end-section ol li ol li::before, .component-article-section-content ol li ol li::before { position: absolute; left: -41px; width: 33px; counter-increment: my-badass-counter; content: counter(my-badass-counter, lower-alpha) ". "; text-align: right; top: initial; background-color: initial; } .article-section--content ul li ul, .component-article-section-warning ul li ul, .component-article-section-tip ul li ul, .component-article-section-code ul li ul, .component-article-section-custom-module ul li ul, .component-article-section-end-section ul li ul, .component-article-section-content ul li ul, .article-section--content ol li ul, .component-article-section-warning ol li ul, .component-article-section-tip ol li ul, .component-article-section-code ol li ul, .component-article-section-custom-module ol li ul, .component-article-section-end-section ol li ul, .component-article-section-content ol li ul { counter-reset: my-badass-counter; } .article-section--content ul li ul li::before, .component-article-section-warning ul li ul li::before, .component-article-section-tip ul li ul li::before, .component-article-section-code ul li ul li::before, .component-article-section-custom-module ul li ul li::before, .component-article-section-end-section ul li ul li::before, .component-article-section-content ul li ul li::before, .article-section--content ol li ul li::before, .component-article-section-warning ol li ul li::before, .component-article-section-tip ol li ul li::before, .component-article-section-code ol li ul li::before, .component-article-section-custom-module ol li ul li::before, .component-article-section-end-section ol li ul li::before, .component-article-section-content ol li ul li::before { content: ""; position: absolute; top: 13px; left: -13px; height: 4px; width: 4px; background-color: #2E2E30; border-radius: 50%; } .article-section--content ul li:last-child, .component-article-section-warning ul li:last-child, .component-article-section-tip ul li:last-child, .component-article-section-code ul li:last-child, .component-article-section-custom-module ul li:last-child, .component-article-section-end-section ul li:last-child, .component-article-section-content ul li:last-child, .article-section--content ol li:last-child, .component-article-section-warning ol li:last-child, .component-article-section-tip ol li:last-child, .component-article-section-code ol li:last-child, .component-article-section-custom-module ol li:last-child, .component-article-section-end-section ol li:last-child, .component-article-section-content ol li:last-child { margin-bottom: 0; } .article-section--content ul li::before, .component-article-section-warning ul li::before, .component-article-section-tip ul li::before, .component-article-section-code ul li::before, .component-article-section-custom-module ul li::before, .component-article-section-end-section ul li::before, .component-article-section-content ul li::before { content: ""; position: absolute; top: 13px; left: -13px; height: 4px; width: 4px; background-color: #2E2E30; border-radius: 50%; } .article-section--content ol, .component-article-section-warning ol, .component-article-section-tip ol, .component-article-section-code ol, .component-article-section-custom-module ol, .component-article-section-end-section ol, .component-article-section-content ol { counter-reset: my-badass-counter; } .article-section--content ol li::before, .component-article-section-warning ol li::before, .component-article-section-tip ol li::before, .component-article-section-code ol li::before, .component-article-section-custom-module ol li::before, .component-article-section-end-section ol li::before, .component-article-section-content ol li::before { position: absolute; left: -41px; width: 33px; counter-increment: my-badass-counter; content: counter(my-badass-counter) ". "; text-align: right; } .component-article-section-inline-ad .inline-ad { text-align: center; } @media (min-width: 768px) { .component-article-section-inline-ad .inline-ad.inline-ad--mobile-critical { display: none; } } .component-article-section-inline-ad .inline-ad.inline-ad--desktop-critical { display: none; } @media (min-width: 768px) { .component-article-section-inline-ad .inline-ad.inline-ad--desktop-critical { display: block; } } .component-article-section-inline-ad .inline-ad .inline-ad__label { font-family: 'ProximaNovaRegular', Arial, sans-serif; color: #606B71; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper { position: relative; display: flex; height: 360px; margin: 0 0 25px -20px; width: 100vw; overflow: hidden; align-items: center; justify-content: center; background-color: #F8F8F8; } @media (min-width: 768px) { .component-article-section-inline-ad .inline-ad .inline-ad__wrapper { position: relative; display: flex; height: auto; width: 100%; margin: 0; overflow: hidden; align-items: center; justify-content: center; background: none; } } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper .slot { display: flex !important; height: 360px; overflow: hidden; flex: 1; align-items: center; justify-content: center; margin: 0 auto; padding: 20px 0; } @media (min-width: 768px) { .component-article-section-inline-ad .inline-ad .inline-ad__wrapper .slot { height: auto; margin: 0; padding: 0; } } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper .slot div * { width: 100%; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_runway { display: block; position: static; height: 450px; align-items: normal; overflow: initial; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_runway .slot { position: sticky; height: auto; max-height: 450px; top: 60px; padding: 25px 0; overflow: initial; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_runway .slot > div { margin: 0 auto; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_reserve-space-desktop { position: relative; display: flex; height: 290px !important; margin: 0 0 25px 0; left: 0; width: 100%; overflow: hidden; align-items: center; justify-content: center; background: #F8F8F8; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_reserve-space-desktop:not(.inline-ad__wrapper_tall) { height: 130px !important; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_reserve-space-desktop .ad-desktop { width: 100%; } .component-article-section-heading.has-h2 { margin: 40px 0 20px 0; } .component-article-section-heading.has-h3 { margin: 30px 0 20px 0; } .component-article-section-heading h2, .component-article-section-heading h3 { display: inline; color: #2E2E30; font-family: 'ProximaNovaBold', Arial, sans-serif; } .component-article-section-heading h2.right-margin, .component-article-section-heading h3.right-margin { margin-right: 10px; } .component-article-section-heading h2 a, .component-article-section-heading h3 a { color: #007CBE; text-decoration: underline; transition: color 0.2s linear; } .component-article-section-heading h2 a:hover, .component-article-section-heading h3 a:hover { color: #0D6493; text-decoration: underline; cursor: pointer; } .component-article-section-heading h2 { font-size: 28px; line-height: 36px; } .component-article-section-heading h3 { font-size: 22px; line-height: 28px; } .component-article-section-heading .heading-label { display: inline-block; position: relative; padding: 0 10px 0 27px; vertical-align: text-bottom; } .component-article-section-heading .heading-label::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 10px; margin-right: 5px; border-radius: 50%; height: 12px; width: 12px; } .component-article-section-heading .heading-label .heading-icon { position: absolute; top: 0; bottom: 0; margin: auto 0; left: 10px; width: 12px; height: 12px; background-repeat: no-repeat; } .component-article-section-heading h2 em, .component-article-section-heading h3 em, .component-article-section-heading h2 i, .component-article-section-heading h3 i { font-family: 'ProximaNovaSemiBoldItalic', Arial, sans-serif; font-style: normal; } .component-article-section-votd-wrapper { display: none; clear: both; } .component-article-section-votd-wrapper.enable-mobile { display: block; } @media (min-width: 768px) { .component-article-section-votd-wrapper.enable-mobile { display: none; } } .component-article-section-votd-wrapper.enable-mobile .component-article-section-votd { border: none; padding: 0; } .component-article-section-votd-wrapper.enable-mobile .component-article-section-votd .component-article-section-votd-label { display: none; } @media (min-width: 768px) { .component-article-section-votd-wrapper { display: block; } } .component-article-section-votd-wrapper .component-article-section-votd { margin: 30px 0; padding: 20px 0 40px; border-top: 1px solid rgba(151, 151, 151, 0.3); border-bottom: 1px solid rgba(151, 151, 151, 0.3); } @media (min-width: 768px) { .component-article-section-votd-wrapper .component-article-section-votd { padding: 20px 25px 40px 25px; } } .component-article-section-votd-wrapper .component-article-section-votd .component-article-section-votd-label { font-family: 'ProximaNovaRegular', Arial, sans-serif; margin: 0 0 20px 0; text-align: center; text-transform: uppercase; } .component-article-section-votd-wrapper .component-article-section-votd .component-article-section-votd-container-outer { position: relative; aspect-ratio: 16 / 9; } .component-article-section-votd-wrapper .component-article-section-votd .component-article-section-votd-container-outer #votd-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; } .component-article-section-inline-rc { display: none; width: 100vw; max-width: 100vw; left: 50%; right: 50%; margin: 0 -50vw; padding: 30px 20px; } @media (min-width: 768px) { .component-article-section-inline-rc { display: block; clear: both; width: 100%; margin: 45px auto 38px; padding: 25px; left: initial; right: initial; max-width: 100%; } } .component-article-section-inline-rc .inline-rc__title { font-family: 'ProximaNovaBold', Arial, sans-serif; color: #2E2E30; font-size: 22px; line-height: 28px; margin-bottom: 20px; } .component-article-section-inline-ad .inline-ad.show-inline-rc .inline-ad__label { visibility: hidden; } .component-article-section-inline-ad .inline-ad.show-inline-rc .inline-ad__wrapper { background-color: #fff; display: flex; align-items: center; } .component-article-section-inline-ad .inline-ad.show-inline-rc .inline-ad__wrapper .slot { display: none !important; } .component-article-section-inline-ad .inline-ad.show-inline-rc .inline-ad__wrapper .component-article-section-inline-rc { text-align: left; display: block; } .component-article-section-inline-rc { background-color: rgba(35, 205, 147, 0.1); } .component-common-grid { display: grid; } .common-view__section-grid .article-listing__vertical, .common-view__section-grid .article-listing__vertical, .common-view__featured-section-grid .item-0, .common-view__featured-section-grid .item-0, .common-view__featured-section-grid .article-listing__vertical, .common-view__featured-section-grid .article-listing__vertical { position: relative;display: grid;grid-template-rows: [pad-top-start] 0 [pad-top-end row-1-start] minmax(0, max-content) [row-1-end row-2-start] minmax(0, max-content) [row-2-end row-3-start] minmax(0, max-content) [row-3-end row-4-start] minmax(0, max-content) [row-4-end row-5-start] minmax(0, max-content) [row-5-end pad-bottom-start] 0 [pad-bottom-end];grid-template-columns: auto;width: 100%;height: auto;overflow: hidden;text-align: left; } .common-view__section-grid .article-listing__vertical .article-listing__image, .common-view__section-grid .article-listing__vertical .article-listing__image, .common-view__featured-section-grid .item-0 .article-listing__image, .common-view__featured-section-grid .item-0 .article-listing__image, .common-view__featured-section-grid .article-listing__vertical .article-listing__image, .common-view__featured-section-grid .article-listing__vertical .article-listing__image { grid-row-start: row-1-start;grid-row-end: row-1-end; } .common-view__section-grid .article-listing__vertical .article-listing__image .component-responsive-picture, .common-view__section-grid .article-listing__vertical .article-listing__image .component-responsive-picture, .common-view__featured-section-grid .item-0 .article-listing__image .component-responsive-picture, .common-view__featured-section-grid .item-0 .article-listing__image .component-responsive-picture, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .component-responsive-picture, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .component-responsive-picture { padding-top: 75%; } .common-view__section-grid .article-listing__vertical .article-listing__image .picture__image, .common-view__section-grid .article-listing__vertical .article-listing__image .picture__image, .common-view__featured-section-grid .item-0 .article-listing__image .picture__image, .common-view__featured-section-grid .item-0 .article-listing__image .picture__image, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .picture__image, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .picture__image { width: 100%; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo, .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo { position: absolute;z-index: 9999;display: block;height: auto; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical img, .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical img, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.portrait-critical img, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.portrait-critical img, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical img, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical img { width: 100%;height: 100%; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical img, .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical img, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.landscape-critical img, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.landscape-critical img, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical img, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical img { width: auto;height: 100%; } .common-view__section-grid .article-listing__vertical .article-listing__category, .common-view__section-grid .article-listing__vertical .article-listing__category, .common-view__featured-section-grid .item-0 .article-listing__category, .common-view__featured-section-grid .item-0 .article-listing__category, .common-view__featured-section-grid .article-listing__vertical .article-listing__category, .common-view__featured-section-grid .article-listing__vertical .article-listing__category { grid-row-start: row-2-start;grid-row-end: row-2-end;text-transform: uppercase; } .common-view__section-grid .article-listing__vertical .article-listing__heading, .common-view__section-grid .article-listing__vertical .article-listing__heading, .common-view__featured-section-grid .item-0 .article-listing__heading, .common-view__featured-section-grid .item-0 .article-listing__heading, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading { grid-row-start: row-3-start;grid-row-end: row-3-end; } .common-view__section-grid .article-listing__vertical .article-listing__heading a, .common-view__section-grid .article-listing__vertical .article-listing__heading a, .common-view__featured-section-grid .item-0 .article-listing__heading a, .common-view__featured-section-grid .item-0 .article-listing__heading a, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a { transition: color 0.2s; } .common-view__section-grid .article-listing__vertical .article-listing__heading a::after, .common-view__section-grid .article-listing__vertical .article-listing__heading a::after, .common-view__featured-section-grid .item-0 .article-listing__heading a::after, .common-view__featured-section-grid .item-0 .article-listing__heading a::after, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a::after, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a::after { position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;content: ""; } .common-view__section-grid .article-listing__vertical .article-listing__byline, .common-view__section-grid .article-listing__vertical .article-listing__byline, .common-view__featured-section-grid .item-0 .article-listing__byline, .common-view__featured-section-grid .item-0 .article-listing__byline, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline { grid-row-start: row-4-start;grid-row-end: row-4-end;text-transform: unset; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority, .common-view__section-grid .article-listing__vertical .article-listing__byline.authority, .common-view__featured-section-grid .item-0 .article-listing__byline.authority, .common-view__featured-section-grid .item-0 .article-listing__byline.authority, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority { max-height: unset; } .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-authority-wrapper, .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-authority-wrapper, .common-view__featured-section-grid .item-0 .article-listing__byline .byline-authority-wrapper, .common-view__featured-section-grid .item-0 .article-listing__byline .byline-authority-wrapper, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-authority-wrapper, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-authority-wrapper { display: inline-flex;align-items: center; } .common-view__section-grid .article-listing__vertical .article-listing__byline .authority-check, .common-view__section-grid .article-listing__vertical .article-listing__byline .authority-check, .common-view__featured-section-grid .item-0 .article-listing__byline .authority-check, .common-view__featured-section-grid .item-0 .article-listing__byline .authority-check, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .authority-check, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .authority-check { display: inline-block;background-size: auto auto; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__featured-section-grid .item-0 .article-listing__sponsorship, .common-view__featured-section-grid .item-0 .article-listing__sponsorship, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship { grid-row-start: row-5-start;grid-row-end: row-5-end;display: flex;flex-wrap: wrap;align-items: center; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__prefix, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__prefix, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix { text-transform: uppercase; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship a, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship span, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship a, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship span, .common-view__featured-section-grid .item-0 .article-listing__sponsorship a, .common-view__featured-section-grid .item-0 .article-listing__sponsorship span, .common-view__featured-section-grid .item-0 .article-listing__sponsorship a, .common-view__featured-section-grid .item-0 .article-listing__sponsorship span, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship a, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship span, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship a, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship span { margin-bottom: 3px; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img { margin-right: 3px;vertical-align: text-bottom; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical { display: block;max-width: 85px;max-height: 15px; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical { height: 20px; } .common-view__section-grid .article-listing__vertical .article-listing__heading, .common-view__section-grid .article-listing__vertical .article-listing__heading, .common-view__featured-section-grid .item-0 .article-listing__heading, .common-view__featured-section-grid .item-0 .article-listing__heading, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading { color: #2E2E30;font-family: 'BarlowBold', sans-serif; } .common-view__section-grid .article-listing__vertical .article-listing__heading a, .common-view__section-grid .article-listing__vertical .article-listing__heading a, .common-view__featured-section-grid .item-0 .article-listing__heading a, .common-view__featured-section-grid .item-0 .article-listing__heading a, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a { color: #2E2E30; } .common-view__section-grid .article-listing__vertical .article-listing__heading a:hover, .common-view__section-grid .article-listing__vertical .article-listing__heading a:hover, .common-view__featured-section-grid .item-0 .article-listing__heading a:hover, .common-view__featured-section-grid .item-0 .article-listing__heading a:hover, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a:hover, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a:hover { color: #23CD93; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__section-grid .article-listing__vertical .article-listing__byline, .common-view__section-grid .article-listing__vertical .article-listing__category, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__section-grid .article-listing__vertical .article-listing__byline, .common-view__section-grid .article-listing__vertical .article-listing__category, .common-view__featured-section-grid .item-0 .article-listing__sponsorship, .common-view__featured-section-grid .item-0 .article-listing__byline, .common-view__featured-section-grid .item-0 .article-listing__category, .common-view__featured-section-grid .item-0 .article-listing__sponsorship, .common-view__featured-section-grid .item-0 .article-listing__byline, .common-view__featured-section-grid .item-0 .article-listing__category, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline, .common-view__featured-section-grid .article-listing__vertical .article-listing__category, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline, .common-view__featured-section-grid .article-listing__vertical .article-listing__category { color: #606B71; } .common-view__section-grid .article-listing__vertical .product-listing__content, .common-view__featured-section-grid .article-listing__vertical .product-listing__content { grid-row-start: row-1-start;grid-row-end: row-1-end;position: relative;display: grid;grid-template-rows: [pad-top-start] 0 [pad-top-end row-1-start] minmax(0, max-content) [row-1-end row-2-start] minmax(0, max-content) [row-2-end row-3-start] minmax(0, max-content) [row-3-end row-4-start] minmax(0, max-content) [row-4-end row-5-start] minmax(0, max-content) [row-5-end pad-bottom-start] 0 [pad-bottom-end];grid-template-columns: auto;width: 100%;height: auto;overflow: hidden; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image { grid-row-start: row-1-start;grid-row-end: row-1-end; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .component-responsive-picture, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .component-responsive-picture { padding-top: 75%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo { position: absolute;z-index: 9999;display: block;height: auto; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor { grid-row-start: row-2-start;grid-row-end: row-2-end; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__name, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__name { grid-row-start: row-3-start;grid-row-end: row-3-end; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__name a, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__name a { transition: color 0.2s; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__name a::after, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__name a::after { position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;content: ""; } .common-view__section-grid .article-listing__vertical .product-listing__action, .common-view__featured-section-grid .article-listing__vertical .product-listing__action { grid-row-start: row-2-start;grid-row-end: row-2-end;display: -webkit-box; } .common-view__section-grid .article-listing__vertical .product-listing__action .product-listing__action__cta, .common-view__featured-section-grid .article-listing__vertical .product-listing__action .product-listing__action__cta { display: flex;justify-content: center;min-width: 88px;max-width: 150px;padding: 3px 10px;border: unset;border-radius: 3px;cursor: pointer;transition: color 0.2s; } .common-view__section-grid .article-listing__vertical .product-listing__action .product-listing__action__cta .product-listing__action__cta__divider, .common-view__featured-section-grid .article-listing__vertical .product-listing__action .product-listing__action__cta .product-listing__action__cta__divider { margin: 0 10px; } .common-view__section-grid { grid-template-rows: auto; grid-template-columns: 1fr 1fr; padding: 0 0 20px; column-gap: 20px; row-gap: 30px; } @media (min-width: 768px) { .common-view__section-grid { padding: 0 0 25px; column-gap: 30px; row-gap: 40px; } } @media (min-width: 991px) { .common-view__section-grid { grid-template-columns: 1fr 1fr 1fr 1fr; } } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo { top: 10px; right: 10px; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical { width: 35px; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical { height: 35px; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority { display: block; } .common-view__section-grid .article-listing__vertical .article-listing__category { margin-top: 13px; color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; letter-spacing: 0.07em; } .common-view__section-grid .article-listing__vertical .article-listing__heading { margin-top: 3px; font-size: 14px; line-height: 20px; display: -webkit-box; max-height: calc(3 * 20px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .article-listing__byline { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 5px; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority { margin-top: 0; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-writer-prefix, .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-writer, .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__section-grid .article-listing__vertical .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-authority { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship { margin-top: 5px; color: #606B71; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; color: #2E2E30; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 5px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo { top: 10px; right: 10px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical { width: 35px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical img { width: 100%; height: 100%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical { height: 35px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical img { width: auto; height: 100%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor { margin-top: 13px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__name { margin-top: 3px; } .common-view__section-grid .article-listing__vertical .product-listing__action { margin-top: 10px; } @media (min-width: 768px) { .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo { top: 15px; right: 15px; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical { width: 50px; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical { height: 50px; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; align-items: center; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .common-view__section-grid .article-listing__vertical .article-listing__category { margin-top: 17px; color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; letter-spacing: 0.08em; } .common-view__section-grid .article-listing__vertical .article-listing__heading { margin-top: 5px; font-size: 19px; line-height: 25px; display: -webkit-box; max-height: calc(3 * 25px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .article-listing__byline { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 7px; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority { margin-top: 2px; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-writer-prefix, .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-writer, .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__section-grid .article-listing__vertical .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship { margin-top: 7px; color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; color: #2E2E30; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image img { width: 100%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo { top: 15px; right: 15px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical { width: 50px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical img { width: 100%; height: 100%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical { height: 50px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical img { width: auto; height: 100%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor { margin-top: 17px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__name { margin-top: 5px; } .common-view__section-grid .article-listing__vertical .product-listing__action { margin-top: 12px; } } .common-view__featured-section-grid { grid-template-rows: auto auto auto auto; grid-template-columns: 1fr 1fr; grid-template-areas: "feature feature" "feature feature" "item2 item3" "item4 item5"; padding: 0; column-gap: 20px; row-gap: 30px; } .common-view__featured-section-grid .item-0 { grid-area: feature; margin-bottom: 5px; } .common-view__featured-section-grid .item-0 .article-listing__image .series-logo { top: 15px; right: 15px; } .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.portrait-critical { width: 50px; } .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.landscape-critical { height: 50px; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; align-items: center; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .common-view__featured-section-grid .item-0 .article-listing__category { margin-top: 17px; color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; letter-spacing: 0.08em; } .common-view__featured-section-grid .item-0 .article-listing__heading { margin-top: 5px; font-size: 19px; line-height: 25px; display: -webkit-box; max-height: calc(3 * 25px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .item-0 .article-listing__byline { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 7px; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority { margin-top: 2px; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__featured-section-grid .item-0 .article-listing__byline .byline-writer-prefix, .common-view__featured-section-grid .item-0 .article-listing__byline .byline-writer, .common-view__featured-section-grid .item-0 .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .item-0 .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__featured-section-grid .item-0 .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__featured-section-grid .item-0 .article-listing__sponsorship { margin-top: 7px; color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; color: #2E2E30; } .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .item-0 .article-listing__image { height: 100%; } .common-view__featured-section-grid .item-0 .article-listing__image .component-responsive-picture { padding-top: 104%; } @media (min-width: 768px) { .common-view__featured-section-grid { column-gap: 30px; row-gap: 40px; } } @media (min-width: 991px) { .common-view__featured-section-grid { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: "feature feature item2 item3" "feature feature item4 item5"; } } .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo { top: 10px; right: 10px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical { width: 35px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical { height: 35px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority { display: block; } .common-view__featured-section-grid .article-listing__vertical .article-listing__category { margin-top: 13px; color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; letter-spacing: 0.07em; } .common-view__featured-section-grid .article-listing__vertical .article-listing__heading { margin-top: 3px; font-size: 14px; line-height: 20px; display: -webkit-box; max-height: calc(3 * 20px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 5px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority { margin-top: 0; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-writer-prefix, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-writer, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-authority { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship { margin-top: 5px; color: #606B71; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; color: #2E2E30; } .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 5px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo { top: 10px; right: 10px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical { width: 35px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical img { width: 100%; height: 100%; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical { height: 35px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical img { width: auto; height: 100%; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor { margin-top: 13px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__name { margin-top: 3px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__action { margin-top: 10px; } @media (min-width: 768px) { .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo { top: 15px; right: 15px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical { width: 50px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical { height: 50px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; align-items: center; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .common-view__featured-section-grid .article-listing__vertical .article-listing__category { margin-top: 17px; color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; letter-spacing: 0.08em; } .common-view__featured-section-grid .article-listing__vertical .article-listing__heading { margin-top: 5px; font-size: 19px; line-height: 25px; display: -webkit-box; max-height: calc(3 * 25px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 7px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority { margin-top: 2px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-writer-prefix, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-writer, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship { margin-top: 7px; color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; color: #2E2E30; } .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image img { width: 100%; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo { top: 15px; right: 15px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical { width: 50px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical img { width: 100%; height: 100%; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical { height: 50px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical img { width: auto; height: 100%; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor { margin-top: 17px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__name { margin-top: 5px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__action { margin-top: 12px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__image .series-logo { top: 20px; right: 20px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__image .series-logo.portrait-critical { width: 75px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__image .series-logo.landscape-critical { height: 75px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__category { margin-top: 19px; color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; letter-spacing: 1px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__heading { margin-top: 7px; font-size: 22px; line-height: 28px; display: -webkit-box; max-height: calc(3 * 28px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; --no-rule: 'yet'; margin-top: 9px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority { margin-top: 4px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline .byline-writer-prefix, .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline .byline-writer, .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__sponsorship { margin-top: 10px; color: #606B71; font-size: 14px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 22px; letter-spacing: 0; color: #2E2E30; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } } .common-view__infocus-section-grid { padding: 0; grid-row-gap: 30px; } @media (min-width: 1020px) { .common-view__infocus-section-grid { display: flex; max-width: 1250px; margin: 0 auto; } } .common-view__infocus-section-grid .layout-focus-section-critical { display: flex; } .common-view__infocus-section-grid .layout-focus-section-critical.cta-override .article-listing__heading { margin-top: 0; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image { margin-right: 20px; position: relative; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .component-responsive-picture { width: 100px; height: 100px; } @media (min-width: 768px) { .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .component-responsive-picture { width: 135px; height: 135px; } } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .series-logo { position: absolute; z-index: 9999; display: block; height: auto; top: 15px; right: 15px; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .series-logo.portrait { width: 45px; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .series-logo.portrait img { width: 100%; height: 100%; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .series-logo.landscape { height: 45px; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .series-logo.landscape img { width: auto; height: 100%; } .common-view__infocus-section-grid .layout-focus-section-critical .listing-text-section { display: flex; flex-direction: column; justify-content: center; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__byline { margin-top: 0; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #606B71; letter-spacing: 0; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__byline .byline-writer-prefix { font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #606B71; letter-spacing: 0; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__byline.cta-override { display: -webkit-box; overflow: hidden; color: #736C54; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; line-height: 14px; letter-spacing: 1px; text-align: left; text-transform: uppercase; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__byline.cta-override::after { content: ""; width: 8px; min-width: 8px; height: 7px; margin-left: 6px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/_nuxt/2c963dfd1d03b25bfd41c2227e72b538.svg); } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__category { font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-size: 10px; line-height: 16px; letter-spacing: 0.08em; text-transform: uppercase; color: #606B71; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__heading { display: -webkit-box; margin: 9px 0 7px; overflow: hidden; font-family: 'BarlowBold', sans-serif; font-size: 22px; line-height: 28px; color: #2E2E30; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (min-width: 768px) { .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__heading { font-size: 18px; line-height: 24px; -webkit-line-clamp: 2; } } @media (min-width: 1020px) { .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__heading { font-size: 16px; line-height: 22px; -webkit-line-clamp: 3; } } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__heading a { transition: color 0.2s ease; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__heading a:hover { color: #23CD93; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__sponsorship { font-family: "ProximaNovaRegular", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #2E2E30; display: -webkit-box; max-height: calc(2 * 14px); overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: flex; align-items: center; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img { margin-left: 6px; margin-right: 0; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img img { margin: 0; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__sponsorship .partner-label { margin-left: 3px; } .common-view__inline-rc-section-grid { padding: 0; grid-row-gap: 20px; } .common-view__inline-rc-section-grid .layout-focus-section-critical { display: flex; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__image { margin-right: 15px; position: relative; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__image .component-responsive-picture { width: 90px; height: 90px; } @media (min-width: 768px) { .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__image .component-responsive-picture { width: 107px; height: 80px; } } .common-view__inline-rc-section-grid .layout-focus-section-critical .listing-text-section { display: flex; flex-direction: column; justify-content: center; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__byline { display: none; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__category { font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-size: 12px; line-height: 18px; letter-spacing: 0.08em; text-transform: uppercase; color: #606B71; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__heading { display: -webkit-box; overflow: hidden; font-family: 'BarlowBold', sans-serif; font-size: 17px; line-height: 22px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (min-width: 768px) { .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__heading { font-size: 19px; line-height: 25px; -webkit-line-clamp: 2; } } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__heading a { color: #2E2E30; transition: color 0.2s ease; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__heading a:hover { color: #23CD93; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship { font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #606B71; display: -webkit-box; max-height: calc(2 * 18px); overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: flex; align-items: center; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img { margin-left: 6px; margin-right: 0; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img .article-listing__sponsorship__img-landscape-critical { max-width: 85px; max-height: 15px; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img .article-listing__sponsorship__img-portrait-critical { height: 20px; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img img { margin: 0; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship .partner-label { margin-left: 3px; } .article-listing__base-abstract, .article-listing__base-small, .article-listing__base-medium, .article-listing__base-large { display: grid; grid-template-rows: [pad-top-start] 13px [pad-top-end row-1-start] minmax(0, max-content) [row-1-end row-2-start] minmax(0, max-content) [row-2-end row-3-start] minmax(0, max-content) [row-3-end row-4-start] minmax(0, max-content) [row-4-end row-5-start] minmax(0, max-content) [row-5-end pad-bottom-start] 13px [pad-bottom-end]; grid-template-columns: [pad-left-start] 13px [pad-left-end content-start] auto [content-end pad-right-start] 13px [pad-right-end]; width: 100%; height: auto; overflow: hidden; } .article-listing__base-abstract .article-listing__category, .article-listing__base-small .article-listing__category, .article-listing__base-medium .article-listing__category, .article-listing__base-large .article-listing__category { grid-column-start: content-start; grid-column-end: content-end; grid-row-start: row-1-start; grid-row-end: row-1-end; } .article-listing__base-abstract .article-listing__heading, .article-listing__base-small .article-listing__heading, .article-listing__base-medium .article-listing__heading, .article-listing__base-large .article-listing__heading { grid-column-start: content-start; grid-column-end: content-end; grid-row-start: row-2-start; grid-row-end: row-2-end; } .article-listing__base-abstract .article-listing__byline, .article-listing__base-small .article-listing__byline, .article-listing__base-medium .article-listing__byline, .article-listing__base-large .article-listing__byline { grid-column-start: content-start; grid-column-end: content-end; grid-row-start: row-3-start; grid-row-end: row-3-end; } .article-listing__base-abstract .article-listing__teaser, .article-listing__base-small .article-listing__teaser, .article-listing__base-medium .article-listing__teaser, .article-listing__base-large .article-listing__teaser { grid-column-start: content-start; grid-column-end: content-end; grid-row-start: row-4-start; grid-row-end: row-4-end; } .article-listing__base-abstract .article-listing__sponsorship, .article-listing__base-small .article-listing__sponsorship, .article-listing__base-medium .article-listing__sponsorship, .article-listing__base-large .article-listing__sponsorship { grid-column-start: content-start; grid-column-end: content-end; grid-row-start: row-5-start; grid-row-end: row-5-end; } .article-listing__base-small .article-listing__category { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; margin-bottom: 3px; text-transform: uppercase; } .article-listing__base-small .article-listing__byline { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; margin-bottom: 5px; text-transform: unset; } .article-listing__base-small .article-listing__byline .byline-writer-prefix { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; } .article-listing__base-small .article-listing__byline .byline-writer { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; } .article-listing__base-small .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; } .article-listing__base-small .article-listing__heading { color: #2E2E30; font-size: 14px; font-family: "FuturaPtDemi", Trebuchet MS, sans-serif; font-style: normal; line-height: 20px; letter-spacing: 0; margin-bottom: 5px; } .article-listing__base-small .article-listing__sponsorship { color: #606B71; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; } .article-listing__base-small .article-listing__teaser { color: #606B71; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; margin-bottom: 7px; } .article-listing__base-medium .article-listing__byline { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; margin-bottom: 5px; text-transform: unset; } .article-listing__base-medium .article-listing__byline .byline-writer-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__base-medium .article-listing__byline .byline-writer { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__base-medium .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__base-medium .article-listing__category { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; margin-bottom: 5px; text-transform: uppercase; } .article-listing__base-medium .article-listing__heading { color: #2E2E30; font-weight: 500; font-size: 20px; font-family: "FuturaPtDemi", Trebuchet MS, sans-serif; font-style: normal; line-height: 26px; letter-spacing: 0; margin-bottom: 7px; } .article-listing__base-medium .article-listing__sponsorship { color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; } .article-listing__base-medium .article-listing__teaser { color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; margin-bottom: 5px; } .article-listing__base-large .article-listing__category { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; margin-bottom: 7px; } .article-listing__base-large .article-listing__byline { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; margin-bottom: 7px; text-transform: unset; } .article-listing__base-large .article-listing__byline .byline-writer-prefix { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; } .article-listing__base-large .article-listing__byline .byline-writer { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; } .article-listing__base-large .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; } .article-listing__base-large .article-listing__heading { color: #2E2E30; font-size: 24px; font-family: "FuturaPtDemi", Trebuchet MS, sans-serif; font-style: normal; line-height: 32px; letter-spacing: 0; display: -webkit-box; max-height: calc(2 * 32px); overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom: 7px; } .article-listing__base-large .article-listing__sponsorship { color: #606B71; font-size: 14px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 22px; letter-spacing: 0; } .article-listing__base-large .article-listing__teaser { color: #606B71; font-size: 14px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 22px; letter-spacing: 0; display: -webkit-box; max-height: calc(2 * 22px); overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom: 7px; } .article-listing__vertical-abstract, .article-listing__vertical-small, .article-listing__vertical-medium, .article-listing__vertical-large, .article-listing__vertical-small, .article-listing__vertical-medium, .article-listing__vertical-large { position: relative; display: grid; grid-template-rows: [pad-top-start] 0 [pad-top-end row-1-start] minmax(0, max-content) [row-1-end row-2-start] minmax(0, max-content) [row-2-end row-3-start] minmax(0, max-content) [row-3-end row-4-start] minmax(0, max-content) [row-4-end row-5-start] minmax(0, max-content) [row-5-end pad-bottom-start] 0 [pad-bottom-end]; grid-template-columns: auto; width: 100%; height: auto; overflow: hidden; text-align: left; } .article-listing__vertical-abstract .article-listing__image, .article-listing__vertical-small .article-listing__image, .article-listing__vertical-medium .article-listing__image, .article-listing__vertical-large .article-listing__image, .article-listing__vertical-small .article-listing__image, .article-listing__vertical-medium .article-listing__image, .article-listing__vertical-large .article-listing__image { grid-row-start: row-1-start; grid-row-end: row-1-end; } .article-listing__vertical-abstract .article-listing__image .component-responsive-picture, .article-listing__vertical-small .article-listing__image .component-responsive-picture, .article-listing__vertical-medium .article-listing__image .component-responsive-picture, .article-listing__vertical-large .article-listing__image .component-responsive-picture, .article-listing__vertical-small .article-listing__image .component-responsive-picture, .article-listing__vertical-medium .article-listing__image .component-responsive-picture, .article-listing__vertical-large .article-listing__image .component-responsive-picture { padding-top: 75%; } .article-listing__vertical-abstract .article-listing__image .picture__image, .article-listing__vertical-small .article-listing__image .picture__image, .article-listing__vertical-medium .article-listing__image .picture__image, .article-listing__vertical-large .article-listing__image .picture__image, .article-listing__vertical-small .article-listing__image .picture__image, .article-listing__vertical-medium .article-listing__image .picture__image, .article-listing__vertical-large .article-listing__image .picture__image { width: 100%; } .article-listing__vertical-abstract .article-listing__image .series-logo, .article-listing__vertical-small .article-listing__image .series-logo, .article-listing__vertical-medium .article-listing__image .series-logo, .article-listing__vertical-large .article-listing__image .series-logo, .article-listing__vertical-small .article-listing__image .series-logo, .article-listing__vertical-medium .article-listing__image .series-logo, .article-listing__vertical-large .article-listing__image .series-logo { position: absolute; z-index: 9999; display: block; height: auto; } .article-listing__vertical-abstract .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-small .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-medium .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-large .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-small .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-medium .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-large .article-listing__image .series-logo.portrait-critical img { width: 100%; height: 100%; } .article-listing__vertical-abstract .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-small .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-medium .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-large .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-small .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-medium .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-large .article-listing__image .series-logo.landscape-critical img { width: auto; height: 100%; } .article-listing__vertical-abstract .article-listing__category, .article-listing__vertical-small .article-listing__category, .article-listing__vertical-medium .article-listing__category, .article-listing__vertical-large .article-listing__category, .article-listing__vertical-small .article-listing__category, .article-listing__vertical-medium .article-listing__category, .article-listing__vertical-large .article-listing__category { grid-row-start: row-2-start; grid-row-end: row-2-end; text-transform: uppercase; } .article-listing__vertical-abstract .article-listing__heading, .article-listing__vertical-small .article-listing__heading, .article-listing__vertical-medium .article-listing__heading, .article-listing__vertical-large .article-listing__heading, .article-listing__vertical-small .article-listing__heading, .article-listing__vertical-medium .article-listing__heading, .article-listing__vertical-large .article-listing__heading { grid-row-start: row-3-start; grid-row-end: row-3-end; } .article-listing__vertical-abstract .article-listing__heading a, .article-listing__vertical-small .article-listing__heading a, .article-listing__vertical-medium .article-listing__heading a, .article-listing__vertical-large .article-listing__heading a, .article-listing__vertical-small .article-listing__heading a, .article-listing__vertical-medium .article-listing__heading a, .article-listing__vertical-large .article-listing__heading a { transition: color 0.2s; } .article-listing__vertical-abstract .article-listing__heading a::after, .article-listing__vertical-small .article-listing__heading a::after, .article-listing__vertical-medium .article-listing__heading a::after, .article-listing__vertical-large .article-listing__heading a::after, .article-listing__vertical-small .article-listing__heading a::after, .article-listing__vertical-medium .article-listing__heading a::after, .article-listing__vertical-large .article-listing__heading a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; } .article-listing__vertical-abstract .article-listing__byline, .article-listing__vertical-small .article-listing__byline, .article-listing__vertical-medium .article-listing__byline, .article-listing__vertical-large .article-listing__byline, .article-listing__vertical-small .article-listing__byline, .article-listing__vertical-medium .article-listing__byline, .article-listing__vertical-large .article-listing__byline { grid-row-start: row-4-start; grid-row-end: row-4-end; text-transform: unset; } .article-listing__vertical-abstract .article-listing__byline.authority, .article-listing__vertical-small .article-listing__byline.authority, .article-listing__vertical-medium .article-listing__byline.authority, .article-listing__vertical-large .article-listing__byline.authority, .article-listing__vertical-small .article-listing__byline.authority, .article-listing__vertical-medium .article-listing__byline.authority, .article-listing__vertical-large .article-listing__byline.authority { max-height: unset; } .article-listing__vertical-abstract .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-small .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-medium .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-large .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-small .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-medium .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-large .article-listing__byline .byline-authority-wrapper { display: inline-flex; align-items: center; } .article-listing__vertical-abstract .article-listing__byline .authority-check, .article-listing__vertical-small .article-listing__byline .authority-check, .article-listing__vertical-medium .article-listing__byline .authority-check, .article-listing__vertical-large .article-listing__byline .authority-check, .article-listing__vertical-small .article-listing__byline .authority-check, .article-listing__vertical-medium .article-listing__byline .authority-check, .article-listing__vertical-large .article-listing__byline .authority-check { display: inline-block; background-size: auto auto; } .article-listing__vertical-abstract .article-listing__sponsorship, .article-listing__vertical-small .article-listing__sponsorship, .article-listing__vertical-medium .article-listing__sponsorship, .article-listing__vertical-large .article-listing__sponsorship, .article-listing__vertical-small .article-listing__sponsorship, .article-listing__vertical-medium .article-listing__sponsorship, .article-listing__vertical-large .article-listing__sponsorship { grid-row-start: row-5-start; grid-row-end: row-5-end; display: flex; flex-wrap: wrap; align-items: center; } .article-listing__vertical-abstract .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__prefix { text-transform: uppercase; } .article-listing__vertical-abstract .article-listing__sponsorship a, .article-listing__vertical-abstract .article-listing__sponsorship span, .article-listing__vertical-small .article-listing__sponsorship a, .article-listing__vertical-small .article-listing__sponsorship span, .article-listing__vertical-medium .article-listing__sponsorship a, .article-listing__vertical-medium .article-listing__sponsorship span, .article-listing__vertical-large .article-listing__sponsorship a, .article-listing__vertical-large .article-listing__sponsorship span, .article-listing__vertical-small .article-listing__sponsorship a, .article-listing__vertical-small .article-listing__sponsorship span, .article-listing__vertical-medium .article-listing__sponsorship a, .article-listing__vertical-medium .article-listing__sponsorship span, .article-listing__vertical-large .article-listing__sponsorship a, .article-listing__vertical-large .article-listing__sponsorship span { margin-bottom: 3px; } .article-listing__vertical-abstract .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img { margin-right: 3px; vertical-align: text-bottom; } .article-listing__vertical-abstract .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical { display: block; max-width: 85px; max-height: 15px; } .article-listing__vertical-abstract .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical { height: 20px; } .article-listing__vertical-small .article-listing__image .series-logo { top: 10px; right: 10px; } .article-listing__vertical-small .article-listing__image .series-logo.portrait-critical { width: 35px; } .article-listing__vertical-small .article-listing__image .series-logo.landscape-critical { height: 35px; } .article-listing__vertical-small .article-listing__byline.authority { display: block; } .article-listing__vertical-medium .article-listing__image .series-logo { top: 15px; right: 15px; } .article-listing__vertical-medium .article-listing__image .series-logo.portrait-critical { width: 50px; } .article-listing__vertical-medium .article-listing__image .series-logo.landscape-critical { height: 50px; } .article-listing__vertical-medium .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; align-items: center; } .article-listing__vertical-medium .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .article-listing__vertical-large .article-listing__image .series-logo { top: 20px; right: 20px; } .article-listing__vertical-large .article-listing__image .series-logo.portrait-critical { width: 75px; } .article-listing__vertical-large .article-listing__image .series-logo.landscape-critical { height: 75px; } .article-listing__vertical-large .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; } .article-listing__vertical-large .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .article-listing__vertical-abstract .article-listing__heading, .article-listing__vertical-small .article-listing__heading, .article-listing__vertical-medium .article-listing__heading, .article-listing__vertical-large .article-listing__heading, .article-listing__vertical-small .article-listing__heading, .article-listing__vertical-medium .article-listing__heading, .article-listing__vertical-large .article-listing__heading { color: #2E2E30; font-family: 'BarlowBold', sans-serif; } .article-listing__vertical-abstract .article-listing__heading a, .article-listing__vertical-small .article-listing__heading a, .article-listing__vertical-medium .article-listing__heading a, .article-listing__vertical-large .article-listing__heading a, .article-listing__vertical-small .article-listing__heading a, .article-listing__vertical-medium .article-listing__heading a, .article-listing__vertical-large .article-listing__heading a { color: #2E2E30; } .article-listing__vertical-abstract .article-listing__heading a:hover, .article-listing__vertical-small .article-listing__heading a:hover, .article-listing__vertical-medium .article-listing__heading a:hover, .article-listing__vertical-large .article-listing__heading a:hover, .article-listing__vertical-small .article-listing__heading a:hover, .article-listing__vertical-medium .article-listing__heading a:hover, .article-listing__vertical-large .article-listing__heading a:hover { color: #23CD93; } .article-listing__vertical-abstract .article-listing__sponsorship, .article-listing__vertical-abstract .article-listing__byline, .article-listing__vertical-abstract .article-listing__category, .article-listing__vertical-small .article-listing__sponsorship, .article-listing__vertical-small .article-listing__byline, .article-listing__vertical-small .article-listing__category, .article-listing__vertical-medium .article-listing__sponsorship, .article-listing__vertical-medium .article-listing__byline, .article-listing__vertical-medium .article-listing__category, .article-listing__vertical-large .article-listing__sponsorship, .article-listing__vertical-large .article-listing__byline, .article-listing__vertical-large .article-listing__category, .article-listing__vertical-small .article-listing__sponsorship, .article-listing__vertical-small .article-listing__byline, .article-listing__vertical-small .article-listing__category, .article-listing__vertical-medium .article-listing__sponsorship, .article-listing__vertical-medium .article-listing__byline, .article-listing__vertical-medium .article-listing__category, .article-listing__vertical-large .article-listing__sponsorship, .article-listing__vertical-large .article-listing__byline, .article-listing__vertical-large .article-listing__category { color: #606B71; } .article-listing__vertical-small .article-listing__category { margin-top: 13px; color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; letter-spacing: 0.07em; } .article-listing__vertical-small .article-listing__heading { margin-top: 3px; font-size: 14px; line-height: 20px; display: -webkit-box; max-height: calc(3 * 20px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-small .article-listing__byline { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 5px; } .article-listing__vertical-small .article-listing__byline.authority { margin-top: 0; } .article-listing__vertical-small .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-small .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .article-listing__vertical-small .article-listing__byline .byline-writer-prefix, .article-listing__vertical-small .article-listing__byline .byline-writer, .article-listing__vertical-small .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; } .article-listing__vertical-small .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .article-listing__vertical-small .article-listing__byline .byline-authority { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; color: #23CD93; } .article-listing__vertical-small .article-listing__sponsorship { margin-top: 5px; color: #606B71; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; color: #2E2E30; } .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 5px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-medium .article-listing__category { margin-top: 17px; color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; letter-spacing: 0.08em; } .article-listing__vertical-medium .article-listing__heading { margin-top: 5px; font-size: 19px; line-height: 25px; display: -webkit-box; max-height: calc(3 * 25px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-medium .article-listing__byline { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 7px; } .article-listing__vertical-medium .article-listing__byline.authority { margin-top: 2px; } .article-listing__vertical-medium .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-medium .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__vertical-medium .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .article-listing__vertical-medium .article-listing__byline .byline-writer-prefix, .article-listing__vertical-medium .article-listing__byline .byline-writer, .article-listing__vertical-medium .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__vertical-medium .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .article-listing__vertical-medium .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; color: #23CD93; } .article-listing__vertical-medium .article-listing__sponsorship { margin-top: 7px; color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; color: #2E2E30; } .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-large .article-listing__category { margin-top: 19px; color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; letter-spacing: 1px; } .article-listing__vertical-large .article-listing__heading { margin-top: 7px; font-size: 22px; line-height: 28px; display: -webkit-box; max-height: calc(3 * 28px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-large .article-listing__byline { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; margin-top: 9px; } .article-listing__vertical-large .article-listing__byline.authority { margin-top: 4px; } .article-listing__vertical-large .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-large .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__vertical-large .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .article-listing__vertical-large .article-listing__byline .byline-writer-prefix, .article-listing__vertical-large .article-listing__byline .byline-writer, .article-listing__vertical-large .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; } .article-listing__vertical-large .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .article-listing__vertical-large .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; color: #23CD93; } .article-listing__vertical-large .article-listing__sponsorship { margin-top: 10px; color: #606B71; font-size: 14px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 22px; letter-spacing: 0; color: #2E2E30; } .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .component-dfp-tags { display: none; } .component-dfp-tags .dfp-tag { display: none; height: 1px; width: 1px; } /* stylelint-enable property-no-unknown */ /* prettier-ignore */ .component-article-citations { margin: 15px 0 40px; } .component-article-citations .citations-heading { display: flex; flex-direction: row; align-items: center; padding-bottom: 0; } .component-article-citations .citations-heading:hover { cursor: pointer; } .component-article-citations .citations-heading.has-dropdown { padding-bottom: 15px; } .component-article-citations .citations-heading .citations-title { font-family: 'ProximaNovaBold', Arial, sans-serif; text-transform: capitalize; } .component-article-citations .citations-heading .citations-dropdown { padding: 9px 0 0 9px; } .component-article-citations .citations-heading .citations-dropdown .arrow-down-small { transition: all 0.4s; height: 8px; width: 13px; } .component-article-citations .citations-heading .citations-dropdown .arrow-down-small.is-rotated { transform: rotate(180deg); } .component-article-citations .citations-list-wrapper .citations-list { display: block; margin: 0 20px; } .component-article-citations .citations-list-wrapper .citations-list.is-hidden { display: none; } .component-article-citations .citations-list-wrapper .citations-list .citations-item { font-size: 18px; line-height: 30px; margin-bottom: 20px; } .component-article-citations .citations-list-wrapper .citations-list .citations-item:last-child { margin-bottom: 0; } .rrv2 { display: none; } .rrv2.mobile-show { display: block; } .rrv2.mobile-hide { display: none; } @media (min-width: 768px) { .rrv2.desktop-show { display: flex; } .rrv2.desktop-hide { display: none; } } @media (min-width: 1020px) { .rrv2 { width: 300px; min-width: 300px; display: flex; flex-direction: column; } } .rrv2.right-rail { position: static; } @media (min-width: 1020px) { .rrv2.right-rail .disclaimer-ad-wrapper { position: static; position: sticky; top: 20px; } } .rrv2.right-rail .ad { margin-top: 0; } @media (min-width: 1020px) { .rrv2.right-rail .ad.btf { position: static; position: sticky; top: 20px; } } .rrv2.right-rail .ad.btf2, .rrv2.right-rail .ad.btf3 { display: none; } @media (min-width: 1020px) { .rrv2.right-rail .ad.btf2, .rrv2.right-rail .ad.btf3 { display: block; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-one { height: calc(600px + 600px); } } @media (min-width: 1020px) { .rrv2.right-rail .ad-two { height: 600px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-three { position: static; position: sticky; top: 20px; } .rrv2.right-rail .ad-three.hasAdBelow { margin-bottom: 290px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-four { position: static; position: sticky; top: 310px; margin-top: calc(300px); } } @media (min-width: 1020px) { .rrv2.right-rail .ad-three-four-container { flex-grow: 1; } } .rrv2.right-rail .component-article-rcp { width: 100%; } @media (min-width: 768px) { .rrv2.right-rail .component-article-rcp { width: calc(50% - 15px); } } @media (min-width: 1020px) { .rrv2.right-rail .component-article-rcp { margin-bottom: 40px; width: 100%; } } @media (min-width: 1020px) { .rrv2.right-rail .disclaimer-ad-wrapper { top: 111px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad.atf, .rrv2.right-rail .ad.btf, .rrv2.right-rail .ad-three { top: 111px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-two { margin-top: 20px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-three { margin-top: 20px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-four { top: 360px; } } @media (min-width: 1200px) { .rrv2.right-rail .ad-four { top: 440px; } } @media (min-width: 1020px) { .rrv2.right-rail .component-article-rcp { margin-top: 40px; } } .component-article-rcp .sponsored-impression-pixel { display: none; } .view .component-article-rcp { margin-top: 30px; } .view .component-article-rcp .related-content__heading { margin-bottom: 0; padding-bottom: 10px; border: none; } .view .component-article-rcp .related-content__heading .heading { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 22px; line-height: 28px; color: #2E2E30; margin: 0; } .view .component-article-rcp .related-content .related-content__item { display: flex; height: auto; margin: 0; padding: 6px 10px 6px 0; overflow: hidden; } .view .component-article-rcp .related-content .related-content__item .item__section::after { display: block; clear: both; content: ""; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--image-critical { display: block; float: left; width: 100px; height: 100px; margin-right: 10px; overflow: visible; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--image-critical a { display: block; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--image-critical img { width: 100px; height: 100px; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--number-critical { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 22px; color: #278D6B; line-height: 28px; position: relative; top: 0; display: block; margin-right: 20px; padding: 1px 0 0; text-align: left; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--number-critical div { background-color: rgba(0, 0, 0, 0.01); } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical a { text-decoration: none; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical a h3 { color: #2E2E30; font-size: 17px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 28px; display: inline; margin: 0; padding-bottom: 0; border-bottom: none; transition: color 0.2s linear; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical a h3:hover { color: #278D6B; text-decoration: none; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline { display: flex; align-items: center; margin-top: 4px; margin-bottom: 5px; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-sponsoredby { padding-right: 4px; color: #AAA; font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-sponsoredby.campaign-sponsoredby__landscape-critical { height: 12px; line-height: 14px; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-sponsoredby.campaign-sponsoredby__portrait-critical { height: 14px; line-height: 16px; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-logo { display: block; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-logo.campaign-logo__landscape-critical { max-width: 70px; max-height: 12px; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-logo.campaign-logo__portrait-critical { height: 14px; } .ui-body { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 17px; line-height: 28px; color: #2E2E30; } .ui-body a { color: #007CBE; transition: color 0.2s linear; text-decoration: underline; } .ui-body a:hover { color: #0D6493; text-decoration: underline; cursor: pointer; } .ui-body b, .ui-body strong { font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: normal; } .ui-body b em, .ui-body strong em, .ui-body b i, .ui-body strong i { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-body em, .ui-body i { font-family: 'ProximaNovaRegularItalic', Arial, sans-serif; font-style: normal; } .ui-body em b, .ui-body i b, .ui-body em strong, .ui-body i strong { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-body sup { vertical-align: super; font-size: smaller; } .ui-body sub { vertical-align: sub; font-size: smaller; } .ad-dfp-infinite-scroll { position: absolute; top: 100%; z-index: 9999; } .component-subscriber-manager { height: 0; } </style> </head> <body > <div data-server-rendered="true" id="__nuxt"><div id="__layout"><div id="app" class="default-component--article-legacy"> <div id="fb-root"></div> <div><div class="component-site-header"><header id="site-header" class="site-header"><div class="component-global-navigation"><div class="global-nav-wrapper"><div class="svg navigation-hamburger"></div> <a href="/" aria-label="techwalla logo" class="techwalla-logo"><div><span class="svg vertical-nav-logo"></span></div></a> <div class="nav-wrapper"><div class="mobile-white-wrapper"><div class="svg navigation-close"></div> <div class="svg navigation-back hide-parent"></div></div> <div class="nav-contents"><nav><ul class="nav-list"><li class="list__item nav__list-parent"><div class="nav-link nav__list-parent-category show-children-ancestry Shop"> Shop </div> <div class="nav-subsection nav__list-children-and-grandchildren show-children-in-parent-level"><ul class="nav-subsection__list"><li class="list__item nav-subsection__item"><a href="/gift-guides" class="nav-link subsection__list"> Gift Guides </a></li><li class="list__item nav-subsection__item"><a href="/tech-toys" class="nav-link subsection__list"> Tech Toys </a></li><li class="list__item nav-subsection__item"><a href="/tech-on-a-budget" class="nav-link subsection__list"> Tech on a budget </a></li><li class="list__item nav-subsection__item"><a href="/shop" class="nav-link subsection__list divider right-arrow-cta"> All Shop </a></li></ul></div></li><li class="list__item nav__list-parent"><div class="nav-link nav__list-parent-category show-children-ancestry Smart Life"> Smart Life </div> <div class="nav-subsection nav__list-children-and-grandchildren show-children-in-parent-level"><ul class="nav-subsection__list"><li class="list__item nav-subsection__item"><a href="/gadgets" class="nav-link subsection__list"> Gadgets </a></li><li class="list__item nav-subsection__item"><a href="/cool-apps" class="nav-link subsection__list"> Cool Apps </a></li><li class="list__item nav-subsection__item"><a href="/travel" class="nav-link subsection__list"> Travel </a></li><li class="list__item nav-subsection__item"><a href="/smartphones" class="nav-link subsection__list"> Smartphones </a></li><li class="list__item nav-subsection__item"><a href="/smart-life" class="nav-link subsection__list divider right-arrow-cta"> All Smart Life </a></li></ul></div></li><li class="list__item nav__list-parent"><div class="nav-link nav__list-parent-category show-children-ancestry Technically for parents"> Technically for parents </div> <div class="nav-subsection nav__list-children-and-grandchildren show-children-in-parent-level"><ul class="nav-subsection__list"><li class="list__item nav-subsection__item"><a href="/education" class="nav-link subsection__list"> Education </a></li><li class="list__item nav-subsection__item"><a href="/online-safety" class="nav-link subsection__list"> Online Safety </a></li><li class="list__item nav-subsection__item"><a href="/technically-for-parents" class="nav-link subsection__list divider right-arrow-cta"> All Technically for parents </a></li></ul></div></li><li class="list__item nav__list-parent"><div class="nav-link nav__list-parent-category show-children-ancestry Tech Support"> Tech Support </div> <div class="nav-subsection nav__list-children-and-grandchildren show-children-in-parent-level"><ul class="nav-subsection__list"><li class="list__item nav-subsection__item"><a href="/how-to" class="nav-link subsection__list"> How to </a></li><li class="list__item nav-subsection__item"><a href="/reviews" class="nav-link subsection__list"> Reviews </a></li><li class="list__item nav-subsection__item"><a href="/tech-support" class="nav-link subsection__list divider right-arrow-cta"> All Tech Support </a></li></ul></div></li><li class="list__item nav__list-parent"><div class="nav-link nav__list-parent-category show-children-ancestry Entertainment"> Entertainment </div> <div class="nav-subsection nav__list-children-and-grandchildren show-children-in-parent-level"><ul class="nav-subsection__list"><li class="list__item nav-subsection__item"><a href="/whats-streaming" class="nav-link subsection__list"> What’s streaming </a></li><li class="list__item nav-subsection__item"><a href="/social-media" class="nav-link subsection__list"> Social Life </a></li><li class="list__item nav-subsection__item"><a href="/entertainment" class="nav-link subsection__list divider right-arrow-cta"> All Entertainment </a></li></ul></div></li></ul></nav> <div class="mobile-and-social-container show"><div class="mobile-newsletter"><div class="mobile-newsletter__link"> CONNECT WITH US </div></div> <div class="social-shares"><a href="https://www.facebook.com/techwallaHQ/" target="_blank" data-info="Facebook" aria-label="Share on Facebook" class="social-shares__icon svg nav-facebook"></a><a href="https://twitter.com/techwallahq/" target="_blank" data-info="Twitter" aria-label="Share on Twitter" class="social-shares__icon svg nav-twitter"></a></div></div></div></div> <div class="global-nav-search-and-login"><div class="desktop-newsletter"><a href="/newsletter/" class="desktop-newsletter__link"><span class="desktop-newsletter__label"> JOIN OUR NEWSLETTER </span></a></div> <div class="svg nav-search-icon"></div></div></div> </div></header> <div class="component-push-notification"><div class="push-notification__logo-and-text"><div class="push-notification__logo"></div> <div class="push-notification__text"> Get the latest news and alerts! </div></div> <div class="push-notification__buttons"><button class="push-notification__button button__later"> Later </button> <button class="push-notification__button button__subscribe"> Notify </button></div></div></div> <div class="component-ar-horizontal-bar-ad"><div class="component-header-sticky-ad ui-body reserve-ad-space"><div><div id="horizontal1-1" data-ad-path="/6117/dmd.techwalla/horizontal1-1" data-ad-batch="1" data-ad-targeting="{"loc":"atf"}" data-ad-sizes="[[728,90],[970,250]]" data-ad-bidding="true" data-ad-breakpoint="medium,large" data-ad-type="gpt" class="component-ad-gpt ad horizontal ad-desktop horizontal-one"></div></div></div></div> <main class="site-main"><div class="view-article view"><div class="article-container"> <div class="infinite-scroll-container"><div class="component-infinite-scroll"><div class="infinite-scroll-article-wrapper"> <div class="component-configurable-article article is-first"> <div class="article-wrapper wider-article"><div class="inner"><div class="breadcrumb-wrapper"><div class="component-breadcrumbs"><nav><ol class="breadcrumbs"><li class="breadcrumbs__item ui-label-bold"><a href="/tech-support"><span>Tech Support</span></a></li><li class="breadcrumbs__item ui-label-bold"><a href="/how-to"><span>How To</span></a></li></ol></nav></div></div> <div class="component-article-header"><h1 class="article-title"> How to Fix a Deep Scratch on a Computer Screen </h1>  <div class="component-article-byline" style="max-width:728px;"><div class="byline-info"><div class="byline-wrapper ui-label d-flex"><span class="writer-name byline-item"><span>By </span> <button aria-label="Open writer bio modal" class="writer-profile-link ui-label-bold"> Katherine Johnson </button></span>  </div>  </div>  <div expert-page="true" class="component-contributor-bio-modal" style="display:none;"><div class="contributor-bio-mask"><div class="contributor-bio-wrapper"><div class="contributor-bio-container"><button aria-label="Close bio modal" class="icon-close"></button> <div class="component-personnel-module view-user-profile"><div class="personnel-wrapper"> <div class="personnel-detail-wrapper"><div class="name"> </div>  <div class="bio-wrapper"><div></div> </div>   </div></div> <script type="application/ld+json">{"@type":"Person","name":"","url":"","image":"","identifier":"","hasCredential":"","description":"","gender":"","knowsabout":"","sameas":[],"hasOccupation":{"@type":"Occupation","Works For":"","name":""}}</script></div>  </div></div></div></div>   <div><script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"Article","headline":"How to Fix a Deep Scratch on a Computer Screen","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.techwalla.com/how-to-fix-a-deep-scratch-on-a-computer-screen.html"},"image":{"@type":"ImageObject","url":"https://img.techwallacdn.com/-/photos.demandstudios.com/getty/article/178/120/86493077.jpg","height":1619,"width":2159},"publisher":{"@type":"Organization","name":"Techwalla","url":"https://www.techwalla.com","publishingPrinciples":"https://www.techwalla.com/about","sameAs":["https://www.facebook.com/techwallaHQ/","https://twitter.com/techwallahq/"],"logo":{"@type":"ImageObject","url":"https://www.techwalla.com/images/logo.png","height":"51","width":"221"},"brand":{"@type":"Brand","name":"Techwalla"}},"url":"https://www.techwalla.com/how-to-fix-a-deep-scratch-on-a-computer-screen.html","datePublished":"2019-11-01T17:45:43.464406+00:00","dateModified":"2019-11-01T17:45:43.464406+00:00","keywords":"petroleum jelly monitor,fixing monitor scratch,vaseline monitor scratch","genre":"How To","dateCreated":"2019-11-01T17:45:43.464406+00:00","description":"Deep scratches in your computer screen can be distracting and irritating, but rather than buy a new monitor, you can try repairing the current one. Lighter scratches may be removed using a pencil eraser or rubbing alcohol, but deeper scratches require a substance that can sink all the way into the surface.","citation":["http://www.realsimple.com/magazine-more/inside-magazine/ask-real-simple/clean-computer-screen-00000000021940/index.html","http://hackosis.chiefcrash.com/2008/07/23/diy-how-to-fix-a-scratched-lcd-monitor/"],"author":{"@type":"Person","name":"Katherine Johnson","image":"http://s3.amazonaws.com/cme_public_images/www_demandstudios_com/sitelife.studiod.com/ver1.0/Content/images/store/4/4/447bba44-2d90-43c1-94ce-57875d30230a.Small.jpg","identifier":"","hasCredential":"","jobTitle":"","description":"Katherine Johnson has been writing for over 10 years. She served as the CEO of two companies in the technology and beauty industries. Her writing can be found on AOL Travel, Screen Junkies and other websites. Johnson holds a Bachelor of Science in computer science.","url":"","sameAs":[],"worksFor":"","alumniOf":"","knowsAbout":""}},{"@type":"ImageObject","contentUrl":"https://img.techwallacdn.com/-/photos.demandstudios.com/getty/article/178/120/86493077.jpg","license":"","acquireLicensePage":"","creditText":"Jupiterimages/Comstock/Getty Images","creator":{"@type":"Person","name":["Jupiterimages/Comstock/Getty Images"]},"copyrightNotice":"Techwalla"}]}</script> <script type="application/ld+json"></script></div></div></div> <div class="component-compensation-disclaimer ui-label desktop-hide">Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process <a title="Learn more about our affiliate and product review process" href="/about">here</a>.</div> <div class="article-content-wrapper"> <div class="article-sections-container"> <div class="component-article-pinnable-images"></div> <article ad-unit-path-mobile="/6117/dmd.techwalla.mw/" ad-unit-path-desktop="/6117/dmd.techwalla/" class="component-article-sections"><div class="component-article-section-image image-shrunk article-image-0 article-section-content content-section-0-critical" style="width:300px;"><div class="component-pinterest"><div class="svg pinterest-pin"></div></div> <div class="image-container"><div class="image-wrapper svg logo">  <div class="component-responsive-picture"><div><picture class="picture"><source media="(min-width: 500px)" srcset="https://img.techwallacdn.com/630x/photos.demandstudios.com/getty/article/178/120/86493077.jpg?type=webp" type="image/webp"><source media="(min-width: 500px)" srcset="https://img.techwallacdn.com/630x/photos.demandstudios.com/getty/article/178/120/86493077.jpg"><source media="(min-width: 300px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/178/120/86493077.jpg?type=webp" type="image/webp"><source media="(min-width: 300px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/178/120/86493077.jpg"> <img alt="Laptop computer" src="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/178/120/86493077.jpg" loading="eager" width="2159" height="1619" fetchpriority="high" sizes="100vw" class="picture__image"></picture></div></div></div></div> <div class="caption-container"><div class="component-caption-module caption-module"><div class="caption__caption-text ui-label"> Cleaning the screen may remove some light scratches. </div> <div><div class="caption__attribution-text ui-label-bold"><span class="caption__attribution-text-copy">Image Credit:</span> Jupiterimages/Comstock/Getty Images </div></div></div> </div> </div><div class="component-article-section-content article-section-content"><p><strong>Deep scratches</strong> in your computer screen can be distracting and irritating, but rather than buy a new monitor, you can try repairing the current one. <strong>Lighter scratches</strong> may be removed using a <strong>pencil eraser</strong> or rubbing alcohol, but deeper scratches require a substance that can sink all the way into the surface.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_runway inline-ad__wrapper_tall"><div id="slot1-1" data-ad-path="/6117/dmd.techwalla.mw/slot1-1" data-ad-batch="1" data-ad-targeting="{"loc":"ad_1"}" data-ad-sizes="[[300,250]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> </div></div></div><div class="component-article-section-heading has-h2 article-section-content"><h2 id="the-quick-list-how-to-remove-deep-scratches-on-a-computer-screen" class="headingLabel"> The quick list: How to remove deep scratches on a computer screen </h2> </div><div class="component-article-section-votd-wrapper enable-mobile"><div class="component-article-section-votd"><p class="component-article-section-votd-label"> Video of the Day </p> <div class="component-article-section-votd-container-outer"><div id="votd-player-mobile"></div></div></div></div><div class="component-article-section-content article-section-content"><ol> <li>Using the microfiber cloth, gently <strong>wipe</strong> the computer screen until it is clean.</li> <li>Remove some <strong>petroleum jelly</strong> from the container using a cotton swab.<br></li> <li><strong>Rub</strong> the petroleum jelly directly on the scratch until the scratch is completely filled.<br></li> <li><strong>Wipe</strong> the excess petroleum jelly off the screen.<br></li> </ol> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_runway inline-ad__wrapper_tall"><div id="slot1-2" data-ad-path="/6117/dmd.techwalla.mw/slot1-2" data-ad-batch="1" data-ad-targeting="{"loc":"ad_2"}" data-ad-sizes="[[300,250],[1,2],"fluid"]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-inline-rc="true" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> <aside data-device="mobile" class="component-article-section-inline-rc"><div class="inline-rc__container"><div class="inline-rc__wrapper"><div class="inline-rc__title"><h2>We Recommend</h2></div> <div class="component-common-grid common-view__inline-rc-section-grid"><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-0">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/photos.demandstudios.com/getty/article/149/188/105222094.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/photos.demandstudios.com/getty/article/149/188/105222094.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/149/188/105222094.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/149/188/105222094.jpg"> <img alt="..." src="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/149/188/105222094.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/how-to-get-permanent-marker-off-a-lcd-tv" data-event="rc_inline_click" data-info="1" data-label="/articles/how-to-get-permanent-marker-off-a-lcd-tv"> How to Get Permanent Marker Off a LCD TV </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Nick Davis</span></div>  <div class="component-dfp-tags"></div></div></div><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-1">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="/images/article-card-placeholder.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="/images/article-card-placeholder.jpg"><source media="(max-width: 500px)" srcset="/images/article-card-placeholder.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="/images/article-card-placeholder.jpg"> <img alt="" src="/images/article-card-placeholder.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/how-to-enter-the-safe-mode-on-a-dell-inspiron-notebook" data-event="rc_inline_click" data-info="2" data-label="/articles/how-to-enter-the-safe-mode-on-a-dell-inspiron-notebook"> How to Enter the Safe Mode on a Dell Inspiron Notebook </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Silvania Cochrine</span></div>  <div class="component-dfp-tags"></div></div></div><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-2">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/483f978a5c8a4582998dd5aeb99b19d3.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/483f978a5c8a4582998dd5aeb99b19d3.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/483f978a5c8a4582998dd5aeb99b19d3.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/483f978a5c8a4582998dd5aeb99b19d3.jpg"> <img alt="girl holds a MacBook Pro Retina on her lap and something prints" src="https://img.techwallacdn.com/375/clsd/getty/483f978a5c8a4582998dd5aeb99b19d3.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/how-to-fix-scratches-on-a-macbook-pro" data-event="rc_inline_click" data-info="3" data-label="/articles/how-to-fix-scratches-on-a-macbook-pro"> How to Fix Scratches on a MacBook Pro </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Stephanie Faris</span></div>  <div class="component-dfp-tags"></div></div></div> </div></div></div> </aside></div></div></div><div class="component-article-section-votd-wrapper"><div class="component-article-section-votd"><p class="component-article-section-votd-label"> Video of the Day </p> <div class="component-article-section-votd-container-outer"><div id="votd-player"></div></div></div></div><div class="component-article-steps article-section-content"><div class="component-article-step article-section-content"><div class="component-article-section-heading has-h2 article-section-content"><h2 id="step-1" class="headingLabel"> Step 1 </h2> </div><div class="component-article-section-content article-section-content content-section-0-critical"><p>Using the microfiber cloth, gently wipe the computer screen until it is clean.</p> </div></div><div class="component-article-step article-section-content"><div class="component-article-section-heading has-h2 article-section-content"><h2 id="step-2" class="headingLabel"> Step 2 </h2> </div><div class="component-article-section-content article-section-content content-section-0-critical"><p>Remove some petroleum jelly from the container using a cotton swab.</p> </div><aside data-device="desktop" class="component-article-section-inline-rc"><div class="inline-rc__container"><div class="inline-rc__wrapper"><div class="inline-rc__title"><h2>We Recommend</h2></div> <div class="component-common-grid common-view__inline-rc-section-grid"><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-0">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/photos.demandstudios.com/getty/article/149/188/105222094.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/photos.demandstudios.com/getty/article/149/188/105222094.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/149/188/105222094.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/149/188/105222094.jpg"> <img alt="..." src="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/149/188/105222094.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/how-to-get-permanent-marker-off-a-lcd-tv" data-event="rc_inline_click" data-info="1" data-label="/articles/how-to-get-permanent-marker-off-a-lcd-tv"> How to Get Permanent Marker Off a LCD TV </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Nick Davis</span></div>  <div class="component-dfp-tags"></div></div></div><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-1">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="/images/article-card-placeholder.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="/images/article-card-placeholder.jpg"><source media="(max-width: 500px)" srcset="/images/article-card-placeholder.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="/images/article-card-placeholder.jpg"> <img alt="" src="/images/article-card-placeholder.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/how-to-enter-the-safe-mode-on-a-dell-inspiron-notebook" data-event="rc_inline_click" data-info="2" data-label="/articles/how-to-enter-the-safe-mode-on-a-dell-inspiron-notebook"> How to Enter the Safe Mode on a Dell Inspiron Notebook </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Silvania Cochrine</span></div>  <div class="component-dfp-tags"></div></div></div><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-2">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/483f978a5c8a4582998dd5aeb99b19d3.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/483f978a5c8a4582998dd5aeb99b19d3.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/483f978a5c8a4582998dd5aeb99b19d3.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/483f978a5c8a4582998dd5aeb99b19d3.jpg"> <img alt="girl holds a MacBook Pro Retina on her lap and something prints" src="https://img.techwallacdn.com/375/clsd/getty/483f978a5c8a4582998dd5aeb99b19d3.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/how-to-fix-scratches-on-a-macbook-pro" data-event="rc_inline_click" data-info="3" data-label="/articles/how-to-fix-scratches-on-a-macbook-pro"> How to Fix Scratches on a MacBook Pro </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Stephanie Faris</span></div>  <div class="component-dfp-tags"></div></div></div> </div></div></div> <div id="relcontent1-1" data-ad-path="/6117/dmd.techwalla/relcontent1-1" data-ad-targeting="{"loc":"relcontent"}" data-ad-batch="2" data-ad-sizes="[[1, 2]]" data-ad-breakpoint="large" data-ad-type="gpt" data-ad-refresh="false"></div></aside></div><div class="component-article-step article-section-content"><div class="component-article-section-heading has-h2 article-section-content"><h2 id="step-3" class="headingLabel"> Step 3 </h2> </div><div class="component-article-section-content article-section-content content-section-0-critical"><p>Rub the petroleum jelly directly on the scratch until the scratch is completely filled.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--desktop-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_reserve-space-desktop inline-ad__wrapper_tall"><div id="inline1-2" data-ad-path="/6117/dmd.techwalla/inline1-2" data-ad-batch="2" data-ad-targeting="{"loc":"inline_2"}" data-ad-sizes="[[300,250],[728,90],[640,250],"fluid"]" data-ad-bidding="true" data-ad-breakpoint="medium,large" data-ad-type="gpt" class="component-ad-gpt ad inline ad-desktop "></div> </div></div></div></div><div class="component-article-step article-section-content"><div class="component-article-section-heading has-h2 article-section-content"><h2 id="step-4" class="headingLabel"> Step 4 </h2> </div><div class="component-article-section-content article-section-content content-section-0-critical"><p>Use the microfiber cloth to wipe the excess petroleum jelly off of the screen.</p> </div></div></div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--desktop-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_reserve-space-desktop inline-ad__wrapper_tall"><div id="inline1-3" data-ad-path="/6117/dmd.techwalla/inline1-3" data-ad-batch="2" data-ad-targeting="{"loc":"inline_3"}" data-ad-sizes="[[300,250],[728,90],[640,250]]" data-ad-bidding="true" data-ad-breakpoint="medium,large" data-ad-type="gpt" class="component-ad-gpt ad inline ad-desktop "></div> </div></div></div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_tall"><div id="slot1-3" data-ad-path="/6117/dmd.techwalla.mw/slot1-3" data-ad-batch="2" data-ad-targeting="{"loc":"ad_3"}" data-ad-sizes="[[300,250],[320,50],[320,100]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> </div></div></div></article>  <div class="component-article-citations"><div class="citations-heading"><div class="citations-title ui-heading-2"> references </div> <div class="citations-dropdown"><div class="svg arrow-down-small svg--arrow-down-small"></div></div></div> <div class="citations-list-wrapper"><ul class="citations-list is-hidden"><li class="citations-item ui-body"><a href="http://www.realsimple.com/magazine-more/inside-magazine/ask-real-simple/clean-computer-screen-00000000021940/index.html" target="_blank" rel="nofollow" class="citations-link"> Real Simple: How Do I Clean My Computer Screen? </a></li><li class="citations-item ui-body"><a href="http://hackosis.chiefcrash.com/2008/07/23/diy-how-to-fix-a-scratched-lcd-monitor/" target="_blank" rel="nofollow" class="citations-link"> Hackosis: How to Fix a Scratched LCD Monitor </a></li></ul></div></div>   </div> <aside class="right-rail rrv2 desktop-show mobile-hide"><div class="ad-one"><div class="disclaimer-ad-wrapper" style="top:20px;"><div class="component-compensation-disclaimer ui-label mobile-hide desktop-show">Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process <a title="Learn more about our affiliate and product review process" href="/about">here</a>.</div> <div class="ad atf"><div id="rightrail1-1" data-ad-path="/6117/dmd.techwalla/rightrail1-1" data-ad-targeting="{"loc":"atf"}" data-ad-batch="1" data-ad-breakpoint="large" data-ad-type="gpt" data-ad-sizes="[[300, 250], [300, 600]]"></div></div></div></div> <div class="component-article-rcp desktop-hide mobile-hide"><div class="related-content__heading"><h4 class="heading"><span>People are Reading</span></h4></div> <div class="related-content"><div id="articleWrapper0rcpItem0" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 1 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/how-to-remove-glue-from-an-lcd-screen" data-event="rc_right_rail" data-variant="cme" data-info="1" data-label="/articles/how-to-remove-glue-from-an-lcd-screen" title="How to Remove Glue From an LCD Screen" class="ui-body"><h5> How to Remove Glue From an LCD Screen </h5></a>   </div></div><div id="articleWrapper0rcpItem1" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 2 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/how-to-clean-the-sticky-side-of-a-screen-protector" data-event="rc_right_rail" data-variant="cme" data-info="2" data-label="/articles/how-to-clean-the-sticky-side-of-a-screen-protector" title="How to Clean the Sticky Side of a Screen Protector" class="ui-body"><h5> How to Clean the Sticky Side of a Screen Protector </h5></a>   </div></div><div id="articleWrapper0rcpItem2" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 3 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/how-to-clean-crayon-from-an-lcd-screen-tv" data-event="rc_right_rail" data-variant="cme" data-info="3" data-label="/articles/how-to-clean-crayon-from-an-lcd-screen-tv" title="How to Clean Crayon From an LCD Screen TV" class="ui-body"><h5> How to Clean Crayon From an LCD Screen TV </h5></a>   </div></div></div></div> <div class="ad-two"><div class="ad btf" style="top:20px;"><div id="rightrail1-2" data-ad-path="/6117/dmd.techwalla/rightrail1-2" data-ad-targeting="{"loc":"btf"}" data-ad-batch="1" data-ad-breakpoint="large" data-ad-type="gpt" data-ad-sizes="[[300, 250]]"></div></div></div> <div data-widget="thumbs_up_thumbs_down" data-question="Do you read product reviews before purchasing?" data-site="techwalla" data-results="true" data-settings="{"base":{"padding":"30px 0"},"base_item__hover":{"background-color":"#ddd"}}" class="component-article-section-widget widget-thumbs_up_thumbs_down-critical"></div> <div class="component-article-rcp desktop-hide mobile-hide"><div class="related-content__heading"><h4 class="heading"><span>You May Also Like</span></h4></div> <div class="related-content"><div id="articleWrapper0rcpItem0" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 1 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/how-to-remove-streaks-from-an-lcd-tv-screen" data-event="rc_right_rail" data-variant="cme" data-info="4" data-label="/articles/how-to-remove-streaks-from-an-lcd-tv-screen" title="How to Remove Streaks From an LCD TV Screen" class="ui-body"><h5> How to Remove Streaks From an LCD TV Screen </h5></a>   </div></div><div id="articleWrapper0rcpItem1" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 2 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/how-to-remove-scratches-from-a-plastic-screen" data-event="rc_right_rail" data-variant="cme" data-info="5" data-label="/articles/how-to-remove-scratches-from-a-plastic-screen" title="How to Remove Scratches From a Plastic Screen" class="ui-body"><h5> How to Remove Scratches From a Plastic Screen </h5></a>   </div></div><div id="articleWrapper0rcpItem2" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 3 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/how-to-remove-paint-overspray-from-a-touchscreen-computer" data-event="rc_right_rail" data-variant="cme" data-info="6" data-label="/articles/how-to-remove-paint-overspray-from-a-touchscreen-computer" title="How to Remove Paint Overspray From a Touchscreen Computer" class="ui-body"><h5> How to Remove Paint Overspray From a Touchscreen Computer </h5></a>   </div></div></div></div> <div class="ad-three-four-container"> </div></aside></div></div></div> <div data-ad-breakpoint="small" data-ad-logic="adhesion" data-ad-batch="1" data-ad-targeting="{"loc":"adhesion"}" data-ad-path="/6117/dmd.techwalla.mw/"></div> <div class="ad-infinite-scroll"><div id="infscroll-mobile1-1" data-ad-path="/6117/dmd.techwalla.mw/infscroll1-1" data-ad-batch="1" data-ad-targeting="{"loc":"infscroll"}" data-ad-sizes="[[1,2]]" data-ad-bidding="false" data-ad-breakpoint="small" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt ad infscroll ad-mobile "></div> <div id="infscroll1-1" data-ad-path="/6117/dmd.techwalla/infscroll1-1" data-ad-batch="1" data-ad-targeting="{"loc":"infscroll"}" data-ad-sizes="[[1,2]]" data-ad-bidding="false" data-ad-breakpoint="medium,large" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt ad infscroll ad-desktop "></div></div></div></div> <div id="brandmetrics1-1" data-ad-pathmobile="/6117/dmd.techwalla.mw/brandmetrics1-1" data-ad-pathdesktop="/6117/dmd.techwalla/brandmetrics1-1" data-ad-batch="1" data-ad-type="gpt" data-ad-breakpoint="small,medium,large" data-ad-outofpage="true" data-ad-refresh="false" data-ad-sizes="[[1, 1]]"></div></div></div> </div></div></main> </div> <div class="component-subscriber-manager">   <div id="emailslider-mobile1-1" data-ad-path="/6117/dmd.techwalla.mw/emailslider1-1" data-ad-batch="1" data-ad-targeting="{"loc":""}" data-ad-sizes="[[1,3]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt ad emailslider ad-mobile "></div> <div id="emailslider1-1" data-ad-path="/6117/dmd.techwalla/emailslider1-1" data-ad-batch="1" data-ad-targeting="{"loc":""}" data-ad-sizes="[[1,3]]" data-ad-bidding="true" data-ad-breakpoint="medium,large" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt ad emailslider ad-desktop "></div></div> <script type="text/javascript"> window._reveConfig = { dfpData: {"adcat1":"technology_computing","adcat2":"hardware","adcat3":"computer","adcat4":"","topic1":[],"topic2":[],"topic3":[],"tags":["configurabletemplate"],"article_id":"13552830","pagetype":["article"],"subpagetype":"article","category":"tech_support","subcategory":"how_to","art":"13552830","ctype":"article","cat":"techsupport","scat":"howto","subsubcategory":""}, permutiveData: {"page":{"adcat1":"technology_computing","adcat2":"hardware","adcat3":"computer","adcat4":"","topic1":[],"topic2":[],"topic3":[],"tags":["configurabletemplate"],"content_name":"How to Fix a Deep Scratch on a Computer Screen","pagetype":"article","subpagetype":"article","published":"2019-11-01T17:45:43.464406+00:00","updated":"2019-11-01T17:45:43.464406+00:00","author":"Katherine Johnson","scroll":0,"category":"Tech Support","subcategory":"How To","subsubcat":"","pageview_type":"standard","vertical":"","user":{"lg_uuid":"","user_id":"","logged_in":false}}}, } </script> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebPage","headline":"Tech & Gadget Reviews, Metascores & Recommendations","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.techwalla.com/how-to-fix-a-deep-scratch-on-a-computer-screen.html"},"publisher":{"@type":"Organization","name":"Techwalla","url":"https://www.techwalla.com","publishingPrinciples":"https://www.techwalla.com/about","sameAs":["https://www.facebook.com/techwallaHQ/","https://twitter.com/techwallahq/"],"logo":{"@type":"ImageObject","url":"https://www.techwalla.com/images/logo.png","height":"51","width":"221"},"brand":{"@type":"Brand","name":"Techwalla"},"diversityPolicy":"","ethicsPolicy":"","knowsAbout":["Tech Reviews","Online Safety","Education","Streaming","Entertainment"],"parentOrganization":"Leaf Group, LTD","keywords":["Tech Reviews","Online Safety","Education","Streaming","Entertainment"],"correctionsPolicy":"","actionableFeedbackPolicy":""},"datePublished":"","dateModified":""}]}</script></div></div></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,_,$,aa,ab,ac,ad,ae,af,ag,ah,ai,aj,ak,al,am,an,ao,ap,aq,ar,as,at,au,av,aw,ax,ay,az,aA,aB,aC,aD,aE,aF,aG,aH,aI,aJ,aK,aL,aM,aN,aO,aP,aQ,aR,aS,aT,aU,aV,aW,aX,aY,aZ,a_,a$,ba,bb,bc,bd,be,bf,bg,bh,bi,bj,bk,bl,bm,bn,bo,bp,bq,br,bs,bt,bu,bv,bw,bx,by,bz,bA,bB,bC,bD,bE,bF,bG,bH,bI,bJ,bK,bL,bM,bN,bO,bP,bQ,bR,bS,bT,bU,bV,bW,bX,bY,bZ,b_,b$,ca,cb,cc,cd,ce,cf,cg,ch,ci,cj,ck,cl,cm,cn,co,cp,cq,cr,cs,ct,cu,cv,cw,cx,cy,cz,cA,cB,cC,cD,cE,cF,cG,cH,cI,cJ,cK,cL,cM,cN,cO,cP,cQ,cR,cS,cT,cU,cV,cW,cX,cY,cZ,c_,c$,da,db,dc,dd,de,df,dg,dh,di,dj,dk,dl,dm,dn,do0,dp,dq,dr,ds,dt,du,dv,dw,dx,dy,dz,dA,dB,dC,dD,dE,dF,dG,dH,dI,dJ,dK,dL,dM,dN,dO,dP,dQ,dR,dS,dT,dU,dV,dW,dX,dY,dZ,d_,d$,ea,eb,ec,ed,ee,ef,eg,eh,ei,ej,ek,el,em,en,eo,ep,eq,er,es,et,eu,ev,ew,ex,ey,ez,eA,eB,eC,eD,eE,eF,eG,eH,eI,eJ,eK,eL,eM,eN,eO,eP,eQ,eR,eS,eT,eU,eV,eW,eX,eY,eZ,e_,e$,fa,fb,fc,fd,fe,ff,fg,fh,fi){ci[0]=[at,u];ci[1]=[aM,dR];ci[2]=[dS,u];dE.category={name:d,slug:e};dE.subcategory={name:f,slug:g};dE.body=[{parts:[{image:dF},{content:dG}]},{parts:[{content:dH}],title:dI,rich_title:"The quick list: How to remove deep scratches on a computer screen "},{steps:[{parts:[{content:dJ}]},{parts:[{content:dK}]},{parts:[{content:dL}]},{parts:[{content:dM},{things_needed:["\u003Cp\u003EMicrofiber cloth\u003C\u002Fp\u003E\n","\u003Cp\u003EPetroleum jelly\u003C\u002Fp\u003E\n","\u003Cp\u003ECotton swab\u003C\u002Fp\u003E\n"]},{tip:"\u003Cp\u003EAfter cleaning your computer screen or touching the repaired scratch, you will need to touch up the scratch with additional petroleum jelly.\u003C\u002Fp\u003E\n"}]}]}];dE.content_origin=h;dE.description="brief";dE.format=i;dE.id=aJ;dE.image={url:R,title:r,width:az,credit:s,height:aA,alttext:r,caption:ar,photoid:aB,summary:r,thumburl:aD,isfavorite:c,thumbwidth:m,aspectratio:aE,licensetype:aF,thumbheight:m,authorizations:[aG,aH],collectionname:aI,attributionhtml:s,attributionlink:a,attributiontext:s,getty_id:aC,unique_id:as};dE.last_published=cc;dE.new_content=b;dE.og_title=K;dE.page_title=K;dE.third_party_titles={article_subtitle:a};dE.published_date=cc;dE.references=[{url:"http:\u002F\u002Fwww.realsimple.com\u002Fmagazine-more\u002Finside-magazine\u002Fask-real-simple\u002Fclean-computer-screen-00000000021940\u002Findex.html",title:"Real Simple: How Do I Clean My Computer Screen?",validated:1572629324232},{url:"http:\u002F\u002Fhackosis.chiefcrash.com\u002F2008\u002F07\u002F23\u002Fdiy-how-to-fix-a-scratched-lcd-monitor\u002F",title:"Hackosis: How to Fix a Scratched LCD Monitor",validated:1572629324233}];dE.resources=[];dE.slug=cd;dE.studio_id="0cd150c8-50e3-4c8c-89e6-b4162cb69c89";dE.summary=dN;dE.tags=["configurabletemplate"];dE.title=K;dE.title_id=13552830;dE.type="Article";dE.writer={_id:dO,display_name:"Katherine Johnson",bio:"Katherine Johnson has been writing for over 10 years. She served as the CEO of two companies in the technology and beauty industries. Her writing can be found on AOL Travel, Screen Junkies and other websites. Johnson holds a Bachelor of Science in computer science.",first_name:"Katherine",last_name:"Johnson",avatar:"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F4\u002F4\u002F447bba44-2d90-43c1-94ce-57875d30230a.Small.jpg",image:{},writer_id:dO};dE.instant_published=b;dE.subsubcategory={slug:a};dE.last_updated=cc;dE.image_fields=[{url:R,unique_id:as,bodyLocations:["body.0.parts.0.image"],appearsIn:[{url:aJ,title:K}]}];dE.keywords=["petroleum jelly monitor","fixing monitor scratch","vaseline monitor scratch"];dE.topic={children:[]};dE.ad_category=["technology_computing","hardware","computer"];dE.advanced_bylines={};dE.expert_reviewer={source:Q,user_id:ce,url:ce,slug:ce};dE.fact_checked=c;dE.links=[];dE.cache_tags=["techwalla|article","techwalla|format_article","techwalla|13552830","techwalla|katherine_johnson","techwalla|tech-support_how-to","techwalla|2019_10"];dE.null=[];dE.sections=[{type:aK,content:dF},{type:S,content:dG},{type:cf,content:{loc:"ad_1",slot:cg,slotNumber:n,sizes:[[at,u],[T,ch],[T,au]],isLastAd:c}},{type:w,content:{title:dI,formatted_title:a,heading_label:a}},{type:dP,content:{device:"mobile"}},{type:S,content:dH},{type:cf,content:{loc:"ad_2",slot:cg,slotNumber:v,sizes:[[at,u],[T,ch],[T,au]],isLastAd:c}},{type:dP},{type:"steps",content:[{type:aL,title:a,content:[{type:S,content:dJ}]},{type:aL,title:a,content:[{type:S,content:dK},{type:"inline_rc"}]},{type:aL,title:a,content:[{type:S,content:dL},{type:dQ,content:{loc:"inline_2",slot:U,slotNumber:v,sizes:ci,isLastAd:dT}}]},{type:aL,title:a,content:[{type:S,content:dM}]}]},{type:dQ,content:{loc:"inline_3",slot:U,slotNumber:V,sizes:ci,isLastAd:dT}},{type:cf,content:{loc:"ad_3",slot:cg,slotNumber:V,sizes:[[at,u],[T,ch],[T,au]],isLastAd:b}}];dE.slideshow={article:{title:K,slug:cd,image:{url:R,title:r,width:az,credit:s,height:aA,alttext:r,caption:ar,photoid:aB,summary:r,thumburl:aD,isfavorite:c,thumbwidth:m,aspectratio:aE,licensetype:aF,thumbheight:m,authorizations:[aG,aH],collectionname:aI,attributionhtml:s,attributionlink:a,attributiontext:s,getty_id:aC,unique_id:as},summary:dN},slides:[{title:a,image:{url:R,title:r,width:az,credit:s,height:aA,alttext:r,caption:ar,photoid:aB,summary:r,getty_id:aC,thumburl:aD,photoguid:t,unique_id:as,isfavorite:c,thumbwidth:m,aspectratio:aE,licensetype:aF,photosource:t,thumbheight:m,authorizations:[aG,aH],collectionname:aI,attributionhtml:s,attributionlink:a,attributiontext:s,appearsIn:[{url:aJ,title:K}],slideIndex:m},content:[]}],currentIndex:m,totalSlides:n};dE.images=[{url:R,alttext:r,caption:ar}];dE.mlt=[{_id:x,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[aN,aO,aP],tags:[L],title_id:aQ,id:x,title:aR,slug:aS,writer:{_id:o,display_name:M,bio:N,avatar:O,type:j,writer_id:o},image:{url:aT,alttext:l},summary:aU,item_type:k,source:h,position:n},{_id:y,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[aV,aW,aX],tags:[aY],title_id:aZ,id:y,title:a_,slug:a$,writer:{_id:z,display_name:ba,type:j,writer_id:z},image:{},summary:bb,source:h,item_type:k},{_id:A,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[],tags:[p],title_id:bc,id:A,title:bd,slug:be,writer:{_id:B,display_name:bf,bio:bg,avatar:bh,type:j,writer_id:B,socialmedialinks:{twitter:C,twitteruserpath:C}},image:{url:bi,alttext:bj},summary:bk,item_type:k,source:h,position:V},{_id:D,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bl,bm,bn],tags:[bo],title_id:bp,id:D,title:bq,slug:br,writer:{_id:E,display_name:bs,bio:a,avatar:a,type:j,writer_id:E},image:{url:bt,alttext:bu},summary:bv,source:h,item_type:k},{_id:F,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bw,bx,by],tags:[p],title_id:bz,id:F,title:bA,slug:bB,writer:{_id:G,display_name:bC,bio:bD,avatar:bE,type:j,writer_id:G},image:{url:bF,alttext:l},summary:bG,item_type:k,source:h,position:W},{_id:H,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bH,bI,bJ,bK,bL,bM,bN],tags:[bO],title_id:bP,id:H,title:bQ,slug:bR,writer:{_id:I,display_name:bS,bio:bT,avatar:bU,type:j,writer_id:I},image:{},summary:bV,source:h,item_type:k},{_id:X,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[cj,ck,cl],tags:[Y],title_id:cm,id:X,title:cn,slug:co,writer:{_id:Z,display_name:cp,bio:cq,avatar:cr,type:j,writer_id:Z},image:{url:cs,alttext:l},summary:ct,item_type:k,source:h,position:cu},{_id:_,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[cv,cw,cx],tags:[Y],title_id:cy,id:_,title:cz,slug:cA,writer:{_id:$,display_name:cB,bio:cC,avatar:cD,type:j,writer_id:$},image:{url:cE,alttext:l},summary:cF,item_type:k,source:h,position:cG},{_id:aa,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[cH,cI,cJ],tags:[cK],title_id:cL,id:aa,title:cM,slug:cN,writer:{_id:o,display_name:M,bio:N,avatar:O,type:j,writer_id:o},image:{url:cO,alttext:l},summary:cP,item_type:k,source:h,position:cQ},{_id:ab,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[],tags:[p],title_id:cR,id:ab,title:cS,slug:cT,writer:{_id:ac,display_name:cU,bio:cV,avatar:cW,type:j,writer_id:ac,socialmedialinks:{facebook:ad,facebookuserpath:ad,instagram:ae,instagramuserpath:ae,pinterest:af,pinterestuserpath:af,linkedin:ag,linkedinuserpath:ag}},image:{url:cX,alttext:cY},summary:cZ,item_type:k,source:h,position:av},{_id:ah,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[c_,c$,da],tags:[L],title_id:db,id:ah,title:dc,slug:dd,writer:{_id:ai,display_name:de,bio:df,avatar:dg,type:j,writer_id:ai},image:{url:dh,alttext:l},summary:di,item_type:k,source:h,position:dj},{_id:aj,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[dk,dl,dm],tags:[p],title_id:dn,id:aj,title:do0,slug:dp,writer:{_id:ak,display_name:dq,bio:a,type:j,writer_id:ak},image:{url:dr,alttext:l},summary:ds,item_type:k,source:h,position:dt}];dE.mlt_type=Q;dE.infinite_scroll=[{_id:x,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[aN,aO,aP],tags:[L],title_id:aQ,id:x,title:aR,slug:aS,writer:{_id:o,display_name:M,bio:N,avatar:O,type:j,writer_id:o},image:{url:aT,alttext:l},summary:aU,source:h,item_type:k},{_id:y,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[aV,aW,aX],tags:[aY],title_id:aZ,id:y,title:a_,slug:a$,writer:{_id:z,display_name:ba,type:j,writer_id:z},image:{},summary:bb,source:h,item_type:k},{_id:A,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[],tags:[p],title_id:bc,id:A,title:bd,slug:be,writer:{_id:B,display_name:bf,bio:bg,avatar:bh,type:j,writer_id:B,socialmedialinks:{twitter:C,twitteruserpath:C}},image:{url:bi,alttext:bj},summary:bk,item_type:k,source:h,position:V},{_id:D,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bl,bm,bn],tags:[bo],title_id:bp,id:D,title:bq,slug:br,writer:{_id:E,display_name:bs,bio:a,avatar:a,type:j,writer_id:E},image:{url:bt,alttext:bu},summary:bv,item_type:k,source:h,position:4},{_id:F,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bw,bx,by],tags:[p],title_id:bz,id:F,title:bA,slug:bB,writer:{_id:G,display_name:bC,bio:bD,avatar:bE,type:j,writer_id:G},image:{url:bF,alttext:l},summary:bG,item_type:k,source:h,position:W},{_id:H,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bH,bI,bJ,bK,bL,bM,bN],tags:[bO],title_id:bP,id:H,title:bQ,slug:bR,writer:{_id:I,display_name:bS,bio:bT,avatar:bU,type:j,writer_id:I},image:{},summary:bV,item_type:k,source:h,position:P}];dE.mlt_with_category=[{_id:x,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[aN,aO,aP],tags:[L],title_id:aQ,id:x,title:aR,slug:aS,writer:{_id:o,display_name:M,bio:N,avatar:O,type:j,writer_id:o},image:{url:aT,alttext:l},summary:aU,item_type:k,source:h,position:n},{_id:y,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[aV,aW,aX],tags:[aY],title_id:aZ,id:y,title:a_,slug:a$,writer:{_id:z,display_name:ba,type:j,writer_id:z},image:{},summary:bb,source:h,item_type:k},{_id:A,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[],tags:[p],title_id:bc,id:A,title:bd,slug:be,writer:{_id:B,display_name:bf,bio:bg,avatar:bh,type:j,writer_id:B,socialmedialinks:{twitter:C,twitteruserpath:C}},image:{url:bi,alttext:bj},summary:bk,item_type:k,source:h,position:V},{_id:D,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bl,bm,bn],tags:[bo],title_id:bp,id:D,title:bq,slug:br,writer:{_id:E,display_name:bs,bio:a,avatar:a,type:j,writer_id:E},image:{url:bt,alttext:bu},summary:bv,source:h,item_type:k},{_id:F,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bw,bx,by],tags:[p],title_id:bz,id:F,title:bA,slug:bB,writer:{_id:G,display_name:bC,bio:bD,avatar:bE,type:j,writer_id:G},image:{url:bF,alttext:l},summary:bG,item_type:k,source:h,position:W},{_id:H,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bH,bI,bJ,bK,bL,bM,bN],tags:[bO],title_id:bP,id:H,title:bQ,slug:bR,writer:{_id:I,display_name:bS,bio:bT,avatar:bU,type:j,writer_id:I},image:{},summary:bV,source:h,item_type:k},{_id:X,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[cj,ck,cl],tags:[Y],title_id:cm,id:X,title:cn,slug:co,writer:{_id:Z,display_name:cp,bio:cq,avatar:cr,type:j,writer_id:Z},image:{url:cs,alttext:l},summary:ct,item_type:k,source:h,position:cu},{_id:_,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[cv,cw,cx],tags:[Y],title_id:cy,id:_,title:cz,slug:cA,writer:{_id:$,display_name:cB,bio:cC,avatar:cD,type:j,writer_id:$},image:{url:cE,alttext:l},summary:cF,item_type:k,source:h,position:cG},{_id:aa,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[cH,cI,cJ],tags:[cK],title_id:cL,id:aa,title:cM,slug:cN,writer:{_id:o,display_name:M,bio:N,avatar:O,type:j,writer_id:o},image:{url:cO,alttext:l},summary:cP,item_type:k,source:h,position:cQ},{_id:ab,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[],tags:[p],title_id:cR,id:ab,title:cS,slug:cT,writer:{_id:ac,display_name:cU,bio:cV,avatar:cW,type:j,writer_id:ac,socialmedialinks:{facebook:ad,facebookuserpath:ad,instagram:ae,instagramuserpath:ae,pinterest:af,pinterestuserpath:af,linkedin:ag,linkedinuserpath:ag}},image:{url:cX,alttext:cY},summary:cZ,item_type:k,source:h,position:av},{_id:ah,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[c_,c$,da],tags:[L],title_id:db,id:ah,title:dc,slug:dd,writer:{_id:ai,display_name:de,bio:df,avatar:dg,type:j,writer_id:ai},image:{url:dh,alttext:l},summary:di,item_type:k,source:h,position:dj},{_id:aj,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[dk,dl,dm],tags:[p],title_id:dn,id:aj,title:do0,slug:dp,writer:{_id:ak,display_name:dq,bio:a,type:j,writer_id:ak},image:{url:dr,alttext:l},summary:ds,item_type:k,source:h,position:dt}];dE.cached_on="2023-08-07T22:21:30.424Z";dE.related_content=dU;dF.url=R;dF.title=r;dF.width=az;dF.credit=s;dF.height=aA;dF.alttext=r;dF.caption=ar;dF.photoid=aB;dF.summary=r;dF.getty_id=aC;dF.thumburl=aD;dF.photoguid=t;dF.unique_id=as;dF.isfavorite=c;dF.thumbwidth=m;dF.aspectratio=aE;dF.licensetype=aF;dF.photosource=t;dF.thumbheight=m;dF.authorizations=[aG,aH];dF.collectionname=aI;dF.attributionhtml=s;dF.attributionlink=a;dF.attributiontext=s;dF.appearsIn=[{url:aJ,title:K}];dF.slideIndex=m;dU[0]={_id:x,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[aN,aO,aP],tags:[L],title_id:aQ,id:x,title:aR,slug:aS,writer:{_id:o,display_name:M,bio:N,avatar:O,type:j,writer_id:o},image:{url:aT,alttext:l},summary:aU,item_type:k,source:h,position:n};dU[1]={_id:y,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[aV,aW,aX],tags:[aY],title_id:aZ,id:y,title:a_,slug:a$,writer:{_id:z,display_name:ba,type:j,writer_id:z},image:{},summary:bb,source:h,item_type:k};dU[2]={_id:A,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[],tags:[p],title_id:bc,id:A,title:bd,slug:be,writer:{_id:B,display_name:bf,bio:bg,avatar:bh,type:j,writer_id:B,socialmedialinks:{twitter:C,twitteruserpath:C}},image:{url:bi,alttext:bj},summary:bk,item_type:k,source:h,position:V};dU[3]={_id:D,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bl,bm,bn],tags:[bo],title_id:bp,id:D,title:bq,slug:br,writer:{_id:E,display_name:bs,bio:a,avatar:a,type:j,writer_id:E},image:{url:bt,alttext:bu},summary:bv,source:h,item_type:k};dU[4]={_id:F,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bw,bx,by],tags:[p],title_id:bz,id:F,title:bA,slug:bB,writer:{_id:G,display_name:bC,bio:bD,avatar:bE,type:j,writer_id:G},image:{url:bF,alttext:l},summary:bG,item_type:k,source:h,position:W};dU[5]={_id:H,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[bH,bI,bJ,bK,bL,bM,bN],tags:[bO],title_id:bP,id:H,title:bQ,slug:bR,writer:{_id:I,display_name:bS,bio:bT,avatar:bU,type:j,writer_id:I},image:{},summary:bV,source:h,item_type:k};dU[6]={_id:X,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[cj,ck,cl],tags:[Y],title_id:cm,id:X,title:cn,slug:co,writer:{_id:Z,display_name:cp,bio:cq,avatar:cr,type:j,writer_id:Z},image:{url:cs,alttext:l},summary:ct,item_type:k,source:h,position:cu};dU[7]={_id:_,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[cv,cw,cx],tags:[Y],title_id:cy,id:_,title:cz,slug:cA,writer:{_id:$,display_name:cB,bio:cC,avatar:cD,type:j,writer_id:$},image:{url:cE,alttext:l},summary:cF,item_type:k,source:h,position:cG};dU[8]={_id:aa,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[cH,cI,cJ],tags:[cK],title_id:cL,id:aa,title:cM,slug:cN,writer:{_id:o,display_name:M,bio:N,avatar:O,type:j,writer_id:o},image:{url:cO,alttext:l},summary:cP,item_type:k,source:h,position:cQ};dU[9]={_id:ab,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[],tags:[p],title_id:cR,id:ab,title:cS,slug:cT,writer:{_id:ac,display_name:cU,bio:cV,avatar:cW,type:j,writer_id:ac,socialmedialinks:{facebook:ad,facebookuserpath:ad,instagram:ae,instagramuserpath:ae,pinterest:af,pinterestuserpath:af,linkedin:ag,linkedinuserpath:ag}},image:{url:cX,alttext:cY},summary:cZ,item_type:k,source:h,position:av};dU[10]={_id:ah,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[c_,c$,da],tags:[L],title_id:db,id:ah,title:dc,slug:dd,writer:{_id:ai,display_name:de,bio:df,avatar:dg,type:j,writer_id:ai},image:{url:dh,alttext:l},summary:di,item_type:k,source:h,position:dj};dU[11]={_id:aj,format:i,category:{name:d,slug:e},subcategory:{name:f,slug:g},keywords:[dk,dl,dm],tags:[p],title_id:dn,id:aj,title:do0,slug:dp,writer:{_id:ak,display_name:dq,bio:a,type:j,writer_id:ak},image:{url:dr,alttext:l},summary:ds,item_type:k,source:h,position:dt};dX[0]="techwallaConfigurableArticleMutator";dX[1]="dateLogicMutator";dX[2]="contentLinksSectionMutation";d_.assertiveYield={entityId:"9Ko99wFpDwCm3nYzR",enableYieldManager:b};d_.domContentLoadedDelay=m;d_.adhesion={article:{interval:d$,max:P,screens:v},modern_article:{interval:d$,max:P,screens:v}};d_.desktopAdLogic={article:{firstAdDistance:v,imageToCharacters:ea,lastAdDistance:eb,maxAds:W,midContentDistance:ec,newlineToCharacters:au,sizes:ci},modern_article:{firstAdDistance:v,imageToCharacters:ea,lastAdDistance:eb,maxAds:W,midContentDistance:ec,newlineToCharacters:au,sizes:[[at,u],[aM,dR],[dS,u]]},batchOne:{rightrail:[n,v]},enableMinInlineAdLogic:b};d_.GPT={adServer:"googletag",adUnitPathDesktop:"\u002F6117\u002Fdmd.techwalla\u002F",adUnitPathMobile:"\u002F6117\u002Fdmd.techwalla.mw\u002F",pubID:"3066",type:"aps"};d_.ias={id:928482};d_.votd={inlineAdSlotTakeOver:n,enableMobile:b};d_.mobileAdLogic={article:{disableFirstAdLogic:b,firstAdDistance:n,imageToCharacters:bW,lastAdDistance:u,maxAds:av,midContentDistance:bW,newlineToCharacters:ed},batchOne:[n,v],lazyloadSlots:b,modern_article:{disableFirstAdLogic:b,firstAdDistance:n,imageToCharacters:bW,lastAdDistance:u,maxAds:av,midContentDistance:bW,newlineToCharacters:ed},runwaySlots:[n,v]};d_.remixdTestArticle="\u002Farticles\u002Fhow-to-program-a-dish-network-remote-control-to-operate-your-tv-if-you-dont-know-the-code";d_.reveSrc="https:\u002F\u002Freve.leafmedia.io\u002Ftechwalla.js";d_.enableNativeAdUnit=b;ee.compensationDisclaimerText="Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process \u003Ca title=\"Learn more about our affiliate and product review process\" href=\"\u002Fabout\"\u003Ehere\u003C\u002Fa\u003E.";ee.compensationDisclaimerTags=[];ee.instantPublishedCheck=c;ee.enableBase64FirstImage=c;ee.enableInfiniteScrollDFP=b;ee.inlineRc={title:"We Recommend"};ee.tagsForReducedAds=["klaymedia"];ee.premium_article={compensationDisclaimerText:a};ee.modern_article={contributorBio:ef,expertReviewer:b,modules:{code:b,references:b,things_needed:b,tip:b,warning:b},desktop:{headerHeight:eg,ads:{logic:U,show:{topBanner:b,topBannerInfiniteScroll:b,rr1:b,rr2:b,rr3:b,rr4:b,votd:b}},contentWidth:aM,enableStickyHeader:b,imageTreatment:{enableShrunkImages:c,shrunkImagePortraitMaxWidth:eh,shrunkImageLandscapeMaxWidth:ei,onlyFirstFullWidth:c},modules:{rcp:c,rightrail:b,thumbs_poll:b},rcp:{count:P,isSticky:b,heading:ej,keys:[ek,w]},rightrail:el},mobile:{ads:{logic:U},modules:{rcp:c,rightrail:c},rcp:{count:P}}};ee.article={contributorBio:ef,expertReviewer:b,modules:{code:c,references:b,things_needed:c,tip:c,warning:c},desktop:{headerHeight:eg,ads:{logic:U,show:{topBanner:b,topBannerInfiniteScroll:b,rr1:b,rr2:b,rr3:b,rr4:b,votd:b}},contentWidth:aM,enableStickyHeader:b,imageTreatment:{enableShrunkImages:b,shrunkImagePortraitMaxWidth:eh,shrunkImageLandscapeMaxWidth:ei,onlyFirstFullWidth:c},modules:{rcp:c,rightrail:b,thumbs_poll:b},rcp:{count:P,isSticky:b,heading:ej,keys:[ek,w]},rightrail:el},mobile:{ads:{logic:U},modules:{rcp:c,rightrail:c},rcp:{count:P}}};em.method="cachedArticleRetrieve";em.enableWebpFormat=b;en.cme="cachedMoreLikeThisCmeGet";en.topic="cachedMoreLikeThisTopicsGet";en.subtopic="cachedMoreLikeThisSubtopicsGet";eo.id="GTM-KN4LVG";ep.upload=c;ep.bucket="techwalla_data";eq.name=bX;er.name="frontend-sdk";er.localDomain=es;er.externalDomain=es;er.token="token_from_login";ew.subscriptionListId={urbanOutfitters:[n]};ex.subscriptionListId=[474677];ey.customerId="58c6ff1d6973164eff94f4006e8b2a12";ey.subscriptionListId=["Master List"];eA.google={clientId:"930294572630-2jg0cp068cg1vi6ebnbron6qkd5iqust.apps.googleusercontent.com"};eA.facebook={appId:eB};eC.domain="https:\u002F\u002Fwww.techwalla.com";eC.label=bX;eC.logo={path:"\u002Fimages\u002Flogo.png",height:51,width:221};eC.meta={title:"Tech & Gadget Reviews, Metascores & Recommendations",description:"Tech made simple for your whole family.",info:[{property:"og:site_name",content:du},{property:"fb:app_id",content:eB},{property:"fb:pages",content:"1116406528374498"},{name:"twitter:site",content:"@techwalla"}]};eC.imageResizerUrl="https:\u002F\u002Fimg.techwallacdn.com\u002F";eC.name="Techwalla.com";eC.swigHost="www.techwalla.com";eC.swigProxy="http:\u002F\u002Ffrontend.techwalla-master:8080";eC.title=du;eC.publishingPrinciple=dv;eC.sameAs=["https:\u002F\u002Fwww.facebook.com\u002FtechwallaHQ\u002F","https:\u002F\u002Ftwitter.com\u002Ftechwallahq\u002F"];eC.knowsAbout=[eD,bY,bZ,eE,al];eC.keywords=[eD,bY,bZ,eE,al];eC.actionableFeedbackPolicy=dv;eC.aboutPage={specialty:"Tech Reviews, Online Safety, Education, Streaming, Entertainment",description:"We strive to be the definitive destination on tech for your home and family. We give you smart, interesting and timely articles about the latest in technology, as well as how-tos, video reviews, and honest product recommendations that promise to make your life much, much easier.",significantLink:dv,reviewedBy:du,lastReviewed:"2023-03-14T06:01:40.092Z"};eF.rootMargin="50% 0% 100% 0%";eG.articleGrid={articleCards:{profile:aw}};eG.articleImageResizerProfiles={article:[["500px","630x"],["300px","375"]],card:{normal:[["1200px",aw],["991px","320x320"],[J,"275x275"],[am,aw]],"full-grid":[[J,"1235x752"],[am,"355x458"]],"half-grid":[[am,eH]]}};eG.card={profiles:{"half-grid":eH,article:aw,image:eI,product:aw,premium:eI},defaultImage:"\u002Fimages\u002Farticle-card-placeholder.jpg"};eG.images={premium:{parallax:[{resizeProfile:"715x",imgWidth:"715w",mediaQuery:J}],single:[{resizeProfile:"1440x",imgWidth:"1440w",mediaQuery:J}],slides:[{resizeProfile:"x650",imgWidth:a,mediaQuery:J}]}};eG.prc={single:{aspectRatio:{mobile:"100",desktop:"74.67"},imageProfiles:[[J,"150x112"],[am,"100x100"]],imageWidth:{mobile:"100px"}},double:{aspectRatio:{mobile:dw,desktop:"75.08"},imageProfiles:[[J,"305x229"],[am,dx]],imageWidth:{mobile:eJ}},triple:{aspectRatio:{mobile:dw,desktop:dw},imageProfiles:[[J,dx],[am,dx]],imageWidth:{mobile:eJ}}};eG.home={hero:{keysToShow:[an,w,eK]},articleGrid:{numArticles:24},articleCards:{keysToShow:[w,"writer"]}};eG.category={getCategoriesAction:"collections\u002FFETCH_ARTICLE_COLLECTION_BY_CATEGORY",showParentCategory:"heroToggle",articleGrid:{numArticles:eL},articleCards:{keysToShow:[aK,[w,q],dy]},pinterest:{showPinterest:b}};eG.subcategory={useSubcategoryAsHeading:b,articleGrid:{numArticles:eL},articleCards:{keysToShow:[aK,[w],dy]}};eG.hubs={banner:{title:{charLimit:35},subTitle:{charLimit:75}},articleCards:{keysToShow:[aK,[w,eK],dy]}};eG.search={header:{optionsToShowResults:[eM,eN,"summary"],optionsToShowNoResults:[eM,eN,"no-results-copy"],options:{headingValue:"Search",summaryTemplate:"-numResults- -results- for “\u003Cspan\u003E-searchTerm-\u003C\u002Fspan\u003E”",inputPlaceholderValue:"Type to Search",noResultsCopy:"Check out our latest articles:",showInputValue:b,showSearchButton:b}}};eO.contributors={profileUrl:"http:\u002F\u002Fstg.leaf.co\u002F#\u002Fprofile"};eP.shop={name:ao,slug:b_,title:ao,type:an,description:"Want to know more on the latest tech gadget for kids or the best tech deal? Techwalla's got you covered with our honest product recs, sales coverage and more.",hero:b$};eP["gift-guides"]={name:eQ,slug:"gift-guides",title:eQ,type:q,description:"Whether you are looking for the best tech gifts for your toddler or gifts for your smart-home fanatic, we've got you covered with expert gift guides.",hero:b$,parent:{name:ao,slug:b_}};eP["tech-toys"]={name:eR,slug:"tech-toys",title:eR,type:q,description:"Want a gift for your child that is both tech-savvy and educational? We've got you covered with articles on the best STEM and STEAM gifts for the children in your life.",hero:b$,parent:{name:ao,slug:b_}};eP["tech-on-a-budget"]={name:eS,slug:"tech-on-a-budget",title:eS,type:q,description:"Want the latest iPhone but it's not in the budget? We've got you covered with the best tech deals that fit your budget and lifestyle.",hero:b$,parent:{name:ao,slug:b_}};eP["smart-life"]={name:ap,slug:ax,title:ap,type:an,description:"With the latest smart, family friendly gadget reviews, cool app recs, travel advice and more, Techwalla helps you live life a little smarter.",hero:ay};eP.gadgets={name:eT,slug:"gadgets",title:eT,type:q,description:"Learn more about the coolest and newest tech gadgets with our honest recommendations and on-the-pulse tech coverage.",hero:ay,parent:{name:ap,slug:ax}};eP["cool-apps"]={name:eU,slug:"cool-apps",title:eU,type:q,description:"Whether you want more news on the coolest educational apps for your kids or an honest review on the best apps to help your productivity, we've got it all.",hero:ay,parent:{name:ap,slug:ax}};eP.travel={name:eV,slug:"travel",title:eV,type:q,description:"At Techwalla, we give you the honest take on the best travel tech, travel deals and tips to help make you and your family's lives (and travel) easier.",hero:ay,parent:{name:ap,slug:ax}};eP.smartphones={name:eW,slug:"smartphones",title:eW,type:q,description:"We provide honest reviews and news on the latest smartphones, from iPhones, Androids, phones for kids and more.",hero:ay,parent:{name:ap,slug:ax}};eP["technically-for-parents"]={name:ca,slug:dz,title:ca,type:an,description:"From articles covering new tech education resources to online safety tips, we've got everything you need to know to be a tech-savvy parent.",hero:dA};eP.education={name:bZ,slug:"education",title:bZ,type:q,description:"From reviews on educational apps to STEM and STEAM resources, we help you navigate the crowded world of educational tech and make informed decisions on your kids' education.",hero:dA,parent:{name:ca,slug:dz}};eP["online-safety"]={name:bY,slug:"online-safety",title:bY,type:q,description:"At Techwalla, we provide you with the information needed to help keep your family safe in their tech, online and more.",hero:dA,parent:{name:ca,slug:dz}};eP["tech-support"]={name:d,slug:e,title:ao,type:an,description:"Techwalla is your one-stop-shop for tech advice. From step-by-step how tos to reviews and more, we help keep you and your family connected and productive.",hero:dB};eP["how-to"]={name:f,slug:g,title:f,type:q,description:"From articles that help you reset your printer to troubleshooting your phone, at Techwalla, we help you demystify your tech problems.",hero:dB,parent:{name:d,slug:e}};eP.reviews={name:eX,slug:"reviews",title:eX,type:q,description:"At Techwalla, we provide honest product recommendations, allowing you to be the most informed about your tech, life and purchasing decisions.",hero:dB,parent:{name:d,slug:e}};eP.entertainment={name:al,slug:dC,title:al,type:an,description:"From what's new in social media to monthly articles covering the best of what's streaming on the various platforms, we have you covered.",hero:dD};eP["whats-streaming"]={name:eY,slug:"whats-streaming",title:eY,type:q,description:"Suffer from analysis paralysis when it comes to what to watch tonight? At Techwalla, we've got you covered with weekly and monthly articles on what's streaming per platform.",hero:dD,parent:{name:al,slug:dC}};eP["social-media"]={name:eZ,slug:"social-media",title:eZ,type:q,description:"Want to know the latest in social media? We've got it all with updates on the latest chatting apps to keep your family connected, family friendly social platforms and more.",hero:dD,parent:{name:al,slug:dC}};e_.sub_type="emailSignup";e_.data={colorTheme:{background_color:cb,heading_text_color:aq,body_text_color:e$,error_text_color:fa,button_background_color:aq,button_text_color:cb,logo_style:fb,style:"light",arrow_color:fc,arrow_background_color:aq,field_border_color:a,option_unselected_button_background_color:a,option_unselected_button_text_color:a,option_selected_button_background_color:a,option_selected_button_text_color:a},background_color:cb,heading_color:aq,body_color:e$,error_color:fa,button_background_color:aq,button_text_color:cb,logo_style:fb,arrow_color:fc,arrow_background_color:aq,image_url:a,image_altText:a,has_logo:b,custom_logo_url:a,custom_logo_height:m,custom_logo_width:m,heading_text:"Subscribe for home inspiration",body_text:"How-to's and all the latest news.",email_lists:[],button_text:a,button_url:a,data_connection_field:a,data_connection_options:[],partner:a,campaign:a,terms_conditions_url:a};e_.links={privacy_policy:dV};fd.fetchTourArticles=c;fd.fetchLatestArticles=b;fd.heading="Uh Oh! Something went wrong…not found.";fd.subheading=a;fd.articlesSectionTitle="Latest Articles";fe.enable=b;fe.publicVapidKey="BKzIysu8SJHVmHDQKnms8J0YsetirsXMy6d4kgWcgywqa6gtkdEaecfgOGo8rV0HfLn7Nuj1ctfXta082BMC8lg";ff.shop="Do you need tech gift ideas?";ff["smart-life"]="Do you read reviews for tech products?";ff["technically-for-parents"]="Do you want resources to support learning at home?";ff["tech-support"]="Do you read product reviews before purchasing?";ff.entertainment="Are you interested in new movies and TV shows?";fg.sentinels=[{host:"media-twa-redis.lv7.leaf.io",port:26379}];fg.name="mymaster";fg.allowedQueryParams=["q, page"];fg.exclude=[/\/user/,/\/signin/,/\/signout/,/\/signup/,/\/forgot-password/,/\/reset-password/];fi.basePath="\u002F";fi.assetsPath="\u002F_nuxt\u002F";fi.cdnURL=t;return {layout:Q,data:[dE],fetch:{},error:t,state:{statusCode:200,isActiveModal:c,showPage500:c,testPoolNumber:Q,helpers:{},user:{me:{id:a,name:a,email:a,hasPass:a,avatar:a,slug:a,token:a,phone:a,month:a,day:a,year:a,newsletter:c,favoritedArticles:c,favoritedArticleIds:c,tempFavoritedArticleId:c,tempArticleJustFavorited:a},them:{users:{}}},uploads:{status:{}},topics:{articles:[],meta:{}},subscriberManager:{should_show_popup:c,should_show_slider_capture:c},slideshow:{isVisible:c,slides:[],slideIndex:t,totalSlides:t,article:{},slideshowOpenPrompt:"unknown"},series:{series:[]},schema:{homepageFAQ:[],brandEthicsFAQ:[],adoptionClubGuide:{}},rcp:{},promotionalPopup:{sub_type:a,data:{background_color:a,heading_text_color:a,body_text_color:a,error_text_color:a,button_background_color:a,button_text_color:a,logo_style:a,style:a,arrow_color:a,arrow_background_color:a,is_popup_rendered:c,is_popup_populated:c,subscribed:c,heading_color:a,body_color:a,error_color:a,image_url:a,image_altText:a,has_logo:c,custom_logo_url:a,custom_logo_height:m,custom_logo_width:m,heading_text:a,body_text:a,email_lists:[],button_text:a,button_url:a,data_connection_field:a,data_connection_options:[],partner:a,campaign:a,terms_conditions_url:a,field_border_color:a,option_unselected_button_background_color:a,option_unselected_button_text_color:a,option_selected_button_background_color:a,option_selected_button_text_color:a}},promos:{showDefaultNewsletterCapture:t},products:{},privacyCookies:{privacyNoticeSlug:dV,cookieNoticeSlug:"\u002Fcookie-notice",oneTrustWebform:a,oneTrustWebformDSAR:a,trackerTables:[]},predictiveSearch:{predictiveResults:{}},newsletter:{subscribed:c,error:a,showEmailCapture:c,popupData:{}},mobileTray:{tray_is_visible:c},inlineNewsletterForm:{hasSignedUp:c,hasErrors:c,message:{email:a}},imagesWithHotspots:{},hubs:{hubs:{}},home:{hero:{}},helper:{isMobile:c},gallery:{galleryHeadingStuck:c,activeMap:{}},forms:{forms:{},validator:{}},featureToggles:{},features:{articles:[],meta:{}},embeds:{},emailSlider:{sub_type:a,data:{field_border_color:a,background_color:a,button_background_color:a,button_hover_color:a,button_text:a,button_text_color:a,heading_text_color:a,campaign:a,error_color:a,is_slider_populated:c,mail_lists:[],marketing_color:a,marketing_copy:a,partner:a,thank_you_copy:a,preset_image:a,background_type:a,subheading_copy:a,button_url:a}},contributorProfile:{content:{data:{},writtenArticle:{},reviewedArticle:{},contributedArticle:{}}},contributorBioModal:{modal_is_visible:c},config:{globalNoFollowExceptionsRegex:dW,mutators:dX,enableGtmScriptDelay:c,enableInlineCriticalCss:b,enableJsBundleDelay:b,maxJsBundleScriptDelay:dY,maxGtmScriptDelay:dZ,ads:d_,configurableArticle:ee,article:em,mlt:en,GTM:eo,s3:ep,fileStorage:eq,sdk:er,commerceApi:et,widgetsSource:eu,hasAuthority:b,instanaApiKey:ev,maropost:ew,iterable:ex,sailthru:ey,activeEsp:ez,social:eA,site:eC,lazyLoaderSetting:eF,components:eG,contentLab:eO,categories:eP,promotionalPopup:e_,error404:fd,pushNotifications:fe,thumbsPollQuestions:ff,redis:fg,testPoolNumber:Q,SITE:bX,BRANCH:fh,_app:fi},collections:{articles:{search:[]},meta:{},page:n,searchTerm:a},categoryLegacy:{articles:[],category:a,subCategory:a,subSubCategory:a,collectionMeta:{},family:[],breadcrumbs:[],page:n},category:{category:{},family:{}},bugs:{},auth:{isModal:c,modalIsVisible:c,activeForm:a,isValidResetToken:b,passwordResetToken:a,isCheckedNewsletterSignup:b,GTM:{prompt:a}},article:{articles:[dE],articleFooterVisibility:c,infiniteScrollArticles:dU,hasFetchedDFP:c,hotspotPopoverSeeMoreDesc:c,mostViewedArticles:[],relatedContentInCategory:[],slideshowArticles:[],series:[],loadingMap:{"-1_/how-to-fix-a-deep-scratch-on-a-computer-screen.html":b},fields:{},mutators:{}},ads:{},pushNotifications:{},techwalla:{home:{hero:{},section_1:{displayName:a,results:[]},section_2:{displayName:a,results:[]},helpers:{}}}},serverRendered:b,routePath:cd,config:{globalNoFollowExceptionsRegex:dW,mutators:dX,enableGtmScriptDelay:c,enableInlineCriticalCss:b,enableJsBundleDelay:b,maxJsBundleScriptDelay:dY,maxGtmScriptDelay:dZ,ads:d_,configurableArticle:ee,article:em,mlt:en,GTM:eo,s3:ep,fileStorage:eq,sdk:er,commerceApi:et,widgetsSource:eu,hasAuthority:b,instanaApiKey:ev,maropost:ew,iterable:ex,sailthru:ey,activeEsp:ez,social:eA,site:eC,lazyLoaderSetting:eF,components:eG,contentLab:eO,categories:eP,promotionalPopup:e_,error404:fd,pushNotifications:fe,thumbsPollQuestions:ff,redis:fg,testPoolNumber:Q,SITE:bX,BRANCH:fh,_app:fi}}}("",true,false,"Tech Support","tech-support","How To","how-to","cme","article","contributor","normal","...",0,1,"www.demandstudios.com\u002Fcontributor\u002F68bea066-3037-41ca-8796-489e9fc15424","Group 10","subcategory","Laptop computer","Jupiterimages\u002FComstock\u002FGetty Images",null,250,2,"title","www.techwalla.com\u002Farticles\u002Fhow-to-get-permanent-marker-off-a-lcd-tv","www.techwalla.com\u002Farticles\u002Fhow-to-enter-the-safe-mode-on-a-dell-inspiron-notebook","www.demandstudios.com\u002Fcontributor\u002F3ff4db88-1c01-46f7-bc7f-86e73b24a65e","www.techwalla.com\u002Farticles\u002Fhow-to-fix-scratches-on-a-macbook-pro","www.demandstudios.com\u002Fcontributor\u002F052924f7-c5fb-4038-b169-09032ada682e","https:\u002F\u002Ftwitter.com\u002Fstephfaris","www.techwalla.com\u002Farticles\u002Fhow-to-remove-glue-from-an-lcd-screen","www.demandstudios.com\u002Fcontributor\u002Fce3bffb4-d279-40aa-aaaf-96da2350f4aa","www.techwalla.com\u002Farticles\u002Fhow-to-clean-the-sticky-side-of-a-screen-protector","www.demandstudios.com\u002Fcontributor\u002Fa17493e6-6cfc-4249-86fa-2200e51ffe9a","www.techwalla.com\u002Farticles\u002Fhow-to-clean-crayon-from-an-lcd-screen-tv","www.demandstudios.com\u002Fcontributor\u002F346f12e0-2b6e-4de8-9d9e-6c0399362045","768px","How to Fix a Deep Scratch on a Computer Screen","Group 7","Nick Davis","Nick Davis is a freelance writer specializing in technical, travel and entertainment articles. He holds a bachelor's degree in journalism from the University of Memphis and an associate degree in computer information systems from the State Technical Institute at Memphis. His work has appeared in \"Elite Memphis\" and \"The Daily Helmsman\" in Memphis, Tenn. He is currently living in Albuquerque, N.M. ","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F14\u002F14\u002F6eb54fd9-2a5f-42a4-bee1-ebceafbb41ad.Small.jpg",6,"default","http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F178\u002F120\u002F86493077.jpg","content",320,"inline",3,5,"www.techwalla.com\u002Farticles\u002Fhow-to-remove-streaks-from-an-lcd-tv-screen","Group 9","www.demandstudios.com\u002Fcontributor\u002F7632d650-60cb-47ce-8e77-e2cbae86b297","www.techwalla.com\u002Farticles\u002Fhow-to-remove-scratches-from-a-plastic-screen","www.demandstudios.com\u002Fcontributor\u002Fe8f5730c-caba-40ed-b9f5-3fc51524edac","www.techwalla.com\u002Farticles\u002Fhow-to-remove-paint-overspray-from-a-touchscreen-computer","www.techwalla.com\u002Farticles\u002Fwater-out-computer-lcd-screen","www.demandstudios.com\u002Fcontributor\u002F93100edf-5b93-46cf-916f-57e300b627bb","facebook.com\u002Fbustedoarlock","instagram.com\u002Fzachlazzari","pinterest.com\u002Fbustedoarlock","linkedin.com\u002Fzachlazzari","www.techwalla.com\u002Farticles\u002Fhow-to-clean-a-sharp-aquos-tv","www.demandstudios.com\u002Fcontributor\u002F45bdba82-678f-493f-90bc-f3de0870d472","www.techwalla.com\u002Farticles\u002Fhow-to-stop-dead-pixels-from-spreading","www.demandstudios.com\u002Fcontributor\u002Fa8795385-f148-43fa-8453-96b8f930d8a8","Entertainment","320px","category","Shop","Smart Life","#2E2E30","Cleaning the screen may remove some light scratches.","4BwjL",300,100,10,"400x400","smart-life","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002F3456489a-4e99-4502-b2be-cf84413bcfdf-smartLife.png",2159,1619,"getty\u002F86493077","86493077","http:\u002F\u002Fcache.gettyimages.com\u002Fxt\u002F86493077.jpg?v=1&g=fs1|0|COM|93|077&s=1",1.3335392217418158,"RF","Download","HighResComp","Comstock","www.techwalla.com\u002Fhow-to-fix-a-deep-scratch-on-a-computer-screen.html","image","step",728,"removing permanent marker","LCD TV cleaning","permanent marker LCD",19219,"How to Get Permanent Marker Off a LCD TV","\u002Farticles\u002Fhow-to-get-permanent-marker-off-a-lcd-tv","http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F149\u002F188\u002F105222094.jpg","Permanent marker, like ink, dries quickly on glass and plastic surfaces, including computer screens and LCD televisions. When cleaning a LCD TV, it is important to use light pressure and a cleaning solution that does not destroy the television’s LCD surface.","enter Safe Mode","boot Safe Mode","Inspiron Windows boot","Group 3",16456,"How to Enter the Safe Mode on a Dell Inspiron Notebook","\u002Farticles\u002Fhow-to-enter-the-safe-mode-on-a-dell-inspiron-notebook","Silvania Cochrine","Microsoft Windows provides Safe Mode as a way of booting up the computer with only the bare essentials of the operating system loaded. Dell Inspiron notebooks that run the Windows operating system are among the many models that can boot into Safe Mode.",18293,"How to Fix Scratches on a MacBook Pro","\u002Farticles\u002Fhow-to-fix-scratches-on-a-macbook-pro","Stephanie Faris","Stephanie Faris is a novelist and technology writer whose work has appeared on Dell's TechPageOne, SmallBizTechnology, GoGo Air, among many others. She worked in information systems for the State of Tennessee for 13 years, including several years as a help desk manager.","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fprofile\u002F2\u002F15\u002F89c3fa595845408e942df1c2e6e0ced2","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002F483f978a5c8a4582998dd5aeb99b19d3.jpg","girl holds a MacBook Pro Retina on her lap and something prints","A MacBook Pro scratch remover can restore your laptop to good condition, but it likely won't completely remove the blemish. The best way to keep your MacBook in like-new shape is to invest in wraps and cases that protect as much of your MacBook as possible. You'll also need to protect the screen.","stain remover","remove glue","glue on LCD screen","Group 8",26192,"How to Remove Glue From an LCD Screen","\u002Farticles\u002Fhow-to-remove-glue-from-an-lcd-screen","Contributing Writer","http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F69\u002F1\u002F470546913.jpg","Man hand touching the screen","The bond that adhesives create often makes the removal of glue difficult to tackle. It can be especially challenging when the glue has dried onto surfaces that require extra care, such as LCD screens of computers or television sets.","wash screen protector","dirty screen protector","clean screen protector",10836,"How to Clean the Sticky Side of a Screen Protector","\u002Farticles\u002Fhow-to-clean-the-sticky-side-of-a-screen-protector","Tom Ryan","Tom Ryan is a freelance writer, editor and English tutor. He graduated from the University of Pittsburgh with a degree in English writing, and has also worked as an arts and entertainment reporter with \"The Pitt News\" and a public relations and advertising copywriter with the Carnegie Library of Pittsburgh.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F4\u002F14\u002Ff4fe7151-2fca-44e7-8e76-cd157109ea81.Small.jpg","http:\u002F\u002Fs3.amazonaws.com\u002Fphotography.prod.demandstudios.com\u002Fb54f6640-0df6-4803-807c-5a443bb1d5f4.png","Screen protectors are pieces of thin plastic film that adhere to the screens of your phones, tablet computers, laptops, portable gaming systems and any other small-screened devices.","cryon","tv,","computer,","remove","clean","crayon","lcd,","Group 5",10784,"How to Clean Crayon From an LCD Screen TV","\u002Farticles\u002Fhow-to-clean-crayon-from-an-lcd-screen-tv","Larry Amon","Larry Amon has been working in the computer field for more than 10 years and has experience writing scripts, instructional articles and political commentary. He has been published online, as well as in \"NRB Magazine\" and \"Delmarva Youth & Family.\" He started a nonprofit media organization in 2000. ","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F0\u002F5\u002F10f337f6-807a-4881-a57c-27efbd75408f.Small.jpg","Children love coloring. Unfortunately, some love coloring on just about anything and sometimes everything. They get a crayon, and away they go--all over the walls, refrigerator and even your precious LCD TV screen. Even though LCD screens are very sensitive, the surface is plastic.",400,"techwalla","Online Safety","Education","shop","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002Fe45b98b0-4e12-4f2b-b7d3-5df8322f2002-shop.png","Technically for Parents","#FFFFFF","2019-11-01T17:45:43.464406+00:00","\u002Fhow-to-fix-a-deep-scratch-on-a-computer-screen.html","58a7332f1a1f550011702bb8","ad-mobile","slot",50,Array(3),"lcd screen streaks","clean screen streaks","eliminate lcd streaks",26388,"How to Remove Streaks From an LCD TV Screen","\u002Farticles\u002Fhow-to-remove-streaks-from-an-lcd-tv-screen","Brenda Priddy","Brenda Priddy has more than 10 years of crafting and design experience, as well as more than six years of professional writing experience. Her work appears in online publications such as Donna Rae at Home, Five Minutes for Going Green and Daily Mayo. Priddy also writes for Archstone Business Solutions and holds an Associate of Arts in English from McLennan Community College.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F15\u002F2\u002F9f59b43d-bbad-468a-b2d2-b62c8a289796.Small.jpg","http:\u002F\u002Fphotos.demandstudios.com\u002F90\u002F23\u002Ffotolia_4401096_XS.jpg","LCD TV screens have a plastic film over them that allows the liquid crystals in the display to show the picture at optimal quality. These screens are delicate and cannot be cleaned like regular glass.",7,"plastic scratch repair","scratch removal","plastic scratches",26367,"How to Remove Scratches From a Plastic Screen","\u002Farticles\u002Fhow-to-remove-scratches-from-a-plastic-screen","J.S. Copper","J.S. Copper began writing professionally in 2008, specializing in technology, running and health-related topics. He has worked with a handful of technology websites providing tutorials, tips and tricks. Prior to writing, Copper worked in Web design","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F4\u002F3\u002Ff4f55c19-266c-426a-8319-3caa8f25211d.Small.jpg","http:\u002F\u002Fphotos.demandstudios.com\u002F49\u002F16\u002Ffotolia_4662526_XS.jpg","A scratch to the screen of your iPod, cell phone, portable video game player or any other item can be make its use difficult. As long as the scratches aren&rsquo;t too deep, you can usually remove the scratches. Minor scratch removal is often simply a way of filling in those scratches so they are no longer visible.",8,"removing paint overspray","cleaning touchscreen computer","paint overspray touchscreen","Group 6",26311,"How to Remove Paint Overspray From a Touchscreen Computer","\u002Farticles\u002Fhow-to-remove-paint-overspray-from-a-touchscreen-computer","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_ehow_com\u002Fphotos.demandstudios.com\u002F203\u002F181\u002Ffotolia_3955697_XS.jpg","Paint sticks to a variety of surfaces including plastics, wood, and even your touchscreen computer when painting an object too close to the device. The overspray or small droplets of paint dry quickly on an LCD or other type of touchscreen display.",9,37253,"How to Get Water out of Your Computer LCD Screen","\u002Farticles\u002Fwater-out-computer-lcd-screen","Zach Lazzari","Zach Lazzari is a freelance writer with extensive experience in startups and digital advertising technology. Zach has developed and sold multiple successful web properties and manages marketing for multiple clients in the outdoor industry. Zach built custom email campaigns for a startup that tripled their revenue and drove 7-figure sales within a year. He studied anthropology at Western State College of Colorado and is continually learning and evolving within the tech industry.","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fprofile\u002F10\u002F12\u002F4712d29b204248d2b7b0a2085a4e89fc","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002F17f0907c9b4149169a027bea46f87c77.jpg","Computer laptop with water drop damage liquid wet and spill on keyboard","Removing water that's in your computer LCD screen or any other electronic component is possible using a drying agent like rice or cat litter. You must act quickly since leaving water in your computer system risks causing permanent damage. Luckily, a simple solution does exist.","clean LCD tv","clean Sharp tv","clean Sharp Aquos",10744,"How to Clean a Sharp Aquos TV","\u002Farticles\u002Fhow-to-clean-a-sharp-aquos-tv","Kimberly Johnson","Kimberly Johnson is a freelance writer whose articles have appeared in various online publications including eHow, Suite101 and Examiner. She has a degree in journalism from the University of Georgia and began writing professionally in 2001.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F1\u002F0\u002F61bdee38-686b-40a9-a06b-50150e417e1d.Small.jpg","http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F148\u002F59\u002F84869843.jpg","Aquos is a line of flat-screen LCD (liquid crystal display) televisions produced by the Sharp Electronics Corporation. They contain no mercury and use less power than similar LCD models, according to the manufacturer's website. Like all household appliances, the Sharp Aquos TVs accumulate dust and fingerprints.",11,"dead pixels spreading","stop dead pixels","lcd screen pixels",30054,"How to Stop Dead Pixels From Spreading","\u002Farticles\u002Fhow-to-stop-dead-pixels-from-spreading","RicardoB","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002Ff47c9580a8dd4420b28f3e9c3980e8da.jpg","Dead pixels often occur in the LCD screens of computers, televisions and other devices. This happens when a component fails and causes a pixel to go black. Sometimes this can spread to other pixels, which can appear as a \"hole\" in the screen. This is frustrating when watching television or using the computer.",12,"Techwalla","https:\u002F\u002Fwww.techwalla.com\u002Fabout","74.87","195x146","dfp","technically-for-parents","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002Fb7b8ccba-d0d1-48f3-86d1-84cf61194db0-technicallyForParents.png","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002F7583087e-6512-4b88-862a-64c6e3a2681f-techSupport.png","entertainment","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002F1468ddc6-b0ea-4df5-acce-701710b4710f-entertainmentImage.png",{},{},"\u003Cp\u003E\u003Cstrong\u003EDeep scratches\u003C\u002Fstrong\u003E in your computer screen can be distracting and irritating, but rather than buy a new monitor, you can try repairing the current one. \u003Cstrong\u003ELighter scratches\u003C\u002Fstrong\u003E may be removed using a \u003Cstrong\u003Epencil eraser\u003C\u002Fstrong\u003E or rubbing alcohol, but deeper scratches require a substance that can sink all the way into the surface.\u003C\u002Fp\u003E\n","\u003Col\u003E\n\u003Cli\u003EUsing the microfiber cloth, gently \u003Cstrong\u003Ewipe\u003C\u002Fstrong\u003E the computer screen until it is clean.\u003C\u002Fli\u003E\n\u003Cli\u003ERemove some \u003Cstrong\u003Epetroleum jelly\u003C\u002Fstrong\u003E from the container using a cotton swab.\u003Cbr\u003E\u003C\u002Fli\u003E\n\u003Cli\u003E\u003Cstrong\u003ERub\u003C\u002Fstrong\u003E the petroleum jelly directly on the scratch until the scratch is completely filled.\u003Cbr\u003E\u003C\u002Fli\u003E\n\u003Cli\u003E\u003Cstrong\u003EWipe\u003C\u002Fstrong\u003E the excess petroleum jelly off the screen.\u003Cbr\u003E\u003C\u002Fli\u003E\n\u003C\u002Fol\u003E\n","The quick list: How to remove deep scratches on a computer screen","\u003Cp\u003EUsing the microfiber cloth, gently wipe the computer screen until it is clean.\u003C\u002Fp\u003E\n","\u003Cp\u003ERemove some petroleum jelly from the container using a cotton swab.\u003C\u002Fp\u003E\n","\u003Cp\u003ERub the petroleum jelly directly on the scratch until the scratch is completely filled.\u003C\u002Fp\u003E\n","\u003Cp\u003EUse the microfiber cloth to wipe the excess petroleum jelly off of the screen.\u003C\u002Fp\u003E\n","Deep scratches in your computer screen can be distracting and irritating, but rather than buy a new monitor, you can try repairing the current one. Lighter scratches may be removed using a pencil eraser or rubbing alcohol, but deeper scratches require a substance that can sink all the way into the surface.","www.demandstudios.com\u002Fcontributor\u002F955d64fe-5731-4c4c-933b-0af6da09e71c","votd","ad-desktop-gpt",90,640,void 0,Array(12),"\u002Fprivacy",/.(:?gov|org|edu)\//,Array(3),5000,3500,{},22000,450,700,1500,110,{},"popup",130,"250","300","People are Reading","number","RRV2",{},{},{},{},{},{},"https:\u002F\u002Fapi.techwalla.com","https:\u002F\u002Fapi.leafmedia.io","https:\u002F\u002Fwidgets.leafmedia.io\u002Fload.js","-2q6lR22TEKHFQk2kgDMtg",{},{},{},"sailthru",{},"1578283302422712",{},"Tech Reviews","Streaming",{},{},"800x380","290x535","195px","author",36,"heading","input",{},{},"Gift Guides","Tech Toys","Tech on a Budget","Gadgets","Cool Apps","Travel","Smartphones","Reviews","What's Streaming","Social Media",{},"#404B51","#AA0A00","dark","opacity(1)",{},{},{},{},"master",{}));</script>    <script data-id="lg-lazy-load-app"> let isAppLazyLoaded = false; const LAZY_LOAD_TIMER = 5000 const lazyLoadEvents = ['mousedown', 'scroll', 'touchstart']; const criticalLazyLoadEvents = [ { event: 'mouseover', selectorPath: '.component-global-navigation .nav__list-parent', }, { event: 'mouseover', selectorPath: '.component-global-navigation .global-nav-search-and-login svg', }, ]; function lazyLoadApp () { if (isAppLazyLoaded) { return; } isAppLazyLoaded = true; ['/_nuxt/3e36a20.js','/_nuxt/d5b0c15.js','/_nuxt/fdb4e38.js','/_nuxt/73d9cfb.js','/_nuxt/c5be747.js','/_nuxt/926df7a.js','/_nuxt/bb276ce.js','/_nuxt/84c2785.js','/_nuxt/18e81fb.js','/_nuxt/591f741.js','/_nuxt/4c20293.js','/_nuxt/d1886e8.js','/_nuxt/8dc21dd.js','/_nuxt/b2ee401.js','/_nuxt/966ec34.js','/_nuxt/0b7be7d.js','/_nuxt/bfac3bd.js','/_nuxt/46a88b1.js','/_nuxt/3414b91.js','/_nuxt/618edbb.js'].forEach(src => { src=src.replace('"', ''); var s = document.createElement("script"); s.setAttribute("crossorigin", "anonymous"); s.setAttribute("async", true); s.src = src; document.body.appendChild(s); }) lazyLoadEvents.forEach(event => { // 'mousedown', 'scroll', 'touchstart' window.removeEventListener(event, lazyLoadApp) }) criticalLazyLoadEvents.forEach(event => { document.querySelectorAll(event.selectorPath).forEach($item => { $item.removeEventListener(event.event, (e) => lazyLoadApp()) }) }) } lazyLoadEvents.forEach(event => { // 'mousedown', 'scroll', 'touchstart' window.addEventListener(event, lazyLoadApp) }) criticalLazyLoadEvents.forEach(event => { document.querySelectorAll(event.selectorPath).forEach($item => { $item.addEventListener(event.event, (e) => lazyLoadApp()) }) }) setTimeout(lazyLoadApp, LAZY_LOAD_TIMER) </script> </body> </html>