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>Types of Computers & Their Functions | 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="Types of Computers & Their Functions | Techwalla"><meta data-n-head="ssr" name="twitter:description" content="Computers are used for a variety of applications—from scientific data recording to engineering to everyday personal use. As a result, computer functions and the models themselves vary based on usage and application."><meta data-n-head="ssr" name="description" content="Computers are used for a variety of applications—from scientific data recording to engineering to everyday personal use. As a result, computer functions and the models themselves vary based on usage and application."><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/13/8/cde2b53f-5505-4daa-a84c-40f40c86ba0a.Small.jpg"><meta data-n-head="ssr" property="og:description" content="Computers are used for a variety of applications—from scientific data recording to engineering to everyday personal use. As a result, computer functions and the models themselves vary based on usage and application."><meta data-n-head="ssr" property="og:url" content="https://www.techwalla.com/articles/types-of-computers-their-functions"><meta data-n-head="ssr" property="og:title" content="Types of Computers & Their Functions | 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/90/120/fotolia_3184071_XS.jpg"><meta data-n-head="ssr" name="twitter:image" content="https://img.techwallacdn.com/640/photos.demandstudios.com/90/120/fotolia_3184071_XS.jpg"><meta data-n-head="ssr" name="twitter:image:alt" content="..."><link data-n-head="ssr" vmid="canonical-url" rel="canonical" href="https://www.techwalla.com/articles/types-of-computers-their-functions"><link data-n-head="ssr" rel="preload" media="(min-width: 500px)" imagesrcset="https://img.techwallacdn.com/630x/photos.demandstudios.com/90/120/fotolia_3184071_XS.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/90/120/fotolia_3184071_XS.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":["group_8","configurabletemplate"],"content_name":"Types of Computers & Their Functions","studioid":"907e54ba-752a-44f9-aafa-76137623c3b4","article_id":36954,"pagetype":"article","subpagetype":"article","published":"2010-03-20T04:28:26+00:00","updated":"2010-03-20T04:28:26+00:00","author":"Peyton Brookes","scroll":0,"category":"Tech Support","subcategory":"Reviews","subsubcat":"","source":"LC","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/reviews","name":"Reviews"}}]}</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"> <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="/reviews"><span>Reviews</span></a></li></ol></nav></div></div> <div class="component-article-header"><h1 class="article-title"> Types of Computers & Their Functions </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"> Peyton Brookes </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":"Types of Computers & Their Functions","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.techwalla.com/articles/types-of-computers-their-functions"},"image":{"@type":"ImageObject","url":"https://img.techwallacdn.com/-/photos.demandstudios.com/90/120/fotolia_3184071_XS.jpg","height":283,"width":424},"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/articles/types-of-computers-their-functions","datePublished":"2010-03-20T04:28:26+00:00","dateModified":"2010-03-20T04:28:26+00:00","keywords":"computer functions,computer types and functions,computer types","genre":"Reviews","dateCreated":"2010-03-20T04:28:26+00:00","description":"Computers are used for a variety of applications—from scientific data recording to engineering to everyday personal use. As a result, computer functions and the models themselves vary based on usage and application.","citation":["http://www.cray.com/Assets/PDF/about/SeymourCray.pdf","http://www.cray.com/About/History.aspx","http://ceee.rice.edu/Books/CS/chapter1/intro52.html","http://www.unm.edu/~tbeach/terms/types.html#mini"],"author":{"@type":"Person","name":"Peyton Brookes","image":"http://s3.amazonaws.com/cme_public_images/www_demandstudios_com/sitelife.studiod.com/ver1.0/Content/images/store/13/8/cde2b53f-5505-4daa-a84c-40f40c86ba0a.Small.jpg","identifier":"","hasCredential":"","jobTitle":"","description":"Peyton Brookes is a workforce development expert and has written professionally about technology, education and science since 2009. She spent several years developing technology and finance courses for social programs in the Washington, D.C. area. She studied computer and information science at the University of Maryland College Park.","url":"","sameAs":[],"worksFor":"","alumniOf":"","knowsAbout":""}},{"@type":"ImageObject","contentUrl":"https://img.techwallacdn.com/-/photos.demandstudios.com/90/120/fotolia_3184071_XS.jpg","creator":{"@type":"Person"},"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/90/120/fotolia_3184071_XS.jpg?type=webp" type="image/webp"><source media="(min-width: 500px)" srcset="https://img.techwallacdn.com/630x/photos.demandstudios.com/90/120/fotolia_3184071_XS.jpg"><source media="(min-width: 300px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/90/120/fotolia_3184071_XS.jpg?type=webp" type="image/webp"><source media="(min-width: 300px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/90/120/fotolia_3184071_XS.jpg"> <img alt="..." src="https://img.techwallacdn.com/375/photos.demandstudios.com/90/120/fotolia_3184071_XS.jpg" loading="eager" width="424" height="283" 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"> Computer architecture includes several computer types. </div> </div> </div> </div><div class="component-article-section-content article-section-content"><p>Computers are used for a variety of applications—from scientific data recording to engineering to everyday personal use. As a result, computer functions and the models themselves vary based on usage and application. Several types of computers exist with functions ranging from complex scientific calculations such as weather monitoring and tracking to processing simple tasks such as surfing the Internet and checking email.</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="supercomputers" class="headingLabel"> Supercomputers </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"><p>The "Father of Supercomputing," Seymour Cray, built the first supercomputer in 1963 called the CDC 6600, according to Cray Inc. He founded the company Cray Research to focus on engineering supercomputer systems. Supercomputers provide the fastest processing speed of any computer. Used for highly complex calculations, supercomputers possess extreme processing capabilities. For example, the Jaguar, a Cray Inc. supercomputer, operates at 1750 Teraflops (floating point operations per second) at peak performance—which means the system can calculate 1,750,000 Gigabytes per second. Supercomputers work behind the scenes to drive the most advanced information research forward. They are used for various highly specified applications including weather research, quantum physics, nuclear weapon detonation simulations and a class of problems called the "Grand Challenge problems," a set of problems requiring a high-performance computer.</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-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/92/206/462145015.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/photos.demandstudios.com/getty/article/92/206/462145015.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/92/206/462145015.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/92/206/462145015.jpg"> <img alt="Handsome young man working at computer and listening to music" src="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/92/206/462145015.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/uses-of-minicomputers" data-event="rc_inline_click" data-info="1" data-label="/articles/uses-of-minicomputers"> Uses of Minicomputers </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Will Gish</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="https://img.techwallacdn.com/385x289/clsd/getty/cache.gettyimages.com/b3891e3c3adb42b29282ddf5fab7ebe5.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/cache.gettyimages.com/b3891e3c3adb42b29282ddf5fab7ebe5.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/b3891e3c3adb42b29282ddf5fab7ebe5.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/b3891e3c3adb42b29282ddf5fab7ebe5.jpg"> <img alt="..." src="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/b3891e3c3adb42b29282ddf5fab7ebe5.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/the-differences-between-a-gigahertz-a-gigabyte" data-event="rc_inline_click" data-info="2" data-label="/articles/the-differences-between-a-gigahertz-a-gigabyte"> The Differences Between a Gigahertz & a Gigabyte </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Chirantan Basu</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/cache.gettyimages.com/864b98ee5faf407488c8b63f23426dce.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/cache.gettyimages.com/864b98ee5faf407488c8b63f23426dce.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/864b98ee5faf407488c8b63f23426dce.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/864b98ee5faf407488c8b63f23426dce.jpg"> <img alt="..." src="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/864b98ee5faf407488c8b63f23426dce.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/what-are-the-classes-of-computers" data-event="rc_inline_click" data-info="3" data-label="/articles/what-are-the-classes-of-computers"> What Are the Classes of Computers? </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Donna Armstrong</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-section-heading has-h2 article-section-content"><h2 id="mid-range-or-minicomputers" class="headingLabel"> Mid-Range or Minicomputers </h2> </div><div class="component-article-section-content article-section-content"><p>The mid-range computer, originally called the minicomputer and currently called a server, is between a microcomputer and mainframe computer (as related to size and power). The term "minicomputer" developed during the 1960s to describe computers that utilized transistor technology. During the 1970s and 1980s, the development of microcomputers—or desktops—placed minicomputers in the mid-range designation. They were considered a more powerful single-user machine. True minicomputers began to decline, however, due to a less-expensive minicomputer that used microprocessor technology. Mid-range computers provide processing services for several applications. They are used to run back-end applications such as enterprise email, database systems and network-wide antivirus software.</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_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><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/92/206/462145015.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/photos.demandstudios.com/getty/article/92/206/462145015.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/92/206/462145015.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/92/206/462145015.jpg"> <img alt="Handsome young man working at computer and listening to music" src="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/92/206/462145015.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/uses-of-minicomputers" data-event="rc_inline_click" data-info="1" data-label="/articles/uses-of-minicomputers"> Uses of Minicomputers </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Will Gish</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="https://img.techwallacdn.com/385x289/clsd/getty/cache.gettyimages.com/b3891e3c3adb42b29282ddf5fab7ebe5.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/cache.gettyimages.com/b3891e3c3adb42b29282ddf5fab7ebe5.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/b3891e3c3adb42b29282ddf5fab7ebe5.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/b3891e3c3adb42b29282ddf5fab7ebe5.jpg"> <img alt="..." src="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/b3891e3c3adb42b29282ddf5fab7ebe5.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/the-differences-between-a-gigahertz-a-gigabyte" data-event="rc_inline_click" data-info="2" data-label="/articles/the-differences-between-a-gigahertz-a-gigabyte"> The Differences Between a Gigahertz & a Gigabyte </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Chirantan Basu</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/cache.gettyimages.com/864b98ee5faf407488c8b63f23426dce.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/cache.gettyimages.com/864b98ee5faf407488c8b63f23426dce.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/864b98ee5faf407488c8b63f23426dce.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/864b98ee5faf407488c8b63f23426dce.jpg"> <img alt="..." src="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/864b98ee5faf407488c8b63f23426dce.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/what-are-the-classes-of-computers" data-event="rc_inline_click" data-info="3" data-label="/articles/what-are-the-classes-of-computers"> What Are the Classes of Computers? </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Donna Armstrong</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 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 class="component-article-section-heading has-h2 article-section-content"><h2 id="microcomputers-or-personal-computers" class="headingLabel"> Microcomputers or Personal Computers </h2> </div><div class="component-article-section-content article-section-content"><p>Considered the first desktop, the HP 9830, which was released for consumer use in the 1970s, surpassed computers at the time because it featured a hard drive and utilized the BASIC programming language. Microcomputers are the most common consumer device. This computer type includes desktop personal computers and laptops. Microcomputers use a microprocessor to execute instructions and are designed for use by one individual. They are used for office applications, email, Internet access, gaming or education.</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-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-4" data-ad-path="/6117/dmd.techwalla.mw/slot1-4" data-ad-batch="2" data-ad-targeting="{"loc":"ad_4"}" 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.cray.com/Assets/PDF/about/SeymourCray.pdf" target="_blank" rel="nofollow" class="citations-link"> Cray Inc.: Seymour Cray Biography </a></li><li class="citations-item ui-body"><a href="http://www.cray.com/About/History.aspx" target="_blank" rel="nofollow" class="citations-link"> Cray Inc.: Cray History </a></li><li class="citations-item ui-body"><a href="http://ceee.rice.edu/Books/CS/chapter1/intro52.html" target="_blank" rel="" class="citations-link"> Rice University: Computational Grand Challenge Problems </a></li><li class="citations-item ui-body"><a href="http://www.unm.edu/~tbeach/terms/types.html#mini" target="_blank" rel="" class="citations-link"> University of New Mexico: Computer Concepts and Terminology </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/what-is-the-function-of-a-computer-battery" data-event="rc_right_rail" data-variant="cme" data-info="1" data-label="/articles/what-is-the-function-of-a-computer-battery" title="What Is the Function of a Computer Battery?" class="ui-body"><h5> What Is the Function of a Computer Battery? </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/4-main-parts-computer-system" data-event="rc_right_rail" data-variant="cme" data-info="2" data-label="/articles/4-main-parts-computer-system" title="4 Main Parts of a Computer System" class="ui-body"><h5> 4 Main Parts of a Computer System </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/disadvantages-of-a-supercomputer" data-event="rc_right_rail" data-variant="cme" data-info="3" data-label="/articles/disadvantages-of-a-supercomputer" title="Disadvantages of a Supercomputer" class="ui-body"><h5> Disadvantages of a Supercomputer </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/intel-atom-vs-intel-i5" data-event="rc_right_rail" data-variant="cme" data-info="4" data-label="/articles/intel-atom-vs-intel-i5" title="Intel Atom Vs. Intel I5" class="ui-body"><h5> Intel Atom Vs. Intel I5 </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/role-of-computers-in-medical-lab-technology" data-event="rc_right_rail" data-variant="cme" data-info="5" data-label="/articles/role-of-computers-in-medical-lab-technology" title="Role of Computers in Medical Lab Technology" class="ui-body"><h5> Role of Computers in Medical Lab Technology </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/what-are-the-benefits-of-computers-in-society" data-event="rc_right_rail" data-variant="cme" data-info="6" data-label="/articles/what-are-the-benefits-of-computers-in-society" title="What Are the Benefits of Computers in Society?" class="ui-body"><h5> What Are the Benefits of Computers in Society? </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":["group8","configurabletemplate"],"article_id":"36954","pagetype":["article"],"subpagetype":"article","category":"tech_support","subcategory":"reviews","art":"36954","ctype":"article","cat":"techsupport","scat":"reviews","subsubcategory":""}, permutiveData: {"page":{"adcat1":"technology_computing","adcat2":"hardware","adcat3":"computer","adcat4":"","topic1":[],"topic2":[],"topic3":[],"tags":["group_8","configurabletemplate"],"content_name":"Types of Computers & Their Functions","pagetype":"article","subpagetype":"article","published":"2010-03-20T04:28:26+00:00","updated":"2010-03-20T04:28:26+00:00","author":"Peyton Brookes","scroll":0,"category":"Tech Support","subcategory":"Reviews","subsubcat":"","pageview_type":"standard","vertical":"","user":{"lg_uuid":"","user_id":"","logged_in":false}}}, } </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,fj,fk,fl,fm){cg[0]=[U,o];cg[1]=[aK,dV];cg[2]=[dW,o];dI.category={name:d,slug:e};dI.subcategory={name:j,slug:k};dI.body=[{parts:[{image:dJ},{content:dK}]},{parts:[{content:dL}],title:dM},{parts:[{content:dN}],title:dO},{parts:[{content:dP}],title:dQ}];dI.content_origin="raw";dI.description="brief";dI.format=f;dI.id=R;dI.image={x:aw,url:S,guid:ax,width:ay,credit:s,height:az,alttext:l,caption:T,photoid:ap,thumburl:aB,thumbwidth:aC,aspectratio:aD,thumbheight:aE,attributionhtml:s,getty_id:aA,unique_id:aq};dI.last_published=cd;dI.new_content=c;dI.og_title=L;dI.page_title=L;dI.third_party_titles={article_subtitle:a};dI.published_date=cd;dI.references=[{url:"http:\u002F\u002Fwww.cray.com\u002FAssets\u002FPDF\u002Fabout\u002FSeymourCray.pdf",title:"Cray Inc.: Seymour Cray Biography"},{url:"http:\u002F\u002Fwww.cray.com\u002FAbout\u002FHistory.aspx",title:"Cray Inc.: Cray History"},{url:"http:\u002F\u002Fceee.rice.edu\u002FBooks\u002FCS\u002Fchapter1\u002Fintro52.html",title:"Rice University: Computational Grand Challenge Problems"},{url:"http:\u002F\u002Fwww.unm.edu\u002F~tbeach\u002Fterms\u002Ftypes.html#mini",title:"University of New Mexico: Computer Concepts and Terminology"}];dI.resources=[];dI.slug=ce;dI.studio_id="907e54ba-752a-44f9-aafa-76137623c3b4";dI.summary=dR;dI.tags=[M,"configurabletemplate"];dI.title=L;dI.title_id=36954;dI.type="Article";dI.writer={_id:dS,display_name:"Peyton Brookes",bio:"Peyton Brookes is a workforce development expert and has written professionally about technology, education and science since 2009. She spent several years developing technology and finance courses for social programs in the Washington, D.C. area. She studied computer and information science at the University of Maryland College Park.",first_name:"Candra",last_name:"Teshome",avatar:"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F13\u002F8\u002Fcde2b53f-5505-4daa-a84c-40f40c86ba0a.Small.jpg",image:{},writer_id:dS};dI.instant_published=b;dI.subsubcategory={slug:a};dI.last_updated=cd;dI.image_fields=[{url:S,alttext:l,caption:T,unique_id:aq,photoid:ap,bodyLocations:["body.0.parts.0.image"],appearsIn:[{url:R,title:L}]}];dI.keywords=["computer functions","computer types and functions","computer types"];dI.topic={children:[]};dI.ad_category=["technology_computing","hardware","computer"];dI.advanced_bylines={};dI.expert_reviewer={source:Q,user_id:cf,url:cf,slug:cf};dI.fact_checked=c;dI.links=[];dI.cache_tags=["techwalla|article","techwalla|format_article","techwalla|36954","techwalla|candra_teshome","techwalla|tech-support_reviews","techwalla|2010_2"];dI.null=[];dI.sections=[{type:aF,content:dJ},{type:aG,content:dK},{type:aH,content:{loc:"ad_1",slot:aI,slotNumber:m,sizes:[[U,o],[u,aJ],[u,V]],isLastAd:c}},{type:p,content:{title:dM,formatted_title:a,heading_label:a}},{type:dT,content:{device:"mobile"}},{type:aG,content:dL},{type:aH,content:{loc:"ad_2",slot:aI,slotNumber:r,sizes:[[U,o],[u,aJ],[u,V]],isLastAd:c}},{type:dT},{type:p,content:{title:dO,formatted_title:a,heading_label:a}},{type:aG,content:dN},{type:aH,content:{loc:"ad_3",slot:aI,slotNumber:W,sizes:[[U,o],[u,aJ],[u,V]],isLastAd:c}},{type:"inline_rc"},{type:dU,content:{loc:"inline_2",slot:X,slotNumber:r,sizes:cg,isLastAd:dX}},{type:p,content:{title:dQ,formatted_title:a,heading_label:a}},{type:aG,content:dP},{type:dU,content:{loc:"inline_3",slot:X,slotNumber:W,sizes:cg,isLastAd:dX}},{type:aH,content:{loc:"ad_4",slot:aI,slotNumber:dY,sizes:[[U,o],[u,aJ],[u,V]],isLastAd:b}}];dI.slideshow={article:{title:L,slug:ce,image:{x:aw,url:S,guid:ax,width:ay,credit:s,height:az,alttext:l,caption:T,photoid:ap,thumburl:aB,thumbwidth:aC,aspectratio:aD,thumbheight:aE,attributionhtml:s,getty_id:aA,unique_id:aq},summary:dR},slides:[{title:a,image:{x:aw,_id:R,url:S,guid:ax,width:ay,credit:s,height:az,alttext:l,caption:T,photoid:ap,getty_id:aA,thumburl:aB,unique_id:aq,thumbwidth:aC,aspectratio:aD,thumbheight:aE,attributionhtml:s,appearsIn:[{url:R,title:L}],slideIndex:t},content:[]}],currentIndex:t,totalSlides:m};dI.images=[{url:S,alttext:l,caption:T}];dI.mlt=[{_id:v,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[aL,aM,aN],tags:[q],title_id:aO,id:v,title:aP,slug:aQ,writer:{_id:w,display_name:aR,bio:aS,avatar:aT,type:g,writer_id:w},image:{url:aU,alttext:aV},summary:aW,item_type:h,source:i,position:m},{_id:x,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[aX,aY,aZ,a_,a$,ba],tags:[y],title_id:bb,id:x,title:bc,slug:bd,writer:{_id:z,display_name:be,bio:bf,avatar:bg,type:g,writer_id:z},image:{url:bh,alttext:l},summary:bi,source:i,item_type:h},{_id:A,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bj,bk,bl],tags:[y],title_id:bm,id:A,title:bn,slug:bo,writer:{_id:B,display_name:bp,bio:bq,avatar:br,type:g,writer_id:B},image:{url:bs,alttext:l},summary:bt,item_type:h,source:i,position:W},{_id:C,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bu,bv,bw],tags:[D],title_id:bx,id:C,title:by,slug:bz,writer:{_id:E,display_name:bA,bio:a,type:g,writer_id:E},image:{url:bB,alttext:l},summary:bC,source:i,item_type:h},{_id:F,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[N],title_id:bD,id:F,title:bE,slug:bF,writer:{_id:G,display_name:bG,bio:bH,avatar:bI,type:g,writer_id:G},image:{url:bJ,alttext:bK},summary:bL,item_type:h,source:i,position:Y},{_id:H,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bM,bN,bO],tags:[D],title_id:bP,id:H,title:bQ,slug:bR,writer:{_id:I,display_name:bS,bio:bT,avatar:bU,type:g,writer_id:I},image:{url:bV,alttext:l},summary:bW,source:i,item_type:h},{_id:Z,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[ch,ci,cj],tags:[q],title_id:ck,id:Z,title:cl,slug:cm,writer:{_id:_,display_name:cn,bio:co,avatar:cp,type:g,writer_id:_},image:{},summary:cq,item_type:h,source:i,position:cr},{_id:$,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[cs,ct,cu],tags:[M],title_id:cv,id:$,title:cw,slug:cx,writer:{_id:aa,display_name:cy,bio:a,type:g,writer_id:aa},image:{url:cz,alttext:cA},summary:cB,item_type:h,source:i,position:cC},{_id:ab,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[N],title_id:cD,id:ab,title:cE,slug:cF,writer:{_id:ac,display_name:cG,bio:cH,avatar:cI,type:g,writer_id:ac},image:{url:cJ,alttext:cK},summary:cL,item_type:h,source:i,position:cM},{_id:ad,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[cN,cO,cP,cQ,cR,cS],tags:[q],title_id:cT,id:ad,title:cU,slug:cV,writer:{_id:ae,display_name:cW,bio:cX,avatar:cY,type:g,writer_id:ae},image:{url:cZ,alttext:l},summary:c_,item_type:h,source:i,position:ar},{_id:af,format:f,category:{name:d,slug:e},subcategory:{name:J,slug:O},keywords:[c$,da,db],tags:[M],title_id:dc,id:af,title:dd,slug:de,writer:{_id:ag,display_name:df,bio:dg,avatar:dh,type:g,writer_id:ag},image:{url:di,alttext:l},summary:dj,item_type:h,source:i,position:dk},{_id:ah,format:f,category:{name:d,slug:e},subcategory:{name:J,slug:O},keywords:[dl,dm,dn],tags:[do0],title_id:dp,id:ah,title:dq,slug:dr,writer:{_id:ai,display_name:ds,bio:dt,avatar:du,type:g,writer_id:ai},image:{url:dv,alttext:l},summary:dw,item_type:h,source:i,position:dx}];dI.mlt_type=Q;dI.infinite_scroll=[{_id:v,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[aL,aM,aN],tags:[q],title_id:aO,id:v,title:aP,slug:aQ,writer:{_id:w,display_name:aR,bio:aS,avatar:aT,type:g,writer_id:w},image:{url:aU,alttext:aV},summary:aW,source:i,item_type:h},{_id:x,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[aX,aY,aZ,a_,a$,ba],tags:[y],title_id:bb,id:x,title:bc,slug:bd,writer:{_id:z,display_name:be,bio:bf,avatar:bg,type:g,writer_id:z},image:{url:bh,alttext:l},summary:bi,source:i,item_type:h},{_id:A,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bj,bk,bl],tags:[y],title_id:bm,id:A,title:bn,slug:bo,writer:{_id:B,display_name:bp,bio:bq,avatar:br,type:g,writer_id:B},image:{url:bs,alttext:l},summary:bt,item_type:h,source:i,position:W},{_id:C,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bu,bv,bw],tags:[D],title_id:bx,id:C,title:by,slug:bz,writer:{_id:E,display_name:bA,bio:a,type:g,writer_id:E},image:{url:bB,alttext:l},summary:bC,item_type:h,source:i,position:dY},{_id:F,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[N],title_id:bD,id:F,title:bE,slug:bF,writer:{_id:G,display_name:bG,bio:bH,avatar:bI,type:g,writer_id:G},image:{url:bJ,alttext:bK},summary:bL,item_type:h,source:i,position:Y},{_id:H,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bM,bN,bO],tags:[D],title_id:bP,id:H,title:bQ,slug:bR,writer:{_id:I,display_name:bS,bio:bT,avatar:bU,type:g,writer_id:I},image:{url:bV,alttext:l},summary:bW,item_type:h,source:i,position:P}];dI.mlt_with_category=[{_id:v,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[aL,aM,aN],tags:[q],title_id:aO,id:v,title:aP,slug:aQ,writer:{_id:w,display_name:aR,bio:aS,avatar:aT,type:g,writer_id:w},image:{url:aU,alttext:aV},summary:aW,item_type:h,source:i,position:m},{_id:x,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[aX,aY,aZ,a_,a$,ba],tags:[y],title_id:bb,id:x,title:bc,slug:bd,writer:{_id:z,display_name:be,bio:bf,avatar:bg,type:g,writer_id:z},image:{url:bh,alttext:l},summary:bi,source:i,item_type:h},{_id:A,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bj,bk,bl],tags:[y],title_id:bm,id:A,title:bn,slug:bo,writer:{_id:B,display_name:bp,bio:bq,avatar:br,type:g,writer_id:B},image:{url:bs,alttext:l},summary:bt,item_type:h,source:i,position:W},{_id:C,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bu,bv,bw],tags:[D],title_id:bx,id:C,title:by,slug:bz,writer:{_id:E,display_name:bA,bio:a,type:g,writer_id:E},image:{url:bB,alttext:l},summary:bC,source:i,item_type:h},{_id:F,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[N],title_id:bD,id:F,title:bE,slug:bF,writer:{_id:G,display_name:bG,bio:bH,avatar:bI,type:g,writer_id:G},image:{url:bJ,alttext:bK},summary:bL,item_type:h,source:i,position:Y},{_id:H,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bM,bN,bO],tags:[D],title_id:bP,id:H,title:bQ,slug:bR,writer:{_id:I,display_name:bS,bio:bT,avatar:bU,type:g,writer_id:I},image:{url:bV,alttext:l},summary:bW,source:i,item_type:h},{_id:Z,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[ch,ci,cj],tags:[q],title_id:ck,id:Z,title:cl,slug:cm,writer:{_id:_,display_name:cn,bio:co,avatar:cp,type:g,writer_id:_},image:{},summary:cq,item_type:h,source:i,position:cr},{_id:$,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[cs,ct,cu],tags:[M],title_id:cv,id:$,title:cw,slug:cx,writer:{_id:aa,display_name:cy,bio:a,type:g,writer_id:aa},image:{url:cz,alttext:cA},summary:cB,item_type:h,source:i,position:cC},{_id:ab,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[N],title_id:cD,id:ab,title:cE,slug:cF,writer:{_id:ac,display_name:cG,bio:cH,avatar:cI,type:g,writer_id:ac},image:{url:cJ,alttext:cK},summary:cL,item_type:h,source:i,position:cM},{_id:ad,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[cN,cO,cP,cQ,cR,cS],tags:[q],title_id:cT,id:ad,title:cU,slug:cV,writer:{_id:ae,display_name:cW,bio:cX,avatar:cY,type:g,writer_id:ae},image:{url:cZ,alttext:l},summary:c_,item_type:h,source:i,position:ar},{_id:af,format:f,category:{name:d,slug:e},subcategory:{name:J,slug:O},keywords:[c$,da,db],tags:[M],title_id:dc,id:af,title:dd,slug:de,writer:{_id:ag,display_name:df,bio:dg,avatar:dh,type:g,writer_id:ag},image:{url:di,alttext:l},summary:dj,item_type:h,source:i,position:dk},{_id:ah,format:f,category:{name:d,slug:e},subcategory:{name:J,slug:O},keywords:[dl,dm,dn],tags:[do0],title_id:dp,id:ah,title:dq,slug:dr,writer:{_id:ai,display_name:ds,bio:dt,avatar:du,type:g,writer_id:ai},image:{url:dv,alttext:l},summary:dw,item_type:h,source:i,position:dx}];dI.cached_on="2023-08-07T22:21:11.018Z";dI.related_content=dZ;dJ.x=aw;dJ._id=R;dJ.url=S;dJ.guid=ax;dJ.width=ay;dJ.credit=s;dJ.height=az;dJ.alttext=l;dJ.caption=T;dJ.photoid=ap;dJ.getty_id=aA;dJ.thumburl=aB;dJ.unique_id=aq;dJ.thumbwidth=aC;dJ.aspectratio=aD;dJ.thumbheight=aE;dJ.attributionhtml=s;dJ.appearsIn=[{url:R,title:L}];dJ.slideIndex=t;dZ[0]={_id:v,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[aL,aM,aN],tags:[q],title_id:aO,id:v,title:aP,slug:aQ,writer:{_id:w,display_name:aR,bio:aS,avatar:aT,type:g,writer_id:w},image:{url:aU,alttext:aV},summary:aW,item_type:h,source:i,position:m};dZ[1]={_id:x,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[aX,aY,aZ,a_,a$,ba],tags:[y],title_id:bb,id:x,title:bc,slug:bd,writer:{_id:z,display_name:be,bio:bf,avatar:bg,type:g,writer_id:z},image:{url:bh,alttext:l},summary:bi,source:i,item_type:h};dZ[2]={_id:A,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bj,bk,bl],tags:[y],title_id:bm,id:A,title:bn,slug:bo,writer:{_id:B,display_name:bp,bio:bq,avatar:br,type:g,writer_id:B},image:{url:bs,alttext:l},summary:bt,item_type:h,source:i,position:W};dZ[3]={_id:C,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bu,bv,bw],tags:[D],title_id:bx,id:C,title:by,slug:bz,writer:{_id:E,display_name:bA,bio:a,type:g,writer_id:E},image:{url:bB,alttext:l},summary:bC,source:i,item_type:h};dZ[4]={_id:F,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[N],title_id:bD,id:F,title:bE,slug:bF,writer:{_id:G,display_name:bG,bio:bH,avatar:bI,type:g,writer_id:G},image:{url:bJ,alttext:bK},summary:bL,item_type:h,source:i,position:Y};dZ[5]={_id:H,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bM,bN,bO],tags:[D],title_id:bP,id:H,title:bQ,slug:bR,writer:{_id:I,display_name:bS,bio:bT,avatar:bU,type:g,writer_id:I},image:{url:bV,alttext:l},summary:bW,source:i,item_type:h};dZ[6]={_id:Z,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[ch,ci,cj],tags:[q],title_id:ck,id:Z,title:cl,slug:cm,writer:{_id:_,display_name:cn,bio:co,avatar:cp,type:g,writer_id:_},image:{},summary:cq,item_type:h,source:i,position:cr};dZ[7]={_id:$,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[cs,ct,cu],tags:[M],title_id:cv,id:$,title:cw,slug:cx,writer:{_id:aa,display_name:cy,bio:a,type:g,writer_id:aa},image:{url:cz,alttext:cA},summary:cB,item_type:h,source:i,position:cC};dZ[8]={_id:ab,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[N],title_id:cD,id:ab,title:cE,slug:cF,writer:{_id:ac,display_name:cG,bio:cH,avatar:cI,type:g,writer_id:ac},image:{url:cJ,alttext:cK},summary:cL,item_type:h,source:i,position:cM};dZ[9]={_id:ad,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[cN,cO,cP,cQ,cR,cS],tags:[q],title_id:cT,id:ad,title:cU,slug:cV,writer:{_id:ae,display_name:cW,bio:cX,avatar:cY,type:g,writer_id:ae},image:{url:cZ,alttext:l},summary:c_,item_type:h,source:i,position:ar};dZ[10]={_id:af,format:f,category:{name:d,slug:e},subcategory:{name:J,slug:O},keywords:[c$,da,db],tags:[M],title_id:dc,id:af,title:dd,slug:de,writer:{_id:ag,display_name:df,bio:dg,avatar:dh,type:g,writer_id:ag},image:{url:di,alttext:l},summary:dj,item_type:h,source:i,position:dk};dZ[11]={_id:ah,format:f,category:{name:d,slug:e},subcategory:{name:J,slug:O},keywords:[dl,dm,dn],tags:[do0],title_id:dp,id:ah,title:dq,slug:dr,writer:{_id:ai,display_name:ds,bio:dt,avatar:du,type:g,writer_id:ai},image:{url:dv,alttext:l},summary:dw,item_type:h,source:i,position:dx};ea[0]="techwallaConfigurableArticleMutator";ea[1]="dateLogicMutator";ea[2]="contentLinksSectionMutation";ed.assertiveYield={entityId:"9Ko99wFpDwCm3nYzR",enableYieldManager:b};ed.domContentLoadedDelay=t;ed.adhesion={article:{interval:ee,max:P,screens:r},modern_article:{interval:ee,max:P,screens:r}};ed.desktopAdLogic={article:{firstAdDistance:r,imageToCharacters:ef,lastAdDistance:eg,maxAds:Y,midContentDistance:eh,newlineToCharacters:V,sizes:cg},modern_article:{firstAdDistance:r,imageToCharacters:ef,lastAdDistance:eg,maxAds:Y,midContentDistance:eh,newlineToCharacters:V,sizes:[[U,o],[aK,dV],[dW,o]]},batchOne:{rightrail:[m,r]},enableMinInlineAdLogic:b};ed.GPT={adServer:"googletag",adUnitPathDesktop:"\u002F6117\u002Fdmd.techwalla\u002F",adUnitPathMobile:"\u002F6117\u002Fdmd.techwalla.mw\u002F",pubID:"3066",type:"aps"};ed.ias={id:928482};ed.votd={inlineAdSlotTakeOver:m,enableMobile:b};ed.mobileAdLogic={article:{disableFirstAdLogic:b,firstAdDistance:m,imageToCharacters:bX,lastAdDistance:o,maxAds:ar,midContentDistance:bX,newlineToCharacters:ei},batchOne:[m,r],lazyloadSlots:b,modern_article:{disableFirstAdLogic:b,firstAdDistance:m,imageToCharacters:bX,lastAdDistance:o,maxAds:ar,midContentDistance:bX,newlineToCharacters:ei},runwaySlots:[m,r]};ed.remixdTestArticle="\u002Farticles\u002Fhow-to-program-a-dish-network-remote-control-to-operate-your-tv-if-you-dont-know-the-code";ed.reveSrc="https:\u002F\u002Freve.leafmedia.io\u002Ftechwalla.js";ed.enableNativeAdUnit=b;ej.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.";ej.compensationDisclaimerTags=[];ej.instantPublishedCheck=c;ej.enableBase64FirstImage=c;ej.enableInfiniteScrollDFP=b;ej.inlineRc={title:"We Recommend"};ej.tagsForReducedAds=["klaymedia"];ej.premium_article={compensationDisclaimerText:a};ej.modern_article={contributorBio:ek,expertReviewer:b,modules:{code:b,references:b,things_needed:b,tip:b,warning:b},desktop:{headerHeight:el,ads:{logic:X,show:{topBanner:b,topBannerInfiniteScroll:b,rr1:b,rr2:b,rr3:b,rr4:b,votd:b}},contentWidth:aK,enableStickyHeader:b,imageTreatment:{enableShrunkImages:c,shrunkImagePortraitMaxWidth:em,shrunkImageLandscapeMaxWidth:en,onlyFirstFullWidth:c},modules:{rcp:c,rightrail:b,thumbs_poll:b},rcp:{count:P,isSticky:b,heading:eo,keys:[ep,p]},rightrail:eq},mobile:{ads:{logic:X},modules:{rcp:c,rightrail:c},rcp:{count:P}}};ej.article={contributorBio:ek,expertReviewer:b,modules:{code:c,references:b,things_needed:c,tip:c,warning:c},desktop:{headerHeight:el,ads:{logic:X,show:{topBanner:b,topBannerInfiniteScroll:b,rr1:b,rr2:b,rr3:b,rr4:b,votd:b}},contentWidth:aK,enableStickyHeader:b,imageTreatment:{enableShrunkImages:b,shrunkImagePortraitMaxWidth:em,shrunkImageLandscapeMaxWidth:en,onlyFirstFullWidth:c},modules:{rcp:c,rightrail:b,thumbs_poll:b},rcp:{count:P,isSticky:b,heading:eo,keys:[ep,p]},rightrail:eq},mobile:{ads:{logic:X},modules:{rcp:c,rightrail:c},rcp:{count:P}}};er.method="cachedArticleRetrieve";er.enableWebpFormat=b;es.cme="cachedMoreLikeThisCmeGet";es.topic="cachedMoreLikeThisTopicsGet";es.subtopic="cachedMoreLikeThisSubtopicsGet";et.id="GTM-KN4LVG";eu.upload=c;eu.bucket="techwalla_data";ev.name=bY;ew.name="frontend-sdk";ew.localDomain=ex;ew.externalDomain=ex;ew.token="token_from_login";eB.subscriptionListId={urbanOutfitters:[m]};eC.subscriptionListId=[474677];eD.customerId="58c6ff1d6973164eff94f4006e8b2a12";eD.subscriptionListId=["Master List"];eF.google={clientId:"930294572630-2jg0cp068cg1vi6ebnbron6qkd5iqust.apps.googleusercontent.com"};eF.facebook={appId:eG};eH.domain="https:\u002F\u002Fwww.techwalla.com";eH.label=bY;eH.logo={path:"\u002Fimages\u002Flogo.png",height:51,width:221};eH.meta={title:"Tech & Gadget Reviews, Metascores & Recommendations",description:"Tech made simple for your whole family.",info:[{property:"og:site_name",content:dy},{property:"fb:app_id",content:eG},{property:"fb:pages",content:"1116406528374498"},{name:"twitter:site",content:"@techwalla"}]};eH.imageResizerUrl="https:\u002F\u002Fimg.techwallacdn.com\u002F";eH.name="Techwalla.com";eH.swigHost="www.techwalla.com";eH.swigProxy="http:\u002F\u002Ffrontend.techwalla-master:8080";eH.title=dy;eH.publishingPrinciple=dz;eH.sameAs=["https:\u002F\u002Fwww.facebook.com\u002FtechwallaHQ\u002F","https:\u002F\u002Ftwitter.com\u002Ftechwallahq\u002F"];eH.knowsAbout=[eI,bZ,b_,eJ,aj];eH.keywords=[eI,bZ,b_,eJ,aj];eH.actionableFeedbackPolicy=dz;eH.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:dz,reviewedBy:dy,lastReviewed:"2023-03-14T06:01:40.092Z"};eK.rootMargin="50% 0% 100% 0%";eL.articleGrid={articleCards:{profile:at}};eL.articleImageResizerProfiles={article:[["500px","630x"],["300px","375"]],card:{normal:[["1200px",at],["991px","320x320"],[K,"275x275"],[ak,at]],"full-grid":[[K,"1235x752"],[ak,"355x458"]],"half-grid":[[ak,eM]]}};eL.card={profiles:{"half-grid":eM,article:at,image:eN,product:at,premium:eN},defaultImage:"\u002Fimages\u002Farticle-card-placeholder.jpg"};eL.images={premium:{parallax:[{resizeProfile:"715x",imgWidth:"715w",mediaQuery:K}],single:[{resizeProfile:"1440x",imgWidth:"1440w",mediaQuery:K}],slides:[{resizeProfile:"x650",imgWidth:a,mediaQuery:K}]}};eL.prc={single:{aspectRatio:{mobile:"100",desktop:"74.67"},imageProfiles:[[K,"150x112"],[ak,"100x100"]],imageWidth:{mobile:"100px"}},double:{aspectRatio:{mobile:dA,desktop:"75.08"},imageProfiles:[[K,"305x229"],[ak,dB]],imageWidth:{mobile:eO}},triple:{aspectRatio:{mobile:dA,desktop:dA},imageProfiles:[[K,dB],[ak,dB]],imageWidth:{mobile:eO}}};eL.home={hero:{keysToShow:[al,p,eP]},articleGrid:{numArticles:24},articleCards:{keysToShow:[p,"writer"]}};eL.category={getCategoriesAction:"collections\u002FFETCH_ARTICLE_COLLECTION_BY_CATEGORY",showParentCategory:"heroToggle",articleGrid:{numArticles:eQ},articleCards:{keysToShow:[aF,[p,n],dC]},pinterest:{showPinterest:b}};eL.subcategory={useSubcategoryAsHeading:b,articleGrid:{numArticles:eQ},articleCards:{keysToShow:[aF,[p],dC]}};eL.hubs={banner:{title:{charLimit:35},subTitle:{charLimit:75}},articleCards:{keysToShow:[aF,[p,eP],dC]}};eL.search={header:{optionsToShowResults:[eR,eS,"summary"],optionsToShowNoResults:[eR,eS,"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}}};eT.contributors={profileUrl:"http:\u002F\u002Fstg.leaf.co\u002F#\u002Fprofile"};eU.shop={name:am,slug:b$,title:am,type:al,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:ca};eU["gift-guides"]={name:eV,slug:"gift-guides",title:eV,type:n,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:ca,parent:{name:am,slug:b$}};eU["tech-toys"]={name:eW,slug:"tech-toys",title:eW,type:n,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:ca,parent:{name:am,slug:b$}};eU["tech-on-a-budget"]={name:eX,slug:"tech-on-a-budget",title:eX,type:n,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:ca,parent:{name:am,slug:b$}};eU["smart-life"]={name:an,slug:au,title:an,type:al,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:av};eU.gadgets={name:eY,slug:"gadgets",title:eY,type:n,description:"Learn more about the coolest and newest tech gadgets with our honest recommendations and on-the-pulse tech coverage.",hero:av,parent:{name:an,slug:au}};eU["cool-apps"]={name:eZ,slug:"cool-apps",title:eZ,type:n,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:av,parent:{name:an,slug:au}};eU.travel={name:e_,slug:"travel",title:e_,type:n,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:av,parent:{name:an,slug:au}};eU.smartphones={name:e$,slug:"smartphones",title:e$,type:n,description:"We provide honest reviews and news on the latest smartphones, from iPhones, Androids, phones for kids and more.",hero:av,parent:{name:an,slug:au}};eU["technically-for-parents"]={name:cb,slug:dD,title:cb,type:al,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:dE};eU.education={name:b_,slug:"education",title:b_,type:n,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:dE,parent:{name:cb,slug:dD}};eU["online-safety"]={name:bZ,slug:"online-safety",title:bZ,type:n,description:"At Techwalla, we provide you with the information needed to help keep your family safe in their tech, online and more.",hero:dE,parent:{name:cb,slug:dD}};eU["tech-support"]={name:d,slug:e,title:am,type:al,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:dF};eU["how-to"]={name:J,slug:O,title:J,type:n,description:"From articles that help you reset your printer to troubleshooting your phone, at Techwalla, we help you demystify your tech problems.",hero:dF,parent:{name:d,slug:e}};eU.reviews={name:j,slug:k,title:j,type:n,description:"At Techwalla, we provide honest product recommendations, allowing you to be the most informed about your tech, life and purchasing decisions.",hero:dF,parent:{name:d,slug:e}};eU.entertainment={name:aj,slug:dG,title:aj,type:al,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:dH};eU["whats-streaming"]={name:fa,slug:"whats-streaming",title:fa,type:n,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:dH,parent:{name:aj,slug:dG}};eU["social-media"]={name:fb,slug:"social-media",title:fb,type:n,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:dH,parent:{name:aj,slug:dG}};fc.sub_type="emailSignup";fc.data={colorTheme:{background_color:cc,heading_text_color:ao,body_text_color:fd,error_text_color:fe,button_background_color:ao,button_text_color:cc,logo_style:ff,style:"light",arrow_color:fg,arrow_background_color:ao,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:cc,heading_color:ao,body_color:fd,error_color:fe,button_background_color:ao,button_text_color:cc,logo_style:ff,arrow_color:fg,arrow_background_color:ao,image_url:a,image_altText:a,has_logo:b,custom_logo_url:a,custom_logo_height:t,custom_logo_width:t,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};fc.links={privacy_policy:d_};fh.fetchTourArticles=c;fh.fetchLatestArticles=b;fh.heading="Uh Oh! Something went wrong…not found.";fh.subheading=a;fh.articlesSectionTitle="Latest Articles";fi.enable=b;fi.publicVapidKey="BKzIysu8SJHVmHDQKnms8J0YsetirsXMy6d4kgWcgywqa6gtkdEaecfgOGo8rV0HfLn7Nuj1ctfXta082BMC8lg";fj.shop="Do you need tech gift ideas?";fj["smart-life"]="Do you read reviews for tech products?";fj["technically-for-parents"]="Do you want resources to support learning at home?";fj["tech-support"]="Do you read product reviews before purchasing?";fj.entertainment="Are you interested in new movies and TV shows?";fk.sentinels=[{host:"media-twa-redis.lv7.leaf.io",port:26379}];fk.name="mymaster";fk.allowedQueryParams=["q, page"];fk.exclude=[/\/user/,/\/signin/,/\/signout/,/\/signup/,/\/forgot-password/,/\/reset-password/];fm.basePath="\u002F";fm.assetsPath="\u002F_nuxt\u002F";fm.cdnURL=as;return {layout:Q,data:[dI],fetch:{},error:as,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:as,totalSlides:as,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:t,custom_logo_width:t,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:as},products:{},privacyCookies:{privacyNoticeSlug:d_,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:d$,mutators:ea,enableGtmScriptDelay:c,enableInlineCriticalCss:b,enableJsBundleDelay:b,maxJsBundleScriptDelay:eb,maxGtmScriptDelay:ec,ads:ed,configurableArticle:ej,article:er,mlt:es,GTM:et,s3:eu,fileStorage:ev,sdk:ew,commerceApi:ey,widgetsSource:ez,hasAuthority:b,instanaApiKey:eA,maropost:eB,iterable:eC,sailthru:eD,activeEsp:eE,social:eF,site:eH,lazyLoaderSetting:eK,components:eL,contentLab:eT,categories:eU,promotionalPopup:fc,error404:fh,pushNotifications:fi,thumbsPollQuestions:fj,redis:fk,testPoolNumber:Q,SITE:bY,BRANCH:fl,_app:fm},collections:{articles:{search:[]},meta:{},page:m,searchTerm:a},categoryLegacy:{articles:[],category:a,subCategory:a,subSubCategory:a,collectionMeta:{},family:[],breadcrumbs:[],page:m},category:{category:{},family:{}},bugs:{},auth:{isModal:c,modalIsVisible:c,activeForm:a,isValidResetToken:b,passwordResetToken:a,isCheckedNewsletterSignup:b,GTM:{prompt:a}},article:{articles:[dI],articleFooterVisibility:c,infiniteScrollArticles:dZ,hasFetchedDFP:c,hotspotPopoverSeeMoreDesc:c,mostViewedArticles:[],relatedContentInCategory:[],slideshowArticles:[],series:[],loadingMap:{"-1_/articles/types-of-computers-their-functions":b},fields:{},mutators:{}},ads:{},pushNotifications:{},techwalla:{home:{hero:{},section_1:{displayName:a,results:[]},section_2:{displayName:a,results:[]},helpers:{}}}},serverRendered:b,routePath:ce,config:{globalNoFollowExceptionsRegex:d$,mutators:ea,enableGtmScriptDelay:c,enableInlineCriticalCss:b,enableJsBundleDelay:b,maxJsBundleScriptDelay:eb,maxGtmScriptDelay:ec,ads:ed,configurableArticle:ej,article:er,mlt:es,GTM:et,s3:eu,fileStorage:ev,sdk:ew,commerceApi:ey,widgetsSource:ez,hasAuthority:b,instanaApiKey:eA,maropost:eB,iterable:eC,sailthru:eD,activeEsp:eE,social:eF,site:eH,lazyLoaderSetting:eK,components:eL,contentLab:eT,categories:eU,promotionalPopup:fc,error404:fh,pushNotifications:fi,thumbsPollQuestions:fj,redis:fk,testPoolNumber:Q,SITE:bY,BRANCH:fl,_app:fm}}}("",true,false,"Tech Support","tech-support","article","contributor","normal","cme","Reviews","reviews","...",1,"subcategory",250,"title","Group 6",2,"memory chips image by Jack Kunnen from \u003Ca href='http:\u002F\u002Fwww.fotolia.com'\u003EFotolia.com\u003C\u002Fa\u003E",0,320,"www.techwalla.com\u002Farticles\u002Fuses-of-minicomputers","www.demandstudios.com\u002Fcontributor\u002F8edb2396-db08-462c-a613-48442d1b0354","www.techwalla.com\u002Farticles\u002Fthe-differences-between-a-gigahertz-a-gigabyte","Group 5","www.demandstudios.com\u002Fcontributor\u002F41b7c2a6-3453-470f-9d91-0b013c457d05","www.techwalla.com\u002Farticles\u002Fwhat-are-the-classes-of-computers","www.demandstudios.com\u002Fcontributor\u002F0cb671b6-f6a2-4d58-914d-cd208ece032f","www.techwalla.com\u002Farticles\u002Fwhat-is-the-function-of-a-computer-battery","Group 4","www.demandstudios.com\u002Fcontributor\u002F1dea60a2-6996-42f3-8614-3a0072ca36b8","www.techwalla.com\u002Farticles\u002F4-main-parts-computer-system","www.demandstudios.com\u002Fcontributor\u002Fbd5752cf-a068-4151-9fad-af044183bbcb","www.techwalla.com\u002Farticles\u002Fdisadvantages-of-a-supercomputer","www.demandstudios.com\u002Fcontributor\u002F01db156a-9113-46c9-ad88-9dbd83c1e055","How To","768px","Types of Computers & Their Functions","Group 8","Group 10","how-to",6,"default","www.techwalla.com\u002Farticles\u002Ftypes-of-computers-their-functions","http:\u002F\u002Fphotos.demandstudios.com\u002F90\u002F120\u002Ffotolia_3184071_XS.jpg","Computer architecture includes several computer types.",300,100,3,"inline",5,"www.techwalla.com\u002Farticles\u002Fintel-atom-vs-intel-i5","www.demandstudios.com\u002Fcontributor\u002Fc5e1e28d-d82c-478c-9b25-c733b5431c26","www.techwalla.com\u002Farticles\u002Frole-of-computers-in-medical-lab-technology","www.demandstudios.com\u002Fcontributor\u002Faf4962b2-2f16-4d54-b8b9-1a91a02fceb3","www.techwalla.com\u002Farticles\u002Fwhat-are-the-benefits-of-computers-in-society","www.demandstudios.com\u002Fcontributor\u002F22457f45-184a-4bbb-affa-c9ab34d99b63","www.techwalla.com\u002Farticles\u002Fdifference-between-plc-microprocessor","www.demandstudios.com\u002Fcontributor\u002F8340417e-f81b-4c08-8390-b3eeef0a7aa5","www.techwalla.com\u002Farticles\u002Fthe-uses-of-mainframe-computers","www.demandstudios.com\u002Fcontributor\u002F9609770d-2970-463d-9a19-e6d63a648103","www.techwalla.com\u002Farticles\u002Fthe-specifications-of-a-motherboard-in-dell-e210882","www.demandstudios.com\u002Fcontributor\u002F8640849f-a1b1-4a79-9fb0-7d5cbbb14187","Entertainment","320px","category","Shop","Smart Life","#2E2E30","Imported\u002F1484111324.05\u002F145891f7-93f2-492c-b97c-1ab77dc04da5","6Zp6W",10,null,"400x400","smart-life","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002F3456489a-4e99-4502-b2be-cf84413bcfdf-smartLife.png","1","da576d95-b49d-5a95-ff4b-80c2c618b69f",424,283,"imported\u002F1484111324.05\u002F145891f7-93f2-492c-b97c-1ab77dc04da5","http:\u002F\u002Fphotos.demandstudios.com\u002F88\u002F207\u002Ffotolia_3184071_thumb.jpg","110",1.4982332155477032,"73","image","content","ad-mobile","slot",50,728,"old minicomputer technology","old minicomputer uses","histori minicomputer uses",37193,"Uses of Minicomputers","\u002Farticles\u002Fuses-of-minicomputers","Will Gish","Will Gish slipped into itinerancy and writing in 2005. His work can be found on various websites. He is the primary entertainment writer for \"College Gentleman\" magazine and contributes content to various other music and film websites. Gish has a Bachelor of Arts in art history from University of Massachusetts, Amherst.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F7\u002F0\u002Fa7417a88-d64b-4c6b-a02c-2b847e53c993.Small.jpg","http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F92\u002F206\u002F462145015.jpg","Handsome young man working at computer and listening to music","Minicomputer is a relative term by today's standards. These antiquated machines were developed in the 1960s and used heavily into the 1980s when they were replaced by personal computers. Minicomputers were compact alternatives to the large, room-sized computers of the same era.","gigabyte gigahertz definition","computer gigabyte gigahertz","gigabyte and gigahertz","computer specifications","gigabyte gigahertz differences","GB and Ghz",36479,"The Differences Between a Gigahertz & a Gigabyte","\u002Farticles\u002Fthe-differences-between-a-gigahertz-a-gigabyte","Chirantan Basu","Based in Ottawa, Canada, Chirantan Basu has been writing since 1995. His work has appeared in various publications and he has performed financial editing at a Wall Street firm. Basu holds a Bachelor of Engineering from Memorial University of Newfoundland, a Master of Business Administration from the University of Ottawa and holds the Canadian Investment Manager designation from the Canadian Securities Institute. ","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F12\u002F7\u002Fbc498fef-ed11-4553-9732-05b0acb76852.Small.jpg","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002Fb3891e3c3adb42b29282ddf5fab7ebe5.jpg","A gigahertz measures frequency and a gigabyte measures storage capacity. Frequency is the number of occurrences of a repeated event per unit of time.","computer classes","different types computers","types of computers",37396,"What Are the Classes of Computers?","\u002Farticles\u002Fwhat-are-the-classes-of-computers","Donna Armstrong","Donna Armstrong is a freelance writer who has been writing since 2005. She has provided copy for catalogs, newspapers, newsletters, blogs, informational and e-commerce websites. She has written on a variety of subjects including state-of-the-art electronics and household products. She has worked for such websites as Work.com and Realtvaddict.com. She attended the University of Texas, where she studied history and education.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F1\u002F7\u002F81892a78-15d2-4023-9719-ec39e1f297f8.Small.jpg","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002F864b98ee5faf407488c8b63f23426dce.jpg","Computers are put into classes in order to help customers and computer programs understand what they are getting or dealing with. The most common way of classifying computers is by size and function. Most computers are designed to handle certain tasks and the size of the computer and components depend on those tasks.","computer battery","computer battery function","computer battery role",38545,"What Is the Function of a Computer Battery?","\u002Farticles\u002Fwhat-is-the-function-of-a-computer-battery","Andrea Stein","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_ehow_com\u002Fphotos.demandstudios.com\u002F146\u002F36\u002Ffotolia_838334_XS.jpg","Computers typically rely on a PSU (Power Supply Unit), which uses switching technology and low-voltage DC power, as a main power source. Most computers also contain an independent battery. A computer battery plays a crucial, time-related role in a PC's operations.",3437,"4 Main Parts of a Computer System","\u002Farticles\u002F4-main-parts-computer-system","Ryan Cockerham","Ryan Cockerham is a nationally recognized author and creator specializing in all things technology innovation. With a strong background in digital development and media, Ryan's work has been featured by Audi City Beijing, the Scattergood Foundation Innovation Award Program, the Institute of Contemporary Art London. Ryan has published and co-written tech-related content for various media organizations, including major internet platforms such as Yahoo!","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fprofile\u002F5\u002F5\u002Fcead6f29afdc4605828c0b1706331ac8.jpg","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fdadbe5682a104b5592efade72509391a.jpg","Close-Up Of Mother Board","The 4 main parts of a computer are responsible for the vast majority of actions and processes it undertakes. Taking the time to research the function and history of these parts will leave you with a better understanding of how your computer works and how far it has evolved over the years.","problem supercomputer","disadvantage supercomputer","cons against supercomputer",4892,"Disadvantages of a Supercomputer","\u002Farticles\u002Fdisadvantages-of-a-supercomputer","Julius Vandersteen","Julius Vandersteen has been a freelance writer since 1999. His work has appeared in “The Los Angeles Times,” “Wired” and “S.F. Weekly.” Vandersteen has a Bachelor of Arts in journalism from San Francisco State University.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F9\u002F9\u002F1970a387-72cc-4fbe-b9d1-55cdece30d3a.Small.jpg","http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F110\u002F194\u002F87525037.jpg","Even if your organization has researched the benefits and advantages of using a supercomputer to tackle tough and complicated problems, you will find that supercomputers also present some disadvantages.",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","2010-03-20T04:28:26+00:00","\u002Farticles\u002Ftypes-of-computers-their-functions","58a7332f1a1f550011702bb8",Array(3),"Atom vs i5","Intel Atom","Intel Core i5",34646,"Intel Atom Vs. Intel I5","\u002Farticles\u002Fintel-atom-vs-intel-i5","Andy Josiah","Andy Josiah started writing professionally in 2006. He has worked for companies such as CarsDirect and Rainking. Josiah holds a Bachelor of Arts in history from the University of Maryland and a Master of Professional Studies in journalism from Georgetown University.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F6\u002F2\u002F6678364a-8499-4e64-8261-69b09899c397.Small.jpg","The Intel Atom and Intel i5 are two processor, or central processing unit, lines from semiconductor company Intel Corp. The Intel Atom, debuting in 2008, is specifically made for relatively small electronic products, especially small laptops known as netbooks.",7,"medical laboratory","computers in medical labs","medical treatments",35857,"Role of Computers in Medical Lab Technology","\u002Farticles\u002Frole-of-computers-in-medical-lab-technology","demand13783","http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F146\u002F103\u002F200470360-001.jpg","Two doctors looking at computer screen, low angle view","Computer technology is widely used throughout the medical field, and workers in this field need to understand the role computers and related technologies play in their day-to-day jobs. Computers are used for everything from testing products in the field to determining the safety and effectiveness of new drugs.",8,37371,"What Are the Benefits of Computers in Society?","\u002Farticles\u002Fwhat-are-the-benefits-of-computers-in-society","Pallab Dutta","Based out of the metropolitan Washington D.C. area, Pallab Dutta has written on business, technology and management issues since 1994. He has freelanced for “The Wall Street Journal,\" “The Economic Times” and “The Times of India.\" Dutta holds a Bachelor of Science in economics from Bombay University and a Diploma in modern information systems from IIT Bombay. ","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F13\u002F7\u002Fed7f537c-8975-4664-8720-5263bdb514e1.Small.jpg","http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F83\u002F166\u002F466086694.jpg","Young business executive using laptop","Ever since the first IBM PC was sold in 1981 and the bundling of Microsoft’s Windows Operating System on subsequent easy-to-use PCs, computers have revolutionized the way individuals, students and enterprises work, communicate, live, educate and entertain.",9,"control systems","relay","Ladder logic","automation","controller","protocols",4756,"Difference Between PLC & Microprocessor","\u002Farticles\u002Fdifference-between-plc-microprocessor","G.B. Crippen","G.B. Crippen has been writing professionally for almost 25 years, including fiction, news reporting, radio, television, technical writing, and websites. Online publications include articles for MyCountryMatch.com, and NovelAdvice.com. Crippen has a degree in creative writing from the University of Victoria, Canada, and currently resides in California. ","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F1\u002F14\u002F3157851e-fbbd-4097-9e08-0767f8a3c710.Small.jpg","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_ehow_com\u002Fphotos.demandstudios.com\u002F46\u002F205\u002Ffotolia_2202186_XS.jpg","A Programmable Logic Controller (PLC) is type of computer designed specifically for industrial applications. A microprocessor is the Central Processing Unit (CPU) of a computer.","IBM mainframe computers","communication satellites","Library of Congress",36695,"The Uses of Mainframe Computers","\u002Farticles\u002Fthe-uses-of-mainframe-computers","Anne Reynolds","Anne Reynolds is a writer who has worked for the U.S. government, the public school system and as a public library specialist. She began writing in 1990 and has contributed articles to various online publications. ","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F13\u002F10\u002F9d941b78-bcdb-4c8f-ba6f-f2a878cdd575.Small.jpg","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002Fb3a57c1c99344551a1d77ba1dde7bc8b.jpg","Mainframe computers, created in the early 1940s, initially were bulky machines that required cooling-sensitive rooms. The 1951 UNIVAC was the size of a one-car garage -- unheard of in the 21st century where small, mobile and fast is the norm.",11,"E210882 motherboard specifications","Dell E210882 motherboard","Dell E210882 specifications","Group 9",36669,"The Specifications of a Motherboard in Dell E210882","\u002Farticles\u002Fthe-specifications-of-a-motherboard-in-dell-e210882","Ashley Seehorn","Ashley Seehorn has been writing professionally since 2009. Her work has been featured on a variety of websites including: eHow, Answerbag and Opposing Views Cultures. She has been a teacher for 20 years and has taught all ages from preschool through college. She is currently working as a Special Education Teacher.","https:\u002F\u002Fcpi.studiod.com\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F0\u002F9\u002F30ffc342-999e-46db-b9a1-c699306db112.Small.jpg","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_ehow_com\u002Fphotos.demandstudios.com\u002F150\u002F231\u002Ffotolia_1437255_XS.jpg","Motherboards are also known as system boards, main boards or planar boards. Motherboard types are named for the type of system they fit into and the kind of processor hosted by the board. Form factor is the term for the physical size and layout of the board.",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\u003EComputers are used for a variety of applications—from scientific data recording to engineering to everyday personal use. As a result, computer functions and the models themselves vary based on usage and application. Several types of computers exist with functions ranging from complex scientific calculations such as weather monitoring and tracking to processing simple tasks such as surfing the Internet and checking email.\u003C\u002Fp\u003E\n","\u003Cp\u003EThe "Father of Supercomputing," Seymour Cray, built the first supercomputer in 1963 called the CDC 6600, according to Cray Inc. He founded the company Cray Research to focus on engineering supercomputer systems. Supercomputers provide the fastest processing speed of any computer. Used for highly complex calculations, supercomputers possess extreme processing capabilities. For example, the Jaguar, a Cray Inc. supercomputer, operates at 1750 Teraflops (floating point operations per second) at peak performance—which means the system can calculate 1,750,000 Gigabytes per second. Supercomputers work behind the scenes to drive the most advanced information research forward. They are used for various highly specified applications including weather research, quantum physics, nuclear weapon detonation simulations and a class of problems called the "Grand Challenge problems," a set of problems requiring a high-performance computer.\u003C\u002Fp\u003E\n","Supercomputers","\u003Cp\u003EThe mid-range computer, originally called the minicomputer and currently called a server, is between a microcomputer and mainframe computer (as related to size and power). The term "minicomputer" developed during the 1960s to describe computers that utilized transistor technology. During the 1970s and 1980s, the development of microcomputers—or desktops—placed minicomputers in the mid-range designation. They were considered a more powerful single-user machine. True minicomputers began to decline, however, due to a less-expensive minicomputer that used microprocessor technology. Mid-range computers provide processing services for several applications. They are used to run back-end applications such as enterprise email, database systems and network-wide antivirus software.\u003C\u002Fp\u003E\n","Mid-Range or Minicomputers","\u003Cp\u003EConsidered the first desktop, the HP 9830, which was released for consumer use in the 1970s, surpassed computers at the time because it featured a hard drive and utilized the BASIC programming language. Microcomputers are the most common consumer device. This computer type includes desktop personal computers and laptops. Microcomputers use a microprocessor to execute instructions and are designed for use by one individual. They are used for office applications, email, Internet access, gaming or education.\u003C\u002Fp\u003E\n","Microcomputers or Personal Computers","Computers are used for a variety of applications—from scientific data recording to engineering to everyday personal use. As a result, computer functions and the models themselves vary based on usage and application.","www.demandstudios.com\u002Fcontributor\u002F13a30e9a-7156-439f-8db4-1bbd974879ac","votd","ad-desktop-gpt",90,640,void 0,4,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","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>