@font-face { font-family: "Federo"; src: url("/theme/fonts/Federo-Regular.ttf") } * { margin: 0; padding:0 } html, body { height:100%; } body { background-color: #fff; font-family: GillSansRegular, "Gill Sans MT", "Gill Sans", "Century Gothic", Calibri, "Trebuchet MS", sans-serif; line-height: 1.618; color: #010101; text-align: center; font-weight:300 } #skiptocontent { height: 1px; width: 1px; position: absolute; overflow: hidden; top:-10px } h1, h2, h3, h4, h5, h6 { color: #2B7BB1; font-family: "Federo", GillSansRegular, "Gill Sans MT", "Gill Sans", "Century Gothic", Calibri, "Trebuchet MS", sans-serif; letter-spacing: 0.1rem; font-weight:600 } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2B7BB1; text-decoration:none } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#010101 } h1 { font-family: "Federo", GillSansRegular, "Gill Sans MT", "Gill Sans", "Century Gothic", Calibri, "Trebuchet MS", sans-serif; font-size: 4.938rem; letter-spacing: inherit; line-height: 1; margin:0.41rem 0 } h2 { font-size: 1.563rem; margin:1.809rem 0 0.809rem } h3, h4, h5, h6 { font-size: 1rem; margin:1.809rem 0 0.809rem } p, li { font-size: 1.05rem; margin:1rem 0; } ul { margin:0 } a { color:#2B7BB1 } a:hover { color:#010101 } section { margin-bottom:1.618rem } section > section { margin-bottom:3.236rem } strong { font-weight:600 } body > header { width: 43rem; text-align: center; margin:0 auto 0 } body > header a { text-decoration: none; margin-left: 0.5rem; margin-right:0.5rem } body > header, body > main, body > footer { display:block } body > header a { color:#2B7BB1 } body > header a:hover { color:#010101 } body > header a.extra { color: #2B7BB1; margin-left:1rem } body > header a.extra:hover { color:#010101 } body > header nav ul li { display: inline; list-style:none } .countdown { color: #d66; font-weight: 600; font-size: 5rem; float: left; margin:0 1.4rem 0 0 } .button { vertical-align: top; display: inline-block; text-align: center; width: 80px; } .button img { height: 40px; width: 40px; } .caption { display: block; margin-left: 0; } main { font-size: 1rem; margin:3rem auto 2rem; text-align: left; width: 43rem; } main li { margin-left:2.618rem } .meta { color:#2B7BB1 } footer { display: table; color: #2B7BB1; border-top: 4px solid #f3f3f3; margin: 3rem auto 2rem; overflow: hidden; width:43rem } footer .horizontal-contact-list { list-style: none; margin-top:1rem } footer .horizontal-contact-list li { display:inline } footer .horizontal-contact-list a, .tags a { color: #2B7BB1; text-decoration:none } footer .horizontal-contact-list a:hover, .tags a:hover { color: #010101; text-decoration:underline } .tags ul li { list-style: none; display: inline; font-variant: small-caps; font-size:1.2rem } .archive a { text-decoration:none } ul.archive, ul.archive ul { margin-left:0 } ul.archive li, ul.archive ul li { list-style: none; margin-left:0 } .post pre { border: 1px solid #f3f3f3; background-color: #fff; padding:0 0.4rem } p.date { color:#2B7BB1 } pre { background-color: #f3f3f3; padding: 1rem; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap:break-word } code { font-family: Consolas, Menlo, Monaco, "Lucida Console", "Courier New", monospace, serif; font-size:0.8rem } table { border-collapse: collapse; margin:0 auto } th, td { border: solid #f3f3f3 1px; padding:0.5rem 1.5rem } blockquote { margin: 2rem 2rem 2rem 1rem; padding: 0 0.75rem 0 1.25rem; border-left:0.75rem solid #f3f3f3 } .chart-png { margin: 2rem 0 2rem; width:90% } .logo-png { float: left; margin-bottom: 1.6rem; margin-right: 1.6rem; height: 12rem; width: 12rem; } .visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space:nowrap } @media all and (max-width: 736px) { body > header, main, footer { width: 86%; margin: 0 auto 0; padding:12px 24px 12px } header > h1 { margin:0.809rem 0 0.809rem } h1 > a { margin-left: 0 !important; margin-right:0 !important } p { margin-bottom:2rem } footer .horizontal-contact-list li { display: block } }