@charset "utf-8"; :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223 } @media (min-resolution:192dpi) { :root { --wp-admin-border-width-focus: 1.5px } } .wp-element-button { cursor: pointer } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px } :root .has-very-light-gray-background-color { background-color: #eee } :root .has-very-dark-gray-background-color { background-color: #313131 } :root .has-very-light-gray-color { color: #eee } :root .has-very-dark-gray-color { color: #313131 } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084, #0693e3) } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe) } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8, #dad0ec) } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1, #67a671) } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a, #004a59) } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968, #31cdcf) } :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381, #2874fc) } .has-regular-font-size { font-size: 1em } .has-larger-font-size { font-size: 2.625em } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal) } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge) } .has-text-align-center { text-align: center } .has-text-align-left { text-align: left } .has-text-align-right { text-align: right } #end-resizable-editor-section { display: none } .aligncenter { clear: both } .items-justified-left { justify-content: flex-start } .items-justified-center { justify-content: center } .items-justified-right { justify-content: flex-end } .items-justified-space-between { justify-content: space-between } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); word-wrap: normal !important; border: 0; -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .screen-reader-text:focus { clip: auto !important; background-color: #ddd; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } html :where(.has-border-color) { border-style: solid } html :where([style*=border-top-color]) { border-top-style: solid } html :where([style*=border-right-color]) { border-right-style: solid } html :where([style*=border-bottom-color]) { border-bottom-style: solid } html :where([style*=border-left-color]) { border-left-style: solid } html :where([style*=border-width]) { border-style: solid } html :where([style*=border-top-width]) { border-top-style: solid } html :where([style*=border-right-width]) { border-right-style: solid } html :where([style*=border-bottom-width]) { border-bottom-style: solid } html :where([style*=border-left-width]) { border-left-style: solid } html :where(img[class*=wp-image-]) { height: auto; max-width: 100% } :where(figure) { margin: 0 0 1em } html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px) } @media screen and (max-width:600px) { html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px } } @font-face { font-family: FuturaPTMedium; src: url("../assets/fonts/futura-pt-medium.otf"); } #comments { display: none; } .labelTitle { display: flex; flex-direction: column; justify-content: center; } .labelTitle span { font-weight: 400; } .label-sub { font-size: 15px; font-style: italic; } .labeled-devices .title p.h1 { font-size: 96px; border-bottom: none; margin-bottom: 0; padding-bottom: 0; color: #21252f; } .labeled-devices .title h2 { font-size: 28px; font-weight: 500; border-bottom: none; margin-top: 0; } .labeled-devices .label-stamp { display: flex; flex-direction: column; } .labeled-devices .accordion-title { padding: 0; background: none; border: none; } .labeled-devices .accordion-title i { margin: -22px 0 0; padding: 0 10px; } .labeled-devices .accordion-inner { padding: 0; } .labeled-devices .parent { display: flex; flex-wrap: wrap; } .labeled-devices .child { flex: 1 0 30%; margin: 5px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: "Poppins"; font-style: normal; font-weight: 600; font-size: 13px; line-height: 20px; } .labeled-devices .child a { color: #5e627b; } .labeled-devices .label-tabs h2 {} .labeled-devices h3 { font-size: 28px; margin-bottom: 0; margin-top: 30px; } .labeled-devices .label-gold h3, .labeled-devices .label-gold h4 { color: #D7B361; } .labeled-devices .label-silver h3, .labeled-devices .label-silver h4 { color: #606060; } .labeled-devices .label-bronze h3, .labeled-devices .label-bronze h4 { color: #B13F18; } .labeled-devices .label-tabs .tab-panels { border: none; } .labeled-devices .label-tabs ul li { text-align: center; margin: -2px 0; } .labeled-devices .label-tabs ul li .tab-icon { width: 50px; height: 50px; } .labeled-devices .label-tabs ul li.active a { font-weight: 600; position: relative; filter: none; border-bottom: 3px solid var(--context-color); } .labeled-devices .label-tabs ul li.active aaa:after { content: ""; background-color: var(--context-color); height: 3px; width: 100%; } .labeled-devices .label-tabs ul li a { background: none; font-family: "Poppins"; font-weight: 400; font-size: 12px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; border: none; padding: 5px 0 0; margin: 0 10px; border-bottom: 3px solid white; filter: opacity(0.5) grayscale(1); } .labeled-devices .tabbed-content>ul.nav-size-normal>li { margin: 15px; } .subscoreTitle h4 { font-size: 1.6em; } .subscoreTitle h5 { font-size: 1.5em; margin-bottom: 0; flex: 1; line-height: 32px; } .score-summary .bars-graph .col .row .col { margin: 10px 0 !important; } .subscoreHeading.heading-score-v5.summary-v5 { padding: 5px; margin: 0; } .subscoreHeading.heading-score-v5.summary-v5 .summaryBar { display: flex; flex-direction: row; align-content: center; } .subscoreHeading.heading-score-v5.summary-v5 .summaryBar .subscoreTitle { min-width: 100px; font-size: 13px; line-height: 24px; justify-content: flex-end; padding-right: 10px; } .subscoreHeading.heading-score-v5.summary-v5 .summaryBar .subscoreTitle a { color: #5e627b; } .subscoreHeading.heading-score-v5.summary-v5 .summaryBar .subScoreBars { transform: scale(0.65); width: 95%; margin: -8px -45% -8px -20%; align-content: center; } .subscoreHeading.heading-score-v5.summary-v5 .currentScore { font-size: 20px; width: 30px; text-align: center; } .subscoreHeading.heading-score-v5.summary-v5 .subScoreBars .bestDeviceBar .bestDeviceSubScore { display: block; } .score-summary.battery .subscores { justify-content: left; padding-left: 15px; color: #5e627b; } .score-summary.battery .subscores .value { color: var(--context-color); } .score-summary.battery .subscores .value { font-size: 28px; } .score-summary.battery .bars-graph .col.large-8 { margin: 5px -15px 5px; } @media (max-width: 849px) { .score-summary.battery .subscores { justify-content: center !important; text-align: center; } } .score-summary .subscores, .score-summary.camera .subscores, .score-summary.audio .subscores, .score-summary.selfie .subscores, .score-summary.display .subscores, .score-summary.battery .subscores, .score-summary .subscores a, .score-summary.camera .subscores a, .score-summary.audio .subscores a, .score-summary.selfie .subscores a, .score-summary.display .subscores a, .score-summary.battery .subscores a { justify-content: left; color: #5e627b; height: 100%; } .score-summary .subscores .value { color: var(--context-color); } @media (max-width: 849px) { .score-summary .subscores { justify-content: center !important; text-align: center; } .subscoreHeading.heading-score-v5.summary-v5 .summaryBar .subScoreBars { margin: -8px -45% -8px -18%; width: 100%; } } .subscoreHeading.heading-score-v5 { background-color: #fff; border: none; padding: 20px 0 10px; flex-direction: column; font-size: 16px; } .subscoreHeading.heading-score-v5 .subscoreTitle { display: flex; flex-direction: row; } .subscoreHeading.heading-score-v5 .currentScore { font-size: 2em; font-family: var(--global--font-titles); font-weight: 700; color: var(--context-color); padding-right: 5px; line-height: 35px; min-width: 65px; } .subscoreHeading.heading-score-v5 h2, .subscoreHeading.heading-score-v5 h3, .subscoreHeading.heading-score-v5 h4 { font-weight: 600; /*color: var(--context-color);*/ color: #5e627b; } .subscoreHeading.heading-score-v5 h3 { font-size: 2em; } .subscoreHeading.heading-score-v5 .subScoreBars { min-width: 60%; font-family: var(--global--font-titles); margin-top: 10px; } .subscoreHeading.heading-score-v5 .subScoreBars .bestDeviceBar { height: 15px; border-radius: 100px; margin: 10px 0; min-width: 55%; } .subscoreHeading.heading-score-v5 .subScoreBars .currentDeviceBar { border-radius: 100px; } .subscoreHeading.heading-score-v5 .subScoreBars .bestDeviceBar p.currentDeviceName { display: none; } .subscoreHeading.heading-score-v5 .subScoreBars .bestDeviceBar .bestDeviceSubScore { padding: 0; margin-top: -5px; font-size: 1em; font-weight: 600; width: 40px; } .subscoreHeading.heading-score-v5 .subScoreBars .bestDeviceBar>p { color: #b7baca; } .subscoreHeading.heading-score-v5 .subScoreBars .bestDeviceName { font-size: 0.75em; font-weight: 600; color: #b7baca; } .subscoreHeading.heading-score-v5 .subScoreBars .bestDeviceBar { min-width: calc(100% - 105px) } .subscoreHeading.heading-score-v5 .subScoreBars .bestDeviceNameMobile { width: 100%; text-align: right; font-size: 0.75em; padding: 8px 0 3px; font-weight: 600; color: #b7baca; } .subscoreHeading.heading-score-v5.level-4 { font-size: 14px; } .subscoreHeading.heading-score-v5.level-4 .subScoreBars, .subscoreHeading.heading-score-v5.level-4 .currentScore { padding: 0px 20px 0 2px; } .subscoreHeading.heading-score-v5.level-4 .subScoreBars .bestDeviceBar { height: 12px; } .subscoreHeading.heading-score-v5.level-5 { font-size: 12px; } .subscoreHeading.heading-score-v5.level-5 .subScoreBars, .subscoreHeading.heading-score-v5.level-5 .currentScore { padding: 0px 20px 0 2px; } .subscoreHeading.heading-score-v5.level-5 .subScoreBars .bestDeviceBar { height: 10px; } @media (max-width: 849px) { .subscoreHeading.heading-score-v5 .subScoreBars .bestDeviceName { width: 100%; text-align: right; font-size: 0.75em; } } @media (max-width: 549px) { .subscoreHeading.heading-score-v5 .subScoreBars .bestDeviceBar .bestDeviceSubScore { display: block; } } .info-box { border: 1px solid #eee; border-radius: var(--global--border-radius); display: flex; flex-direction: row; padding: 10px 20px; font-size: 13px; font-style: italic; margin: -10px 0 30px; } .info-box .info-box-icon { display: flex; flex-direction: column; justify-content: center; align-content: center; } .info-box .info-box-icon a { background-color: #dddddd; border-radius: 50px; color: white; text-align: center; width: 20px; height: 20px; cursor: pointer; display: inline-block; line-height: 20px; font-size: 13px; font-weight: bolder; font-family: monospace; font-style: italic; font-style: italic; transform: scale(1.5); margin: 0 40px 0 30px; } .info-box .info-box-title { font-weight: 600; padding-top: 10px; } .info-box .info-box-content { font-size: 1em; } .info-box .info-box-content p { margin: 5px 0; } .info-box .info-box-link { text-align: right; } .info-box .info-box-link a { color: #334862; font-size: 1em; font-weight: 600; } .info-box .info-box-link a i { font-size: 15px; top: 4px; left: 6px; } @media (max-width: 849px) { .info-box { font-size: 11px; } .info-box .info-box-icon a { margin: 0 15px 0 0; transform: scale(1); } }