/*! Bassplate | MIT License | github.com/basscss/bassplate */
$grey-color: #828282 !default; $grey-color-light: lighten($grey-color, 40%) !default; $grey-color-dark: darken($grey-color, 25%) !default;
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html {
font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,aside,footer,header,nav,section {
display: block
}
h1 {
font-size: 2em; margin: .67em 0
}
figcaption,figure,main {
display: block
}
blockquote {
padding: 0 1em; color: #777; border-left: 0.25em solid #ddd;
}
figure {
margin: 1em 0
}
hr {
box-sizing: content-box; height: 0; overflow: visible
}
pre {
font-family: monospace,monospace; font-size: 1em
}
a {
background-color: transparent; -webkit-text-decoration-skip: objects
}
a:active,a:hover {
outline-width: 0
}
abbr {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted
}
b,strong {
font-weight: inherit; font-weight: bolder
}
code,kbd,samp {
font-family: monospace,monospace; font-size: 1em
} pre, code {
border: 1px solid $grey-color-light; border-radius: 3px; background-color: #f7f7f7;
}
code {
padding: 1px 5px;
}
pre {
padding: 8px 12px; overflow-x: auto; > code { border: 0; padding-right: 0; padding-left: 0; }
}
ol > li {
margin: 1em 0;
}
dfn {
font-style: italic
}
mark {
background-color: #ff0; color: #000
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%; line-height: 0; position: relative; vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio,video {
display: inline-block
}
audio:not() {
display: none; height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,input,optgroup,select,textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
- type=reset],,button,html [type=button
-
{
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,::-moz-focus-inner,::-moz-focus-inner,button::-moz-focus-inner {
border-style: none; padding: 0
}
[type=button]:-moz-focusring,:-moz-focusring,:-moz-focusring,button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em
}
legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal
}
progress {
display: inline-block; vertical-align: baseline
}
textarea {
overflow: auto
}
- type=checkbox],[type=radio
-
{
box-sizing: border-box; padding: 0
}
[type=number]::-webkit-inner-spin-button,::-webkit-outer-spin-button {
height: auto
}
- type=search
-
{
-webkit-appearance: textfield; outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit
}
details,menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
[hidden],template {
display: none
}
.h1 {
font-size: 3rem
}
.h2 {
font-size: 2rem
}
.h3 {
font-size: 1.5rem
}
.h4 {
font-size: 1.125rem
}
.h5 {
font-size: .875rem
}
.h6 {
font-size: .75rem
}
.font-family-inherit {
font-family: inherit
}
.font-size-inherit {
font-size: inherit
}
.text-decoration-none {
text-decoration: none
}
.bold {
font-weight: 700
}
.regular {
font-weight: 400
}
.italic {
font-style: italic
}
.caps {
text-transform: uppercase; letter-spacing: .2em
}
.left-align {
text-align: left
}
.center {
text-align: center
}
.right-align {
text-align: right
}
.justify {
text-align: justify
}
.nowrap {
white-space: nowrap
}
.break-word {
word-wrap: break-word
}
.line-height-1 {
line-height: 1rem
}
.line-height-2 {
line-height: 1.125rem
}
.line-height-3 {
line-height: 1.5rem
}
.line-height-4 {
line-height: 2rem
}
.list-style-none {
list-style: none
}
.underline {
text-decoration: underline
}
.truncate {
max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap
}
.list-reset {
list-style: none; padding-left: 0
}
.inline {
display: inline
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.table {
display: table
}
.table-cell {
display: table-cell
}
.overflow-hidden {
overflow: hidden
}
.overflow-scroll {
overflow: scroll
}
.overflow-auto {
overflow: auto
}
.clearfix:after,.clearfix:before {
content: " "; display: table
}
.clearfix:after {
clear: both
}
.left {
float: left
}
.right {
float: right
}
.fit {
max-width: 100%
}
.max-width-1 {
max-width: 24rem
}
.max-width-2 {
max-width: 32rem
}
.max-width-3 {
max-width: 48rem
}
.max-width-4 {
max-width: 64rem
}
.border-box {
box-sizing: border-box
}
.align-baseline {
vertical-align: baseline
}
.align-top {
vertical-align: top
}
.align-middle {
vertical-align: middle
}
.align-bottom {
vertical-align: bottom
}
.m0 {
margin: 0
}
.mt0 {
margin-top: 0
}
.mr0 {
margin-right: 0
}
.mb0 {
margin-bottom: 0
}
.ml0,.mx0 {
margin-left: 0
}
.mx0 {
margin-right: 0
}
.my0 {
margin-top: 0; margin-bottom: 0
}
.m1 {
margin: .5rem
}
.mt1 {
margin-top: .5rem
}
.mr1 {
margin-right: .5rem
}
.mb1 {
margin-bottom: .5rem
}
.ml1,.mx1 {
margin-left: .5rem
}
.mx1 {
margin-right: .5rem
}
.my1 {
margin-top: .5rem; margin-bottom: .5rem
}
.m2 {
margin: 1rem
}
.mt2 {
margin-top: 1rem
}
.mr2 {
margin-right: 1rem
}
.mb2 {
margin-bottom: 1rem
}
.ml2,.mx2 {
margin-left: 1rem
}
.mx2 {
margin-right: 1rem
}
.my2 {
margin-top: 1rem; margin-bottom: 1rem
}
.m3 {
margin: 1.5rem
}
.mt3 {
margin-top: 1.5rem
}
.mr3 {
margin-right: 1.5rem
}
.mb3 {
margin-bottom: 1.5rem
}
.ml3,.mx3 {
margin-left: 1.5rem
}
.mx3 {
margin-right: 1.5rem
}
.my3 {
margin-top: 1.5rem; margin-bottom: 1.5rem
}
.m4 {
margin: 2rem
}
.mt4 {
margin-top: 2rem
}
.mr4 {
margin-right: 2rem
}
.mb4 {
margin-bottom: 2rem
}
.ml4,.mx4 {
margin-left: 2rem
}
.mx4 {
margin-right: 2rem
}
.my4 {
margin-top: 2rem; margin-bottom: 2rem
}
.mxn1 {
margin-left: -.5rem; margin-right: -.5rem
}
.mxn2 {
margin-left: -1rem; margin-right: -1rem
}
.mxn3 {
margin-left: -1.5rem; margin-right: -1.5rem
}
.mxn4 {
margin-left: -2rem; margin-right: -2rem
}
.ml-auto {
margin-left: auto
}
.mr-auto,.mx-auto {
margin-right: auto
}
.mx-auto {
margin-left: auto
}
.p0 {
padding: 0
}
.pt0 {
padding-top: 0
}
.pr0 {
padding-right: 0
}
.pb0 {
padding-bottom: 0
}
.pl0,.px0 {
padding-left: 0
}
.px0 {
padding-right: 0
}
.py0 {
padding-top: 0; padding-bottom: 0
}
.p1 {
padding: .5rem
}
.pt1 {
padding-top: .5rem
}
.pr1 {
padding-right: .5rem
}
.pb1 {
padding-bottom: .5rem
}
.pl1 {
padding-left: .5rem
}
.py1 {
padding-top: .5rem; padding-bottom: .5rem
}
.px1 {
padding-left: .5rem; padding-right: .5rem
}
.p2 {
padding: 1rem
}
.pt2 {
padding-top: 1rem
}
.pr2 {
padding-right: 1rem
}
.pb2 {
padding-bottom: 1rem
}
.pl2 {
padding-left: 1rem
}
.py2 {
padding-top: 1rem; padding-bottom: 1rem
}
.px2 {
padding-left: 1rem; padding-right: 1rem
}
.p3 {
padding: 1.5rem
}
.pt3 {
padding-top: 1.5rem
}
.pr3 {
padding-right: 1.5rem
}
.pb3 {
padding-bottom: 1.5rem
}
.pl3 {
padding-left: 1.5rem
}
.py3 {
padding-top: 1.5rem; padding-bottom: 1.5rem
}
.px3 {
padding-left: 1.5rem; padding-right: 1.5rem
}
.p4 {
padding: 2rem
}
.pt4 {
padding-top: 2rem
}
.pr4 {
padding-right: 2rem
}
.pb4 {
padding-bottom: 2rem
}
.pl4 {
padding-left: 2rem
}
.py4 {
padding-top: 2rem; padding-bottom: 2rem
}
.px4 {
padding-left: 2rem; padding-right: 2rem
}
.col {
float: left
}
.col,.col-right {
box-sizing: border-box
}
.col-right {
float: right
}
.col-1 {
width: 8.33333%
}
.col-2 {
width: 16.66667%
}
.col-3 {
width: 25%
}
.col-4 {
width: 33.33333%
}
.col-5 {
width: 41.66667%
}
.col-6 {
width: 50%
}
.col-7 {
width: 58.33333%
}
.col-8 {
width: 66.66667%
}
.col-9 {
width: 75%
}
.col-10 {
width: 83.33333%
}
.col-11 {
width: 91.66667%
}
.col-12 {
width: 100%
}
@media (min-width:40.06rem) {
.sm-col { float: left; box-sizing: border-box } .sm-col-right { float: right; box-sizing: border-box } .sm-col-1 { width: 8.33333% } .sm-col-2 { width: 16.66667% } .sm-col-3 { width: 25% } .sm-col-4 { width: 33.33333% } .sm-col-5 { width: 41.66667% } .sm-col-6 { width: 50% } .sm-col-7 { width: 58.33333% } .sm-col-8 { width: 66.66667% } .sm-col-9 { width: 75% } .sm-col-10 { width: 83.33333% } .sm-col-11 { width: 91.66667% } .sm-col-12 { width: 100% }
}
@media (min-width:52.06rem) {
.md-col { float: left; box-sizing: border-box } .md-col-right { float: right; box-sizing: border-box } .md-col-1 { width: 8.33333% } .md-col-2 { width: 16.66667% } .md-col-3 { width: 25% } .md-col-4 { width: 33.33333% } .md-col-5 { width: 41.66667% } .md-col-6 { width: 50% } .md-col-7 { width: 58.33333% } .md-col-8 { width: 66.66667% } .md-col-9 { width: 75% } .md-col-10 { width: 83.33333% } .md-col-11 { width: 91.66667% } .md-col-12 { width: 100% }
}
@media (min-width:64.06rem) {
.lg-col { float: left; box-sizing: border-box } .lg-col-right { float: right; box-sizing: border-box } .lg-col-1 { width: 8.33333% } .lg-col-2 { width: 16.66667% } .lg-col-3 { width: 25% } .lg-col-4 { width: 33.33333% } .lg-col-5 { width: 41.66667% } .lg-col-6 { width: 50% } .lg-col-7 { width: 58.33333% } .lg-col-8 { width: 66.66667% } .lg-col-9 { width: 75% } .lg-col-10 { width: 83.33333% } .lg-col-11 { width: 91.66667% } .lg-col-12 { width: 100% }
}
.flex {
display: -webkit-box; display: -ms-flexbox; display: flex
}
@media (min-width:40.06rem) {
.sm-flex { display: -webkit-box; display: -ms-flexbox; display: flex }
}
@media (min-width:52.06rem) {
.md-flex { display: -webkit-box; display: -ms-flexbox; display: flex }
}
@media (min-width:64.06rem) {
.lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex }
}
.flex-column {
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column
}
.flex-wrap {
-ms-flex-wrap: wrap; flex-wrap: wrap
}
.items-start {
-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start
}
.items-end {
-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end
}
.items-center {
-webkit-box-align: center; -ms-flex-align: center; align-items: center
}
.items-baseline {
-webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline
}
.items-stretch {
-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch
}
.self-start {
-ms-flex-item-align: start; align-self: flex-start
}
.self-end {
-ms-flex-item-align: end; align-self: flex-end
}
.self-center {
-ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center
}
.self-baseline {
-ms-flex-item-align: baseline; align-self: baseline
}
.self-stretch {
-ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch
}
.justify-start {
-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start
}
.justify-end {
-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end
}
.justify-center {
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center
}
.justify-between {
-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between
}
.justify-around {
-ms-flex-pack: distribute; justify-content: space-around
}
.content-start {
-ms-flex-line-pack: start; align-content: flex-start
}
.content-end {
-ms-flex-line-pack: end; align-content: flex-end
}
.content-center {
-ms-flex-line-pack: center; align-content: center
}
.content-between {
-ms-flex-line-pack: justify; align-content: space-between
}
.content-around {
-ms-flex-line-pack: distribute; align-content: space-around
}
.content-stretch {
-ms-flex-line-pack: stretch; align-content: stretch
}
.flex-auto {
-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; min-height: 0
}
.flex-none {
-webkit-box-flex: 0; -ms-flex: none; flex: none
}
.order-0 {
-webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0
}
.order-1 {
-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1
}
.order-2 {
-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2
}
.order-3 {
-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3
}
.order-last {
-webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.fixed {
position: fixed
}
.top-0 {
top: 0
}
.right-0 {
right: 0
}
.bottom-0 {
bottom: 0
}
.left-0 {
left: 0
}
.z1 {
z-index: 1
}
.z2 {
z-index: 2
}
.z3 {
z-index: 3
}
.z4 {
z-index: 4
}
.border {
border-style: solid; border-width: 1px
}
.border-top {
border-top-style: solid; border-top-width: 1px
}
.border-right {
border-right-style: solid; border-right-width: 1px
}
.border-bottom {
border-bottom-style: solid; border-bottom-width: 1px
}
.border-left {
border-left-style: solid; border-left-width: 1px
}
.border-none {
border: 0
}
.rounded {
border-radius: 3px
}
.circle {
border-radius: 50%
}
.rounded-top {
border-radius: 3px 3px 0 0
}
.rounded-right {
border-radius: 0 3px 3px 0
}
.rounded-bottom {
border-radius: 0 0 3px 3px
}
.rounded-left {
border-radius: 3px 0 0 3px
}
.not-rounded {
border-radius: 0
}
.hide {
position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px)
}
@media (max-width:40rem) {
.xs-hide { display: none }
}
@media (min-width:40.06rem) and (max-width:52rem) {
.sm-hide { display: none }
}
@media (min-width:52.06rem) and (max-width:64rem) {
.md-hide { display: none }
}
@media (min-width:64.06rem) {
.lg-hide { display: none }
}
.display-none {
display: none
}
-
{ box-sizing: border-box
}
body {
background: #fff; color: #4a4a4a; line-height: 1.5rem; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif; min-width: 315px; overflow-x: hidden; font-smooth: always; -webkit-font-smoothing: antialiased
}
main {
max-width: 700px; margin: 0 auto; padding-left: 1.5rem; padding-right: 1.5rem;
}
p {
margin: 0; margin-bottom: 2rem
}
.ampstart-subtitle {
color: #4f4f4f; font-size: .875rem
}
.ampstart-accent {
color: #003f93
}
content {
padding-top: calc(0px - 3.5rem);
}
.ampstart-card {
box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 1px 1px -1px rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}
.h1,h1 {
font-size: 2rem; line-height: 2rem
}
.h2,h2 {
font-size: 2rem; line-height: 2.5rem
}
.h3,h3 {
font-size: 1.5rem; line-height: 2rem
}
.h4,h4 {
font-size: 1.125rem; line-height: 1.5rem
}
.h5,h5 {
font-size: .875rem; line-height: 1.125rem
}
.h6,h6 {
font-size: .75rem; line-height: 1rem
}
h1,h2,h3,h4,h5,h6 {
margin: 0; padding: 0.5rem 0; font-weight: 400; letter-spacing: .06em
}
a,a:active,a:visited {
color: inherit
}
.ampstart-btn {
font-size: 1rem; padding: .7em .8em; text-decoration: none; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; background-color: #000; color: #fff; border: 1px solid #fff
}
.ampstart-btn-secondary {
background-color: #fff; color: #000; border: 1px solid #000
}
.ampstart-btn:active .ampstart-btn:focus {
opacity: .8
}
.ampstart-btn,.ampstart-btn:active,.ampstart-btn:focus,.ampstart-btn:hover {
opacity: .5; outline: 0; cursor: default
}
.ampstart-dropcap {
padding-top: 1rem; margin-top: 1.5rem
}
.ampstart-dropcap:first-letter {
color: #000; font-size: 3rem; font-weight: 700; margin-left: -2px
}
.ampstart-pullquote {
border: none; border-left: 4px solid #000; font-size: 1.5rem; padding-left: 1.5rem
}
.ampstart-byline {
color: #4a4a4a
}
.ampstart-byline time {
font-style: normal; white-space: nowrap
}
.amp-carousel-button-next {
background-image: url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z" fill="#FFF" fill-rule="evenodd"/></svg>')
}
.amp-carousel-button-prev {
background-image: url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z" fill="#FFF" fill-rule="evenodd"/></svg>')
}
.ampstart-dropdown {
min-width: 200px
}
.ampstart-dropdown.absolute {
z-index: 100
}
.ampstart-dropdown.absolute>section,.ampstart-dropdown.absolute>section>header {
height: 100%
}
.ampstart-dropdown>section>header {
background-color: #000; border: 0; color: #fff
}
.ampstart-dropdown>section>header:after {
display: inline-block; content: "+"; padding: 0 0 0 1.5rem; color: #003f93
}
.ampstart-dropdown>>header:after {
content: "–"
}
.absolute .ampstart-dropdown-items {
z-index: 200
}
.ampstart-dropdown-item {
background-color: #000; color: #003f93; opacity: .9
}
.ampstart-dropdown-item:active,.ampstart-dropdown-item:hover {
opacity: 1
}
.ampstart-footer {
background-color: #fff; color: #000; font-size: .75rem;
}
.ampstart-footer .ampstart-icon {
fill: #000
}
.ampstart-footer .ampstart-social-follow li:last-child {
margin-right: 0
}
.ampstart-image-fullpage-hero {
color: #fff
}
.ampstart-fullpage-hero-heading-text,.ampstart-image-fullpage-hero .ampstart-image-credit {
-webkit-box-decoration-break: clone; box-decoration-break: clone; background: #000; padding: 0 1rem .2rem
}
.ampstart-image-fullpage-hero>amp-img {
max-height: calc(100vh - 3.5rem)
}
.ampstart-image-fullpage-hero>amp-img img {
-o-object-fit: cover; object-fit: cover
}
.ampstart-fullpage-hero-heading {
line-height: 3.5rem
}
.ampstart-fullpage-hero-cta {
background: transparent
}
.ampstart-readmore {
background: -webkit-linear-gradient(bottom,rgba(0,0,0,.65),transparent); background: linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent); color: #fff; margin-top: 5rem; padding-bottom: 3.5rem
}
.ampstart-readmore:after {
display: block; content: "⌄"; font-size: 2rem
}
@media (min-width:52.06rem) {
.ampstart-image-fullpage-hero>amp-img { height: 60vh }
}
.ampstart-image-heading {
color: #fff; background: -webkit-linear-gradient(bottom,rgba(0,0,0,.65),transparent); background: linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent)
}
.ampstart-image-heading>* {
margin: 0
}
amp-carousel .ampstart-image-with-heading {
margin-bottom: 0
}
.ampstart-image-with-caption figcaption {
color: #4f4f4f; line-height: 1.125rem
}
amp-carousel .ampstart-image-with-caption {
margin-bottom: 0
}
.ampstart-input {
max-width: 100%; width: 300px; min-width: 100px; font-size: 1rem; line-height: 1.5rem
}
.ampstart-input [disabled],.ampstart-input [disabled]+label {
opacity: .5
}
.ampstart-input [disabled]:focus {
outline: 0
}
.ampstart-input>input,.ampstart-input>select,.ampstart-input>textarea {
width: 100%; margin-top: 1rem; line-height: 1.5rem; border: 0; border-radius: 0; border-bottom: 1px solid #4a4a4a; background: none; color: #4a4a4a; outline: 0
}
.ampstart-input>label {
color: #003f93; pointer-events: none; font-size: .875rem; line-height: 1rem; opacity: 0; -webkit-animation: .2s; animation: .2s; -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1); animation-timing-function: cubic-bezier(.4,0,.2,1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards
}
.ampstart-input>input:focus,.ampstart-input>select:focus,.ampstart-input>textarea:focus {
outline: 0
}
.ampstart-input>input:focus::-webkit-input-placeholder,.ampstart-input>select:focus::-webkit-input-placeholder,.ampstart-input>textarea:focus::-webkit-input-placeholder {
color: transparent
}
.ampstart-input>input:focus::-moz-placeholder,.ampstart-input>select:focus::-moz-placeholder,.ampstart-input>textarea:focus::-moz-placeholder {
color: transparent
}
.ampstart-input>input:focus:-ms-input-placeholder,.ampstart-input>select:focus:-ms-input-placeholder,.ampstart-input>textarea:focus:-ms-input-placeholder {
color: transparent
}
.ampstart-input>input:focus::placeholder,.ampstart-input>select:focus::placeholder,.ampstart-input>textarea:focus::placeholder {
color: transparent
}
.ampstart-input>input:not(:placeholder-shown):not()+label,.ampstart-input>select:not(:placeholder-shown):not()+label,.ampstart-input>textarea:not(:placeholder-shown):not()+label {
opacity: 1
}
.ampstart-input>input:focus+label,.ampstart-input>select:focus+label,.ampstart-input>textarea:focus+label {
-webkit-animation-name: a; animation-name: a
}
@-webkit-keyframes a {
to { opacity: 1 }
}
@keyframes a {
to { opacity: 1 }
}
.ampstart-input>label:after {
content: ""; height: 2px; position: absolute; bottom: 0; left: 45%; background: #003f93; -webkit-transition: .2s; transition: .2s; -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(.4,0,.2,1); visibility: hidden; width: 10px
}
.ampstart-input>input:focus+label:after,.ampstart-input>select:focus+label:after,.ampstart-input>textarea:focus+label:after {
left: 0; width: 100%; visibility: visible
}
-webkit-appearance: none; -moz-appearance: none; appearance: none
}
border-bottom: 0
}
.ampstart-input>input+label:after {
display: none
}
.ampstart-input>select {
-webkit-appearance: none; -moz-appearance: none; appearance: none
}
.ampstart-input>select+label:before {
content: "⌄"; line-height: 1.5rem; position: absolute; right: 5px; zoom: 2; top: 0; bottom: 0; color: #003f93
}
.ampstart-input-chk,.ampstart-input-radio {
width: auto; color: #4a4a4a
}
.ampstart-input input,.ampstart-input input {
margin-top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border: 1px solid #003f93; vertical-align: middle; margin-right: .5rem; text-align: center
}
.ampstart-input input {
border-radius: 20px
}
.ampstart-input input:not()+label,.ampstart-input input:not()+label {
pointer-events: auto; -webkit-animation: none; animation: none; vertical-align: middle; opacity: 1
}
.ampstart-input input+label:after,.ampstart-input input+label:after {
display: none
}
.ampstart-input input:after,.ampstart-input input:after {
position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: " "; line-height: 1.4rem; vertical-align: middle; text-align: center; background-color: #fff
}
.ampstart-input input:checked:after {
background-color: #003f93; color: #fff; content: "✓"
}
.ampstart-input input:checked {
background-color: #fff
}
.ampstart-input input:after {
top: 3px; bottom: 3px; left: 3px; right: 3px; border-radius: 12px
}
.ampstart-input input:checked:after {
content: ""; font-size: 3rem; background-color: #003f93
}
.ampstart-input>label,_:-ms-lang(x) {
opacity: 1
}
.ampstart-input>input:-ms-input-placeholder,_:-ms-lang(x) {
color: transparent
}
.ampstart-input>input::placeholder,_:-ms-lang(x) {
color: transparent
}
.ampstart-input>input::-ms-input-placeholder,_:-ms-lang(x) {
color: transparent
}
.ampstart-input>select::-ms-expand {
display: none
}
.ampstart-headerbar {
background-color: #fff; color: #000; z-index: 999; box-shadow: 0 0 5px 2px rgba(0,0,0,.1)
}
.ampstart-headerbar+:not(amp-sidebar),.ampstart-headerbar+amp-sidebar+* {
margin-top: 4.5rem
}
.ampstart-headerbar-nav .ampstart-nav-item {
padding: 0 1rem; background: transparent; opacity: .8
}
.ampstart-headerbar-nav {
line-height: 3.5rem
}
.ampstart-nav-item:active,.ampstart-nav-item:focus,.ampstart-nav-item:hover {
opacity: 1
}
.ampstart-navbar-trigger:focus {
outline: none
}
.ampstart-nav a,.ampstart-navbar-trigger,.ampstart-sidebar-faq a {
cursor: pointer; text-decoration: none
}
.ampstart-navbar-trigger {
line-height: 3.5rem; font-size: 2rem
}
.ampstart-headerbar-nav {
-webkit-box-flex: 1; -ms-flex: 1; flex: 1
}
.ampstart-nav-search {
-webkit-box-flex: 0.5; -ms-flex-positive: 0.5; flex-grow: 0.5
}
.ampstart-headerbar .ampstart-nav-search:active,.ampstart-headerbar .ampstart-nav-search:focus,.ampstart-headerbar .ampstart-nav-search:hover {
box-shadow: none
}
.ampstart-nav-search>input {
border: none; border-radius: 3px; line-height: normal
}
.ampstart-nav-dropdown {
min-width: 200px
}
.ampstart-nav-dropdown amp-accordion header {
background-color: #fff; border: none
}
.ampstart-nav-dropdown amp-accordion ul {
background-color: #fff
}
.ampstart-nav-dropdown .ampstart-dropdown-item,.ampstart-nav-dropdown .ampstart-dropdown>section>header {
background-color: #fff; color: #000
}
.ampstart-nav-dropdown .ampstart-dropdown-item {
color: #003f93
}
.ampstart-sidebar {
background-color: #fff; color: #000; min-width: 300px; width: 300px
}
.ampstart-sidebar .ampstart-icon {
fill: #003f93
}
.ampstart-sidebar-header {
line-height: 3.5rem; min-height: 3.5rem
}
.ampstart-sidebar .ampstart-dropdown-item,.ampstart-sidebar .ampstart-dropdown header,.ampstart-sidebar .ampstart-faq-item,.ampstart-sidebar .ampstart-nav-item,.ampstart-sidebar .ampstart-social-follow {
margin: 0 0 2rem
}
.ampstart-sidebar .ampstart-nav-dropdown {
margin: 0
}
.ampstart-sidebar .ampstart-navbar-trigger {
line-height: inherit
}
.ampstart-related-article-section {
border-color: #4a4a4a
}
.ampstart-related-article-section .ampstart-heading {
color: #4a4a4a; font-weight: 400
}
.ampstart-related-article-readmore {
color: #000; letter-spacing: 0
}
.ampstart-related-section-items>li {
border-bottom: 1px solid #4a4a4a
}
.ampstart-related-section-items>li:last-child {
border: none
}
.ampstart-related-section-items .ampstart-image-with-caption {
display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0
}
.ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption {
-webkit-box-flex: 1; -ms-flex: 1; flex: 1
}
.ampstart-related-section-items .ampstart-image-with-caption>figcaption {
padding-left: 1rem
}
@media (min-width:40.06rem) {
.ampstart-related-section-items>li { border: none } .ampstart-related-section-items .ampstart-image-with-caption>figcaption { padding: 1rem 0 } .ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption { -ms-flex-preferred-size: 100%; flex-basis: 100% }
}
.ampstart-social-box {
display: -webkit-box; display: -ms-flexbox; display: flex
}
.ampstart-social-box>amp-social-share {
background-color: #000
}
.ampstart-icon {
fill: #003f93
}
.ampstart-input {
width: 100%
}
main .ampstart-social-follow {
margin-left: auto; margin-right: auto; width: 315px
}
main .ampstart-social-follow li {
-webkit-transform: scale(1.8); transform: scale(1.8)
}
h1+.ampstart-byline time {
font-size: 1.5rem; font-weight: 400
}