diff --git a/dist/mini-sucroa.css b/dist/mini-sucroa.css index aad71e7..55a43cf 100644 --- a/dist/mini-sucroa.css +++ b/dist/mini-sucroa.css @@ -2,11 +2,11 @@ /* Flavor name: Sucroa (mini-sucroa) Author: Angeliki Daskalakis - mini.css version: v2.0.2 (Fermion) + mini.css version: v2.1.0 (Fermion) */ @import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext"); -/* - Browsers resets and base typography. +/* + Browsers resets and base typography. */ html { font-size: 16px; } @@ -160,7 +160,7 @@ a { color: #5664a3; text-decoration: underline; opacity: 1; - -webkit-transition: all 0.3 ease 0s; + -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } a:visited { color: #434e7f; } @@ -187,6 +187,27 @@ a { -webkit-flex-flow: row wrap; flex-flow: row wrap; } +.row[class*='cols-sm-'] > * { + box-sizing: border-box; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + flex: 0 0 auto; + padding: 0 4px; } + +@media (min-width: 768px) { + .row[class*='cols-md-'] > * { + box-sizing: border-box; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + flex: 0 0 auto; + padding: 0 4px; } } +@media (min-width: 1280px) { + .row[class*='cols-lg-'] > * { + box-sizing: border-box; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + flex: 0 0 auto; + padding: 0 4px; } } .col-sm, [class^='col-sm-'], [class^='col-sm-offset-'] { @@ -196,7 +217,8 @@ a { flex: 0 0 auto; padding: 0 4px; } -.col-sm { +.col-sm, +.row.cols-sm > * { -webkit-box-flex: 1; max-width: 100%; -webkit-flex-grow: 1; @@ -204,62 +226,74 @@ a { -webkit-flex-basis: 0; flex-basis: 0; } -.col-sm-1 { +.col-sm-1, +.row.cols-sm-1 > * { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; flex-basis: 8.33333%; } -.col-sm-2 { +.col-sm-2, +.row.cols-sm-2 > * { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; flex-basis: 16.66667%; } -.col-sm-3 { +.col-sm-3, +.row.cols-sm-3 > * { max-width: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; } -.col-sm-4 { +.col-sm-4, +.row.cols-sm-4 > * { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; flex-basis: 33.33333%; } -.col-sm-5 { +.col-sm-5, +.row.cols-sm-5 > * { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; flex-basis: 41.66667%; } -.col-sm-6 { +.col-sm-6, +.row.cols-sm-6 > * { max-width: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; } -.col-sm-7 { +.col-sm-7, +.row.cols-sm-7 > * { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; flex-basis: 58.33333%; } -.col-sm-8 { +.col-sm-8, +.row.cols-sm-8 > * { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; flex-basis: 66.66667%; } -.col-sm-9 { +.col-sm-9, +.row.cols-sm-9 > * { max-width: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; } -.col-sm-10 { +.col-sm-10, +.row.cols-sm-10 > * { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; flex-basis: 83.33333%; } -.col-sm-11 { +.col-sm-11, +.row.cols-sm-11 > * { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; flex-basis: 91.66667%; } -.col-sm-12 { +.col-sm-12, +.row.cols-sm-12 > * { max-width: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; } @@ -322,7 +356,8 @@ a { flex: 0 0 auto; padding: 0 4px; } - .col-md { + .col-md, + .row.cols-md > * { -webkit-box-flex: 1; max-width: 100%; -webkit-flex-grow: 1; @@ -330,62 +365,74 @@ a { -webkit-flex-basis: 0; flex-basis: 0; } - .col-md-1 { + .col-md-1, + .row.cols-md-1 > * { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; flex-basis: 8.33333%; } - .col-md-2 { + .col-md-2, + .row.cols-md-2 > * { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; flex-basis: 16.66667%; } - .col-md-3 { + .col-md-3, + .row.cols-md-3 > * { max-width: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; } - .col-md-4 { + .col-md-4, + .row.cols-md-4 > * { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; flex-basis: 33.33333%; } - .col-md-5 { + .col-md-5, + .row.cols-md-5 > * { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; flex-basis: 41.66667%; } - .col-md-6 { + .col-md-6, + .row.cols-md-6 > * { max-width: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; } - .col-md-7 { + .col-md-7, + .row.cols-md-7 > * { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; flex-basis: 58.33333%; } - .col-md-8 { + .col-md-8, + .row.cols-md-8 > * { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; flex-basis: 66.66667%; } - .col-md-9 { + .col-md-9, + .row.cols-md-9 > * { max-width: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; } - .col-md-10 { + .col-md-10, + .row.cols-md-10 > * { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; flex-basis: 83.33333%; } - .col-md-11 { + .col-md-11, + .row.cols-md-11 > * { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; flex-basis: 91.66667%; } - .col-md-12 { + .col-md-12, + .row.cols-md-12 > * { max-width: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; } @@ -447,7 +494,8 @@ a { flex: 0 0 auto; padding: 0 4px; } - .col-lg { + .col-lg, + .row.cols-lg > * { -webkit-box-flex: 1; max-width: 100%; -webkit-flex-grow: 1; @@ -455,62 +503,74 @@ a { -webkit-flex-basis: 0; flex-basis: 0; } - .col-lg-1 { + .col-lg-1, + .row.cols-lg-1 > * { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; flex-basis: 8.33333%; } - .col-lg-2 { + .col-lg-2, + .row.cols-lg-2 > * { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; flex-basis: 16.66667%; } - .col-lg-3 { + .col-lg-3, + .row.cols-lg-3 > * { max-width: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; } - .col-lg-4 { + .col-lg-4, + .row.cols-lg-4 > * { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; flex-basis: 33.33333%; } - .col-lg-5 { + .col-lg-5, + .row.cols-lg-5 > * { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; flex-basis: 41.66667%; } - .col-lg-6 { + .col-lg-6, + .row.cols-lg-6 > * { max-width: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; } - .col-lg-7 { + .col-lg-7, + .row.cols-lg-7 > * { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; flex-basis: 58.33333%; } - .col-lg-8 { + .col-lg-8, + .row.cols-lg-8 > * { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; flex-basis: 66.66667%; } - .col-lg-9 { + .col-lg-9, + .row.cols-lg-9 > * { max-width: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; } - .col-lg-10 { + .col-lg-10, + .row.cols-lg-10 > * { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; flex-basis: 83.33333%; } - .col-lg-11 { + .col-lg-11, + .row.cols-lg-11 > * { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; flex-basis: 91.66667%; } - .col-lg-12 { + .col-lg-12, + .row.cols-lg-12 > * { max-width: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; } @@ -563,7 +623,7 @@ a { -webkit-order: 999; order: 999; } } /* - Definitions for navigation elements. + Definitions for navigation elements. */ header { display: block; @@ -580,17 +640,27 @@ header { font-size: 1.75em; line-height: 1.5; margin: 6px 6px 1px 1px; - padding: 6px 0 0; } - header button, header [type="button"], header a.button, header label.button, header .button { + padding: 6px 0 0; + -webkit-transition: 0s opacity; + transition: 0s opacity; } + header button, header [type="button"], + header a.button, header label.button, header .button, + header a[role="button"], header label[role="button"], header [role="button"] { background: #211423; color: #fffddc; vertical-align: top; margin: 3px 0 0; box-shadow: none; border: 0; } - header button:hover, header button:active, header button:focus, header [type="button"]:hover, header [type="button"]:active, header [type="button"]:focus, header a.button:hover, header a.button:active, header a.button:focus, header label.button:hover, header label.button:active, header label.button:focus, header .button:hover, header .button:active, header .button:focus { + header button:hover, header button:active, header button:focus, header [type="button"]:hover, header [type="button"]:active, header [type="button"]:focus, + header a.button:hover, + header a.button:active, + header a.button:focus, header label.button:hover, header label.button:active, header label.button:focus, header .button:hover, header .button:active, header .button:focus, + header a[role="button"]:hover, + header a[role="button"]:active, + header a[role="button"]:focus, header label[role="button"]:hover, header label[role="button"]:active, header label[role="button"]:focus, header [role="button"]:hover, header [role="button"]:active, header [role="button"]:focus { background: #493e4b; } - header .logo, header a.button { + header .logo, header a.button, header a[role="button"] { text-decoration: none; } nav { @@ -605,9 +675,11 @@ nav { display: block; color: #6979c6; } nav .sublink-1 { - padding-left: 14px; } + padding-left: 14px; + position: relative; } nav .sublink-2 { - padding-left: 28px; } + padding-left: 28px; + position: relative; } footer { display: block; @@ -619,8 +691,19 @@ footer { footer a, footer a:visited { color: #7480b3; } -/* - Definitions for forms and input elements. +header.sticky, footer.sticky { + position: -webkit-sticky; + position: sticky; + z-index: 1101; } + +header.sticky { + top: 0; } + +footer.sticky { + bottom: 0; } + +/* + Definitions for forms and input elements. */ form { background: #e8deff; @@ -645,9 +728,35 @@ legend { font-size: 0.925em; padding: 2px 4px; } +label { + padding: 6px; } + .input-group { display: inline-block; } + .input-group.fluid { + display: -webkit-box; + -webkit-box-pack: justify; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-justify-content: center; + justify-content: center; } + .input-group.fluid > input { + -webkit-box-flex: 1; + max-width: 100%; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-basis: 0; + flex-basis: 0; } +@media (max-width: 767px) { + .input-group.fluid { + -webkit-box-orient: vertical; + -webkit-align-items: stretch; + align-items: stretch; + -webkit-flex-direction: column; + flex-direction: column; } } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } @@ -671,24 +780,19 @@ input:not([type]), [type="text"], [type="email"], [type="number"], [type="search border-radius: 2px; margin: 2px; padding: 8px 12px; } - input:not([type]):focus, [type="text"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, - [type="password"]:focus, [type="url"]:focus, [type="tel"]:focus, textarea:focus, select:focus { - border-color: #6979c6; - box-shadow: none; } - input:not([type])[disabled], [type="text"][disabled], [type="email"][disabled], [type="number"][disabled], [type="search"][disabled], - [type="password"][disabled], [type="url"][disabled], [type="tel"][disabled], textarea[disabled], select[disabled] { - cursor: not-allowed; - opacity: 0.8; } - input:not([type]):invalid, input:not([type]):focus:invalid, input:not([type]):focus:invalid:focus, [type="text"]:invalid, [type="text"]:focus:invalid, [type="text"]:focus:invalid:focus, [type="email"]:invalid, [type="email"]:focus:invalid, [type="email"]:focus:invalid:focus, [type="number"]:invalid, [type="number"]:focus:invalid, [type="number"]:focus:invalid:focus, [type="search"]:invalid, [type="search"]:focus:invalid, [type="search"]:focus:invalid:focus, - [type="password"]:invalid, - [type="password"]:focus:invalid, - [type="password"]:focus:invalid:focus, [type="url"]:invalid, [type="url"]:focus:invalid, [type="url"]:focus:invalid:focus, [type="tel"]:invalid, [type="tel"]:focus:invalid, [type="tel"]:focus:invalid:focus, textarea:invalid, textarea:focus:invalid, textarea:focus:invalid:focus, select:invalid, select:focus:invalid, select:focus:invalid:focus { - border-color: #d2405f; - box-shadow: none; } - input:not([type])[readonly], [type="text"][readonly], [type="email"][readonly], [type="number"][readonly], [type="search"][readonly], - [type="password"][readonly], [type="url"][readonly], [type="tel"][readonly], textarea[readonly], select[readonly] { - background: #eae1ff; - border-color: #a9a2ba; } + +input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus, textarea:hover, textarea:focus, select:hover, select:focus { + border-color: #6979c6; + box-shadow: none; } +input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled, input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled], textarea:disabled, textarea[disabled], select:disabled, select[disabled] { + cursor: not-allowed; + opacity: 0.8; } +input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid, textarea:invalid, textarea:focus:invalid, select:invalid, select:focus:invalid { + border-color: #d2405f; + box-shadow: none; } +input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], textarea[readonly], select[readonly] { + background: #eae1ff; + border-color: #a9a2ba; } ::-webkit-input-placeholder { opacity: 1; @@ -713,7 +817,9 @@ button { overflow: visible; text-transform: none; } -button, [type="button"], [type="submit"], [type="reset"], a.button, label.button, .button { +button, [type="button"], [type="submit"], [type="reset"], +a.button, label.button, .button, +a[role="button"], label[role="button"], [role="button"] { display: inline-block; background: #d3cae8; color: #211423; @@ -726,10 +832,20 @@ button, [type="button"], [type="submit"], [type="reset"], a.button, label.button -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; } - button:hover, button:active, button:focus, [type="button"]:hover, [type="button"]:active, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:active, [type="reset"]:focus, a.button:hover, a.button:active, a.button:focus, label.button:hover, label.button:active, label.button:focus, .button:hover, .button:active, .button:focus { + button:hover, button:active, button:focus, [type="button"]:hover, [type="button"]:active, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:active, [type="reset"]:focus, + a.button:hover, + a.button:active, + a.button:focus, label.button:hover, label.button:active, label.button:focus, .button:hover, .button:active, .button:focus, + a[role="button"]:hover, + a[role="button"]:active, + a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:active, label[role="button"]:focus, [role="button"]:hover, [role="button"]:active, [role="button"]:focus { background: rgba(211, 202, 232, 0.75); opacity: 1; } - button:disabled, button[disabled], [type="button"]:disabled, [type="button"][disabled], [type="submit"]:disabled, [type="submit"][disabled], [type="reset"]:disabled, [type="reset"][disabled], a.button:disabled, a.button[disabled], label.button:disabled, label.button[disabled], .button:disabled, .button[disabled] { + button:disabled, button[disabled], [type="button"]:disabled, [type="button"][disabled], [type="submit"]:disabled, [type="submit"][disabled], [type="reset"]:disabled, [type="reset"][disabled], + a.button:disabled, + a.button[disabled], label.button:disabled, label.button[disabled], .button:disabled, .button[disabled], + a[role="button"]:disabled, + a[role="button"][disabled], label[role="button"]:disabled, label[role="button"][disabled], [role="button"]:disabled, [role="button"][disabled] { cursor: not-allowed; opacity: 0.75; } @@ -753,7 +869,8 @@ input[type="file"] { border-radius: 3px; margin: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); } - .button-group button, .button-group [type="button"], .button-group [type="submit"], .button-group [type="reset"], .button-group a.button, .button-group label.button, .button-group .button { + .button-group button, .button-group [type="button"], .button-group [type="submit"], .button-group [type="reset"], + .button-group .button, .button-group [role="button"] { margin: 0; -webkit-box-flex: 1; max-width: 100%; @@ -765,7 +882,18 @@ input[type="file"] { border: 0; border-radius: 0; box-shadow: none; } - .button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], .button-group button + a.button, .button-group button + label.button, .button-group button + .button, .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], .button-group [type="button"] + a.button, .button-group [type="button"] + label.button, .button-group [type="button"] + .button, .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], .button-group [type="submit"] + a.button, .button-group [type="submit"] + label.button, .button-group [type="submit"] + .button, .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], .button-group [type="reset"] + a.button, .button-group [type="reset"] + label.button, .button-group [type="reset"] + .button, .button-group a.button + button, .button-group a.button + [type="button"], .button-group a.button + [type="submit"], .button-group a.button + [type="reset"], .button-group a.button + a.button, .button-group a.button + label.button, .button-group a.button + .button, .button-group label.button + button, .button-group label.button + [type="button"], .button-group label.button + [type="submit"], .button-group label.button + [type="reset"], .button-group label.button + a.button, .button-group label.button + label.button, .button-group label.button + .button, .button-group .button + button, .button-group .button + [type="button"], .button-group .button + [type="submit"], .button-group .button + [type="reset"], .button-group .button + a.button, .button-group .button + label.button, .button-group .button + .button { + .button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], + .button-group button + .button, .button-group button + [role="button"], .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], + .button-group [type="button"] + .button, .button-group [type="button"] + [role="button"], .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], + .button-group [type="submit"] + .button, .button-group [type="submit"] + [role="button"], .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], + .button-group [type="reset"] + .button, .button-group [type="reset"] + [role="button"], + .button-group .button + button, + .button-group .button + [type="button"], + .button-group .button + [type="submit"], + .button-group .button + [type="reset"], + .button-group .button + .button, + .button-group .button + [role="button"], .button-group [role="button"] + button, .button-group [role="button"] + [type="button"], .button-group [role="button"] + [type="submit"], .button-group [role="button"] + [type="reset"], + .button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { border-left: 1px solid #a9a2ba; } @media (max-width: 767px) { @@ -773,7 +901,18 @@ input[type="file"] { -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; } - .button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], .button-group button + a.button, .button-group button + label.button, .button-group button + .button, .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], .button-group [type="button"] + a.button, .button-group [type="button"] + label.button, .button-group [type="button"] + .button, .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], .button-group [type="submit"] + a.button, .button-group [type="submit"] + label.button, .button-group [type="submit"] + .button, .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], .button-group [type="reset"] + a.button, .button-group [type="reset"] + label.button, .button-group [type="reset"] + .button, .button-group a.button + button, .button-group a.button + [type="button"], .button-group a.button + [type="submit"], .button-group a.button + [type="reset"], .button-group a.button + a.button, .button-group a.button + label.button, .button-group a.button + .button, .button-group label.button + button, .button-group label.button + [type="button"], .button-group label.button + [type="submit"], .button-group label.button + [type="reset"], .button-group label.button + a.button, .button-group label.button + label.button, .button-group label.button + .button, .button-group .button + button, .button-group .button + [type="button"], .button-group .button + [type="submit"], .button-group .button + [type="reset"], .button-group .button + a.button, .button-group .button + label.button, .button-group .button + .button { + .button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], + .button-group button + .button, .button-group button + [role="button"], .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], + .button-group [type="button"] + .button, .button-group [type="button"] + [role="button"], .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], + .button-group [type="submit"] + .button, .button-group [type="submit"] + [role="button"], .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], + .button-group [type="reset"] + .button, .button-group [type="reset"] + [role="button"], + .button-group .button + button, + .button-group .button + [type="button"], + .button-group .button + [type="submit"], + .button-group .button + [type="reset"], + .button-group .button + .button, + .button-group .button + [role="button"], .button-group [role="button"] + button, .button-group [role="button"] + [type="button"], .button-group [role="button"] + [type="submit"], .button-group [role="button"] + [type="reset"], + .button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { border: 0; border-top: 1px solid #a9a2ba; } } [type="checkbox"], [type="radio"] { @@ -822,65 +961,65 @@ input[type="file"] { background: #211423; content: ''; } -/* - Custom elements for forms and input elements. +/* + Custom elements for forms and input elements. */ button.primary, [type="button"].primary, [type="submit"].primary, -[type="reset"].primary, .button.primary { +[type="reset"].primary, .button.primary, [role="button"].primary { background: #6979c6; color: #fffddc; } button.primary:hover, button.primary:active, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:active, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:active, [type="submit"].primary:focus, [type="reset"].primary:hover, [type="reset"].primary:active, - [type="reset"].primary:focus, .button.primary:hover, .button.primary:active, .button.primary:focus { + [type="reset"].primary:focus, .button.primary:hover, .button.primary:active, .button.primary:focus, [role="button"].primary:hover, [role="button"].primary:active, [role="button"].primary:focus { background: rgba(105, 121, 198, 0.75); } button.secondary, [type="button"].secondary, [type="submit"].secondary, -[type="reset"].secondary, .button.secondary { +[type="reset"].secondary, .button.secondary, [role="button"].secondary { background: #d2405f; color: #fffddc; } button.secondary:hover, button.secondary:active, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:active, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:active, [type="submit"].secondary:focus, [type="reset"].secondary:hover, [type="reset"].secondary:active, - [type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:active, .button.secondary:focus { + [type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:active, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:active, [role="button"].secondary:focus { background: rgba(210, 64, 95, 0.75); } button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, -[type="reset"].tertiary, .button.tertiary { +[type="reset"].tertiary, .button.tertiary, [role="button"].tertiary { background: #2b866d; color: #fffddc; } button.tertiary:hover, button.tertiary:active, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:active, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:active, [type="submit"].tertiary:focus, [type="reset"].tertiary:hover, [type="reset"].tertiary:active, - [type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:active, .button.tertiary:focus { + [type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:active, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:active, [role="button"].tertiary:focus { background: rgba(43, 134, 109, 0.75); } button.inverse, [type="button"].inverse, [type="submit"].inverse, -[type="reset"].inverse, .button.inverse { +[type="reset"].inverse, .button.inverse, [role="button"].inverse { background: #331e36; color: #fffddc; } button.inverse:hover, button.inverse:active, button.inverse:focus, [type="button"].inverse:hover, [type="button"].inverse:active, [type="button"].inverse:focus, [type="submit"].inverse:hover, [type="submit"].inverse:active, [type="submit"].inverse:focus, [type="reset"].inverse:hover, [type="reset"].inverse:active, - [type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:active, .button.inverse:focus { + [type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:active, .button.inverse:focus, [role="button"].inverse:hover, [role="button"].inverse:active, [role="button"].inverse:focus { background: rgba(51, 30, 54, 0.75); } button.small, [type="button"].small, [type="submit"].small, -[type="reset"].small, .button.small { +[type="reset"].small, .button.small, [role="button"].small { border: 0; border-radius: 2px; padding: 4px 6px; margin: 6px 8px; } button.large, [type="button"].large, [type="submit"].large, -[type="reset"].large, .button.large { +[type="reset"].large, .button.large, [role="button"].large { border: 0; border-radius: 4px; padding: 12px 18px; margin: 10px 8px; } -/* - Definitions for the responsive table component. +/* + Definitions for the responsive table component. */ table { border-collapse: separate; @@ -942,127 +1081,14 @@ table { font-weight: 700; } table:not(.preset) td:last-child { border-bottom: 0; } } -@media (min-width: 768px) { - table.horizontal { - display: -webkit-box; - -webkit-box-flex: 0; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - display: -webkit-flex; - display: flex; - -webkit-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-flow: row wrap; - flex-flow: row wrap; - padding: 10x; } - table.horizontal caption { - -webkit-box-flex: 1; - max-width: 100%; - -webkit-flex: 0 0 100%; - flex: 0 0 100%; } - table.horizontal thead, table.horizontal tbody { - display: -webkit-box; - -webkit-box-flex: 0; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - display: -webkit-flex; - display: flex; - -webkit-flex-flow: row nowrap; - flex-flow: row nowrap; } - table.horizontal thead { - z-index: 999; } - table.horizontal tbody { - overflow: auto; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-flex: 1 0 0; - flex: 1 0 0; } - table.horizontal tr { - display: -webkit-box; - -webkit-box-flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - display: -webkit-flex; - display: flex; - -webkit-flex-direction: column; - flex-direction: column; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; } - table.horizontal th, table.horizontal td { - width: 100%; - border: 1px solid #a9a2ba; } - table.horizontal th + th, table.horizontal th + td, table.horizontal td + th, table.horizontal td + td { - border-top: 0; } - table.horizontal th { - text-align: right; } - table.horizontal thead tr:first-child { - padding-left: 0; } - table.horizontal tbody tr:first-child > td { - padding-left: 20px; } } -@media (max-width: 767px) { - table.horizontal.preset { - display: -webkit-box; - -webkit-box-flex: 0; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - display: -webkit-flex; - display: flex; - -webkit-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-flow: row wrap; - flex-flow: row wrap; } - table.horizontal.preset caption { - -webkit-box-flex: 1; - max-width: 100%; - -webkit-flex: 0 0 100%; - flex: 0 0 100%; } - table.horizontal.preset thead, table.horizontal.preset tbody { - display: -webkit-box; - -webkit-box-flex: 0; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - display: -webkit-flex; - display: flex; - -webkit-flex-flow: row nowrap; - flex-flow: row nowrap; } - table.horizontal.preset thead { - z-index: 999; } - table.horizontal.preset tbody { - overflow: auto; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-flex: 1 0 0; - flex: 1 0 0; } - table.horizontal.preset tr { - display: -webkit-box; - -webkit-box-flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - display: -webkit-flex; - display: flex; - -webkit-flex-direction: column; - flex-direction: column; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; } - table.horizontal.preset th, table.horizontal.preset td { - width: 100%; - border: 1px solid #a9a2ba; } - table.horizontal.preset th + th, table.horizontal.preset th + td, table.horizontal.preset td + th, table.horizontal.preset td + td { - border-top: 0; } - table.horizontal.preset th { - text-align: right; } - table.horizontal.preset tbody tr:first-child > td { - padding-left: 20px; } } table.striped tr:nth-of-type(2n) > td { background: #ece4ff; } @media (max-width: 767px) { table.striped:not(.preset) tr:nth-of-type(2n) { background: #ece4ff; } } -/* - Definitions for cards and containers. +/* + Definitions for cards and containers. */ .card { display: -webkit-box; @@ -1095,7 +1121,7 @@ table.striped tr:nth-of-type(2n) > td { padding: 0; -o-object-fit: cover; object-fit: cover; } - .card > button.section, .card .button.section, .card input.section { + .card > button.section, .card .button.section, .card [role="button"].section, .card input.section { border-radius: 0; } .card > .section:last-child { border-bottom: 0; } @@ -1103,8 +1129,8 @@ table.striped tr:nth-of-type(2n) > td { @media (min-width: 320px) { .card { max-width: 320px; } } -/* - Custom elements for cards and containers. +/* + Custom elements for cards and containers. */ @media (min-width: 480px) { .card.large { @@ -1276,8 +1302,8 @@ table.striped tr:nth-of-type(2n) > td { .tabs > [type="radio"] + label + div:last-of-type { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } } -/* - Definitions for contextual background elements and alerts. +/* + Definitions for contextual background elements and alerts. */ mark { background: #6979c6; @@ -1299,8 +1325,58 @@ mark { padding: 12px 16px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26); } -/* - Custom contextual background elements and alerts. +.tooltip { + position: relative; + display: inline-block; } + .tooltip:before, .tooltip:after { + position: absolute; + opacity: 0; + clip: rect(0 0 0 0); + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 1010; } + .tooltip:before, .tooltip:after { + left: 50%; } + .tooltip:not(.bottom):before, .tooltip:not(.bottom):after { + bottom: 100%; } + .tooltip.bottom:before, .tooltip.bottom:after { + top: 100%; } + .tooltip:hover:before, .tooltip:hover:after, .tooltip:active:before, .tooltip:active:after, .tooltip:focus:before, .tooltip:focus:after { + opacity: 1; + clip: auto; + -webkit-clip-path: inset(0%); + clip-path: inset(0%); } + .tooltip:before { + content: ''; + background: transparent; + border: 8px solid transparent; } + .tooltip:not(.bottom):before { + border-top-color: #211423; } + .tooltip.bottom:before { + border-bottom-color: #211423; } + .tooltip:after { + content: attr(aria-label); + background: #211423; + border-radius: 3px; + color: #fffddc; + padding: 10px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); + white-space: nowrap; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + .tooltip:not(.bottom):after { + margin-bottom: 16px; } + .tooltip.bottom:after { + margin-top: 16px; } + +@supports (left: calc(50% - 8px)) or (left: -webkit-calc(50% - 8px)) { + .tooltip:before { + left: -webkit-calc(50% - 8px); + left: calc(50% - 8px); } } +/* + Custom contextual background elements and alerts. */ mark.secondary { background: #d2405f; } @@ -1331,7 +1407,7 @@ mark.inline-block { border: 1px solid #86293d; } /* - Definitions for progress elements and spinners. + Definitions for progress elements and spinners. */ progress { display: block; @@ -1387,8 +1463,8 @@ progress { -webkit-animation: spinner-donut-anim 1.2s linear infinite; animation: spinner-donut-anim 1.2s linear infinite; } -/* - Custom elements for progress elements and spinners. +/* + Custom elements for progress elements and spinners. */ progress.inline { display: inline-block; @@ -1425,11 +1501,6 @@ progress.nano { progress.nano[value="1000"]::-moz-progress-bar { border-radius: 0; } -@supports (width: calc(100% - 2*0)) or (width: -webkit-calc(100% - 2*0)) { - progress.nano { - width: -webkit-calc(100% - 2*0); - width: calc(100% - 2*0); - margin: 0 0; } } .spinner-donut.secondary { border: 4px solid #f2cad3; border-left: 4px solid #d2405f; } @@ -1443,8 +1514,8 @@ progress.nano { width: 32px; height: 32px; } -/* - Definitions for utilities and helper classes. +/* + Definitions for utilities and helper classes. */ .hidden { display: none !important; } @@ -1456,8 +1527,9 @@ progress.nano { margin: -1px !important; border: 0 !important; padding: 0 !important; - clip-path: inset(100%); - clip: rect(0 0 0 0); + clip: rect(0 0 0 0) !important; + -webkit-clip-path: inset(100%) !important; + clip-path: inset(100%) !important; overflow: hidden !important; } ul.breadcrumbs { @@ -1537,18 +1609,8 @@ ul.breadcrumbs { -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); } -.clearfix:before, .clearfix:after { - content: ' ' !important; - display: table !important; - clear: both !important; } - -.center-block { - display: block !important; - margin-left: auto !important; - margin-right: auto !important; } - -/* - Custom elements for utilities and helper classes. +/* + Custom elements for utilities and helper classes. */ .bordered { border: 1px solid rgba(0, 0, 0, 0.25) !important; } @@ -1588,9 +1650,3 @@ ul.breadcrumbs { .shadow-large { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15) !important; } - -.float-left { - float: left !important; } - -.float-right { - float: right !important; } diff --git a/dist/mini-sucroa.min.css b/dist/mini-sucroa.min.css index 9c1b496..282ff6e 100644 --- a/dist/mini-sucroa.min.css +++ b/dist/mini-sucroa.min.css @@ -1 +1 @@ -@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext);html{font-size:16px}*,html{font-family:Libre Baskerville,serif;line-height:1.7;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#211423;background:#fffcc9}article,aside,details,figcaption,figure,main,menu,section{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 10px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-2px;font-size:75%}h1{font-size:2.2em}h2{font-size:1.7em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:.9em}p{margin:4px 10px}ol,ul{margin:4px 10px 10px;padding-left:32px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.3em;margin:10px;height:1px;background:-webkit-linear-gradient(to right,#5d545f,#1e1320,#5d545f);background:linear-gradient(to right,#5d545f,#1e1320,#5d545f)}blockquote{display:block;position:relative;font-style:italic;background:#eae1ff;margin:10px;padding:8px 12px 28px;border-left:3px solid #331e36;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15)}blockquote:after{position:absolute;font-style:normal;font-size:.85em;color:#5d545f;left:10px;bottom:4px;content:"— " attr(cite)}code,kbd,pre,samp{font-family:Cousine,monospace,monospace}code{border-radius:2px;background:#e8deff;padding:3px 4px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15)}pre{overflow:auto;border-radius:2px;background:#e8deff;padding:8px 12px;margin:10px;border-left:3px solid #6979c6;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15)}kbd{border-radius:2px;background:#331e36;color:#fffddc;padding:3px 4px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15)}small,sub,sup{font-size:80%}sup{top:-6px}sub{bottom:-6px}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#5664a3;text-decoration:underline;opacity:1;-webkit-transition:all .3 ease 0s;transition:all .3s ease 0s}a:visited{color:#434e7f}a:active,a:focus,a:hover{opacity:.75}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.col-sm,[class^=col-sm-],[class^=col-sm-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media (min-width:768px){.col-md,[class^=col-md-],[class^=col-md-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media (min-width:1280px){.col-lg,[class^=col-lg-],[class^=col-lg-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:48px;background:#211423;color:#fffddc;padding:3px 10px;box-shadow:0 2px 4px rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fffddc;font-size:1.75em;line-height:1.5;margin:6px 6px 1px 1px;padding:6px 0 0}header .button,header [type=button],header a.button,header button,header label.button{background:#211423;color:#fffddc;vertical-align:top;margin:3px 0 0;box-shadow:none;border:0}header .button:active,header .button:focus,header .button:hover,header [type=button]:active,header [type=button]:focus,header [type=button]:hover,header a.button:active,header a.button:focus,header a.button:hover,header button:active,header button:focus,header button:hover,header label.button:active,header label.button:focus,header label.button:hover{background:#493e4b}header .logo,header a.button{text-decoration:none}nav{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:12px 10px 18px 22px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)}nav a,nav a:visited{display:block;color:#6979c6}nav .sublink-1{padding-left:14px}nav .sublink-2{padding-left:28px}footer{display:block;background:#211423;color:#fffddc;margin:22px 0 0;padding:24px 10px 14px;font-size:90%}footer a,footer a:visited{color:#7480b3}form{background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:10px;padding:14px 10px 20px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)}fieldset{border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.925em;padding:2px 4px}.input-group{display:inline-block}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],input:not([type]),select,textarea{box-sizing:border-box;background:#f2edff;color:#211423;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:8px 12px}[type=email]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=url]:focus,input:not([type]):focus,select:focus,textarea:focus{border-color:#6979c6;box-shadow:none}[type=email][disabled],[type=number][disabled],[type=password][disabled],[type=search][disabled],[type=tel][disabled],[type=text][disabled],[type=url][disabled],input:not([type])[disabled],select[disabled],textarea[disabled]{cursor:not-allowed;opacity:.8}[type=email]:focus:invalid,[type=email]:focus:invalid:focus,[type=email]:invalid,[type=number]:focus:invalid,[type=number]:focus:invalid:focus,[type=number]:invalid,[type=password]:focus:invalid,[type=password]:focus:invalid:focus,[type=password]:invalid,[type=search]:focus:invalid,[type=search]:focus:invalid:focus,[type=search]:invalid,[type=tel]:focus:invalid,[type=tel]:focus:invalid:focus,[type=tel]:invalid,[type=text]:focus:invalid,[type=text]:focus:invalid:focus,[type=text]:invalid,[type=url]:focus:invalid,[type=url]:focus:invalid:focus,[type=url]:invalid,input:not([type]):focus:invalid,input:not([type]):focus:invalid:focus,input:not([type]):invalid,select:focus:invalid,select:focus:invalid:focus,select:invalid,textarea:focus:invalid,textarea:focus:invalid:focus,textarea:invalid{border-color:#d2405f;box-shadow:none}[type=email][readonly],[type=number][readonly],[type=password][readonly],[type=search][readonly],[type=tel][readonly],[type=text][readonly],[type=url][readonly],input:not([type])[readonly],select[readonly],textarea[readonly]{background:#eae1ff;border-color:#a9a2ba}::-webkit-input-placeholder{opacity:1;color:#493e4b}::-moz-placeholder{opacity:1;color:#493e4b}::-ms-placeholder{opacity:1;color:#493e4b}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button{overflow:visible;text-transform:none}.button,[type=button],[type=reset],[type=submit],a.button,button,label.button{display:inline-block;background:#d3cae8;color:#211423;border:1px solid #a9a2ba;border-radius:3px;padding:8px 12px;margin:10px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15);text-decoration:none;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;cursor:pointer}.button:active,.button:focus,.button:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,button:active,button:focus,button:hover,label.button:active,label.button:focus,label.button:hover{background:rgba(211,202,232,.75);opacity:1}.button:disabled,.button[disabled],[type=button]:disabled,[type=button][disabled],[type=reset]:disabled,[type=reset][disabled],[type=submit]:disabled,[type=submit][disabled],a.button:disabled,a.button[disabled],button:disabled,button[disabled],label.button:disabled,label.button[disabled]{cursor:not-allowed;opacity:.75}input[type=file]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #a9a2ba;border-radius:3px;margin:10px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)}.button-group .button,.button-group [type=button],.button-group [type=reset],.button-group [type=submit],.button-group a.button,.button-group button,.button-group label.button{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group .button+.button,.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+a.button,.button-group .button+button,.button-group .button+label.button,.button-group [type=button]+.button,.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+a.button,.button-group [type=button]+button,.button-group [type=button]+label.button,.button-group [type=reset]+.button,.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+a.button,.button-group [type=reset]+button,.button-group [type=reset]+label.button,.button-group [type=submit]+.button,.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+a.button,.button-group [type=submit]+button,.button-group [type=submit]+label.button,.button-group a.button+.button,.button-group a.button+[type=button],.button-group a.button+[type=reset],.button-group a.button+[type=submit],.button-group a.button+a.button,.button-group a.button+button,.button-group a.button+label.button,.button-group button+.button,.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+a.button,.button-group button+button,.button-group button+label.button,.button-group label.button+.button,.button-group label.button+[type=button],.button-group label.button+[type=reset],.button-group label.button+[type=submit],.button-group label.button+a.button,.button-group label.button+button,.button-group label.button+label.button{border-left:1px solid #a9a2ba}@media (max-width:767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group .button+.button,.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+a.button,.button-group .button+button,.button-group .button+label.button,.button-group [type=button]+.button,.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+a.button,.button-group [type=button]+button,.button-group [type=button]+label.button,.button-group [type=reset]+.button,.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+a.button,.button-group [type=reset]+button,.button-group [type=reset]+label.button,.button-group [type=submit]+.button,.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+a.button,.button-group [type=submit]+button,.button-group [type=submit]+label.button,.button-group a.button+.button,.button-group a.button+[type=button],.button-group a.button+[type=reset],.button-group a.button+[type=submit],.button-group a.button+a.button,.button-group a.button+button,.button-group a.button+label.button,.button-group button+.button,.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+a.button,.button-group button+button,.button-group button+label.button,.button-group label.button+.button,.button-group label.button+[type=button],.button-group label.button+[type=reset],.button-group label.button+[type=submit],.button-group label.button+a.button,.button-group label.button+button,.button-group label.button+label.button{border:0;border-top:1px solid #a9a2ba}}[type=checkbox],[type=radio]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type=checkbox]+label,.input-group [type=radio]+label{position:relative;margin-left:20px}.input-group [type=checkbox]+label:before,.input-group [type=radio]+label:before{display:inline-block;position:absolute;bottom:3px;left:0;width:16px;height:16px;content:'';border:1px solid #a9a2ba;border-radius:2px;background:#f2edff;color:#211423;margin-left:-20px}.input-group [type=checkbox]+label:active:before,.input-group [type=checkbox]+label:focus:before,.input-group [type=checkbox]+label:hover:before,.input-group [type=checkbox]:focus+label:before,.input-group [type=radio]+label:active:before,.input-group [type=radio]+label:focus:before,.input-group [type=radio]+label:hover:before,.input-group [type=radio]:focus+label:before{border-color:#6979c6}.input-group [type=radio]+label:after,.input-group [type=radio]+label:before{border-radius:50%}.input-group [type=checkbox][disabled]+label,.input-group [type=radio][disabled]+label{cursor:not-allowed}.input-group [type=checkbox][disabled]+label:after,.input-group [type=checkbox][disabled]+label:before,.input-group [type=radio][disabled]+label:after,.input-group [type=radio][disabled]+label:before{opacity:.8}.input-group [type=checkbox]:checked+label:after,.input-group [type=radio]:checked+label:after{margin-left:-20px;position:absolute;bottom:7px;left:4px;width:10px;height:10px;background:#211423;content:''}.button.primary,[type=button].primary,[type=reset].primary,[type=submit].primary,button.primary{background:#6979c6;color:#fffddc}.button.primary:active,.button.primary:focus,.button.primary:hover,[type=button].primary:active,[type=button].primary:focus,[type=button].primary:hover,[type=reset].primary:active,[type=reset].primary:focus,[type=reset].primary:hover,[type=submit].primary:active,[type=submit].primary:focus,[type=submit].primary:hover,button.primary:active,button.primary:focus,button.primary:hover{background:rgba(105,121,198,.75)}.button.secondary,[type=button].secondary,[type=reset].secondary,[type=submit].secondary,button.secondary{background:#d2405f;color:#fffddc}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,[type=button].secondary:active,[type=button].secondary:focus,[type=button].secondary:hover,[type=reset].secondary:active,[type=reset].secondary:focus,[type=reset].secondary:hover,[type=submit].secondary:active,[type=submit].secondary:focus,[type=submit].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover{background:rgba(210,64,95,.75)}.button.tertiary,[type=button].tertiary,[type=reset].tertiary,[type=submit].tertiary,button.tertiary{background:#2b866d;color:#fffddc}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,[type=button].tertiary:active,[type=button].tertiary:focus,[type=button].tertiary:hover,[type=reset].tertiary:active,[type=reset].tertiary:focus,[type=reset].tertiary:hover,[type=submit].tertiary:active,[type=submit].tertiary:focus,[type=submit].tertiary:hover,button.tertiary:active,button.tertiary:focus,button.tertiary:hover{background:rgba(43,134,109,.75)}.button.inverse,[type=button].inverse,[type=reset].inverse,[type=submit].inverse,button.inverse{background:#331e36;color:#fffddc}.button.inverse:active,.button.inverse:focus,.button.inverse:hover,[type=button].inverse:active,[type=button].inverse:focus,[type=button].inverse:hover,[type=reset].inverse:active,[type=reset].inverse:focus,[type=reset].inverse:hover,[type=submit].inverse:active,[type=submit].inverse:focus,[type=submit].inverse:hover,button.inverse:active,button.inverse:focus,button.inverse:hover{background:rgba(51,30,54,.75)}.button.small,[type=button].small,[type=reset].small,[type=submit].small,button.small{border:0;border-radius:2px;padding:4px 6px;margin:6px 8px}.button.large,[type=button].large,[type=reset].large,[type=submit].large,button.large{border:0;border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #a9a2ba;border-radius:2px;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)}table caption{font-size:1.5em;margin:6px 10px 12px}table tr{padding:10x}table td,table th{padding:10px;border-left:1px solid #a9a2ba;border-top:1px solid #a9a2ba}table td{background:#f2edff}table thead th{border-top:0}table th{background:#d3cae8}table td:first-child,table th:first-child{border-left:0}@media (max-width:767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) th,table:not(.preset) thead{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #a9a2ba;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15);background:#f2edff;margin-bottom:12px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #a9a2ba;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}@media (min-width:768px){table.horizontal{-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:10x}table.horizontal caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal tbody,table.horizontal thead{-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal thead{z-index:999}table.horizontal tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal tr{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal td,table.horizontal th{width:100%;border:1px solid #a9a2ba}table.horizontal td+td,table.horizontal td+th,table.horizontal th+td,table.horizontal th+th{border-top:0}table.horizontal th{text-align:right}table.horizontal thead tr:first-child{padding-left:0}table.horizontal tbody tr:first-child>td{padding-left:20px}}@media (max-width:767px){table.horizontal.preset{-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}table.horizontal.preset caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal.preset tbody,table.horizontal.preset thead{-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal.preset thead{z-index:999}table.horizontal.preset tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal.preset tr{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal.preset td,table.horizontal.preset th{width:100%;border:1px solid #a9a2ba}table.horizontal.preset td+td,table.horizontal.preset td+th,table.horizontal.preset th+td,table.horizontal.preset th+th{border-top:0}table.horizontal.preset th{text-align:right}table.horizontal.preset tbody tr:first-child>td{padding-left:20px}}table.striped tr:nth-of-type(2n)>td{background:#ece4ff}@media (max-width:767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#ece4ff}}.card{-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#f2d7d8;border:1px solid #9b898a;border-radius:2px;margin:4px 10px 22px;box-shadow:0 2px 4px rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #c7b0b1;padding:8px 10px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card .button.section,.card input.section,.card>button.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media (min-width:320px){.card{max-width:320px}}@media (min-width:480px){.card.large{max-width:480px}}@media (min-width:240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#211423;color:#fffddc;border:1px solid #190f1a}.card.inverse>.section{border-bottom:1px solid #493e4b}.card.inverse>.section:last-child{border-bottom:0}.card>.section.light{background:#f6e5e6}.card>.section.lighter{background:#fbf4f4}.card>.section.double-padded{padding:12px 14px}.tabs{width:100%;opacity:1;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:28px;cursor:pointer;-webkit-transition:background .3s ease 0s;transition:background .3s ease 0s;background:#d3cae8;border:1px solid #a9a2ba;padding:10px 12px}.tabs>label:first-of-type{border-top-left-radius:2px}.tabs>label:last-of-type{border-top-right-radius:2px}.tabs>label:active,.tabs>label:focus,.tabs>label:hover{background:rgba(211,202,232,.8)}.tabs.stacked>[type=checkbox],.tabs>[type=radio]{display:none;visibility:hidden}.tabs.stacked>[type=checkbox]+label+div,.tabs>[type=radio]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform .3s ease 0s,transform .3s ease 0s;transition:-webkit-transform .3s ease 0s,transform .3s ease 0s;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs>[type=radio]+label+div+[type=radio]+label{border-left:0}.tabs.stacked>[type=checkbox]:checked+label,.tabs>[type=radio]:checked+label{background:#e8deff}.tabs.stacked>[type=checkbox]:checked+label:active,.tabs.stacked>[type=checkbox]:checked+label:focus,.tabs.stacked>[type=checkbox]:checked+label:hover,.tabs>[type=radio]:checked+label:active,.tabs>[type=radio]:checked+label:focus,.tabs>[type=radio]:checked+label:hover{background:rgba(232,222,255,.8)}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs>[type=radio]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#eee7ff;border:1px solid #a9a2ba;border-top:0;padding:10px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>label:first-of-type{border-top-right-radius:2px}.tabs.stacked>[type=checkbox]:checked+label,.tabs.stacked>[type=radio]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs.stacked>[type=checkbox]+label+div,.tabs.stacked>[type=radio]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top;border-radius:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs.stacked>[type=radio]+label+div+[type=checkbox]+label,.tabs.stacked>[type=radio]+label+div+[type=radio]+label{border:1px solid #a9a2ba;border-top:0}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs.stacked>[type=radio]:checked+label+div{height:auto}.tabs.stacked>[type=checkbox]+label+div:last-of-type,.tabs.stacked>[type=radio]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media (max-width:767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>label:first-of-type{border-top-right-radius:2px}.tabs>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type=radio]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs>[type=radio]+label+div{-webkit-order:initial;order:initial;border-radius:0}.tabs>[type=radio]+label+div+[type=radio]+label{border:1px solid #a9a2ba;border-top:0}.tabs>[type=radio]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}}mark{background:#6979c6;color:#fffddc;font-size:95%;line-height:1;border-radius:2px;padding:3px 5px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15)}mark.inline-block{display:inline-block}.alert{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:4px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.26)}mark.secondary{background:#d2405f}mark.tertiary{background:#2b866d}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#fe9992}.alert.critical{background:#ac354e;color:#fffddc}.alert.urgent{border:1px solid #fe6d64}.alert.critical{border:1px solid #86293d}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:100%;border:0;border-radius:2px;margin:2px auto;box-shadow:0 .5px 1px rgba(0,0,0,.1),0 .5px .5px rgba(0,0,0,.15);background:#e8deff;color:#6979c6}progress::-webkit-progress-value{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#e8deff}progress::-moz-progress-bar{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}@supports (width:calc(100% - 2*10px)) or (width:-webkit-calc(100% - 2*10px)){progress{width:-webkit-calc(100% - 2*10px);width:calc(100% - 2*10px);margin:2px 10px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #d6daef;border-left:4px solid #6979c6;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#d2405f}progress.secondary::-webkit-progress-value{background:#d2405f}progress.secondary::-moz-progress-bar{background:#d2405f}progress.tertiary{color:#2b866d}progress.tertiary::-webkit-progress-value{background:#2b866d}progress.tertiary::-moz-progress-bar{background:#2b866d}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}@supports (width:calc(100% - 2*0)) or (width:-webkit-calc(100% - 2*0)){progress.nano{width:-webkit-calc(100% - 2*0);width:calc(100% - 2*0);margin:0}}.spinner-donut.secondary{border:4px solid #f2cad3;border-left:4px solid #d2405f}.spinner-donut.tertiary{border:4px solid #c5ded7;border-left:4px solid #2b866d}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden!important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:12px 10px;padding:0;border:1px solid #a9a2ba;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e8deff;height:32px;line-height:32px;margin-right:19px}ul.breadcrumbs li:after,ul.breadcrumbs li:before{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e8deff;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e8deff}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:.75em;height:.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(232,222,255,0);vertical-align:top;cursor:pointer;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.close:active,.close:focus,.close:hover{background:#e8deff}.close:after,.close:before{display:inline-block;width:.45em;height:.1em;position:absolute;content:"";top:.33em;left:.155em;text-overflow:clip;background:#211423}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.clearfix:after,.clearfix:before{content:' '!important;display:table!important;clear:both!important}.center-block{display:block!important;margin-left:auto!important;margin-right:auto!important}.bordered{border:1px solid rgba(0,0,0,.25)!important}.rounded{border-radius:4px!important}.circular{border-radius:50%!important}.responsive-margin{margin:3px!important}@media (min-width:768px){.responsive-margin{margin:6px!important}}@media (min-width:1280px){.responsive-margin{margin:10px!important}}.responsive-padding{padding:2px 3px!important}@media (min-width:768px){.responsive-padding{padding:4px 6px!important}}@media (min-width:1280px){.responsive-padding{padding:8px 10px!important}}.shadow-none{box-shadow:none!important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15)!important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15)!important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)!important}.float-left{float:left!important}.float-right{float:right!important} \ No newline at end of file +@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext);html{font-size:16px}*,html{font-family:Libre Baskerville,serif;line-height:1.7;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#211423;background:#fffcc9}article,aside,details,figcaption,figure,main,menu,section{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 10px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-2px;font-size:75%}h1{font-size:2.2em}h2{font-size:1.7em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:.9em}p{margin:4px 10px}ol,ul{margin:4px 10px 10px;padding-left:32px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.3em;margin:10px;height:1px;background:-webkit-linear-gradient(to right,#5d545f,#1e1320,#5d545f);background:linear-gradient(to right,#5d545f,#1e1320,#5d545f)}blockquote{display:block;position:relative;font-style:italic;background:#eae1ff;margin:10px;padding:8px 12px 28px;border-left:3px solid #331e36;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15)}blockquote:after{position:absolute;font-style:normal;font-size:.85em;color:#5d545f;left:10px;bottom:4px;content:"— " attr(cite)}code,kbd,pre,samp{font-family:Cousine,monospace,monospace}code{border-radius:2px;background:#e8deff;padding:3px 4px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15)}pre{overflow:auto;border-radius:2px;background:#e8deff;padding:8px 12px;margin:10px;border-left:3px solid #6979c6;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15)}kbd{border-radius:2px;background:#331e36;color:#fffddc;padding:3px 4px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15)}small,sub,sup{font-size:80%}sup{top:-6px}sub{bottom:-6px}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#5664a3;text-decoration:underline;opacity:1;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}a:visited{color:#434e7f}a:active,a:focus,a:hover{opacity:.75}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.col-sm,.row[class*=cols-sm-]>*,[class^=col-sm-],[class^=col-sm-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media (min-width:768px){.row[class*=cols-md-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media (min-width:1280px){.row[class*=cols-lg-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media (min-width:768px){.col-md,[class^=col-md-],[class^=col-md-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media (min-width:1280px){.col-lg,[class^=col-lg-],[class^=col-lg-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:48px;background:#211423;color:#fffddc;padding:3px 10px;box-shadow:0 2px 4px rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fffddc;font-size:1.75em;line-height:1.5;margin:6px 6px 1px 1px;padding:6px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header .button,header [role=button],header [type=button],header a.button,header a[role=button],header button,header label.button,header label[role=button]{background:#211423;color:#fffddc;vertical-align:top;margin:3px 0 0;box-shadow:none;border:0}header .button:active,header .button:focus,header .button:hover,header [role=button]:active,header [role=button]:focus,header [role=button]:hover,header [type=button]:active,header [type=button]:focus,header [type=button]:hover,header a.button:active,header a.button:focus,header a.button:hover,header a[role=button]:active,header a[role=button]:focus,header a[role=button]:hover,header button:active,header button:focus,header button:hover,header label.button:active,header label.button:focus,header label.button:hover,header label[role=button]:active,header label[role=button]:focus,header label[role=button]:hover{background:#493e4b}header .logo,header a.button,header a[role=button]{text-decoration:none}nav{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:12px 10px 18px 22px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)}nav a,nav a:visited{display:block;color:#6979c6}nav .sublink-1{padding-left:14px;position:relative}nav .sublink-2{padding-left:28px;position:relative}footer{display:block;background:#211423;color:#fffddc;margin:22px 0 0;padding:24px 10px 14px;font-size:90%}footer a,footer a:visited{color:#7480b3}footer.sticky,header.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:10px;padding:14px 10px 20px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)}fieldset{border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.925em;padding:2px 4px}label{padding:6px}.input-group{display:inline-block}.input-group.fluid{-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media (max-width:767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],input:not([type]),select,textarea{box-sizing:border-box;background:#f2edff;color:#211423;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:8px 12px}input:not([type=button]):not([type=submit]):not([type=reset]):focus,input:not([type=button]):not([type=submit]):not([type=reset]):hover,select:focus,select:hover,textarea:focus,textarea:hover{border-color:#6979c6;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset]):disabled,input:not([type=button]):not([type=submit]):not([type=reset])[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{cursor:not-allowed;opacity:.8}input:not([type=button]):not([type=submit]):not([type=reset]):focus:invalid,input:not([type=button]):not([type=submit]):not([type=reset]):invalid,select:focus:invalid,select:invalid,textarea:focus:invalid,textarea:invalid{border-color:#d2405f;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset])[readonly],select[readonly],textarea[readonly]{background:#eae1ff;border-color:#a9a2ba}::-webkit-input-placeholder{opacity:1;color:#493e4b}::-moz-placeholder{opacity:1;color:#493e4b}::-ms-placeholder{opacity:1;color:#493e4b}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button{overflow:visible;text-transform:none}.button,[role=button],[type=button],[type=reset],[type=submit],a.button,a[role=button],button,label.button,label[role=button]{display:inline-block;background:#d3cae8;color:#211423;border:1px solid #a9a2ba;border-radius:3px;padding:8px 12px;margin:10px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15);text-decoration:none;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;cursor:pointer}.button:active,.button:focus,.button:hover,[role=button]:active,[role=button]:focus,[role=button]:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,label.button:active,label.button:focus,label.button:hover,label[role=button]:active,label[role=button]:focus,label[role=button]:hover{background:rgba(211,202,232,.75);opacity:1}.button:disabled,.button[disabled],[role=button]:disabled,[role=button][disabled],[type=button]:disabled,[type=button][disabled],[type=reset]:disabled,[type=reset][disabled],[type=submit]:disabled,[type=submit][disabled],a.button:disabled,a.button[disabled],a[role=button]:disabled,a[role=button][disabled],button:disabled,button[disabled],label.button:disabled,label.button[disabled],label[role=button]:disabled,label[role=button][disabled]{cursor:not-allowed;opacity:.75}input[type=file]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #a9a2ba;border-radius:3px;margin:10px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)}.button-group .button,.button-group [role=button],.button-group [type=button],.button-group [type=reset],.button-group [type=submit],.button-group button{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border-left:1px solid #a9a2ba}@media (max-width:767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border:0;border-top:1px solid #a9a2ba}}[type=checkbox],[type=radio]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type=checkbox]+label,.input-group [type=radio]+label{position:relative;margin-left:20px}.input-group [type=checkbox]+label:before,.input-group [type=radio]+label:before{display:inline-block;position:absolute;bottom:3px;left:0;width:16px;height:16px;content:'';border:1px solid #a9a2ba;border-radius:2px;background:#f2edff;color:#211423;margin-left:-20px}.input-group [type=checkbox]+label:active:before,.input-group [type=checkbox]+label:focus:before,.input-group [type=checkbox]+label:hover:before,.input-group [type=checkbox]:focus+label:before,.input-group [type=radio]+label:active:before,.input-group [type=radio]+label:focus:before,.input-group [type=radio]+label:hover:before,.input-group [type=radio]:focus+label:before{border-color:#6979c6}.input-group [type=radio]+label:after,.input-group [type=radio]+label:before{border-radius:50%}.input-group [type=checkbox][disabled]+label,.input-group [type=radio][disabled]+label{cursor:not-allowed}.input-group [type=checkbox][disabled]+label:after,.input-group [type=checkbox][disabled]+label:before,.input-group [type=radio][disabled]+label:after,.input-group [type=radio][disabled]+label:before{opacity:.8}.input-group [type=checkbox]:checked+label:after,.input-group [type=radio]:checked+label:after{margin-left:-20px;position:absolute;bottom:7px;left:4px;width:10px;height:10px;background:#211423;content:''}.button.primary,[role=button].primary,[type=button].primary,[type=reset].primary,[type=submit].primary,button.primary{background:#6979c6;color:#fffddc}.button.primary:active,.button.primary:focus,.button.primary:hover,[role=button].primary:active,[role=button].primary:focus,[role=button].primary:hover,[type=button].primary:active,[type=button].primary:focus,[type=button].primary:hover,[type=reset].primary:active,[type=reset].primary:focus,[type=reset].primary:hover,[type=submit].primary:active,[type=submit].primary:focus,[type=submit].primary:hover,button.primary:active,button.primary:focus,button.primary:hover{background:rgba(105,121,198,.75)}.button.secondary,[role=button].secondary,[type=button].secondary,[type=reset].secondary,[type=submit].secondary,button.secondary{background:#d2405f;color:#fffddc}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,[type=button].secondary:active,[type=button].secondary:focus,[type=button].secondary:hover,[type=reset].secondary:active,[type=reset].secondary:focus,[type=reset].secondary:hover,[type=submit].secondary:active,[type=submit].secondary:focus,[type=submit].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover{background:rgba(210,64,95,.75)}.button.tertiary,[role=button].tertiary,[type=button].tertiary,[type=reset].tertiary,[type=submit].tertiary,button.tertiary{background:#2b866d;color:#fffddc}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,[role=button].tertiary:active,[role=button].tertiary:focus,[role=button].tertiary:hover,[type=button].tertiary:active,[type=button].tertiary:focus,[type=button].tertiary:hover,[type=reset].tertiary:active,[type=reset].tertiary:focus,[type=reset].tertiary:hover,[type=submit].tertiary:active,[type=submit].tertiary:focus,[type=submit].tertiary:hover,button.tertiary:active,button.tertiary:focus,button.tertiary:hover{background:rgba(43,134,109,.75)}.button.inverse,[role=button].inverse,[type=button].inverse,[type=reset].inverse,[type=submit].inverse,button.inverse{background:#331e36;color:#fffddc}.button.inverse:active,.button.inverse:focus,.button.inverse:hover,[role=button].inverse:active,[role=button].inverse:focus,[role=button].inverse:hover,[type=button].inverse:active,[type=button].inverse:focus,[type=button].inverse:hover,[type=reset].inverse:active,[type=reset].inverse:focus,[type=reset].inverse:hover,[type=submit].inverse:active,[type=submit].inverse:focus,[type=submit].inverse:hover,button.inverse:active,button.inverse:focus,button.inverse:hover{background:rgba(51,30,54,.75)}.button.small,[role=button].small,[type=button].small,[type=reset].small,[type=submit].small,button.small{border:0;border-radius:2px;padding:4px 6px;margin:6px 8px}.button.large,[role=button].large,[type=button].large,[type=reset].large,[type=submit].large,button.large{border:0;border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #a9a2ba;border-radius:2px;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)}table caption{font-size:1.5em;margin:6px 10px 12px}table tr{padding:10x}table td,table th{padding:10px;border-left:1px solid #a9a2ba;border-top:1px solid #a9a2ba}table td{background:#f2edff}table thead th{border-top:0}table th{background:#d3cae8}table td:first-child,table th:first-child{border-left:0}@media (max-width:767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) th,table:not(.preset) thead{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #a9a2ba;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15);background:#f2edff;margin-bottom:12px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #a9a2ba;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}table.striped tr:nth-of-type(2n)>td{background:#ece4ff}@media (max-width:767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#ece4ff}}.card{-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#f2d7d8;border:1px solid #9b898a;border-radius:2px;margin:4px 10px 22px;box-shadow:0 2px 4px rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #c7b0b1;padding:8px 10px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card .button.section,.card [role=button].section,.card input.section,.card>button.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media (min-width:320px){.card{max-width:320px}}@media (min-width:480px){.card.large{max-width:480px}}@media (min-width:240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#211423;color:#fffddc;border:1px solid #190f1a}.card.inverse>.section{border-bottom:1px solid #493e4b}.card.inverse>.section:last-child{border-bottom:0}.card>.section.light{background:#f6e5e6}.card>.section.lighter{background:#fbf4f4}.card>.section.double-padded{padding:12px 14px}.tabs{width:100%;opacity:1;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:28px;cursor:pointer;-webkit-transition:background .3s ease 0s;transition:background .3s ease 0s;background:#d3cae8;border:1px solid #a9a2ba;padding:10px 12px}.tabs>label:first-of-type{border-top-left-radius:2px}.tabs>label:last-of-type{border-top-right-radius:2px}.tabs>label:active,.tabs>label:focus,.tabs>label:hover{background:rgba(211,202,232,.8)}.tabs.stacked>[type=checkbox],.tabs>[type=radio]{display:none;visibility:hidden}.tabs.stacked>[type=checkbox]+label+div,.tabs>[type=radio]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform .3s ease 0s,transform .3s ease 0s;transition:-webkit-transform .3s ease 0s,transform .3s ease 0s;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs>[type=radio]+label+div+[type=radio]+label{border-left:0}.tabs.stacked>[type=checkbox]:checked+label,.tabs>[type=radio]:checked+label{background:#e8deff}.tabs.stacked>[type=checkbox]:checked+label:active,.tabs.stacked>[type=checkbox]:checked+label:focus,.tabs.stacked>[type=checkbox]:checked+label:hover,.tabs>[type=radio]:checked+label:active,.tabs>[type=radio]:checked+label:focus,.tabs>[type=radio]:checked+label:hover{background:rgba(232,222,255,.8)}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs>[type=radio]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#eee7ff;border:1px solid #a9a2ba;border-top:0;padding:10px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>label:first-of-type{border-top-right-radius:2px}.tabs.stacked>[type=checkbox]:checked+label,.tabs.stacked>[type=radio]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs.stacked>[type=checkbox]+label+div,.tabs.stacked>[type=radio]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top;border-radius:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs.stacked>[type=radio]+label+div+[type=checkbox]+label,.tabs.stacked>[type=radio]+label+div+[type=radio]+label{border:1px solid #a9a2ba;border-top:0}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs.stacked>[type=radio]:checked+label+div{height:auto}.tabs.stacked>[type=checkbox]+label+div:last-of-type,.tabs.stacked>[type=radio]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media (max-width:767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>label:first-of-type{border-top-right-radius:2px}.tabs>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type=radio]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs>[type=radio]+label+div{-webkit-order:initial;order:initial;border-radius:0}.tabs>[type=radio]+label+div+[type=radio]+label{border:1px solid #a9a2ba;border-top:0}.tabs>[type=radio]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}}mark{background:#6979c6;color:#fffddc;font-size:95%;line-height:1;border-radius:2px;padding:3px 5px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15)}mark.inline-block{display:inline-block}.alert{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:4px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.26)}.tooltip{position:relative;display:inline-block}.tooltip:after,.tooltip:before{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:1010;left:50%}.tooltip:not(.bottom):after,.tooltip:not(.bottom):before{bottom:100%}.tooltip.bottom:after,.tooltip.bottom:before{top:100%}.tooltip:active:after,.tooltip:active:before,.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:0 0;border:8px solid transparent}.tooltip:not(.bottom):before{border-top-color:#211423}.tooltip.bottom:before{border-bottom-color:#211423}.tooltip:after{content:attr(aria-label);background:#211423;border-radius:3px;color:#fffddc;padding:10px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:16px}.tooltip.bottom:after{margin-top:16px}@supports (left:calc(50% - 8px)) or (left:-webkit-calc(50% - 8px)){.tooltip:before{left:-webkit-calc(50% - 8px);left:calc(50% - 8px)}}mark.secondary{background:#d2405f}mark.tertiary{background:#2b866d}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#fe9992}.alert.critical{background:#ac354e;color:#fffddc}.alert.urgent{border:1px solid #fe6d64}.alert.critical{border:1px solid #86293d}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:100%;border:0;border-radius:2px;margin:2px auto;box-shadow:0 .5px 1px rgba(0,0,0,.1),0 .5px .5px rgba(0,0,0,.15);background:#e8deff;color:#6979c6}progress::-webkit-progress-value{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#e8deff}progress::-moz-progress-bar{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}@supports (width:calc(100% - 2*10px)) or (width:-webkit-calc(100% - 2*10px)){progress{width:-webkit-calc(100% - 2*10px);width:calc(100% - 2*10px);margin:2px 10px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #d6daef;border-left:4px solid #6979c6;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#d2405f}progress.secondary::-webkit-progress-value{background:#d2405f}progress.secondary::-moz-progress-bar{background:#d2405f}progress.tertiary{color:#2b866d}progress.tertiary::-webkit-progress-value{background:#2b866d}progress.tertiary::-moz-progress-bar{background:#2b866d}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #f2cad3;border-left:4px solid #d2405f}.spinner-donut.tertiary{border:4px solid #c5ded7;border-left:4px solid #2b866d}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:12px 10px;padding:0;border:1px solid #a9a2ba;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e8deff;height:32px;line-height:32px;margin-right:19px}ul.breadcrumbs li:after,ul.breadcrumbs li:before{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e8deff;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e8deff}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:.75em;height:.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(232,222,255,0);vertical-align:top;cursor:pointer;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.close:active,.close:focus,.close:hover{background:#e8deff}.close:after,.close:before{display:inline-block;width:.45em;height:.1em;position:absolute;content:"";top:.33em;left:.155em;text-overflow:clip;background:#211423}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0,0,0,.25)!important}.rounded{border-radius:4px!important}.circular{border-radius:50%!important}.responsive-margin{margin:3px!important}@media (min-width:768px){.responsive-margin{margin:6px!important}}@media (min-width:1280px){.responsive-margin{margin:10px!important}}.responsive-padding{padding:2px 3px!important}@media (min-width:768px){.responsive-padding{padding:4px 6px!important}}@media (min-width:1280px){.responsive-padding{padding:8px 10px!important}}.shadow-none{box-shadow:none!important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15)!important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15)!important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)!important} \ No newline at end of file diff --git a/docs/flavors.html b/docs/flavors.html index 44e3c23..c5def71 100644 --- a/docs/flavors.html +++ b/docs/flavors.html @@ -59,11 +59,11 @@
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v2.1.0/dist/mini-sucroa.min.css">-
Sucroa is a full flavor that uses a yellow-pink-lilac background color palette with dark purple-black foreground colors. It uses the default naming conventions (.primary
, .secondary
etc.). The grid system has 12 columns and most components use soft shadows combined with rounded corners. The card module's .dark
and .darker
classes have been replaced by the .light
and .lighter
classes respectively. Finally, .animated
alerts are not available.
Sucroa is a full flavor that uses a yellow-pink-lilac background color palette with dark purple-black foreground colors. It uses the default naming conventions (.primary
, .secondary
etc.). The grid system has 12 columns and most components use soft shadows combined with rounded corners. The card module's .dark
and .darker
classes have been replaced by the .light
and .lighter
classes respectively. Finally, .animated
alerts and .horizontal
tables are not available.
$blockquote-border-radius: 2px; // Border radius for$blockquote-box-shadow: // Box shadow for- 0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); + 0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); $use-default-code-fonts: false; // Should default font choice (monospace) be // used for code elements? (`true`/`false`) [6] $code-font-family: 'Cousine', monospace, monospace; // Fonts for code elements if not default @@ -76,7 +76,7 @@ $pre-element-border-style: 0; // Border style for$pre-element-border-radius: 2px; // Border radius for$pre-element-margin: 10px; // Margin for$pre-element-box-shadow: // Box shadow for- 0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); + 0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); $add-pre-element-sidebar: true; // Should a fancy sidebar be added to the // left side of(`true`/`false`) [7] $pre-element-sidebar-style: 3px solid #6979c6; // Style of the sidebar of@@ -87,7 +87,7 @@ $kbd-element-border-style: 0; // Border style for $kbd-element-border-radius: 2px; // Border radius for $kbd-element-box-shadow: // Box shadow for 0 1px 2px rgba(0,0,0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); -$style-samp-element: false; // Should styles for be included? +$style-samp-element: false; // Should styles for be included? // (`true`/`false`) [8] //$samp-element-padding: 2px 4px; // Padding for //$samp-element-fore-color: $fore-color; // Text color for @@ -114,9 +114,9 @@ $apply-link-hover-fade: true; // Should the :hover and :focus state // [1] - The value $base-root-font-size should be in `px` only! This rule is very important, as it will determine the root // element's font sizing. // [2] - The value of $base-font-size will only be used if the value of $apply-defaults-to-all is set to `true` (see [3]). -// This is due to the fact that applying the value of it on the root element again will overwrite the value of +// This is due to the fact that applying the value of it on the root element again will overwrite the value of // $base-root-font-size (see [1]). The value of this variable should be set in either `em` or `rem`. -// [3] - It is recommended to set the value of $apply-defaults-to-all to `true`, unless you want to apply extra styling +// [3] - It is recommended to set the value of $apply-defaults-to-all to `true`, unless you want to apply extra styling // to elements manually. // [4] - If the value of $make-heading-smalltext-block is `true` the elements in headings will be displayed below // the main heading and the 2 values specified below will apply. @@ -125,7 +125,7 @@ $apply-link-hover-fade: true; // Should the :hover and :focus state // [6] - If the value of $use-default-code-fonts is set to `false` the value of $code-font-family will be used. `true` // will apply the proper fix to use monospace font without any problems on all browsers. // [7] - if the value of $add-pre-element-sidebar is set to true, the style specified in $pre-element-sidebar-style will -// be applied as a left border for theelements. +// be applied as a left border for theelements. // [8] - If the value of $style-samp-element is set to `false`, no styling will be included in the final CSS file for // `samp` elements. Otherwise, the styling defined in the $samp-... variables will be applied. // [9] - If the value of $include-dfn-fix is set to `true` a styling fix will be applied, so that the elements are @@ -137,9 +137,12 @@ $apply-link-hover-fade: true; // Should the :hover and :focus state // Variables for grid elements $use-four-step-grid: false; // Should the old 4-step grid system be used // instead of the new (`true`/`false`) [1] +$include-parent-layout: true !default; // Should the classes for rows defining the column + // layout of children be included (`true`/`false`) [2] $grid-container-name: 'container'; // Class name for the grid container $grid-container-side-padding: 10px; // Padding for the grid container (left and right only) $grid-row-name: 'row'; // Class name for the grid's rows +$grid-row-parent-layout-prefix: 'cols'; // Class name prefix for the grid's row parents [2] $grid-column-prefix: 'col'; // Class name prefix for the grid's columns $grid-column-offset-suffix: 'offset'; // Class name suffix for the grid's offsets $grid-order-normal-suffix: 'normal'; // Class name suffix for grid columns with normal priority @@ -157,6 +160,8 @@ $grid-large-prefix: 'lg'; // Large screen class prefix for grid // Notes: // [1] - If the value of $use-four-step-grid is `true`, the grid system will contain 4 breakpoints instead of 3, along with // the needed styles. In this case, values should be specified for $grid-extra-small-prefix and $grid-small-breakpoint. +// [2] - If the value of $include-parent-layout is `true`, the grid system will contain extra classes that will define the column +// layout of their children. In this case, a value should be specified for $grid-row-parent-layout-prefix. // Variables for navigational elements $header-height: 48px; // Height for$header-back-color: #211423; // Background color for @@ -165,7 +170,7 @@ $header-border-style: 0; // Border style for $header-margin: 0; // Margin for $header-padding: 3px 10px; // Padding for $header-box-shadow: // Box shadow for - 0 2px 4px rgba(0,0,0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); + 0 2px 4px rgba(0,0,0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); $header-logo-name: 'logo'; // Class name for 's logo $header-logo-font-size: 1.75em; // Font size for 's logo $header-logo-line-height: 1.5; // Line height for 's logo @@ -173,6 +178,9 @@ $header-logo-margin: 6px 6px 1px 1px; // Margin for 's logo $header-logo-padding: 6px 0 0; // Padding for 's logo $header-link-hover-color: #493e4b; // Hover color for 's links $header-link-margin: 3px 0 0; // Margin for 's links +$include-header-sticky: true; // Should sticky elements be + // included? (`true`/`false`) [1] +$header-sticky-name: 'sticky'; // Class name for sticky $nav-back-color: #e8deff; // Background for