34 lines
3.3 KiB
CSS
34 lines
3.3 KiB
CSS
/* Text-only retouch. No layout, spacing, dimensions, imagery or interaction rules. */
|
|
.landing-white .landing-title{font-family:'Arial','Segoe UI',sans-serif;font-size:clamp(46px,5.6vw,98px);line-height:clamp(46px,5.4vw,94px);font-weight:750;letter-spacing:.005em;color:#12243b;-webkit-text-fill-color:#12243b;text-shadow:0 1px 0 #ffffff}
|
|
.landing-white .landing-title>span{font-weight:400;color:#0788ce;-webkit-text-fill-color:#0788ce}
|
|
.landing-white .landing-headline{font-weight:300;letter-spacing:.025em;color:#425e79}
|
|
.landing-white .landing-brand-meta .landing-subtitle{color:#52677f;font-weight:400;letter-spacing:.005em}
|
|
.landing-white .landing-kicker{font-weight:600;color:#365474}
|
|
.landing-white .landing-showcase-label{font-size:17px;line-height:21px;letter-spacing:.045em;font-weight:400;color:#466d91}
|
|
.landing-white .landing-showcase-label>span{font-size:7px;font-weight:400;letter-spacing:.04em;color:#899cad;line-height:21px}
|
|
.landing-white .landing-card-eyebrow{font-size:9px;font-weight:600;letter-spacing:.12em;color:#0787c8}
|
|
.landing-white .landing-card h3{font-weight:700;letter-spacing:-.025em;color:#152a42}
|
|
.landing-white .landing-card p{font-size:11px;font-weight:400;line-height:15.95px;letter-spacing:.005em;color:#536b82}
|
|
.landing-white .landing-card .landing-primary{color:#007fcb}
|
|
.landing-white .sample-explorer-head>div>span{font-size:10px;line-height:21px;font-weight:600;letter-spacing:.11em;color:#57728c}
|
|
.landing-white .sample-explorer-head h2{font-size:22px;line-height:33px;font-weight:700;letter-spacing:-.04em;color:#152a42}
|
|
.landing-white .sample-explorer-head>b{font-weight:300;color:#008bd3}
|
|
.landing-white .sample-explorer-head>b>span{font-weight:500;color:#008bd3;letter-spacing:.1em}
|
|
.landing-white .sample-section-title h3{font-size:13px;line-height:21px;font-weight:700;letter-spacing:-.02em;color:#1c334d}
|
|
.landing-white .sample-section-title>span{font-weight:400;color:#788ca2;letter-spacing:.01em}
|
|
.landing-white .sample-row strong{font-weight:700;color:#203852;letter-spacing:-.025em}
|
|
.landing-white .sample-row small{font-weight:400;color:#74889e;letter-spacing:-.01em}
|
|
.landing-white .sample-row-number{font-weight:500;font-variant-numeric:tabular-nums}
|
|
.landing-white .sample-location-heading strong{font-weight:700;color:#233b55;letter-spacing:-.01em}
|
|
.landing-white .sample-location dt{color:#8495a7;font-weight:400}
|
|
.landing-white .sample-location dd{color:#425e78;font-weight:500;font-variant-numeric:tabular-nums}
|
|
.landing-white .sample-address{color:#647e94}
|
|
.landing-white .sample-load{font-size:12px;line-height:14.3px;font-weight:600;letter-spacing:.015em;color:#fff}
|
|
@media(max-height:850px){.landing-white .sample-explorer-head h2{font-size:19px;line-height:28.5px}}
|
|
@media(max-width:1100px){.landing-white .landing-title{font-size:48px;line-height:48px}}
|
|
@media(max-width:700px){.landing-white .landing-title{font-size:44px;line-height:44px}.landing-white .landing-card p{font-size:11px}.landing-white .landing-showcase-label{font-size:12px}.landing-white .sample-explorer-head h2{font-size:19px;line-height:28.5px}}
|
|
/* Preserve the original header line boxes while changing glyph styling. */
|
|
.landing-white .sample-explorer-head>div>span{font-size:9px;line-height:1.5}
|
|
.landing-white .sample-selection>.sample-section-title h3{line-height:20px}
|
|
@media(min-width:1101px) and (max-width:1500px){.landing-white .landing-title{font-size:5vw;letter-spacing:0}}
|