html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

main { display: block; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

a { background-color: transparent; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bold; }

.font-fira-sans b, .font-fira-sans strong { font-weight: 600; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; vertical-align: middle; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

html { font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 112.5%; }

body { background: #f8f8fa; color: #283040; line-height: 1.625; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

a { color: #2775B4; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.125em; -webkit-transition: color .3s ease; transition: color .3s ease; }

a:hover { color: #424b5f; }

h1, h2, h3, h4, h5, h6 { color: #283040; font-weight: bold; line-height: 1.3; margin: 1em 0 0.5em; text-rendering: optimizeLegibility; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }

h1 { font-size: 2em; }

h2 { font-size: 1.75em; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.25em; }

h5 { font-size: 1.125em; }

h6 { font-size: 1em; }

p { margin: 0 0 1em; }

mark, ins { background: #FFF7E6; color: #283040; padding: 0.15em; text-decoration: none; }

pre { background: #283040; border-radius: 3px; color: #f8f8fa; font-size: 0.875em; line-height: 1.5; margin: 2.14286em 0; overflow: auto; padding: 1.5em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; }

pre:first-child { margin-top: 0; }

:not(pre) > code { background: #ecedf2; border-radius: 3px; color: #424b5f; font-size: 0.875rem; padding: 0.15em; white-space: normal; }

blockquote { border-left: 5px solid #2775B4; font-size: 1em; margin: 1.25em 0; padding: 0 0 0 1em; }

blockquote:first-child { margin-top: 0; }

blockquote p { margin-bottom: 0.5em; }

blockquote small, blockquote cite { color: #67758d; display: block; font-size: 0.75em; font-style: normal; font-weight: normal; line-height: 1.5; margin-top: 0.5em; }

dl { margin: 0; }

dt { font-weight: bold; }

ul, ol, dd { margin: 0 0 1em; }

ul { list-style: disc; padding: 0 0 0 1.125em; }

ol { list-style: decimal; padding: 0 0 0 1.5em; }

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

hr { background-color: #dde0e7; border: 0; height: 1px; margin: 1.875em 0; }

hr:first-child { margin-top: 0; }

embed, iframe, object, video { max-width: 100%; }

img { height: auto; max-width: 100%; }

@media only screen and (min-width: 641px) { blockquote { font-size: 1.125em; } h1 { font-size: 2.611em; } h2 { font-size: 2.056em; } h3 { font-size: 1.611em; } h4 { font-size: 1.278em; } h5 { font-size: 1.25em; } h6 { font-size: 1.125em; } }

.button { -ms-flex-align: center; align-items: center; background: #2775B4; border: 0; border-radius: 1.75em; box-shadow: none; box-sizing: border-box; color: #fff; cursor: pointer; display: -ms-inline-flexbox; display: inline-flex; font-size: 0.875em; font-weight: bold; -ms-flex-pack: center; justify-content: center; letter-spacing: 0.035em; line-height: 1.2; opacity: 1; padding: 0.9em 2.14285em; text-decoration: none; -webkit-transition: .3s ease; transition: .3s ease; vertical-align: middle; }

.button:hover, .button:focus, .button:active { color: #fff; opacity: .8; outline: 0; }

.button-secondary { background: 0 !important; box-shadow: inset 0 0 0 2px currentColor; color: #2775B4; }

.button-secondary:hover, .button-secondary:focus, .button-secondary:active { box-shadow: inset 0 0 0 3px currentColor; color: #2775B4; opacity: 1; }

.button-icon { background: 0 !important; border: 0; color: inherit; font-size: 1em; font-weight: normal; letter-spacing: normal; padding: 0.25em; }

.button-icon:hover, .button-icon:focus, .button-icon:active { color: #2775B4; opacity: 1; }

#menu-open, #menu-close, .docs-nav .docs-nav-toggle, .docs-nav .docs-submenu-toggle, .submenu-toggle { background: 0; border: 0; border-radius: 0; box-shadow: none; color: inherit; cursor: pointer; display: block; font-size: inherit; height: 30px; padding: 0; position: relative; width: 30px; }

#menu-open:hover, #menu-open:focus, #menu-open:active, #menu-close:hover, #menu-close:focus, #menu-close:active, .docs-nav .docs-nav-toggle:hover, .docs-nav .docs-nav-toggle:focus, .docs-nav .docs-nav-toggle:active, .docs-nav .docs-submenu-toggle:hover, .docs-nav .docs-submenu-toggle:focus, .docs-nav .docs-submenu-toggle:active, .submenu-toggle:hover, .submenu-toggle:focus, .submenu-toggle:active { outline: 0; }

.icon { color: inherit; fill: currentColor; flex-shrink: 0; height: 1em; line-height: 1; width: 1em; }

.icon-menu, .icon-close { background: currentColor; border-radius: 1px; color: inherit; height: 2px; left: 50%; margin-top: -1px; margin-left: -12px; position: absolute; top: 50%; width: 24px; }

.icon-menu:before, .icon-menu:after, .icon-close:before, .icon-close:after { background: currentColor; border-radius: 1px; content: ""; height: 100%; left: 0; position: absolute; width: 100%; }

.icon-menu:before { top: -6px; }

.icon-menu:after { bottom: -6px; }

.icon-close { background: 0; margin-left: -14px; width: 28px; }

.icon-close:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.icon-close:after { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.icon-angle-right { background: 0; border-color: currentColor; border-style: solid; border-width: 1px 1px 0 0; box-sizing: border-box; height: 8px; left: 50%; margin-left: -4px; margin-top: -4px; position: absolute; top: 50%; width: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.docs-nav-toggle .icon-angle-right { height: 12px; left: auto; margin-left: 0; margin-right: 9px; margin-top: -6px; right: 0; width: 12px; }

.docs-section-item .icon-angle-right { left: auto; margin-left: 0; margin-right: 15px; right: 0; }

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; }

.line-left { position: relative; }

.line-left:after { background: #2775B4; display: block; content: ""; height: 100%; left: -1px; position: absolute; top: 0; width: 5px; }

.js-reframe { margin: 1.875em 0; }

.js-reframe:first-child { margin-top: 0; }

.advice, .example, .note, .important { border-radius: 5px; color: #283040; margin: 1.875em 0; padding: 1em 1.125em; }

.advice:first-child, .example:first-child, .note:first-child, .important:first-child { margin-top: 0; }

.advice { background: #F1F6FB; border-left: 5px solid #5EA756; }

.example { background: #F1F6FB; border-left: 5px solid #2C82C9; }

.note { background: #FFF7E6; border-left: 5px solid #F5D51E; }

.important { background: #FFE9E6; border-left: 5px solid #FA5456; }

.has-gradient { background: #2C82C9; background: -webkit-gradient(linear, left top, right top, #2C82C9, #5EA756, #F5D51E); background: linear-gradient(to right, #2C82C9, #5EA756, #F5D51E); color: #fff; position: relative; }

.has-gradient h1, .has-gradient h2, .has-gradient h3, .has-gradient h4, .has-gradient h5, .has-gradient h6 { color: inherit !important; }

.has-gradient a:not(.button) { color: inherit !important; }

.has-gradient a:not(.button):hover { opacity: .8; }

.has-gradient .button:not(.button-secondary) { background-color: #fff; color: #2775B4; }

.has-gradient .button:not(.button-secondary):hover, .has-gradient .button:not(.button-secondary):focus, .has-gradient .button:not(.button-secondary):active { opacity: .85; }

.has-gradient .button-secondary { color: #fff !important; }

.has-gradient .inner-sm { position: relative; }

.bg-img { bottom: 0; left: 0; opacity: 0.2; position: absolute; right: 0; top: 0; }

.grid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.9375em; margin-right: -0.9375em; }

.grid-item { box-sizing: border-box; padding-left: 0.9375em; padding-right: 0.9375em; position: relative; width: 100%; }

.grid-center { -ms-flex-pack: center; justify-content: center; }

.grid-swap { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.grid-middle { -ms-flex-align: center; align-items: center; }

@media only screen and (min-width: 641px) { .grid-col-2 .grid-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

@media only screen and (min-width: 761px) { .grid-col-3 .grid-item { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } }

@media only screen and (max-width: 600px) { .grid { margin-left: -1.5vw; margin-right: -1.5vw; } .grid-item { padding-left: 1.5vw; padding-right: 1.5vw; } }

.site { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; position: relative; }

.site-content { box-sizing: border-box; -ms-flex-positive: 1; flex-grow: 1; width: 100%; }

.outer { padding-left: 3vw; padding-right: 3vw; }

.inner { margin-left: auto; margin-right: auto; max-width: 1200px; }

.inner-md { margin-left: auto; margin-right: auto; max-width: 800px; }

.inner-sm { margin-left: auto; margin-right: auto; max-width: 680px; }

.site-header { background: #fff; padding-bottom: 1.25em; padding-top: 1.125em; }

.site-header-inside { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; }

.site-branding { -ms-flex: 0 1 auto; flex: 0 1 auto; }

.site-title { color: #283040; font-size: 1.5em; font-weight: bold; line-height: 1.2; margin: 0; }

.site-logo { margin: 0; }

.site-logo img { max-height: 36px; }

.menu, .submenu { list-style: none; margin: 0; padding: 0; }

.menu-item { position: relative; }

.menu-item.current { color: #2775B4; }

.menu-item a:not(.button) { display: inline-block; font-size: 0.9375em; line-height: 1.5; }

#masthead a:not(.button) { color: inherit; display: block; text-decoration: none; }

#masthead a:not(.button):hover { color: #2775B4; }

#masthead .site-branding a:hover { color: inherit; }

@media only screen and (min-width: 801px) { #menu-open, #menu-close { display: none; } .site-navigation { margin-left: auto; } .menu { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .menu-item { display: inline-block; margin: 0 0 0 1.25em; padding-bottom: 0.1875em; padding-top: 0.1875em; } .menu-item a { padding-bottom: 0.5em; padding-top: 0.5em; } .menu-item a.button:not(.button-icon) { display: inline-block; padding-left: 1.25em; padding-right: 1.25em; } .menu-item.has-children > a { padding-right: 15px; position: relative; } .menu-item.has-children > a:after { background: 0; border-color: currentColor; border-style: solid; border-width: 1px 1px 0 0; box-sizing: border-box; content: ""; height: 6px; position: absolute; right: 0; top: 50%; width: 6px; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .menu-item.has-children > a.button:not(.button-icon) { padding-right: 2.25em; } .menu-item.has-children > a.button:not(.button-icon):after { right: 1.25em; } .menu-item .submenu-toggle { display: none; } .menu-item.has-children:hover > .submenu { opacity: 1; -webkit-transition: margin .3s, opacity .2s; transition: margin .3s, opacity .2s; visibility: visible; } .submenu { background: #fff; border: 1px solid #dde0e7; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); left: 0; min-width: 180px; opacity: 0; padding: 0.5em 0; position: absolute; text-align: left; top: 100%; -webkit-transition: opacity .2s, visibility 0s .2s; transition: opacity .2s, visibility 0s .2s; visibility: hidden; width: 100%; z-index: 99; } .submenu .menu-item { display: block; margin: 0; padding: 0 1em; } .submenu a:not(.button-icon) { display: block; } .submenu a.button:not(.button-icon) { margin: 0.5em 0; } }

@media only screen and (max-width: 800px) { .site { overflow: hidden; position: relative; } .site-branding { margin-right: 0.625em; } .site-header:after { background: rgba(66, 75, 95, 0.6); content: ""; height: 100vh; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity .15s ease-in-out,visibility 0s ease-in-out .15s; transition: opacity .15s ease-in-out,visibility 0s ease-in-out .15s; visibility: hidden; width: 100%; z-index: 998; } .site-navigation { background: #fff; box-sizing: border-box; height: 100vh; margin: 0; max-width: 360px; -webkit-overflow-scrolling: touch; position: absolute; right: -100%; top: 0; -webkit-transition: right .3s ease-in-out, visibility 0s .3s ease-in-out; transition: right .3s ease-in-out, visibility 0s .3s ease-in-out; visibility: hidden; width: 100%; z-index: 999; } .site-nav-inside { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; } .menu--opened .site { height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; z-index: 997; } .menu--opened .site-navigation { right: 0; -webkit-transition: right .3s ease-in-out; transition: right .3s ease-in-out; visibility: visible; } .menu--opened .site-header:after { opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; visibility: visible; } .menu { padding: calc(3vw + 2.8125em) 3vw 3em; } .submenu { border-top: 1px solid #dde0e7; display: none; padding-left: 1em; } .menu-item { display: block; margin: 0; } .menu-item:not(.menu-button) { border-bottom: 1px solid #dde0e7; } .menu-item:not(.menu-button):first-child { border-top: 1px solid #dde0e7; } .menu-item a:not(.button), .menu-item a.button-icon { padding: 0.75em 0; } .menu-item a:not(.button) { display: block; } .menu-item a.button:not(.button-icon) { width: 100%; } .menu-item.has-children > a { margin-right: 2em; } .menu-item .menu-item:first-child { border-top: 0; } .menu-item .menu-item:last-child { border-bottom: 0; } .menu-item .submenu-toggle { color: #67758d; height: 2.8125em; position: absolute; right: 0; top: 0; } .menu-item.active .submenu-toggle .icon-angle-right { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .menu-item.active .submenu { display: block; } .menu-button > .button:not(.button-icon) { margin-bottom: 1.25em; margin-top: 1.25em; } .menu-button + .menu-button > .button:not(.button-icon) { margin-top: 0; } #menu-open { margin-left: auto; } #menu-close { display: block; position: absolute; right: 3vw; top: 3vw; } }

.post-full .post-content, .post-feed .post-meta, .post-feed .post-title, .post-feed .post-excerpt, .post-feed .read-more { padding-left: 7%; padding-right: 7%; }

.post-full:last-child, .post-feed:last-child { margin-bottom: 5em; }

.has-gradient.page-header, .has-gradient.post-header { padding-bottom: 9.5em; padding-top: 3.75em; text-align: center; }

.has-gradient .page-title, .has-gradient .post-title { color: inherit; margin: 0; }

.page-subtitle, .post-subtitle { font-size: 1.125em; line-height: 1.5; margin: 0.5em 0 0; position: relative; }

.post-title a { color: inherit !important; text-decoration: none; }

.post-thumbnail { border: 0; border-radius: 5px 5px 0 0; display: block; margin: 0; }

.post-thumbnail img { border-radius: 5px 5px 0 0; width: 100%; max-height: 300px; object-fit: cover; }

.post-thumbnail img:hover { box-shadow: 0 0 2px 1px #2775B4; }

.post-meta { color: #67758d; }

.post-full .post-content, .post-feed { margin-top: -5em; position: relative; }

.post-full .post-content, .post-feed .post { background: #fff; border: 1px solid #dde0e7; border-radius: 5px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); }

.post-full .post-content { padding: 2.5em; }

.post-full .post-content .post-meta::before { content: ''; display: block; width: 4em; height: 4px; margin: 4em auto 3em; background-color: #2C82C9; }

.post-full .post-content .post-meta .author-info { padding-right: 2em; }

.post-full .post-content .post-meta .author-info img { width: 40px; height: 40px; border-radius: 50%; margin-right: 0.5em; }

.post-full .post-date { color: #f8f8fa; margin: 0 0 0.5em; }

.post-feed .post { padding: 0 0 2.5em; margin-bottom: 2em; }

.post-feed .post-header { margin: 0 0 1em; padding-top: 1.875em; }

.post-feed .post-title { margin: 0; }

.post-feed .read-more { margin: 0 0 1em; }

.post-feed .read-more-link { font-weight: bold; text-decoration: none; }

.post-feed .read-more-link:after { font-size: 1.125em; content: "\2192"; line-height: 1.5; margin-left: 5px; }

.post-feed .read-more-link:hover { color: #424b5f; }

.post-navigation { font-size: 0.875em; margin-top: 2.5em; display: block; width: auto; overflow: hidden; }

.post-navigation a { text-decoration: none; border-bottom: none; display: block; width: 100%; float: none; text-align: center; margin: 1em 0; }

.post-navigation .prev::before { content: "<"; margin-right: 6px; }

.post-navigation .next::after { content: ">"; margin-left: 6px; }

@media only screen and (min-width: 800px) { .post-navigation a { width: 50%; float: left; text-align: left; } .post-navigation .next { text-align: right; } .post-navigation .next:only-child { float: right; } }

@media only screen and (min-width: 641px) { .has-gradient .page-title, .has-gradient .post-title { font-size: 2.667; } .page-subtitle, .post-subtitle { font-size: 1.25em; } .post-full .post-content { padding: 3.5em 4.5em; } }

.docs-content { padding-top: 2.5em; }

.post.type-docs { margin-bottom: 5.625em; max-width: 800px; }

.post.type-docs h1 { font-size: 2em; }

.post.type-docs h2 { font-size: 1.75em; }

.post.type-docs h3 { font-size: 1.5em; }

.post.type-docs h4 { font-size: 1.25em; }

.post.type-docs h5, .post.type-docs h6 { font-size: 1em; }

.post.type-docs .hash-link { float: left; font-size: 1.25rem; height: 1em; line-height: 1; margin-left: -1.1em; opacity: 0; text-align: center; text-decoration: none; -webkit-transition: opacity .2s; transition: opacity .2s; width: 1em; }

.post.type-docs .hash-link:before { content: "\0023"; display: inline-block; }

.post.type-docs .hash-link:hover, .post.type-docs .hash-link:focus { color: #2775B4; }

.post.type-docs h2 .hash-link { margin-top: 0.22em; }

.post.type-docs h3 .hash-link { margin-top: 0.1em; }

.post.type-docs h2:hover .hash-link, .post.type-docs h2:focus .hash-link, .post.type-docs h3:hover .hash-link, .post.type-docs h3:focus .hash-link { opacity: 1; }

.post.type-docs .post-inside { background: #fff; border: 1px solid #dde0e7; border-radius: 5px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); padding: 2.5em 0; }

.post.type-docs .post-title { font-size: 2em; margin: 0 0 1.25em; padding: 0 1em; }

.post.type-docs .post-content { padding: 0 1.875em; }

.post.type-docs img { display: block; margin-left: auto; margin-right: auto; }

.post.type-docs figcaption { font-style: italic; color: #67758d; padding-top: 1em; text-align: center; }

#docs-section-items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin-left: -0.3125em; margin-right: -0.3125em; padding: 0; }

#docs-section-items .docs-section-item { -ms-flex: 1 1 240px; flex: 1 1 240px; margin: 0 0.3125em 0.9375em; }

#docs-section-items .docs-item-link { border: 1px solid #dde0e7; border-radius: 3px; color: #283040; display: block; font-weight: bold; padding: 0.9375em; position: relative; text-decoration: none; -webkit-transition: border-color .3s ease, color .3s ease; transition: border-color .3s ease, color .3s ease; }

#docs-section-items .docs-item-link:hover { border-color: #2775B4; color: #2775B4; }

.docs-nav { margin-bottom: 1.875em; }

.docs-nav .docs-nav-toggle { color: #283040; font-size: 1.125em; margin: 0; padding-right: 30px; text-align: left; width: 100%; }

.docs-nav .docs-submenu-toggle { color: #67758d; position: absolute; right: 0; top: 0; }

#docs-menu { color: #283040; font-weight: bold; line-height: 1.4; list-style: none; margin: 0; padding: 0; }

#docs-menu > .docs-menu-item > a { padding: 0.1875em 0; }

#docs-menu a { color: inherit; display: block; text-decoration: none; }

#docs-menu a:hover { color: #2775B4; }

#docs-menu .docs-title { font-size: 1.2em; padding-bottom: 0.5em; border-bottom: 2px solid #dde0e7; }

#docs-menu .current, #docs-menu .current-parent { color: #2775B4; }

#docs-menu .menu-category { font-weight: normal; color: #424b5f; padding-bottom: 0.2em; }

.docs-submenu { border-left: 1px solid #dde0e7; color: #424b5f; display: none; font-size: 0.9375em; font-weight: normal; list-style: none; margin-top: 0.625rem; padding-left: 1.25rem; }

.docs-menu-item { color: inherit; margin-bottom: 0.625rem; }

.docs-menu-item.has-children { padding-right: 30px; position: relative; }

.docs-menu-item.has-children.active .docs-submenu { display: block; }

.docs-menu-item.has-children.active > .docs-submenu-toggle .icon-angle-right { -webkit-transform: rotate(135deg); transform: rotate(135deg); }

#page-nav { display: none; }

#page-nav .page-nav-title { font-size: 1em; margin: 0 0 0.625em; }

#page-nav ul { font-size: 0.875rem; line-height: 1.5; list-style: none; padding: 0; }

#page-nav ul ul { border-left: 1px solid #dde0e7; margin-top: 0.625rem; padding-left: 1.25rem; }

#page-nav li { margin-bottom: 0.625rem; }

#page-nav li.active > a { color: #2775B4; }

#page-nav a { color: #424b5f; display: block; text-decoration: none; }

#page-nav a:hover { color: #2775B4; }

#page-nav .page-nav-inside { display: none; }

#page-nav .page-nav-inside.has-links { display: block; }

@media only screen and (min-width: 641px) { .post.type-docs .post-title, .post.type-docs .post-content { padding-left: 7%; padding-right: 7%; } }

@media only screen and (min-width: 801px) { .docs-content { display: -ms-flexbox; display: flex; padding-top: 3.75em; } .post.type-docs { -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; } .docs-nav, .page-nav { -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 5.625em; } .docs-nav .sticky, .page-nav .sticky { position: -webkit-sticky; position: sticky; top: 1.875em; } .docs-nav { padding-right: 1.5em; width: 12.5em; } #page-nav { padding-left: 1.5em; width: 9.5em; } #docs-nav-toggle { display: none; } }

@media only screen and (min-width: 1091px) { #page-nav { display: block; } }

@media only screen and (max-width: 800px) { .docs-nav { background: #fff; border: 1px solid #dde0e7; border-radius: 5px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); box-sizing: border-box; margin-bottom: 5%; padding: 0.75em 1em; } .docs-nav-menu { display: none; } .docs-menu--opened .docs-nav-menu { display: block; } .docs-menu--opened .docs-nav-toggle .icon-angle-right { -webkit-transform: rotate(135deg); transform: rotate(135deg); } #docs-menu { border-top: 1px solid #dde0e7; margin-top: 1.25em; padding-top: 1.25em; } }

.block { padding-top: 3.75em; }

.block:not(.block-hero) { background: #f8f8fa; }

.block:last-child { padding-bottom: 3.75em; }

.block-image { margin-bottom: 1.5em; }

.block-header { margin-bottom: 1.5em; }

.block-title { margin: 0; }

.block-subtitle { color: #424b5f; font-size: 1.25em; line-height: 1.5; margin-bottom: 0; }

.block-subtitle:not(:first-child) { margin-top: 0.5em; }

.block-buttons, .grid-item-buttons { margin-bottom: 0.9375em; }

.block-buttons a, .grid-item-buttons a { font-weight: bold; text-decoration: none; }

.block-buttons { -ms-flex-pack: center; justify-content: center; }

.block-buttons a { margin: 0 0.375em 0.75em; }

.grid-item-buttons a { margin: 0 0.75em 0.75em 0; }

.has-gradient .block-subtitle { color: inherit; }

.block-text .block-buttons:not(:first-child), .block-hero .block-buttons:not(:first-child) { margin-top: 1.875em; }

.block-text .grid-item { max-width: 680px; }

.block-text .block-title { font-size: 1.875em; }

@media only screen and (min-width: 641px) { .block-text .block-content { font-size: 1.125em; } .block-text .block-title { font-size: 2.125em; } }

@media only screen and (min-width: 801px) { .block-text .grid-item:not(:only-child) { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .block-body:not(:only-child) { text-align: left; } .block-body:not(:only-child) .block-buttons { -ms-flex-pack: start; justify-content: flex-start; } .block-body:not(:only-child) .block-buttons a { margin-left: 0; margin-right: 0.75em; } }

@media only screen and (min-width: 1001px) { .block-image:not(:only-child) { padding-right: 2.5em; } .grid-swap .block-image:not(:only-child) { padding-left: 2.5em; padding-right: 0.9375em; } }

.block-cta .has-gradient { border-radius: 5px; margin-bottom: 1.875em; padding: 3.75em 3vw 1.875em; }

.block-cta .block-header { max-width: 680px; text-align: center; }

.block-cta .block-title { font-size: 1.875em; }

.block-cta .block-subtitle { font-size: 1.125em; }

@media only screen and (min-width: 641px) { .block-title { font-size: 2.125em; } }

@media only screen and (min-width: 801px) { .block-cta .has-gradient { padding-left: 7%; padding-right: 7%; } .block-cta .block-header { -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; max-width: 66.666%; text-align: left; } .block-cta .block-buttons { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; margin-top: 0; max-width: 33.333%; } }

.block-hero + .block-grid:not(.has-header) { background: 0; padding-top: 0; }

.block-grid .block-header { margin-bottom: 2em; text-align: center; }

.block-grid .block-title { font-size: 2em; }

.block-grid .grid-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.875em; }

.grid-item-inside { background: #fff; border: 1px solid #dde0e7; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); box-sizing: border-box; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 0.75em; }

.grid-item-image { border-radius: 3px 3px 0 0; display: block; width: 100%; }

.grid-item-image img { border-radius: 3px; width: 100%; height: 200px; object-fit: cover; }

.grid-item-image img:hover { box-shadow: 0 0 2px 1px #2775B4; }

.grid-item-title { font-size: 1.5em; margin: 1em 0 0.5em; padding-left: 1em; padding-right: 1em; }

.grid-item-title:first-child { margin-top: 1.25em; }

.grid-item-title a { color: inherit !important; text-decoration: none; }

.grid-item-content, .grid-item-buttons { padding-left: 1.5em; padding-right: 1.5em; }

.grid-item-content { margin-bottom: 1.25em; }

.grid-item-buttons a:not(.button):after { font-size: 1.125em; content: "\2192"; line-height: 1.5; margin-left: 5px; }

@media only screen and (max-width: 1000px) { .block-grid .grid-item { margin-bottom: 4vw; } }

.block-hero { padding-bottom: 7.5em; position: relative; text-align: center; }

.block-hero .block-header { margin-bottom: 0.75em; }

.block-hero .block-title { font-size: 2.25em; }

.block-hero .block-content { font-size: 1.125em; line-height: 1.5; }

.block-hero + .block { margin-top: -5em; position: relative; }

.block-hero + .block-pledges { margin-top: 2em; }

.block-plain { padding: 3.75em 3.75em 0; text-align: center; }

.block-plain .block-title { font-size: 2.25em; }

.block-plain .block-content { font-size: 1.125em; line-height: 1.5; }

@media only screen and (min-width: 641px) { .block-hero .block-title, .block-plain .block-title { font-size: 2.611em; } .block-hero .block-content, .block-plain .block-content { font-size: 1.278em; } .block-hero .block-buttons a, .block-plain .block-buttons a { font-size: 1em; } }

#framework .grid-item-title { font-size: 2em; text-align: center; }

#framework .grid-item-content { text-align: center; font-size: 1.125em; }

#framework .grid-item-buttons { text-align: center; }

#values .grid-item-title { font-size: 1.5em; text-align: center; }

.block-pledges h3 { font-size: 1.75em; text-align: center; }

.block-pledges p { text-align: center; }

.block-pledges .grid-item-buttons { text-align: center; }

h2.pledge-group-intro { font-size: 1.5em; font-weight: normal; text-align: left; color: #67758d; margin: 0.5em 0; }

h2.pledge-group-intro:first-child { margin-top: 2em; }

.pledge-num { color: white; background-color: #2775B4; font-size: 1.5em; font-weight: bold; width: 46px; line-height: 46px; border-radius: 50%; text-align: center; margin: 0.7em auto -0.5em auto; }

.post-inside > .pledge-num { margin: 0 auto 1em auto; }

#tools-menu { color: #283040; line-height: 1.5; list-style: none; margin: 0; padding: 1em 0; text-align: center; border-bottom: 4px solid #2775B4; }

#tools-menu a { color: inherit; text-decoration: none; }

#tools-menu a:hover { color: #2775B4; }

#tools-menu .current, #tools-menu .current-parent { color: #2775B4; }

#tools-menu .tools-title { font-weight: bold; }

#tools-menu li { display: inline-block; padding-right: 1em; }

#tools-menu li:not(:first-child):before { content: "|"; color: #283040; padding-right: 1em; }

.tool-meta { color: #67758d; font-size: 0.875em; margin: 0 0 0.5em; padding-left: 1.71428em; padding-right: 1.71428em; }

.rss-subscribe { font-size: 0.875em; color: #424b5f; margin-top: 2em; margin-bottom: 3em; text-align: center; }

.site-footer { background-color: #fff; padding-bottom: 1.5em; padding-top: 1.5em; }

#colophon a:not(.button) { color: inherit; }

#colophon a:not(.button):hover, #colophon a:not(.button):focus { color: #2775B4; }

.follow-us { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; flex-flow: column wrap; -ms-flex-pack: center; justify-content: center; font-size: 0.875em; line-height: 1.2; }

.newsletter { border-top: 1px solid #dde0e7; padding: 1em 0; }

.social-links { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; font-size: 0.875em; line-height: 1.2; }

.social-links .button:not(.button-icon) { font-size: inherit; line-height: 1.2; padding: 0.3em 1em; }

.site-info { text-align: center; }

.site-info .footer-nav .menu-item:first-child { margin-left: 0; }

.site-info .footer-nav a { text-decoration: none; }

.site-info .copyright { margin: 2em 0; color: #424b5f; font-size: 0.778em; }

.social-links { margin-top: 0.9375em; }

.social-links a { margin: 0 10px 0.5em; }

.social-links .icon { font-size: 20px; }

@media only screen and (min-width: 641px) { .site-footer-inside { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } .site-info { -ms-flex-pack: start; align-items: stretch; text-align: left; flex-direction: column; } .follow-us, .social-links { -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; margin-left: auto; margin-top: 0; } .follow-us a, .social-links a { margin-left: 20px; margin-right: 0; } .newsletter { border-top: none; } }

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