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 @@
  • Sucroa  View on Codepenmini-sucroa

    <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.

    Author: Angeliki Daskalakis

    Latest version: v2.1.0

    -

    Size: 7 KB

    +

    Size: 7 KB (loads external fonts)

  • diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index 6c47c73..9942833 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -875,3 +875,8 @@ - Updated the `quick_reference.html` page with new guidelines for `contextual`, `progress` and `utility`. - Updated the descriptions of modules wherever necessary. - Updated `README.md` and `CHANGELOG.md` to be ready for release. Flavor updates and changes still pending before release. + +## 20170216 + +- Updated `mini-sucroa`: Removed `horizontal` tables, added `sticky` for `header` and `footer`, added `tooltip`, disabled legacy support in `utility`. Updated the rest of the components as required (minor changes). +- Updated `mini-sucroa` flavor description. diff --git a/src/flavors/mini-sucroa.scss b/src/flavors/mini-sucroa.scss index c1e28b6..d7a5c55 100644 --- a/src/flavors/mini-sucroa.scss +++ b/src/flavors/mini-sucroa.scss @@ -4,7 +4,7 @@ /* Flavor name: Sucroa (mini-sucroa) Author: Angeliki Daskalakis - mini.css version: v2.0.2 (Fermion) + mini.css version: v2.1.0 (Fermion) */ // Google Fonts imports and usage @import url('https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext'); @@ -18,7 +18,7 @@ $base-root-font-size: 16px; // Root font sizing for all elements [1] $base-font-size: 1em; // Default font sizing for all elements [2] $base-line-height: 1.7; // Default line height for all elements. $body-margin: 0; // Margin for the body -$apply-defaults-to-all: true; // Should default values be applied to all +$apply-defaults-to-all: true; // Should default values be applied to all // elements? (`true` or `false`) [3] $h1-font-size: 2.2em; // Font size of h1 $h2-font-size: 1.7em; // Font size for h2 @@ -29,7 +29,7 @@ $h6-font-size: 0.9em; // Font size for h6 $heading-line-height: 1.2em; // Line height for all headings $heading-margin: 12px 10px; // Margin for all headings $heading-font-weight: 500; // Font weight for all headings -$heading-smalltext-fore-color: #424242; // color in headings +$heading-smalltext-fore-color: #424242; // color in headings $make-heading-smalltext-block: true; // Should elements in headings // be displayed as blocks (`true`/`false`) [4] $heading-smalltext-b-font-size: 75%; // Font size of block elements in headings @@ -40,7 +40,7 @@ $list-left-padding: 32px; // Left padding for
      and
        element $bold-font-weight: 700; // Font weight for and $horizontal-rule-line-height: 1.3em; //
        line height $horizontal-rule-margin: 10px; //
        margin -$horizontal-rule-border-style: 1px solid #757575; // Border style for horizontal rules (used +$horizontal-rule-border-style: 1px solid #757575; // Border style for horizontal rules (used // in the
        element's border-top) $horizontal-rule-fancy-style: true; // Should a fancy styling be applied for the //
        element (`true`/`false`) [5] @@ -58,7 +58,7 @@ $blockquote-cite-bottom-position: // Bottom padding for citation of < $blockquote-border-style: 0; // Border style for
        $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 the 
         elements. 
        +//	be applied as a left border for the 
         elements.
         // [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