/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

html, body { font-family: azo-sans-web, Arial, sans-serif; }

body { font: 400 16px/1.5 azo-sans-web, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #242048; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 16px; }

/** `main` element */
main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ }

/** Images */
img { display: inline-block; max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Lists */
ul, ol { margin-left: 32px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 700; }

/** Links */
a { color: #5678a2; text-decoration: none; }

a:visited { color: #5678a2; }

a:hover { color: #242048; text-decoration: underline; }

.social-media-list a:hover { text-decoration: none; }

.social-media-list a:hover .username { text-decoration: underline; }

/** Blockquotes */
blockquote { color: #7c7c7c; border-left: 4px solid #e6e6e6; padding-left: 16px; font-size: 18px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e6e6e6; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: 800px; margin-right: auto; margin-left: auto; padding-right: 16px; padding-left: 16px; }

@media screen and (min-width: 768px) { .wrapper { padding-right: 64px; padding-left: 64px; } }

@media screen and (min-width: 1440px) { .wrapper { max-width: -webkit-calc(960px + (32px * 4)); max-width: calc(960px + (32px * 4)); } }

/** Clearfix */
.wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #7c7c7c; padding-right: 5px; vertical-align: text-top; }

.social-media-list li + li { padding-top: 5px; }

/** Tables */
table { margin-bottom: 32px; width: 100%; text-align: left; color: #242048; border-collapse: collapse; border: 1px solid #e6e6e6; }

table tr:nth-child(even) { background-color: whitesmoke; }

table th, table td { padding: 10.6666666667px 16px; }

table th { background-color: #eeeeee; border: 1px solid gainsboro; border-bottom-color: #c7c7c7; }

table td { border: 1px solid #e6e6e6; }

/* Helper: Image */
.u-image-circle { border-radius: 50%; }

/* Helper: Margins */
.u-mt0 { margin-top: 0 !important; }

.u-mr05 { margin-right: 0.5rem; }

/* Helper: Padding */
.u-pb0 { padding-bottom: 0 !important; }

.u-pb1 { padding-bottom: 1rem; }

.u-pb2 { padding-bottom: 2rem; }

.u-pt1 { padding-top: 1rem; }

.u-pt2 { padding-top: 2rem; }

/* Helper: Fonts */
.u-bold { font-weight: 700; }

/* Helper: Lists */
.u-list-inline { list-style: none; padding-left: 0; }

.u-list-inline > li { display: inline-block; padding-left: 0.375rem; padding-right: 0.375rem; }

.u-list-inline > li:first-child { padding-left: 0; }

.u-list-inline > li:last-child { padding-right: 0; }

/* Helper: Colours */
.u-bg-cobalt50 { background-color: #adc3e2; }

.u-bg-cream { background-color: #f3f0ec; }

#site-header { position: fixed; width: 100%; }

/* General: Flex Wrapper */
.flex-wrapper { align-items: center; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 0 auto; max-width: 1440px; padding: 1rem; }

@media screen and (min-width: 768px) { .flex-wrapper { align-items: flex-start; padding-top: 2rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; } }

/* Component: Page */
.page-header { background-color: #242048; background-position: 50%; background-image: url("/assets/mobile-bg.jpg"); background-image: -webkit-image-set(url("/assets/mobile-bg.jpg") 1x, url("/assets/mobile-bg@2x.jpg") 2x, url("/assets/mobile-bg@3x.jpg") 3x); background-image: image-set(url("/assets/mobile-bg.jpg") 1x, url("/assets/mobile-bg@2x.jpg") 2x, url("/assets/mobile-bg@3x.jpg") 3x); background-repeat: no-repeat; background-size: cover; color: #fff; padding-top: 4.5rem; padding-bottom: 1.5rem; padding-left: 2rem; padding-right: 2rem; text-align: center; }

@media screen and (min-width: 768px) { .page-header { background-image: url("/assets/tablet-bg.jpg"); background-image: -webkit-image-set(url("/assets/tablet-bg.jpg") 1x, url("/assets/tablet-bg@2x.jpg") 2x, url("/assets/tablet-bg@3x.jpg") 3x); background-image: image-set(url("/assets/tablet-bg.jpg") 1x, url("/assets/tablet-bg@2x.jpg") 2x, url("/assets/tablet-bg@3x.jpg") 3x); padding-top: 6.5rem; padding-bottom: 2.5rem; } }

@media screen and (min-width: 1440px) { .page-header { background-image: url("/assets/desktop-bg.jpg"); background-image: -webkit-image-set(url("/assets/desktop-bg.jpg") 1x, url("/assets/desktop-bg@2x.jpg") 2x, url("/assets/desktop-bg@3x.jpg") 3x); background-image: image-set(url("/assets/desktop-bg.jpg") 1x, url("/assets/desktop-bg@2x.jpg") 2x, url("/assets/desktop-bg@3x.jpg") 3x); padding-top: 6.5rem; padding-bottom: 2.5rem; } }

.page-title { align-items: center; color: #fff; display: flex; font-size: 22px; font-weight: 700; height: 180px; justify-content: center; margin-bottom: 0; text-align: center; }

@media screen and (min-width: 768px) { .page-title { font-size: 32px; height: 134px; } }

.page-other-links { align-items: center; display: flex; justify-content: center; margin: 0 auto; max-width: 300px; }

.page-other-links li { padding: 0 0.5rem; }

.page-other-links a { color: #fff; }

.page-content { padding-top: 32px; padding-bottom: 16px; }

/* Component: Post */
.post-header { background-color: #242048; padding-top: 4.4rem; padding-bottom: 7.8rem; text-align: center; }

@media screen and (min-width: 768px) { .post-header { padding-top: 5.4rem; } }

.back-to-articles { padding-left: 1rem; padding-right: 1rem; }

@media screen and (min-width: 960px) { .back-to-articles { padding-left: 2rem; padding-right: 2rem; } }

.post-title { color: #fff; font-size: 22px; font-weight: 700; margin-bottom: 0; padding-top: 3rem; }

@media screen and (min-width: 768px) { .post-title { font-size: 32px; } }

.post-meta { margin-top: 4rem; margin-bottom: 2.5rem; }

@media screen and (min-width: 768px) { .post-meta { margin-top: 4rem; margin-bottom: 2rem; } }

.post-meta .reading-time { display: block; }

@media screen and (min-width: 768px) { .post-meta .reading-time { display: inline-block; float: right; } }

.reading-time { color: #60a38e; display: inline-block; font-size: 14px; margin-top: 16px; }

@media screen and (min-width: 768px) { .reading-time { font-size: 16px; } }

.post-content { font-size: 18px; line-height: 2.2rem; }

@media screen and (min-width: 1440px) { .post-content { font-size: 20px; } }

.post-content a { text-decoration: underline; }

.post-date { display: inline-block; position: relative; }

/* Component: Post Authors Widget */
.post-authors-widget { color: #242048; display: flex; flex-direction: row; padding-bottom: 0.25rem; }

.post-authors-widget .authorship-details { flex-grow: 4; }

.author-name-list { position: relative; }

.author-name { color: #242048; display: inline-block; margin-bottom: 0; position: relative; }

.author-name:hover { text-decoration: none; }

/* Component: Post Preview */
.recent-articles { display: grid; column-gap: 1rem; grid-template-columns: 1fr; grid-template-rows: auto; row-gap: 1rem; }

@media screen and (min-width: 768px) { .recent-articles { grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 1440px) { .recent-articles { grid-template-columns: 1fr 1fr 1fr; } }

.recent-articles .post-preview { background-color: #fff; border-radius: 0.5rem; box-shadow: rgba(45, 43, 36, 0.2) 0px 0px 5px 0px; display: none; margin: 0; min-width: 0; }

.recent-articles .post-preview:nth-child(1), .recent-articles .post-preview:nth-child(2), .recent-articles .post-preview:nth-child(3) { display: block; }

.recent-articles .post-preview:last-child { margin-bottom: 0; }

.recent-articles .post-preview:hover { text-decoration: none; }

@media screen and (min-width: 768px) { .recent-articles .post-preview:nth-child(4) { display: block; } }

@media screen and (min-width: 1440px) { .recent-articles .post-preview:nth-child(5), .recent-articles .post-preview:nth-child(6) { display: block; } }

.recent-articles .post-preview .preview-content { background-color: #fff; }

.post-preview { flex-grow: 1; margin-bottom: 1rem; max-width: 490px; padding-bottom: 0.5rem; }

@media screen and (min-width: 1440px) { .post-preview { min-width: 384px; } }

@media screen and (min-width: 768px) { .post-preview { flex-basis: calc(50% - 1rem); margin-left: 0.5rem; margin-right: 0.5rem; min-width: 360px; } }

.post-preview:first-child { margin-top: 0.5rem; }

@media screen and (min-width: 768px) { .post-preview:first-child { margin-top: 0; } }

.post-preview:last-child { margin-bottom: 1.75rem; }

.post-preview h1 { align-items: flex-end; background-color: #242048; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; color: #fff; display: flex; font-size: 1.25rem; font-weight: 700; flex-direction: row; margin-bottom: 0; min-height: 8.6rem; padding-top: 2rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; }

.post-preview h1 span { display: block; max-height: 5.6rem; overflow: hidden; }

.post-preview p { font-size: 1rem; margin-bottom: 0; }

/* Component: Preview Content */
.recent-articles .preview-content { background-color: #f3f0ec; color: #60a38e; display: block; }

.preview-content { background-color: #fff; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; padding-bottom: 0.5rem; }

.preview-content .preview-summary { color: #242048; display: inline-block; font-size: 1rem; margin-bottom: 0.5rem; max-height: 4rem; overflow: hidden; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; text-decoration: none; }

@media screen and (min-width: 768px) { .preview-content .preview-summary { min-height: 4rem; } }

.preview-authors { padding-top: 0.5rem; padding-bottom: 0.25rem; padding-left: 1rem; padding-right: 1rem; }

/* Pagination */
.pagination-row { display: flex; justify-content: center; }

.pagination-button { color: #5678a2; display: none; font-size: 20px; height: 2rem; margin: 0.5rem; text-align: center; transition: background 0.1s ease-in-out 0s; width: 2rem; }

.pagination-button:hover { background-color: #dcd7d2; color: #5678a2; text-decoration: none; }

.pagination-button.current { background-color: #242048; color: #f3f0ec; }

.pagination-button.show-on-mobile { display: inline-block; }

@media screen and (min-width: 768px) { .pagination-button.show-on-tablet { display: inline-block; } }

/* Component: Avatar Stack */
.avatar-stack { display: inline-block; min-width: 5.25rem; position: relative; }

.avatar-stack:hover a.stacked-avatar { margin-right: 0; }

.stacked-avatar { display: inline-block; margin-right: -2rem; max-width: 100%; position: relative; transition: margin 0.1s ease-in-out; vertical-align: middle; }

.stacked-avatar:last-child { margin-right: 0; }

.stacked-avatar > * { height: 3.5rem; width: 3.5rem; }

.stack-size-1 { min-width: 3.5rem; }

.button { align-items: center; appearance: none; background: none; border-radius: 9999px; cursor: pointer; display: block; height: 2.5rem; list-style: none; margin: 0rem; overflow: hidden; padding: 0.25rem 1rem; text-align: center; transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; white-space: nowrap; width: fit-content; -webkit-box-align: center; -webkit-appearance: button; }

.button:hover { text-decoration: none; transition: none 0s ease 0s; }

.button.white-button:hover { background-color: #fff; border-color: #fff; box-shadow: rgba(45, 43, 36, 0.2) 0px 0px 5px 0px; color: #242048; }

.button.white-button { border: 1px solid #fff; color: #fff; }

.button span { align-items: inherit; display: inline-flex; height: 100%; pointer-events: none; -webkit-box-align: inherit; }

.icon { pointer-events: none; flex: 0 0 auto; width: 1em; height: 1em; }

/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlighter-rouge .highlight { background: #eef; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086b3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

/*# sourceMappingURL=main.css.map */