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

/** Basic styling */
body { font: 400 16px/1.625 "Lora", serif; color: #111; background-color: #fdfdfd; -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; }

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

strong { font-weight: 700; }

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

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

figcaption { font-size: 14px; }

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

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

/** Headings */
h1, h2, h3, h4, .home #plugins .thumbnails b, h5, h6 { font-family: "Oswald", sans-serif; }

h1, h2 { font-weight: 300; }

h1 { font-size: 40px; }

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

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

.wrapper a { text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; font-style: normal; font-family: "Oswald", sans-serif; font-weight: 300; letter-spacing: .5px; }

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

/** Tables */
table { border-collapse: collapse; margin: 30px 0; width: 100%; }

th { background-color: #d1dfdc; }

th, td { padding: 7.5px; text-align: left; }

td { border-bottom: 1px solid #d1dfdc; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e8e8e8; 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, .group { max-width: -webkit-calc(1000px - (30px * 2)); max-width: calc(1000px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 1000px) { .wrapper, .group { max-width: -webkit-calc(1000px - (30px)); max-width: calc(1000px - (30px)); padding-right: 15px; padding-left: 15px; } }

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

/** Icons */
.icon > svg { display: inline-block; vertical-align: middle; }

.icon > svg path { fill: #828282; }

/** Images */
.aligncenter { display: block; margin: 30px auto; }

.alignleft { float: left; margin: 0 30px 30px 0; }

.alignright { float: right; margin: 0 0 30px 30px; }

* { box-sizing: border-box; }

.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* @group ----- Forms ----- */
fieldset { border: 0; padding: 0; }

input, textarea { border: 0; box-shadow: 0 0 0 1px #e8e8e8 inset; padding: 7.5px; font-family: "Lora", serif; font-size: 16px; line-height: 1.625; width: 100%; }

input[type="checkbox"], input[type="radio"] { box-shadow: none; width: auto; }

input[type="submit"], button, a.button { font-size: 20px; font-family: "Oswald", sans-serif; font-weight: 300; letter-spacing: 1px; border: 0; text-align: center; border-radius: 2px; padding: 7.5px; cursor: pointer; margin: 7.5px auto; background-color: #d1dfdc; color: #436660; transition-property: background-color; transition: ease-in .1s; width: auto; }

input[type="submit"]:disabled, button:disabled, a.button:disabled { cursor: default; }

select { appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 16px; line-height: 1.625; font-family: "Lora", serif; padding: 3.75px 15px; border-radius: 2px; width: 100%; border: 1px solid #e8e8e8; background-color: #fff; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; }

#flash ul, ul.error, ul.success { list-style: none; margin-left: 0; }

#flash li { padding: 7.5px; border: 1px solid #e8e8e8; border-radius: 2px; }

.error { color: red; border-color: red; }

.field { display: flex; align-items: flex-start; margin: 15px 0; }

.field .alpha.columns, .field .field-meta { width: 30%; }

.field .omega.columns, .field .inputs { width: 70%; display: flex; flex-wrap: wrap; }

.field .omega.columns > *, .field .inputs > * { width: 100%; }

.field .explanation { order: 1; }

.required-label { display: block; font-weight: normal; background-color: whitesmoke; padding: 0 7.5px; border-radius: 2px; width: max-content; font-size: 14px; }

.contact label { margin-bottom: 15px; display: block; }

/* @end */
/*Maintenance Styles*/
#maintenance { padding: 15px; background: #F9E8E7; width: 100%; text-align: center; }

#alert-banner { padding: 15px; background: #fff; width: 100%; text-align: center; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.08); }

#maintenance a, #maintenance a:hover, #alert-banner a, #alert-banner a:hover { text-decoration: underline; }

/* @end */
/* Payment */
#payment-form { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }

#payment-form[inert] { opacity: 50%; }

#payment-form #payment-container { display: flex; align-items: flex-start; gap: 1em; }

#payment-form #payment-interaction { flex-grow: 1; }

#payment-form #error-message { padding: 1em; margin: 1em 0; text-align: center; color: red; border: 2px solid; border-radius: 5px; }

#payment-form #error-message:empty { display: none; }

#payment-form table { width: auto; margin: 0; }

#payment-form table th { text-align: right; background-color: transparent; font-weight: inherit; }

#payment-form table td { text-align: right; border: none; }

#payment-form table tr:first-of-type > * { padding-top: 0; }

#payment-form table tr:last-of-type { border-top: 1px solid #d1dfdc; font-weight: bold; }

#payment-form button { width: 100%; }

#payment-form #stripe-element.address { margin-bottom: 0.75em; }

#payment-form #tax-id, #payment-form #tax-id-input-wrap { display: none; }

#payment-form #tax-id.enabled, #payment-form #tax-id-input-wrap.enabled { display: block; }

#payment-form #tax-id, #payment-form #tax-id-enable-wrap { margin-bottom: 0.5em; }

#payment-form #tax-id-input { font-family: inherit; padding: .75em; border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); line-height: 1.15; }

/* @group ----- Header and Footer ----- */
#skip-link { position: absolute; left: -9999px; }

#skip-link:focus { position: static; width: 100%; text-align: center; }

a.back-to-top.button { display: inline-block; }

header#site-header { width: 100%; padding: 7.5px 30px; background-color: #537771; position: sticky; top: 0; left: 0; right: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-end; align-items: flex-end; z-index: 999; }

header#site-header img { height: 37.5px; padding: 3.75px 0; width: auto; max-width: none; }

header#site-header a { color: #fff; }

header#site-header a:hover, header#site-header a:active { text-decoration: none; border-bottom: 2px solid #fff; margin-bottom: -2px; }

header#site-header a.site-title:hover { border-bottom-color: transparent; }

header#site-header nav { font-family: "Oswald", sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; width: 100%; }

header#site-header .trigger { display: flex; width: 100%; align-items: flex-end; padding-bottom: 3.75px; }

header.post-header { width: 100%; margin: 0 0 30px; padding: 30px; text-align: center; color: #436660; font-weight: 300; position: relative; }

header.post-header:before { content: ""; position: absolute; top: -100px; bottom: 0; right: 0; left: 0; background-color: #d1dfdc; z-index: -1; }

header.post-header p { font-family: "Oswald", sans-serif; text-transform: uppercase; letter-spacing: 2px; margin: 0; }

.group header.post-header { margin-top: -30px; position: relative; }

.group header.post-header:before { content: ""; position: absolute; top: -30px; left: -9999px; right: -9999px; bottom: 0; z-index: -1; background-color: #d1dfdc; }

h1.post-title { font-weight: 300; }

.site-nav { display: inline-flex; flex: 1; }

#global-search form { display: inline-flex; align-items: flex-start; margin-left: 30px; }

#global-search form input, #global-search form button { margin: 0 0 0 7.5px; font-size: 16px; }

footer { margin: 30px 0 0; padding: 30px; display: flex; justify-content: space-between; font-size: 14px; border-top: 1px solid #b3cac6; width: 100%; }

footer .footer-col { max-width: 50%; }

header ul, footer ul { list-style: none; display: inline-block; margin: 0; }

header li, footer li { list-style-type: none; display: inline-block; margin-left: 30px; }

header ul { margin-right: auto; }

/* @end */
/* @group ----- Wrappers ----- */
body { overflow-x: hidden; }

main { width: 100%; }

main.dynamic { display: flex; min-height: 100vh; justify-content: center; flex-wrap: wrap; padding-top: 30px; }

.home main.dynamic { padding-top: 0; align-items: flex-start; }

.flex { display: flex; }

/* @end */
/* @group ----- Home ----- */
.home .dynamic #content, .home #content > .group { padding: 0; max-width: none; margin: 0; }

.home .page-content .wrapper { display: flex; align-content: center; align-items: center; justify-content: center; flex-wrap: wrap; min-height: 100%; font-size: 20px; max-width: 1200px; overflow-x: hidden; }

.home #intro { padding: 60px 0; min-height: 87.5vh; background: url("spiral.png") #eef2f2 center center; background-size: cover; font-weight: 300; color: #44625d; display: flex; }

.home #intro h1, .home #intro p { width: 100%; font-family: "Lora", serif; }

.home #intro h1:not(:last-child), .home #intro p:not(:last-child) { margin-bottom: 60px; }

.home #intro .first-line { font-size: 36px; display: block; }

.home #intro .button { display: block; width: max-content; padding: 7.5px 15px; border-radius: 5px; background-color: #44625d; text-decoration: none; color: #fff; margin: 15px 0; }

.home #editor { background-image: url("editor.jpg"); background-size: cover; min-height: 95vh; display: flex; }

.home #editor .copy { width: 50%; margin-left: auto; background-color: #fff; padding: 7.5px; }

.home .copy h2 { color: #537771; margin-bottom: 0; font-size: 36px; }

.home #plugins { background-color: #e0e9e8; position: relative; overflow: hidden; }

.home #plugins .copy { width: 60%; padding-right: 30px; }

.home #plugins .thumbnails { width: 40%; display: flex; flex-wrap: wrap; overflow: hidden; margin-top: 60px; }

.home #plugins .thumbnails b { font-weight: 300; font-size: 16px; }

.home #plugins .thumbnails .plugin { width: 75%; padding: 0 15px; margin-right: -25%; }

.home #plugins .thumbnails .plugin:nth-child(2n) { margin: 25% 0 -15% -25%; text-align: right; }

.home #plugins .thumbnails img { box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.08); border: solid #ddd; border-radius: 3px 3px 0 0; border-width: 20px 1px 10px; }

.home #themes .wrapper { max-width: none; }

.home #themes .mobile-thumbnails { width: 30%; display: flex; height: 100%; text-align: right; }

.home #themes .mobile-thumbnails .theme { border: solid #333; border-radius: 10px; border-width: 20px 5px 60px; box-shadow: -15px 0 15px rgba(0, 0, 0, 0.08); height: 75%; margin-right: -30%; }

.home #themes .mobile-thumbnails .theme:nth-child(2) { margin-top: 60px; }

.home #themes .mobile-thumbnails .theme:nth-child(3) { margin-top: 120px; }

.home #themes .copy { width: 40%; padding: 60px; }

.home #themes .desktop-thumbnails { width: calc(30% + 90px); display: flex; flex-direction: column; padding: 60px 0; margin-left: -120px; }

.home #themes .desktop-thumbnails .theme { border: solid #ddd; border-radius: 3px 3px 0 0; border-width: 20px 1px 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); margin-bottom: 30px; }

.home footer { border-top: 0; }

.home #curtain-call { background: linear-gradient(#b3cac6, #fdfdfd); padding: 90px; }

.home #curtain-call .get-started { font-family: "Oswald", sans-serif; font-weight: 300; font-size: 36px; letter-spacing: 1px; display: block; width: max-content; padding: 7.5px 15px; border-radius: 5px; background-color: #fff; text-decoration: none; color: #496863; margin: 15px auto; }

/* @end */
/* @group ----- Documentation ----- */
.docs-mobile-header { display: none; }

.docs-wrapper main { display: flex; flex-wrap: wrap; }

.doc-nav + .wrapper, .side-nav + .wrapper { width: 80%; }

.doc-nav, .side-nav { width: 20%; font-size: 14px; }

.doc-nav > ul, .side-nav > ul { border-right: 3px solid #537771; padding: 30px; margin: 0; }

.doc-nav ul, .side-nav ul { list-style: none; }

.doc-nav > ul > li > a, .side-nav > ul > li > a { font-family: "Oswald", sans-serif; font-weight: 300; text-transform: uppercase; }

.doc-nav ul ul, .side-nav ul ul { margin: 0 0 30px 15px; }

.doc-nav a, .side-nav a { display: inline-block; margin-bottom: 7.5px; }

/* @end */
/* @group ----- News ----- */
h2.archive-heading { text-align: center; margin-top: 90px; }

ul.post-list { list-style: none; display: inline-block; margin: 0 0 90px 0; width: 100%; text-align: center; border-top: 1px solid #b3cac6; }

.post-list li { border-bottom: 1px solid #b3cac6; padding: 30px 0 15px; }

.post-list .post-meta { font-family: "Oswald", sans-serif; text-transform: uppercase; letter-spacing: 2px; }

.rss-subscribe, .news-back-link { font-family: "Oswald", sans-serif; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: 100%; display: block; }

.news-back-link { margin-top: 90px; }

/* @end */
/* @group ----- Showcase ----- */
.site-filters ul { margin: 30px 0; list-style: none; border-bottom: 3px solid #e8e8e8; padding-bottom: 7.5px; font-family: "Oswald", sans-serif; letter-spacing: .5px; font-size: 20px; font-weight: 300; }

.site-filters li { display: inline-block; margin-right: 15px; }

.site-filters a { padding: 3.75px 7.5px; display: inline-block; border-radius: 3px; text-decoration: none; }

.site-filters a.active { background-color: #d1dfdc; color: #436660; }

#topics { display: flex; flex-wrap: wrap; }

.topic { background-color: #d1dfdc; padding: 30px; width: calc(50% - 30px); margin-bottom: 30px; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-family: "Oswald", sans-serif; font-size: 20px; }

.topic:nth-child(2n) { margin-left: 30px; }

.topic p { margin-bottom: 0; }

.topic a { color: #436660; }

#examples { display: flex; flex-wrap: wrap; margin: 0 -15px; transition: opacity ease-in .5s; }

#examples .example { display: none; width: calc(50% - 30px); padding-top: 30px; margin: 0 15px 30px; position: relative; border-radius: 3px 3px 0 0; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); border-bottom: 5px solid #537771; }

#examples .example:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 30px; background: linear-gradient(15deg, #537771, #153530); border-radius: 3px 3px 0 0; }

#examples .example.gold { border-bottom-color: #fff188; }

#examples .example.gold:before { background: linear-gradient(15deg, #fff188, #ffe209); }

#examples .example.silver { border-bottom-color: #ccc; }

#examples .example.silver:before { background: linear-gradient(15deg, #ccc, #595959); }

#examples .example.platinum { border-bottom-color: #4d63a2; }

#examples .example.platinum:before { background: linear-gradient(15deg, #4d63a2, #050c1e); }

#examples.all .example, #examples.item-mapping .example.item-mapping, #examples.custom-branding .example.custom-branding, #examples.rich-media .example.rich-media, #examples.classroom-usage .example.classroom-usage, #examples.rich-media-support .example.rich-media-support, #examples.user-contributions .example.user-contributions { display: block; }

#examples .example img { vertical-align: bottom; }

#examples .example h4, #examples .example .home #plugins .thumbnails b, .home #plugins .thumbnails #examples .example b { margin-bottom: 0; font-family: "Lora", serif; }

#examples .example-meta { padding: 30px; border-top: 1px solid #e8e8e8; display: block; font-weight: bold; }

.featherlight.featherlight-iframe .featherlight-content { height: 95%; width: 95%; margin: 0 auto !important; }

.featherlight .featherlight-content { overflow: hidden !important; }

.featherlight .featherlight-close-icon { right: 15px !important; }

.featherlight-inner.example-meta { display: block; width: 25%; border: none; position: absolute; top: 0; right: 0; bottom: 0; padding: 30px; overflow-y: scroll; font-size: 14px; }

.featherlight-inner.example-meta h2 { margin-bottom: 0; font-size: 24px; }

.featherlight-inner.example-meta h3 { font-size: 20px; font-weight: 300; letter-spacing: 1px; margin-bottom: 7.5px; padding-bottom: 7.5px; border-bottom: 3px solid #e8e8e8; }

.featherlight-inner.example-meta .field { margin-bottom: 30px; display: block; }

.featherlight-inner.example-meta .plan { padding: 3.75px 7.5px; border-radius: 3px; background-color: #537771; font-family: "Oswald", sans-serif; font-size: 14px; font-weight: 300; letter-spacing: .5px; text-transform: uppercase; display: inline-block; margin: 15px 0 30px; color: #fff; width: auto; }

.featherlight-inner.example-meta .plan.gold { background-color: #fff188; color: #bba500; }

.featherlight-inner.example-meta .plan.platinum { background-color: #4d63a2; }

.featherlight-inner.example-meta .plan.silver { background-color: #ccc; color: #000; }

.featherlight-inner.example-meta .plugins ul { margin-left: 0; list-style: none; }

.featherlight-inner.example-meta .plugins li { border-bottom: 1px solid #e8e8e8; padding-bottom: 7.5px; margin-bottom: 7.5px; }

.featherlight-inner.example-meta .plugins li:last-child { border-bottom: 0; }

/* @end */
/* @group ----- Plans ----- */
#plans { margin: 0 calc(50% - 50vw); padding: 0 30px; }

#trial { border: solid #537771; border-width: 5px 0 1px; padding: 30px; background-color: #d1dfdc; margin-bottom: 30px; }

#trial a:link, #trial a:visited { color: #344a46; text-decoration: underline; }

#trial a.button { display: block; width: max-content; margin: 15px 0 0 0; background-color: #537771; color: #fff; text-decoration: none !important; }

#signup-helper ul { margin-left: 0; list-style: none; columns: 2; }

#signup-helper label { background-color: whitesmoke; padding: 7.5px; border-radius: 2px; margin-bottom: 15px; display: block; border: 1px solid whitesmoke; transition-property: background-color; transition: ease-in .1s; cursor: pointer; }

#signup-helper label.active { background-color: #d1dfdc; }

#signup-helper .helper-buttons { display: flex; flex-wrap: wrap; justify-content: center; }

#signup-helper button { font-family: "Oswald", sans-serif; font-weight: 300; letter-spacing: 1px; padding: 15px; text-align: center; border-radius: 2px; font-size: 24px; line-height: 1.625; margin: 0 15px 60px; cursor: pointer; transition-property: opacity; transition: ease-in .1s; background-color: #537771; color: #fff; }

#signup-helper button:disabled { cursor: default; background-color: #eff4f3; color: #537771; }

#signup-helper input[type="checkbox"] { margin-right: 7.5px; }

#signup-table { margin: 0 30px; }

#plans-list { display: flex; margin: 0 -7.5px; text-align: center; padding: 0; justify-content: center; align-items: flex-start; }

.plan { border-radius: 2px; padding: 0; margin: 0 7.5px; width: 25%; transition-property: box-shadow; transition: ease-in-out .2s; }

.plan.current { box-shadow: 0 0 5px 5px #e8e8e8; }

.plan .description { border-style: solid; border-width: 0 1px; padding: 7.5px; background-color: #fff; color: #000; }

#plans-list.active .plan:hover { box-shadow: none; }

#plans-list.active .plan.active { box-shadow: 0 0 5px 5px #e8e8e8; }

#plans-list .recommended { padding: 7.5px; font-family: "Oswald", sans-serif; font-weight: 300; font-size: 20px; display: none; border-top: 6px solid #e8e8e8; }

#plans-list .active.plan .recommended { display: block; }

.plan h2 { padding: 7.5px; margin: 0; }

#plans-list #trial, .trial.plan { border-color: #b3cac6; background-color: #b3cac6; color: #537771; display: none; }

#plans-list #trial .description, .trial.plan .description { border-color: #b3cac6; }

#plans-list #trial .description-text, .trial.plan .description-text { background-color: #d1dfdc; color: #537771; }

#plans-list #trial .select, .trial.plan .select { background-color: #537771; color: #fff; }

#plans-list #plus, .plus.plan { border-color: #537771; background-color: #537771; color: #f2f6f5; }

#plans-list #plus .select, .plus.plan .select { color: #f2f6f5; }

#plans-list #plus .description, .plus.plan .description { border-color: #537771; }

#plans-list #plus .description-text, .plus.plan .description-text { background-color: #f2f6f5; color: #537771; }

.plan .unavailable { color: #e8e8e8; }

#plans-list #silver, .silver.plan { border-color: #ccc; background-color: #ccc; }

#plans-list #silver .select, .silver.plan .select { color: #000; }

#plans-list #silver .description, .silver.plan .description { border-color: #ccc; }

#plans-list #silver .description-text, .silver.plan .description-text { background-color: #ededed; color: #000; }

#plans-list #gold, .gold.plan { border-color: #fff188; background-color: #fff188; color: #6f6200; }

#plans-list #gold .select, .gold.plan .select { color: #6f6200; }

#plans-list #gold .description, .gold.plan .description { border-color: #fff188; }

#plans-list #gold .description-text, .gold.plan .description-text { background-color: #fff7bb; color: #6f6200; }

#plans-list #platinum, .platinum.plan { border-color: #4d63a2; background-color: #4d63a2; color: #eaedf5; }

#plans-list #platinum .select, .platinum.plan .select { color: #eaedf5; }

#plans-list #platinum .description, .platinum.plan .description { border-color: #4d63a2; }

#plans-list #platinum .description-text, .platinum.plan .description-text { background-color: #eaedf5; color: #4d63a2; }

.plan .description-text { border-radius: 2px; font-family: "Oswald", sans-serif; font-weight: 300; padding: 7.5px; letter-spacing: 1px; }

.plan ul { margin-left: 0; list-style: none; }

.plan li:not(:last-child) { border-bottom: 1px solid #e8e8e8; padding-bottom: 6.5px; margin-bottom: 7.5px; }

.plan button.toggle { display: none; background: transparent; border: 0; border-radius: 2px; cursor: pointer; color: #537771; font-family: "Lora", serif; border: 1px solid #537771; font-size: 12px; line-height: 1.21875; width: auto; padding: 7.5px; }

.plan button.toggle.active { display: inline-block; }

.plan .tooltip { display: none; font-size: 12px; font-weight: 300; width: 100%; margin-top: 15px; }

.plan .tooltip.active { display: block; }

.plan .price { font-family: "Oswald", sans-serif; font-weight: 300; padding: 7.5px; line-height: 1.21875; margin: 0; }

.plan .price .total { font-size: 32px; display: block; margin-left: -.125em; }

.plan .price a { border-bottom: 1px dotted; }

.plan .price a:hover { text-decoration: none; }

#plus .price a, #platinum .price a { color: #fff; }

#taxes { padding-top: 60px; text-align: center; }

#plans-list button.select { width: calc(100% - 30px); background-color: rgba(0, 0, 0, 0.15); }

#plans-list #gold button.select { background-color: #fffce4; color: #6f6200; }

#plans-list span.current { font-size: 20px; font-family: "Oswald", sans-serif; font-weight: 300; letter-spacing: 1px; text-align: center; border-radius: 2px; padding: 7.5px; margin: 7.5px auto; width: auto; display: block; text-transform: uppercase; }

.custom { margin: 45px 0; background-color: #e8e8e8; border: solid #8f8f8f; border-width: 5px 0 1px; padding: 30px; }

.custom a.button { display: block; background-color: #757575; color: #fff; border-radius: 2px; padding: 7.5px; width: max-content; margin: 15px 0 0; text-decoration: none; font-family: "Oswald", sans-serif; letter-spacing: 1px; font-weight: 300; font-size: 18px; }

#sign-up-container { display: flex; padding: 30px 0; flex-wrap: wrap; }

#sign-up-container .plan { width: 100%; margin: 0; text-align: center; }

#sign-up-container .plan .select.button { display: none; }

#sign-up-container.inactive { display: none; }

#sign-up-container.active { display: flex !important; margin: 0 auto; }

.form-instructions { width: 40%; padding-right: 30px; }

#signup-form { width: 60%; }

label[for="terms-of-service"], label[for="terms-of-service"] + .inputs { display: inline-block; }

.signup-footer { width: 100%; border-top: 1px solid #e8e8e8; margin-top: 60px; }

button.back-button { background-color: transparent; }

button.back-button:before { content: ""; display: inline-block; width: 0; height: 0; border-top: 7.5px solid transparent; border-right: 15px solid #537771; border-bottom: 7.5px solid transparent; margin-right: 7.5px; }

.pricing-table { margin-top: 0; position: relative; }

.pricing-table caption { padding-top: 90px; font-family: "Oswald", sans-serif; font-weight: 300; font-size: 24px; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 3px solid #537771; }

.pricing-table thead th, .pricing-table td { text-align: center; width: 20%; }

span.check:before { content: "\2714"; }

.pricing-table thead th { font-family: "Oswald", sans-serif; font-weight: 300; font-size: 20px; position: sticky; top: 60px; background-color: transparent; }

.pricing-table tbody th { border-bottom: 1px solid #fff; }

.pricing-table th.plus { background-color: #537771; color: #f2f6f5; }

td.plus { color: #537771; }

.pricing-table th.silver { background-color: #ccc; }

.pricing-table th.gold { background-color: #fff188; color: #6f6200; }

td.gold { color: #6f6200; }

.pricing-table th.platinum { background-color: #4d63a2; color: #eaedf5; }

td.platinum { color: #4d63a2; }

/* @end */
/* @group ----- User Views ----- */
.dynamic #content { width: 100%; padding: 0 30px; }

#remember-label + .inputs { align-items: flex-end; }

input#remember { margin: 0 0 7.5px; width: auto; }

.site-list, #action-list { width: 100%; }

#account-navigation, #action-list ul { margin: -15px 0 30px; list-style: none; display: flex; font-family: "Oswald", sans-serif, sans-serif; }

#account-navigation li, #action-list li { border-right: 1px solid #86aaa4; padding-right: 15px; margin-right: 15px; }

#account-navigation li:last-child, #action-list li:last-child { border-right: 0; }

#user-info { background-color: #e6eeec; padding: 15px; border-radius: 3px; }

#person-info-list { margin: 0 0 30px; list-style: none; border-top: 3px solid #537771; }

#person-info-list li { background-color: #d1dfdc; border-bottom: 1px solid #86aaa4; }

#person-info-list span { min-width: 15%; display: inline-block; padding: 7.5px 7.5px 6.5px; font-weight: bold; text-align: right; }

.two.columns.alpha, .field .field-meta { font-weight: bold; }

.explanation { margin: 0; font-size: 14px; }

.dynamic #content form#choose-plan { width: 100%; }

#owned-sites { margin-bottom: 60px; }

.site-list { margin-top: 30px; }

.site-list-header th { background-color: #b3cac6; font-weight: bold; }

.site-list .site { border-bottom: 1px solid #b3cac6; padding-bottom: 6.5px; }

.site-list .inactive.site { color: #808080; background-color: #e0e9e8; }

p.manage { margin-bottom: 0; }

/* @end */
/* @group ----- Search ----- */
#content-search-form { display: flex; padding: 15px; }

#content-search-form button { margin: 0 0 0 7.5px; }

#results ul { list-style: none; padding: 0; margin: 30px 0; border-top: 1px solid #b3cac6; }

#results li { border-bottom: 1px solid #b3cac6; padding: 15px 15px 0 15px; }

#results h2 { margin-bottom: 0; }

/* @end */
/* @group ----- MU Admin ----- */
.mu-admin #content > .group { display: flex; flex-wrap: wrap; max-width: none; }

.mu-admin h1 { width: 100%; }

#primary { width: 100%; }

#secondary + #primary { margin: 0; width: 70%; }

#secondary { width: 30%; }

#secondary .field { display: block; }

#secondary .field .alpha.columns, #secondary .field .omega.columns { width: 100%; }

.mu-admin .column { width: 50%; padding: 0 30px 0 0; }

input#search { width: min-content; }

#users, #sites, #stats { width: 100%; }

td form { min-width: 0 !important; width: 50% !important; float: right; }

form.deactivate-button, form.activate-button { background: none; display: inline-block; margin-bottom: 0; }

.deactivate-button input#confirm_submit, .activate-button input#confirm_submit { box-shadow: none; padding: 3.75px 15px; font-family: "Lora"; text-transform: none; letter-spacing: 0; font-size: 16px; margin: 0; display: inline-block; width: 100%; }

form.deactivate-button { display: inline-block; }

ul.pagination_list { margin: 15px 0; list-style: none; text-align: right; }

.pagination_list li { display: inline-block; }

.pagination_list a, .pagination_list span { padding: 3.75px 15px; min-width: 1.625; border: 1px solid #c2d4d1; text-align: center; display: inline-block; }

.pagination_list span { border-color: #e8e8e8; }

.tabs a { display: block; border-style: solid; border-width: 1px 0 0; padding: 14px 15px; border-color: #c2d4d1; position: relative; }

.tabs a:last-child { border-bottom: 1px solid #c2d4d1; }

nav.tabs { margin: 0 30px 0 0; border-right: 1px solid #c2d4d1; height: 100%; }

.tabs a:first-child { border: 0; }

.tabs a.active { font-weight: bold; }

.tabs a.active:after { content: ""; position: absolute; top: 0; right: -1px; bottom: 0; width: 1px; background-color: #fdfdfd; }

#secondary + #primary > div.tab { display: none; }

#secondary + #primary > div.tab.active { display: block; }

#subscription-warning, .alert { background-color: #f7e6e7 !important; border: 1px solid #f5c6cb !important; padding: 30px; border-radius: 2px; }

#subscription-warning a, .alert a { color: #B00D00; }

/* @end */
/* @group ----- Featherlight Lightbox ----- */
.featherlight .featherlight-content { width: auto; height: auto; max-height: 95%; max-width: 95%; }

/* @end */
/** 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; }

@media screen and (max-width: 840px) { /* @group ----- Global ----- */ header#site-header { align-items: center; position: static; flex-wrap: wrap; padding-left: 15px; padding-right: 15px; } header .site-title { margin-right: 30px; } header .site-nav { flex: auto; } header ul { margin-right: auto; width: 50%; display: flex; flex-wrap: wrap; } header li, footer li { margin: 0; width: 50%; } header.post-header { margin-top: 0; } main.dynamic { padding-top: 0; } /* @end */ /* @group ----- Home ----- */ .home .page-content .wrapper { padding: 60px 15px; } .home #intro, .home #editor { min-height: min-content; padding: 0; } .home #editor { background-position: left top; } .home .copy { width: 100% !important; } .home #plugins .thumbnails, .home #themes .desktop-thumbnails, .home #themes .mobile-thumbnails { width: 100%; } .home .page-content #plugins .wrapper { padding-bottom: 0; } .home #curtain-call { padding: 60px 15px; } .home #curtain-call .get-started { width: auto; text-align: center; font-size: 32px; } /* @end */ /* @group ----- Help ----- */ .docs-mobile-header { position: sticky; top: 0; background-color: #fff; padding: 15px; display: block; width: 100%; border-bottom: 1px solid #e8e8e8; margin: -30px 0 30px; } #docs-mobile-toggle { width: 100%; display: block; } .doc-nav { width: 100%; padding: 30px; } .doc-nav:not(.mobile) { display: none; } .doc-nav ul { margin: 0; padding: 0; border-right: 0; } .doc-nav ~ main { width: 100%; } /* @end */ /* @group ----- Showcase ----- */ #examples .example { width: 100%; } .site-filters a { margin-bottom: 15px; } iframe.showcase-embed { display: none !important; } .featherlight-content .example-meta { width: 100%; } /* @end */ /* @group ----- Pricing ----- */ #signup-table { margin: 0; } #signup-helper ul { columns: 1; } #sign-up-container .form-instructions, #signup-form { width: 100%; } #plans-list { flex-wrap: wrap; margin: 0; } .plan { width: 100%; margin: 0 0 30px 0; } /* @end */ /* @group ----- User Views ----- */ #account-navigation { flex-wrap: wrap; } .mu-admin main.dynamic { padding-top: 30px; } .mu-admin .column, .field, .field .alpha.columns, .field .omega.columns { width: 100%; display: block; } .mu-admin .column form { margin-bottom: 60px; } /* @end */ }

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