body { position: relative; font-family: var(--pg-font-family); background-color: var(--pg-color-surface); color: var(--pg-color-surface); } body.unscrollable { overflow-y: hidden; } .main-navigation .container-fluid { } .container-fluid { max-width: 1440px; padding: 0 48px; } .primary-color { color: var(--pg-color-accent); } .secondary-color { color: var(--pg-orange); } img { height: auto; } ul.styled { padding: 0 0 0 24px; margin: 0; } ul.styled li { position: relative; list-style: disc; padding-left: 0; background-image: none; } .primary-button, .hs-button.primary { display: block; padding: 10px 36px; color: var(--pg-color-ink); font-size: 14px; line-height: 120%; font-weight: 500; background-color: var(--pg-orange); border: 2px solid var(--pg-orange); border-radius: var(--pg-button-radius); text-decoration: none; text-transform: uppercase; transition: 0.1s linear all; } .primary-button:hover, .hs-button.primary:hover { background-color: var(--pg-orange); color: var(--pg-color-ink); } .primary-button-transparent.is-disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; filter: grayscale(1); } .primary-button-transparent { display: block; padding: 10px 36px; color: var(--pg-on-surface, var(--pg-color-surface)); font-size: 14px; font-weight: 500; background-color: transparent; border: 2px solid var(--pg-orange); border-radius: var(--pg-button-radius); text-decoration: none; text-transform: uppercase; transition: 0.1s linear all; } .primary-button-transparent:hover { color: var(--pg-color-ink); } .secondary-button { display: block; padding: 10px 36px; color: var(--pg-on-surface, var(--pg-color-surface)); font-size: 14px; font-weight: 500; background-color: transparent; border: 2px solid var(--pg-orange); border-radius: var(--pg-button-radius); text-decoration: none; text-transform: uppercase; transition: 0.1s linear all; } .secondary-button:hover { background-color: var(--pg-orange); color: var(--pg-color-ink); } .button-row a { display: inline-block; } .button-row a:first-of-type { margin-right: 25px; } .slick-initialized .slick-slide:focus { outline: none; border: 0; box-shadow: none; } #page-content.default .patents p { margin: 0; } #page-content.default .patents p.notice { margin: 0 0 40px 0; } #page-content.default .patents h1 { color: var(--pg-color-ink); font-size: 101px; font-weight: 500; margin: 0 0 20px 0; text-transform: none; } @media (max-width: 992px) { #page-content.default .patents h1 { font-size: 67px; } } @media (max-width: 767px) { #page-content.default .patents h1 { font-size: 48px; } } @media (max-width: 420px) { #page-content.default .patents h1 { font-size: 36px; } } #page-content.default .patents h2 { color: var(--pg-color-ink); font-size: 67px; font-weight: 500; margin: 0 0 20px 0; text-transform: none; } @media (max-width: 992px) { #page-content.default .patents h2 { font-size: 48px; } } @media (max-width: 767px) { #page-content.default .patents h2 { font-size: 36px; } } @media (max-width: 420px) { #page-content.default .patents h2 { font-size: 32px; } } #page-content.default .patents h3 { color: var(--pg-color-ink); font-size: 36px; font-weight: 500; text-transform: none; } @media (max-width: 992px) { #page-content.default .patents h3 { font-size: 32px; } } @media (max-width: 767px) { #page-content.default .patents h3 { font-size: 28px; } } @media (max-width: 420px) { #page-content.default .patents h3 { font-size: 24px; } } #page-content.default .patents h4 { color: var(--pg-color-ink); font-size: 28px; font-weight: 500; text-transform: none; } @media (max-width: 767px) { #page-content.default .patents h4 { font-size: 24px; } } @media (max-width: 420px) { #page-content.default .patents h4 { font-size: 24px; } } #page-content.default .patents article { padding: 0 0 20px 0; border-bottom: 1px solid var(--pg-color-muted); margin: 0 0 20px 0; } .eyebrow-text { font-size: 16px; font-weight: 500; color: var(--pg-color-ink); margin-bottom: 12px; } .eyebrow-text strong { font-weight: 600; color: var(--pg-color-accent); } a.cta img { max-width: 22px; } a.cta span { margin-left: 8px; transition: 0.1s linear all; } a.cta:hover span { margin-left: 16px; } p.cta img { max-width: 22px; } p.cta span { margin-left: 8px; transition: 0.1s linear all; } p.cta:hover span { margin-left: 16px; } #page-404 { text-align: center; background-color: var(--pg-color-white); padding: 200px 0 120px 0; } #page-404 h1 { font-size: 101px; font-weight: 500; color: var(--pg-color-ink); margin: 0 0 60px 0; text-transform: none; } @media (max-width: 992px) { #page-404 h1 { font-size: 67px; } } @media (max-width: 767px) { #page-404 h1 { font-size: 48px; } } @media (max-width: 420px) { #page-404 h1 { font-size: 36px; } } #page-404 p { font-size: 20px; font-weight: 400; color: var(--pg-color-ink); margin: 0; } #page-404 p a { color: var(--pg-color-accent); font-weight: 500; } .slick-prev, .slick-next { width: 20px; height: auto; } .slick-prev { content: ''; text-indent: -9999px; background: var(--wpr-bg-a30d75f0-6e07-45ba-94a3-b2fd2119dae0) center center no-repeat, var(--pg-color-surface) !important; background-color: transparent; border: 0; box-shadow: none !important; position: absolute !important; top: 50% !important; left: -20px; transform: translateY(-50%); z-index: 7; } .slick-next { content: ''; text-indent: -9999px; background: var(--wpr-bg-b13d105d-afd8-4d37-8bea-8bbb4d170c24) center center no-repeat, var(--pg-color-surface) !important; border: 0; box-shadow: none !important; position: absolute !important; top: 50% !important; right: -20px; transform: translateY(-50%); z-index: 7; } .slick-prev:hover, .slick-next:hover { cursor: pointer; } .slick-prev::after, .slick-next::after { display: none; } .pagination a { width: 50px; height: 50px; display: inline-block; background-color: var(--pg-color-surface); color: var(--pg-color-ink); display: flex; align-items: center; justify-content: center; border: 1px solid var(--pg-color-ink); border-radius: 10px; margin-right: 10px; cursor: pointer; text-decoration: none; transition: 0.1s linear all; } .pagination a:hover { color: var(--pg-color-surface); background-color: var(--pg-color-accent); border: 1px solid var(--pg-color-accent); } .pagination span { width: 50px; height: 50px; display: inline-block; background-color: var(--pg-color-accent); color: var(--pg-color-surface); display: flex; align-items: center; justify-content: center; border: 1px solid var(--pg-color-accent); border-radius: 10px; margin-right: 10px; } .hidden { opacity: 0; filter: blur(5px); transform: translateX(-100%); transition: transform 1s; } .show { opacity: 1; filter: blur(0); transform: translateX(0); transition: transform 1s; } @media (prefers-reduced-motion: no-preference) { } @media only screen and (min-width: 1921px) { .container-fluid { } .main-navigation .container-fluid, .container-fluid { max-width: 80%; } } @media only screen and (max-width: 768px) { .container-fluid { padding: 0 30px; } .slick-next, .slick-prev { display: none !important; } } @media only screen and (max-width: 440px) { .container-fluid { padding: 0 24px; } #hero-section-wrapper .button-row { display: block !important; } #hero-section-wrapper .button-row a { width: 100%; text-align: center; } #hero-section-wrapper .button-row a:first-of-type { margin-right: 0; } }