URL: http://www.apple.com/careers/css/common/clientlibs/styles/sf/components/text.css
w__title:lang(th) { font-size: 4.3rem; } .text-row.text-row--heading-and-link .text-row__link a:lang(th) { font-size: 3rem; } } .text-row.text-row--heading-with-extra-padding { padding: 5rem 0 5rem; text-align: center; } @media only screen and (min-width: 736px) { .text-row.text-row--heading-with-extra-padding { padding: 8rem 0 8rem; } } @media only screen and (max-width: 735px) { .text-row.text-row--heading-and-link { padding: 5rem 0 5.5rem; } } .text-row.text-row--heading-paragraph-and-link .text-row__title { margin-bottom: 2.5rem; } @media only screen and (min-width: 736px) { .text-row.text-row--heading-paragraph-and-link .text-row__title { margin-bottom: 3rem; } } .text-row.text-row--heading-and-link .text-row__title { margin-bottom: 25px; } .text-row.text-row--heading-and-link .text-row__link a { color: #323232; font-weight: 300; font-size: 22px; font-size: 2.2rem; line-height: 1.45; } .theme-dark .text-row.text-row--heading-and-link .text-row__link a { color: #cccccc; } .text-row.text-row--heading-and-paragraph-extra-padding { padding: 5rem 0 5rem; } @media only screen and (min-width: 736px) { .text-row.text-row--heading-and-paragraph-extra-padding { padding: 8rem 0 8rem; } } .text-row.text-row--heading-and-paragraph-extra-padding .text-row__title { margin-bottom: 2.5rem; } @media only screen and (min-width: 736px) { .text-row.text-row--heading-and-paragraph-extra-padding .text-row__title { margin-bottom: 3rem; } } .text-row.text-row--secondary-extra-padding { padding: 7rem 0 7rem; text-align: center; } @media only screen and (min-width: 736px) { .text-row.text-row--secondary-extra-padding { padding: 9rem 0 10rem; } } .text-row.text-row--secondary-extra-padding .text-row__list { font-size: 17px; font-size: 1.7rem; font-weight: 400; line-height: 1.53; padding-top: 4rem; } .theme-dark .text-row.text-row--secondary-extra-padding .text-row__list { font-size: 19px; font-size: 1.9rem; font-weight: 500; } .text-row.text-row--secondary-extra-padding-b { padding: 7rem 0 7rem; } @media only screen and (min-width: 736px) { .text-row.text-row--secondary-extra-padding-b { padding: 8rem 0 8rem; } } .text-row.text-row--heading-and-eyebrow-extra-padding { padding: 5rem 0 5.5rem; } @media only screen and (min-width: 736px) { .text-row.text-row--heading-and-eyebrow-extra-padding { padding: 8rem 0 8rem; } } .text-row.text-row--paragraph-and-text-extra-padding { padding: 7rem 0 7rem; } @media only screen and (min-width: 736px) { .text-row.text-row--paragraph-and-text-extra-padding { padding: 8rem 0 8rem; } } .text-row.text-row--heading-eyebrow-link { padding: 5rem 0 5.5rem; } @media only screen and (min-width: 736px) { .text-row.text-row--heading-eyebrow-link { padding: 8rem 0 6rem; } } .text-row.text-row--heading-eyebrow-link .text-row__eyebrow { margin-bottom: 1.5rem; } .text-row.text-row--heading-eyebrow-link .text-row__title { margin-bottom: 2.5rem; } @media only screen and (min-width: 736px) { .text-row.text-row--heading-eyebrow-link .text-row__title { margin-bottom: 3rem; } } .text-row.text-row--heading-eyebrow-link .text-row__link a { color: #323232; font-weight: 300; font-size: 22px; font-size: 2.2rem; line-height: 1.45; } .text-row__list__list-inline { display: inline; margin: 0; } .text-row__list__list-inline li { color: #666666; display: inline-block; list-style: none; } @media only screen and (max-width: 735px) { .text-row--mobile-no-padding { padding: 0; } } @media only screen and (max-width: 735px) { .text-row--mobile-no-padding-bottom { padding-bottom: 0; } } @media only screen and (max-width: 735px) { .text-row--mobile-no-padding-top { padding-top: 0; } } .text-row p { font-size: 18px; font-size: 1.8rem; line-height: 1.7; } @media only screen and (min-width: 736px) { .text-row p { font-size: 23px; font-size: 2.3rem; font-weight: 300; line-height: 1.5; } } .text-row p:last-of-type { margin-bottom: 0; } .text-row__content > p { font-weight: 300; font-size: 19px; font-size: 1.9rem; line-height: 1.47; } @media only screen and (min-width: 736px) { .text-row__content > p { font-size: 22px; font-size: 2.2rem; line-height: 1.45; } } .theme-dark .text-row__content > p { font-weight: 700; } @media only screen and (min-width: 736px) { .theme-dark .text-row__content > p { font-size: 37px; font-size: 3.7rem; line-height: 1.25; } } .theme-light .text-row__content > p { font-weight: 500; } .text-row__content--text-weight p { font-weight: 300; font-size: 19px; font-size: 1.9rem; line-height: 1.47; } @media only screen and (min-width: 736px) { .text-row__content--text-weight p { font-size: 22px; font-size: 2.2rem; line-height: 1.45; } } @media only screen and (min-width: 736px) { .text-row__content--text-weight p { font-weight: 400; } } .text-row__title { color: #333333; font-weight: 500; font-size: 31px; font-size: 3.1rem; line-height: 1.2; margin: 0 auto 2.5rem; } .theme-dark .text-row__title { color: #fff; } @media only screen and (max-width: 735px) { .theme-dark .text-row__title { font-size: 19px; font-size: 1.9rem; } } .theme-light .text-row__title { color: #000000; } .text-row__title:lang(th) { line-height: 1.25; } @media only screen and (min-width: 736px) { .text-row__title { font-size: 40px; font-size: 4rem; line-height: 1.05; margin: 0 0 3rem; max-width: 900px; max-width: 50em; } } @media only screen and (max-width: 735px) { .text-row__title:lang(th) { line-height: 1.45; } } .text-row__title-quote::before { content: "“"; margin: 0 0 0 -0.5em; position: relative; } .text-row__title-quote::after { content: "”"; } .text-row--lead .text-row__title { font-size: 30px; font-size: 3rem; font-weight: 500; line-height: 1.157; margin: 0; } @media only screen and (min-width: 736px) { .text-row--lead .text-row__title { font-size: 48px; font-size: 4.8rem; line-height: 1.04; } } .theme-dark .text-row--lead .text-row__title { font-size: 19px; font-size: 1.9rem; font-weight: 700; } .theme-light .text-row--lead .text-row__title { font-weight: 700; } @media only screen and (min-width: 736px) { .theme-dark .text-row--lead .text-row__title { font-size: 42px; font-size: 4.2rem; } } @media only screen and (max-width: 735px) { .theme-dark .text-row--lead .text-row__title { font-size: 22px; font-size: 2.2rem; font-weight: 700; } } .text-row--lead .text-row__title + .text-row__content { margin-top: 25px; } .text-row__eyebrow { font-weight: 500; font-size: 20px; font-size: 2rem; line-height: 1.1; margin-bottom: 1.5rem; } @media only screen and (min-width: 736px) { .text-row__eyebrow { font-size: 32px; font-size: 3.2rem; } } .text-row--centered { text-align: center; } .text-row--dark { color: #000; } /* ========================================================================== Text Link ========================================================================== */ .text-row__link a { color: #0070c9; display: inline-block; font-weight: 300; font-weight: 300; font-size: 19px; font-size: 1.9rem; line-height: 1.47; margin-left: 1rem; margin-right: 1rem; } @media only screen and (min-width: 736px) { .text-row__link a { font-size: 22px; font-size: 2.2rem; line-height: 1.45; } } @media only screen and (max-width: 735px) { .text-row__link a { display: block; margin-left: 0; margin-right: 0; } } .theme-dark .text-row__link a { font-weight: 600; } @media only screen and (min-width: 736px) { .theme-dark .text-row__link a { font-size: 34px; font-size: 3.4rem; } } .text-row__link .icon-playcircle { width: 2.2rem; height: 2.2rem; } @media only screen and (min-width: 736px) { .text-row--lead .text-row__link { margin-top: -0.5rem; } } @media only screen and (min-width: 736px) { .text-row__link:only-child { margin-top: -2.5rem; } } @media only screen and (min-width: 736px) { .text-row__title + .text-row__content .text-row__link:first-child { margin-top: 0; } } .text-row__link--inline a { margin: 0; } @media only screen and (max-width: 735px) { .text-row__link--inline a { display: inline-block; } } @media only screen and (max-width: 735px) { .text-row__link--inline__links { display: block; } } /* ========================================================================== Lead Text ========================================================================== */ @media only screen and (min-width: 736px) { .text-row--lead { font-size: 23px; font-size: 2.3rem; font-weight: 300; } } .text-row--lead h1 { color: #333333; } @media only screen and (max-width: 735px) { .text-row--lead h1 { font-size: 20px; font-size: 2rem; line-height: 1.3; } } .theme-dark .text-row--lead h2 { color: #fff; } .theme-light .text-row--lead h2 { color: #000000; } .text-row--lead.text-row--dark h1 { color: #000; } @media only screen and (min-width: 1069px) { .text-row--lead--heading-only { padding: 4.5rem 0 3.7rem; } } .text-row--lead--heading-only h1 { margin-bottom: .7rem; } .text-row--lead--heading-only-extra-padding { padding: 4.5rem 0 5.5rem; } @media only screen and (min-width: 736px) { .text-row--lead--heading-only-extra-padding { padding: 4.5rem 0 8rem; } } /* ========================================================================== Extra Large ========================================================================== */ @media only screen and (min-width: 736px) { .text-row.text-row--xlg { max-width: 800px; max-width: 80rem; } } @media only screen and (min-width: 1069px) { .text-row.text-row--xlg { padding: 8rem 0; } } .text-row.text-row--xlg .text-row__title { font-size: 26px; font-size: 2.6rem; font-weight: 700; line-height: 1.12; margin-bottom: 1.5rem; } @media only screen and (min-width: 736px) { .text-row.text-row--xlg .text-row__title { font-size: 67px; font-size: 6.7rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1; margin-bottom: 3rem; } } @media only screen and (min-width: 736px) { .text-row.text-row--xlg .text-row__title.sub-hero__title { font-size: 28px; font-size: 2.8rem; } .text-row.text-row--xlg .text-row__title.sub-hero__sub-title { font-size: 48px; font-size: 4.8rem; } } .text-row.text-row--xlg .text-row__title + .text-row__content { margin-top: 10px; } @media only screen and (min-width: 736px) { .text-row.text-row--xlg .text-row__title + .text-row__content { padding-left: 30px; padding-right: 30px; } } .text-row.text-row--xlg .text-row__content > p { font-size: 16px; font-size: 1.6rem; font-weight: 600; line-height: 1.31; } @media only screen and (min-width: 736px) { .text-row.text-row--xlg .text-row__content > p { font-size: 30px; font-size: 3rem; letter-spacing: -0.01em; line-height: 1.2; } } .text-row.text-row--xlg .text-row__content .text-row__link, .text-row.text-row--xlg .text-row__content .text-row__link a { font-size: 14px; font-size: 1.4rem; font-weight: 700; } @media only screen and (min-width: 736px) { .text-row.text-row--xlg .text-row__content .text-row__link, .text-row.text-row--xlg .text-row__content .text-row__link a { font-size: 17px; font-size: 1.7rem; font-weight: 400; } } @media only screen and (min-width: 736px) { .theme-dark .text-row.text-row--xlg .text-row__content .text-row__link, .theme-dark .text-row.text-row--xlg .text-row__content .text-row__link a { font-size: 19px; font-size: 1.9rem; font-weight: 500; } } @media only screen and (min-width: 736px) { .text-row.text-row--xlg .text-row__content .text-row__link { margin-top: 65px; } } /* ========================================================================== Text Blockquote ========================================================================== */ .text-row blockquote, .text-rail .text-rail__text blockquote { font-size: 28px; font-size: 2.8rem; font-weight: 300; line-height: 1.3; margin: 0 0 1.5rem; } @media only screen and (min-width: 736px) { .text-row blockquote, .text-rail .text-rail__text blockquote { font-size: 50px; font-size: 5rem; line-height: 1.2; margin: 0 auto; } } .text-row blockquote p.quote, .text-rail .text-rail__text blockquote p.quote { font-weight: 300; font-size: 28px; font-size: 2.8rem; font-weight: 300; line-height: 1.29; margin-bottom: 1rem; } @media only screen and (min-width: 736px) { .text-row blockquote p.quote, .text-rail .text-rail__text blockquote p.quote { font-size: 32px; font-size: 3.2rem; line-height: 1.09; margin-bottom: 3rem; max-width: 850px; max-width: 47.222222222em; } } .text-row blockquote .blockquote__footer, .text-rail .text-rail__text blockquote .blockquote__footer { background: none; font-size: 17px; font-size: 1.7rem; font-weight: 600; line-height: 1.53; margin: 1rem auto 0; max-width: 800px; max-width: 44.444444444em; } @media only screen and (min-width: 736px) { .text-row blockquote .blockquote__footer, .text-rail .text-rail__text blockquote .blockquote__footer { margin: 2rem auto 0; } } .text-row blockquote .blockquote__footer__subcredit { font-size: 17px; font-size: 1.7rem; font-weight: 400; line-height: 1.53; } .theme-dark .text-row.text-row--heading-and-link .text-row__link a.play-video, .theme-dark a.play-video.block-link { color: #ffffff; font-weight: 700; } @media only screen and (min-width: 736px) { .theme-dark .text-row.text-row--heading-and-link .text-row__link a.play-video { font-size: 34px; font-size: 3.4rem; } } .component--faqs h2 { font-size: 24px; font-weight: 500; padding-top: 10px; } .component--faqs p { font-size: 17px; font-weight: 400; padding-top: 10px; line-height: 1.50; } /*** Re-branding Retail ***/ .text-row--text-over-image { position: absolute; top: 300px; left: 50%; transform: translate(-50%, -50%); } /* Rebraending - teams pages */ .theme-light .pre-footer { color: #000000; } /** Re-branding legacy pages ***/ .aha.theme-light p.large-text-portrait, .aha.theme-light p.large-thin-portrait { color: #000000; } .aha.theme-light .aha-corporate-1 p.large-text-portrait, .aha.theme-light .aha-students-1 p.large-text-portrait { color: #ffffff; } .aha.theme-light p.medium-thin-portrait { font-weight: 400; } .aha.theme-light .aha-benefits-block p { color: #000000; }Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies: