@charset "UTF-8";
   html, body {
color: #000;
font-family: "Raleway", "Open Sans", sans-serif;
font-size: 16px;
}
body.is-loaded {
display: block;
}
body.page-template-page-striatech-php {
font-feature-settings: normal;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
-webkit-tap-highlight-color: transparent;
text-size-adjust: none;
}
.wrg.header {
background: #000;
max-height: 3.5625rem;
}
@media screen and (min-width:1200px) {
.wrg.header {
min-height: 6.25rem;
}
}
.wrg.header .header__wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.625rem 0;
}
.wrg.header h1 {
margin: 0;
}
.wrg.header .header__nav ul li {
list-style: none;
display: inline-block;
margin: 0 0.625rem;
}
.wrg.header .header__nav a {
color: #fff;
}
.wrg.header .header__nav a.active {
color: #e4675b;
}
.wrg.footer .footer__wrap {
padding: 1.25rem 0;
}
.wrg.footer .footer__wrap p {
font-size: 0.875em;
line-height: 1.0714285714;
}
ul, ol {
margin: 0;
padding: 0;
}
ul li, ol li {
list-style: none;
}
p {
font-size: 1em;
line-height: 1.125;
margin: 0 0 1.25rem;
}
p:last-of-type {
margin: 0;
}
p:empty {
display: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 1.25rem;
}
img {
display: block;
max-width: 100%;
height: auto;
}
.aspect-box {
position: relative;
display: block;
width: 100%;
}
.aspect-box img,
.aspect-box video,
.aspect-box canvas,
.aspect-box iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
object-fit: cover;
}
.aspect-box:before {
content: "";
display: block;
padding-top: calc(var(--aspect-ratio) * 100%);
}
.pm h1,
.pm h2,
.pm h3,
.pm h4,
.pm h5,
.pm h6,
.pm p {
font-family: "Raleway";
color: #272727;
}
.pm .l-heading,
.pm h1 {
font-size: 2.25rem;
line-height: 1.5;
color: #fff;
}
@media screen and (min-width:1200px) {
.pm .l-heading,
.pm h1 {
font-size: 3.75rem;
line-height: 1.33;
}
}
.pm h2 {
font-size: 1.875rem;
font-weight: 700;
line-height: 2.8125rem;
margin-bottom: 0;
}
@media screen and (min-width:1200px) {
.pm h2 {
font-size: 2.125rem;
line-height: 1.55;
}
}
.pm header {
margin-bottom: 2.5rem;
}
@media screen and (min-width:1200px) {
.pm header {
margin-bottom: 2.125rem;
}
}
.pm header + p {
margin-bottom: 5rem;
}
@media screen and (min-width:1200px) {
.pm header + p {
margin-bottom: 10.75rem;
}
}
.pm header ~ p {
max-width: 53.5rem;
margin-inline: auto;
}
.pm figure {
margin: 0;
}
.pm h3 {
font-size: 1.875rem;
font-weight: 500;
line-height: 2.8125rem;
margin-bottom: 0;
}
@media screen and (min-width:1200px) {
.pm h3 {
font-size: 2.125rem;
line-height: 1.55;
}
}
.pm p {
font-size: 1.625rem;
font-weight: 400;
line-height: 2.1875rem;
}
.pm .l-para-xl {
font-size: 1.875rem;
font-weight: 400;
line-height: 1.5;
margin-bottom: 3.75rem;
}
@media screen and (min-width:1200px) {
.pm .l-para-xl {
font-size: 2.125rem;
line-height: 1.55;
margin-bottom: 5.375rem;
}
}
.pm ul li {
font-family: "Raleway", "Open Sans", sans-serif;
}
.pm .l-bulletin {
text-align: left;
}
.pm .l-bulletin li {
list-style: none;
font-size: 1.625rem;
line-height: 1.34615;
margin-bottom: 2.1875rem;
}
.pm .l-bulletin li:last-of-type {
margin-bottom: 0;
}
.pm .l-bulletin li::before {
content: "•";
display: inline-block;
color: #EE3442;
width: 1.0625rem;
}
.pm .l-red {
color: #EE3442;
}
.black-bg-pr h1,
.black-bg-pr h2,
.black-bg-pr h3,
.black-bg-pr h4,
.black-bg-pr h5,
.black-bg-pr h6,
.black-bg-pr p,
.black-bg-pr li {
color: #fff;
}
@media screen and (min-width:1200px) {
.pm.container {
max-width: 79.375rem;
}
}
section.section.icon-banner-section {
padding: 8.75rem 0 8.5rem;
}
section.section.white-bg-pr, section.section.black-bg-pr {
padding: 7.5rem 0;
}
@media screen and (min-width:1200px) {
section.section.white-bg-pr, section.section.black-bg-pr {
padding: 13.75rem 0;
}
}
section.section--application-listing {
padding-bottom: 6.25rem;
}
@media screen and (min-width:1200px) {
section.section--application-listing {
padding: 5.125rem 0 13.75rem;
}
}
section.section--story-advantages {
padding-bottom: 7.5rem;
}
@media screen and (min-width:1200px) {
section.section--story-advantages {
padding-bottom: 18.75rem;
}
}
section.section--article-darkadapt {
padding: 2.5rem 0 7.4375rem;
}
@media screen and (min-width:1200px) {
section.section--article-darkadapt {
padding: 2rem 0 8.375rem;
}
}
section.section--story-keratometer {
padding-bottom: 2.5rem;
}
section.section--advantage-keratometer {
padding-bottom: 2.5rem;
}
@media screen and (min-width:1200px) {
section.section--advantage-keratometer {
padding-bottom: 9.25rem;
}
}
section.section--article-keratometer {
padding: 5rem 0 0;
}
@media screen and (min-width:1200px) {
section.section--article-keratometer {
padding: 9.5625rem 0 2.25rem;
}
}
section.section--advantage-photorefractor {
padding: 0 0 7.5rem;
}
@media screen and (min-width:1200px) {
section.section--story-spec {
padding-bottom: 2rem;
}
}
@media screen and (min-width:1200px) {
section.section--story-darkadapt {
padding-top: 0.1875rem;
}
}
@media screen and (min-width:1200px) {
section.section--spec-darkadapt {
padding: 4.25rem 0;
}
}
@media screen and (min-width:1200px) {
section.section--story-keratometer {
padding: 2.5rem 0 11rem;
}
}
@media screen and (min-width:1200px) {
section.section--story-photorefractor {
padding: 0.125rem 0 6.25rem;
}
}
@media screen and (min-width:1200px) {
section.section--advantage-photorefractor {
padding: 7.5rem 0;
}
}
@media screen and (min-width:1200px) {
section.section--article-photorefractor {
padding: 4.9375rem 0 0;
}
}
section.section--kerato-v-photo {
padding: 3.75rem 0 0;
}
@media screen and (min-width:1200px) {
section.section--kerato-v-photo {
padding: 7.5rem 0 0;
}
}
.section-cta {
background-color: #EE3442;
padding-top: 110px;
text-align: center;
padding-bottom: 30px;
position: relative;
overflow: hidden;
}
.section-cta h2,
.section-cta small {
display: block;
color: #ffffff;
}
.section-cta h2 {
margin-bottom: 60px;
}
@media only screen and (min-width: 1440px) {
.section-cta h2 {
font-size: 4.0625rem;
}
}
.section-cta small {
margin-top: 110px;
color: #e0e0e0;
font-size: 0.9375rem;
}
.section-cta .overlay-pattern {
background-image: url(//phoenixmicron.com/wp-content/themes/phoenixtech/assets/images/overlay-pattern.png);
position: absolute;
top: -20%;
left: 0;
width: 100%;
height: 150%;
background-size: cover;
}
.page-template-page-striatech .inner-nav-wrapper-sticky .nav-itm.highlight {
color: #ee3442;
font-weight: bold;
}
.inner-nav-wrapper-sticky .nav-itm.highlight::after {
width: 100%;
}
@media screen and (min-width:768px) {
.inner-nav-wrapper-sticky .container {
padding-left: 4.375rem;
padding-right: 3.375rem;
}
}
.page-template-page-striatech .inner-nav-wrapper-sticky .nav-itm {
font-weight: 700;
}
@media screen and (min-width:1440px) {
.page-template-page-striatech .section-cta h2 {
padding: 0 2rem;
}
}
.page-template-page-striatech .inner-nav-wrapper-sticky .nav-itm {
text-transform: none;
}
.page-template-page-striatech .inner-nav-wrapper-sticky .nav-for-mob .selected-nav-sticky {
text-transform: none;
}
.page-template-page-striatech footer {
font-feature-settings: "lnum";
}
.page-template-page-striatech footer p {
font-family: "Raleway", "Open Sans", sans-serif;
line-height: 1.7;
margin-bottom: 1.5em;
}
.pm.application-listing {
text-align: center;
}
.pm.application-listing header {
margin-bottom: 3.875rem;
}
@media screen and (min-width:1200px) {
.pm.application-listing header {
margin-bottom: 5rem;
}
}
@media screen and (min-width:768px) {
.pm.application-listing ul {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
}
@media screen and (min-width:1200px) {
.pm.application-listing ul {
justify-content: space-between;
padding: 0 1rem;
}
}
.pm.application-listing ul li {
margin-bottom: 3.75rem;
}
.pm.application-listing ul li:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width:768px) {
.pm.application-listing ul li:last-of-type {
max-width: 13.125rem;
margin: auto;
}
}
@media screen and (min-width:768px) {
.pm.application-listing ul li {
width: 30%;
}
}
@media screen and (min-width:1200px) {
.pm.application-listing ul li {
width: fit-content;
max-width: 12.625rem;
}
}
.pm.application-listing ul h3,
.pm.application-listing ul h4 {
font-size: 26px;
font-weight: 400;
line-height: 1.34;
}
.pm.application-listing ul h3 {
color: #EE3442;
margin-bottom: 0;
}
.pm.article {
color: #272727;
}
.pm.article h2 {
margin-bottom: 3.75rem;
}
.pm.article li {
margin-bottom: 2.1875rem;
}
@media screen and (min-width:950px) {
.pm.article .article__two-col {
display: flex;
}
}
.pm.article .article__two-col--inverse {
flex-direction: row-reverse;
}
.pm.article .article__two-col figure,
.pm.article .article__two-col h2 {
margin-bottom: 2.5rem;
}
@media screen and (min-width:950px) {
.pm.article .article__fig {
width: 50%;
}
}
.pm.article .article__content ul {
text-align: left;
}
.pm.article .article__content ul li {
list-style: none;
font-size: 1.625rem;
line-height: 1.34615;
margin-bottom: 2.1875rem;
}
.pm.article .article__content ul li:last-of-type {
margin-bottom: 0;
}
.pm.article .article__content ul li::before {
content: "•";
display: inline-block;
color: #EE3442;
width: 1rem;
}
@media screen and (min-width:1200px) {
.pm.article--darkadapt .article__fig {
width: 58%;
}
}
@media screen and (min-width:1200px) {
.pm.article--darkadapt .article__content {
padding-left: 0.1875rem;
width: 36%;
}
}
.pm.article--darkadapt .aspect-box {
--aspect-ratio: 255/330;
}
@media screen and (min-width:1200px) {
.pm.article--darkadapt .aspect-box {
--aspect-ratio: 478/728;
}
}
.pm.article--darkadapt .article__two-col {
align-items: center;
justify-content: space-between;
}
.pm.article--keratometer figure, .pm.article--photorefractor figure {
margin-bottom: 4.25rem;
}
.pm.article--keratometer h2, .pm.article--photorefractor h2 {
font-weight: 700;
}
.pm.article--keratometer h3, .pm.article--photorefractor h3 {
font-weight: 600;
}
.pm.article--keratometer li, .pm.article--photorefractor li {
line-height: 1.73077;
margin-bottom: 0;
}
.pm.article--keratometer .article__content ul:has(~ h2), .pm.article--photorefractor .article__content ul:has(~ h2) {
margin-bottom: 3.625rem;
}
.pm.article--keratometer .article__content h2, .pm.article--photorefractor .article__content h2 {
margin-bottom: 1.3125rem;
}
@media screen and (min-width:1200px) {
.pm.article--keratometer .article__content, .pm.article--photorefractor-spec .article__content {
width: 51%;
}
}
.pm.article--keratometer .article__content h3, .pm.article--photorefractor-spec .article__content h3 {
margin-bottom: 1.25rem;
font-weight: 600;
}
@media screen and (max-width:768px) {
.pm.article--keratometer .article__content figure, .pm.article--photorefractor-spec .article__content figure {
margin-bottom: 4.25rem;
}
}
.pm.article--keratometer .article__content ul, .pm.article--photorefractor-spec .article__content ul {
margin-bottom: 3.75rem;
}
.pm.article--keratometer .article__content ul:last-of-type, .pm.article--photorefractor-spec .article__content ul:last-of-type {
margin-bottom: 0;
}
.pm.article--keratometer .article__content ul li, .pm.article--photorefractor-spec .article__content ul li {
line-height: 45px;
margin-bottom: 0;
}
@media screen and (min-width:1200px) {
.pm.article--keratometer .article__fig, .pm.article--photorefractor-spec .article__fig {
width: 44%;
}
}
.pm.article--keratometer .article__two-col, .pm.article--photorefractor-spec .article__two-col {
justify-content: space-between;
}
.pm.article--keratometer .aspect-box {
--aspect-ratio: 305/328;
}
@media screen and (min-width:1200px) {
.pm.article--keratometer .aspect-box {
--aspect-ratio: 497/544;
}
}
.pm.article--keratometer figure {
margin-bottom: 4.25rem;
}
@media screen and (min-width:1200px) {
.pm.article--photorefractor .article__content {
padding-left: 3.25rem;
}
}
.pm.article--photorefractor .article__content h2 {
margin-bottom: 2.5rem;
}
.pm.article--photorefractor .aspect-box {
--aspect-ratio: 592/464;
}
.pm.article--photorefractor-spec .aspect-box {
--aspect-ratio: 305/329;
}
@media screen and (max-width:768px) {
.pm.article--photorefractor-spec .article__two-col figure {
margin-bottom: 4.25rem;
}
}
.pm.article--photorefractor-center figure {
transform: translate(-11px, -47px);
}
.pm.banner figure {
max-width: 20rem;
margin: 0 auto 2.625rem;
}
@media screen and (min-width:1200px) {
.pm.banner figure {
max-width: 34.375rem;
margin-bottom: 3.5rem;
}
}
.pm.banner .aspect-box {
--aspect-ratio:82/440 ;
}
@media screen and (max-width:1320px) {
.pm.banner h1 br {
display: none;
}
}
.pm.story {
text-align: center;
color: #272727;
}
.pm.story h2, .pm.story h3, .pm.story p {
font-family: "Raleway", "Open Sans", sans-serif;
}
.pm.story figure:has(~ ul) {
margin-bottom: 3.75rem;
}
@media screen and (min-width:1200px) {
.pm.story figure:has(~ ul) {
margin-bottom: 5.125rem;
}
}
@media screen and (min-width:1200px) {
.pm.story ul {
columns: 2;
column-gap: 7.375rem;
}
}
@media screen and (min-width:1200px) {
.pm.story .story__two-col {
padding: 0 4.1875rem;
}
}
.pm.story .story__two-col figure {
margin-bottom: 2.5rem;
}
.pm.story .story__two-col li {
margin-bottom: 5.625rem;
}
.pm.story .story__two-col li:last-of-type {
margin-bottom: 0;
}
.pm.story .story__two-col h3 {
margin-bottom: 2rem;
font-weight: 600;
}
@media screen and (min-width:1200px) {
.pm.story .story__two-col h3 {
margin-bottom: 1.3125rem;
}
}
@media screen and (min-width:1200px) {
.pm.story .story__two-col p {
line-height: 1.73;
}
}
.pm.story--advantages header {
margin-bottom: 3.75rem;
}
@media screen and (min-width:1200px) {
.pm.story--advantages header {
margin-bottom: 4.875rem;
}
}
.pm.story--advantages .aspect-box {
--aspect-ratio: 191/330;
}
@media screen and (min-width:1200px) {
.pm.story--advantages .aspect-box {
--aspect-ratio: 497/1240;
}
}
.pm.story--advantages ul {
text-align: left;
}
.pm.story--advantages ul li {
list-style: none;
font-size: 1.625rem;
line-height: 1.34615;
margin-bottom: 2.1875rem;
}
.pm.story--advantages ul li:last-of-type {
margin-bottom: 0;
}
.pm.story--advantages ul li::before {
content: "•";
display: inline-block;
color: #EE3442;
width: 1rem;
}
.pm.story--spec header {
margin-bottom: 2.5rem;
}
.pm.story--spec .l-para-xl {
margin-bottom: 3.75rem;
}
@media screen and (min-width:1200px) {
.pm.story--spec .l-para-xl {
margin-bottom: 5rem;
}
}
@media screen and (min-width:1200px) {
.pm.story--spec .aspect-box {
--aspect-ratio:288/494 !important;
}
}
.pm.story--darkadapt h2 {
margin-bottom: 0.0625rem;
}
.pm.story--darkadapt header {
margin-bottom: 2.5rem;
}
.pm.story--darkadapt .l-para-xl {
margin-bottom: 0;
}
.pm.story--darkadapt p {
max-width: 55rem;
}
.pm.story--darkadapt .article__content {
padding-left: 0.1875rem;
}
.pm.story--photorefractor p {
margin-bottom: 7.5rem;
max-width: 56rem;
}
@media screen and (min-width:1200px) {
.pm.story--photorefractor header {
margin-bottom: 2.5rem;
}
}
.pm.story--introduction .aspect-box {
--aspect-ratio:167/330;
}
@media screen and (min-width:1200px) {
.pm.story--introduction .aspect-box {
--aspect-ratio: 619/1241;
}
}
@media screen and (min-width:1200px) {
.pm.story--spec-darkadapt header {
margin-bottom: 2.5rem;
}
}
@media screen and (max-width:768px) {
.pm.story--spec-darkadapt h2 {
text-align: left;
}
}
.pm.story--spec-darkadapt .l-para-xl {
max-width: 60rem;
margin-bottom: 0;
}
@media screen and (min-width:1200px) {
.pm.story--spec-darkadapt .l-para-xl {
margin-bottom: 0.75rem;
}
}
@media screen and (min-width:1200px) {
.pm.story--keratometer header {
margin-bottom: 2.5rem;
}
}
.pm.story--keratometer header ~ p {
max-width: 51.875rem;
}
@media screen and (min-width:1200px) {
.pm.story--keratometer header ~ p {
margin-bottom: 10.3125rem;
}
}
.pm.story--advantages-keratometer header {
margin-bottom: 5rem;
}
.pm.story--advantages-keratometer .aspect-box {
--aspect-ratio:191/330;
}
@media screen and (min-width:1200px) {
.pm.story--advantages-keratometer .aspect-box {
--aspect-ratio:497/1240;
}
}
.pm.story--kerato-v-photo .aspect-box {
--aspect-ratio: 117/323;
} .page-template-page-striatech .micron-sections .cta-contents small {
max-width: 90%;
margin: 60px auto;
color: #fff;
font-weight: 500;
font-size: 20px;
}
@media screen and (min-width: 768px) {
.page-template-page-striatech .micron-sections .cta-contents small {
max-width: 60%;
}
}
@media screen and (min-width: 1024px) {
.page-template-page-striatech .micron-sections .cta-contents small {
font-size: 30px;
}
}
@media screen and (min-width: 1300px) {
.page-template-page-striatech .micron-sections .cta-contents small {
max-width: 32%;
}
}
.page-template-page-striatech .micron-sections .cta-contents small a {
color: #fff;
text-decoration: underline;
}
.page-template-page-striatech .micron-sections .cta-contents small a:hover {
color: #545b62;
}